/* ********************************** Font Styles -- Start ********************************** */
@font-face{font-family:'InfinitiBrandL1-Regular';src:url('./fonts/InfinitiBrandL1-Regular.eot');src:url('./fonts/InfinitiBrandL1-Regular.eot?#iefix') format('embedded-opentype'),url('./fonts/InfinitiBrandL1-Regular.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'InfinitiBrandL1-Bold';src:url('./fonts/InfinitiBrandL1-Bold.eot');src:url('./fonts/InfinitiBrandL1-Bold?#iefix') format('embedded-opentype'),url('./fonts/InfinitiBrandL1-Bold.woff') format('woff');font-weight:normal;font-style:normal}

@font-face{font-family:'Infiniti-Thin'; src:url("./fonts/Infiniti-Thin.ttf");src:url("./fonts/Infiniti-Thin.eot?#iefix") format("embedded-opentype"),url("./fonts/Infiniti-Thin.woff") format("woff"),url("./fonts/Infiniti-Thin.svg#Infiniti-Thin") format("svg"),url("./fonts/Infiniti-Thin.ttf") format("truetype");
}
/* ********************************** Font Styles -- End ********************************** */
.buttonStyle {
    background-color: #000 !important;
    color: #fff !important;
    line-height: 42px !important;
    text-transform: uppercase !important;
    text-align: left !important;
    cursor: pointer !important;
    display: block !important;
    padding: 0 30px !important;
    border: none !important;
    text-decoration: none !important;
    vertical-align: middle!important;
}
.buttonStyle:hover {
    background-color: white !important;
    color: black !important;
    border: 1px solid black !important;
}

.nissanAGB{
    font-family: "Infiniti Regular","Infiniti Extended Regular",Verdana,Arial,sans-serif;
}
.nissanAG{
	font-family: "Infiniti Regular","Infiniti Extended Regular",Verdana,Arial,sans-serif;
}
.toggle-bar .active {
    color: #FFF!important;
    background-color: #000 !important;
    font-weight: 700;
    font-size: 13px;
    
}
label{
font-weight:400 !important;
}


.year1{
          margin-left: 137px !important;
          }
          .mod1{
          margin-left: 23px !important;
          }
          .make1{
          margin-left: 128px !important;
          }
          .vin1{
          margin-left: 43px;
          }
          .acc1
          {
          margin-left: 3px;
          }
          .t1{
          width="35%";
          }
          .styled-select
  {
  width : 268px !important;
  }
  @media only screen and (min-device-width: 768px) and (max-device-width: 959px){
	  .styled-select select{
		     height: 32px !important;

	 }
	  .headplaceholder
	  
	  {
		  
		  margin-top:-20px;
	  }
  
  .Iicon{
                            display:none;
              }
  .t1{
          width:35% !important;
          }
          .styled-select
  {
  width : 100% !important;
  }
  
  }
  
     @media only screen and (max-width:767px) {
		 .styled-select select{
		     height: 32px !important;

	 }
		 .headplaceholder
	  
	  {
		  
		  margin-top:-20px;
	  }
  
		 .styled-select select{
			  font-size: 10pt !important;
		 }
		
		 .Iicon{
                            display:none;
              }
  .styled-select
  {
  width : 100% !important;
  }
  .t1{
  width:"0%";
  }
          .year1{
          margin-left: 14px !important;
          }
          .mod1{
          margin-left: 0px !important;
          }
          .make1{
          margin-left: 6px !important;
          }
          .vin1{
          margin-left: 20px !important;
          }
          .acc1
          {
          margin-left: 0px;
          }
	 }
@media only screen and (max-width:767px){
.chequeImage{
    display:none;
}
}
@media only screen and (max-device-width: 329px){
 .addClass{
    margin-left:10px;
    margin-right:10px;
}
}
/* ********************************** Hyperlinks - Starts ********************************** */

option{
font-weight:bold !important;
}
a:hover{
cursor:pointer;
text-decoration: none;
  color:#999;
}
a:click{
color: black;
}
.blacklink{
color:#000;
}
/* ********************************** Hyperlinks - Ends ********************************** */

/* ********************************** Buttons  ********************************** */
input[type=button], input[type=reset], input[type=submit]
{
    cursor: pointer;
    -webkit-appearance: button;
    height:22pt;        
    width:auto;
    text-transform:uppercase;
    border:0px;
    color: #FFF; 
    padding-left:20px;
    padding-right:20px;
font-size:10pt;
    border: 1px solid black;
}

.primarybutton{
    background-color: black;
    
}  
.primarybutton:hover
{
    background-color:white;
color: black;
border:1px solid black;
}
.primarybutton:active
{
background-color: #595959 !important;
color: white !important;
border:1px solid black;
}
.primarybutton:focus
{
background-color: white!important;
color: #595959!important;
border:1px grey;
}

.secondarybutton{
    background-color:#666;
}
.inactive{
    background-color:#807F83;
    color: #EEEEEE; /* Grey 5 */
}

.buttonlink
{
//width: 295px !important;
//height: 20px; 
display: block !important;
padding-top:5px !important;
padding-bottom:5px !important;
text-align:center !important;
color: #fff !important;
text-transform:uppercase;
font-weight:bold;
}

.buttonlink:hover
{
//width: 295px !important;
//height: 20px; 
display: block !important;
padding-top:5px !important;
padding-bottom:5px !important;
text-align:center !important;
background-color:white !important;
color:black !important;
border:1px solid black !important;
text-transform:uppercase;
font-weight:bold;
}
/* ********************************** Button Ends  ********************************** */


/* ********************************** table starts  ********************************** */
.table{
width:100%;
border-spacing:0;
box-sizing:border-box;
}
.table>thead{
background-color:#c1c1c1;

}
.table>thead:first-child>tr:first-child>td
{
border-top:0;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td{
padding:8px;
}
.tableurl{
color: #666;
}
.table-striped>tbody>tr:nth-child(even)>td,.table-striped>tbody>tr:nth-child(even)>th{
            background-color:rgb(238,238,238)/*grey 6*/
}
.tdchk{
width:20px;
}
.border{
border:1px #EEE solid;
}

/* ********************************** Table Ends  ********************************** */

/* ********************************** Text ********************************** */
.b{
font-weight:bold;
}
.Heading{
font-family: "Infiniti Regular","Infiniti Extended Regular",Verdana,Arial,sans-serif;
  text-transform: uppercase;
font-weight:400;
font-size:14pt;
}
.subheading{
text-decoration:underline;

}
.amount
{
font-size:36pt;
font-weight:400;
}
.smalltext{
font-size:9pt;
}
.rectanglebox{
font-weight:bold;
min-height:80px;
text-align: center;
height:auto;
background-color:#EEEEEE;   /*grey 6*/
padding-top:10px;
padding-bottom:20px;
}
.center{
text-align:center;
}
.right{
text-align:right;
}
.left{
text-align:left;
}
.ul{
text-decoration: underline;
}
 
/* ********************************** Text colors********************************** */
.redcolor{
color:black;
font-weight:bold;
text-decoration:underline;
}
.whitec{
color:#FFF;
}
.bgred{
background-color:black;
border-radius:50%;

}
/* ********************************** Body Tags  ********************************** */
body {

    border-left:1px solid #eeeeee;

    border-right:1px solid #eeeeee;
    }
.innerdiv{
    padding:10px;
}

.message
{
    margin:auto;
    width:650px;
}
.floatleft
{
    float:left;
}
.floatright
{
    float:right;
}
hr{
width:auto;
color:#666666;
margin-top:0px;
}

.paddingtopbot
{
padding-top:15px;
}

.upper
{
text-transform:uppercase;
}
.lower
{
text-transform:lowercase;
}

.txt{
width:250px;
background-color:#FFFFFF;
margin-bottom:0.25em;
border:1px solid #CCCCCC;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.txt:focus{
border-color:black;
outline:0;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}
}
.inactivetxt{
background-color:#eee !important;
border:0px;
}

/* ********************************** For Header  ********************************** */
@media only screen and (max-device-width: 329px){
.container{
    margin-right: auto !important;
    margin-left: auto !important;
    padding-left: auto !important;
    padding-left: 0px ;
    padding-right: 0px ;
}
.col-sm-12, .col-md-12, .col-lg-12 {
    position: relative !important;
    min-height: 1px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.mtd {
    padding: 0px !important;
}

}
.headplaceholder
{
background-color:#f1f1f1;
height:45px;
}
li>span>a{
text-decoration: none;
font-size:11pt;
color:#FFF;
line-height:49px;
display:table-cell;
padding-right:20px;
padding-left:20px;
}
li>span>a:hover{
background-color:#666;
color:#FFF;
}
#list
{
display:inline-block;

}
#list>a{
text-decoration: none;
color:#FFF;
}
#list>a:hover{
color:#FFF;
}
@media only screen and (min-device-width: 960px){
	
	.menulinks
{
padding-left:242px;
margin-top:53px !important;
}
}
.menulinks
{
padding-left:242px;
}

 .selected
    {
     background-color:#000;  
	 color:#FFF;
    }
	
ul{
margin:0px;
}

/* ********************************** For Header ends  ********************************** */
/* ********************************** loading image  ********************************** */
#loading-image {
           background-color:#C1C1C1;
           position: fixed;
           width: 100%;
           height: 100%;
           top:0;
           left:0;
           z-index: 9999;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -khtml-opacity: 0.60;
    -moz-opacity: 0.60;	
	opacity: 0.60;
	background-position:center;
	background-image: url('./Images/loader3.GIF');
	background-repeat:no-repeat;
}
/* ********************************** loading image ends  ********************************** */
/* ********************************** dropdown   ********************************** */
.styled-select {
//width: 292px;
cursor:pointer;
padding-left:0px;
padding-right:0px;
overflow: hidden;
background: url('./Images/arrowselect01.png') no-repeat right #fff;
border: 1px solid #ccc;
text-indent: 0.01px; /* Removes default arrow from firefox*/
/* text-overflow: ""; Removes default arrow from firefox*/
}

.styled-select select {
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: "";  /*Removes default arrow from firefox*/
font-family:"Infiniti Regular","Infiniti Extended Regular",Verdana,Arial,sans-serif;
background: transparent;
width: 100%;
padding: 5px;
cursor:pointer;
outline:0px;
padding-left:0px;
padding-right:0px;
line-height: 1;
border: 0;
border-radius: 0;
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -o-appearance: none;

} 
.selectdiv
{
border: 1px black solid;
}
/* IE fix */
.styled-select select::-ms-expand {
    display: none;
}

/* ********************************** dropdown ends  ********************************** */
/* ********************************** template properties  ********************************** */
.main-page-left-col
{
width:23%;
display:inline-block;
}
.main-page-mid-col
{
width:46%;
display:inline-block;
}
.main-page-right-col
{
width:23%;
display:inline-block;
}
.other-page-left-col
{

}
.other-page-mid-col
{
width:950px;
margin:auto;
}
.other-page-right-col
{

}
.padding5
{
padding-left:15px;
padding-right:15px;
}
.padding15
{
padding-top:20px;
}
.paddingr10{
padding-right:20px;
}
/* ********************************** template properties ends ********************************** */

/* ********************************** Account specific ********************************** */
/*progress bar*/
#paymentbar{
width:0%;
height:22px;
background: black; }
#szlider{
height:22px;
border:1px solid black;
overflow:hidden; 
}
/* payoff + progress bar div */
.divbar-greybox{
width:49.5%;
display:inline-block;
vertical-align:top;
}
@media (max-width:768px){
	.styled-select select{
		     height: 32px !important;

	 }

.divbar-greybox{
width:100% !important;}}
.payoffgreybox{

min-height:50px;
text-align: center;
height:auto;
background-color:#EEEEEE;   /*grey 6*/
padding-top:10px;
padding-bottom:10px;
}
/* payoff + progress bar div ends */

/*quick links */
.tdquicklinks
{
padding-top:0%;padding-bottom:0%;
}
.h1quicklinks{
margin-top:5px;margin-bottom:5px; width:20px;
}
.paymentdetailsdiv{
font-weight:normal !important;
font-size:10pt !important;
padding-left:20px;
padding-right:20px;
}
.addacc{
display:inline;
width:50px;
height:22px;
background: url('./Images/Add.png') no-repeat top left;
}
/* ********************************** Account specific Ends********************************** */
/* ********************************** FOoter Images ********************************** */
.imgvid{
width:315px;
display:inline-block;
margin:auto;
text-align:center;
}
.cmsimg{
width:1280px;
padding-top:30px;
margin-top:30px;
}
.footerimg{
width:285px;
height:205px;
}
img
{
border:0px !important;
}

/* ********************************** Footer Images Ends ********************************** */
/* message center header */


.msgicon_unselected{
background: url('./Images/Message.png') no-repeat 475px center;
padding-left:460px;
padding-bottom:10px;
width:50px;
cursor:pointer;
}
.msgicon_selected{
background: url('./Images/Message_Infiniti.png') no-repeat 475px center;
padding-left:460px;
padding-bottom:10px;
width:50px;
cursor:pointer;
}
/* ********************************** DIV Alerts Start********************************** */

.alertsymbol{
background: url('./Images/Alert.png') no-repeat 10px center #EEE;
min-height:60px;
padding-top:20px;
padding-bottom:20px;
padding-left:70px;
padding-right:70px;

}
.alerttext{
padding:20px;
}

/* ********************************** DIV Alerts Ends********************************** */
/* ********************************** Popup Start********************************** */
/*removed all commented parts since it is causing compilation issue*/
.popupBg{
background-color:#C1C1C1;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
height:100%;
position:fixed;
}
.popup{
position:absolute;
background-color:#FFFFFF;
width:auto;
height:auto;
padding:15px;
z-index: 9002;
}
.popupOneStyle{
	margin: 20px 120px auto;
    width: 405px !important;
}
.popupRecStyle{
	width: 460px !important;
	margin: 0 auto;
}
.popupcontent{
padding:30px;
}

table.radioClass{
width:100%;
}
table.radioClass>tbody>tr>td{
text-align:center;
}

/* ********************************** popup ends********************************** */
 /*********************************** ----- Tab Links ********************************** /
    /* Clearfix */
    .tab-links:after {
    border-bottom:2px solid black;
        display:block;
        clear:both;
        content:'';
	padding-left:0px;
    }
.tab-links{
padding-left:0px;
}
 
    .tab-links li {
        
        float:left;
        list-style:none;
    }
 
        .tab-links a {
            padding:9px 15px;
            display:inline-block;
            border-radius:0px;
            background:#fff;
            font-size:16px;
            font-weight:bold;
            color:#666666;
            transition:all linear 0.15s;
        }
 
        .tab-links a:hover {
            background:black;
             color:#fff;
            text-decoration:none;
        }
 
    li.active a, li.active a:hover {
        background:black;
        color:#fff;
    }
 /*-**********************************  Tab Links ends**********************************/
 /*-********************************** Payment SPecific**********************************/

.compPaymentOptionsMainDiv{
width:330px;
}

.removeClass{
display:none;
}
.addClass{
display:block;
left:0px;
padding-right: 30px;
}
.customselect select {
       width: 300px;
       border:0;
}

 /*-********************************** Payment SPecific ends **********************************/
 /*-********************************** Side Bar**********************************/
   .tabclick
    {
  
    color:white;
    background-color:white;
    border-right: 0px;
    background: url('./Images/sidebararrow.jpg') 1px 50% no-repeat;
     padding:3.5% !important;border-top:solid 0px white !important;background-color:white !important;
   
    }
    .tabborder
    {
        padding:3.5% !important;border-top:solid 0px white !important;background-color:white !important;
   
        color:#666666;
        background-color:white;
        border-right: 0px;
        background: url('./Images/sidebar.jpg') 1px 50% no-repeat;
    }    

 /*-********************************** Sidebar ends**********************************/
/*-********************************** Input boxes**********************************/
.txt{
height:32px;
width:250px;
background-color:#FFFFFF;
margin-bottom:0.25em;
border:1px solid #CCCCCC;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.txt:focus{
border-color:#66afe9;
outline:0;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}
}
.inactivetxt{
background-color:#EEEEEE;
border:0px;
}
/*-********************************** Input boxes Ends**********************************/

.lnks
{
color:#666666;
}
.lnks:hover
{
color:black;
}
.lnks:click
{
color:black;
}
.linkcolor
{
color:black !important;;

}


#mytable:first-child > tbody:first-child > tr:first-child > td:first-child > :first-child {
    color: black;
}