/* ********************************** Font Styles -- Start ********************************** */
.buttonStyle {
    background-color: #C71444 !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;
    font-weight: Bold;
}
.buttonStyle:hover {
    background-color: #a50129 !important;
    color: #fff !important;
    font-weight: Bold;
}
.popupOneStyle{
	margin: 20px 120px auto;
    width: 385px !important;
}
.popupRecStyle{
	width: 460px !important;
	margin: 0 auto;
}
@font-face
{
    font-family: 'Nissan-AG-Bold';    
	src: url('NissanBrandW01-Bold.eot');
	src: url('NissanBrandW01-Bold.eot?#iefix') format('embedded-opentype'),
         url('NissanBrandW01-Bold.woff') format('woff'),
         url('NissanBrandW01-Bold.ttf') format('truetype'),
         url('NissanBrandW01-Bold.svg#NissanAGBold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'nissan-ag';
    src: url('./fonts/NissanBrandW01-Regular.eot');
    src: url('./fonts/NissanBrandW01-Regular.eot?#iefix') format('embedded-opentype'),
         url('./fonts/NissanBrandW01-Regular.woff') format('woff'),
         url('./fonts/NissanBrandW01-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

 @media only screen and (max-width:767px){
	 .styled-select select{
		     height: 32px !important;

	 }
	 .Iicon{
                            display:none;
              }
	 
 }
@media only screen and (min-device-width: 768px) and (max-device-width: 959px){
	.styled-select select{
		     height: 32px !important;

	 }
	.Iicon{
                            display:none;
              }
	
}
@media only screen and (max-width:767px){
.chequeImage{
    display:none;
}
}
.nissanAG{
	font-family: 'Nissan AG Regular';
}
.nissanAGB{
    font-family: 'nissan-ag';
}
/* ********************************** Font Styles -- End ********************************** */

/* ********************************** Hyperlinks - Starts ********************************** */
a{
cursor:pointer;
text-decoration: none;
color:#C71444;
}
a:hover{
text-decoration: none;
color:#C71444;
}
.blacklink{
color:#666666;
}
/* ********************************** Hyperlinks - Ends ********************************** */

/* ********************************** Buttons  ********************************** */
input[type=button], input[type=reset], input[type=submit]
{
    cursor: pointer;
    -webkit-appearance: button;
    height:22pt;        
    width:auto;
    text-transform:uppercase;
    font-weight:Bold;
    border:0px;
    color: white; 
    padding-left:20px;
    padding-right:20px;
}

.primarybutton{
    background-color:#C71444;
    
}  
.primarybutton:hover
{
    background-color:#a50129;
color:#fff !important;
}

.secondarybutton{
    background-color:#666;
}
.secondarybutton{
    background-color:rgb(102, 102, 118)
}
.inactive{
    background-color: #C1C1C1; /* Grey 5 */
}

input[type="text"]:disabled {
    background: #eeeeee !important;
}
.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;
}

/* ********************************** 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: "Nissan Regular",Verdana;
font-size:10.5pt;
font-weight:bold;
text-transform: uppercase;
}
.subheading{
text-decoration:underline;
font-family: 'nissan-ag';
}
.upper
{
text-transform:uppercase;
}
.amount
{
font-size:27pt;
font-weight:bold;
}
.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:#c71444;
}
.whitec{
color:#FFF;
}
.bgred{
background-color:#c71444;
border-radius:50%;

}
/* ********************************** Body Tags  ********************************** */
body {
        margin:auto;
        //width:1280px;
        font-family: "Nissan Regular",'Verdana';
    border-left:1px solid #eeeeee;
    color:#666666   ;
    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;
}
p{
font-size:.875em;
}
.paddingtopbot
{
padding-top:15px;
}

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


/* ********************************** For Header  ********************************** */

.headplaceholder
{
background-color:#000;
color:#C1C1C1;
height:38px;
}
li>span>a{
text-decoration: none;
color:#C1C1C1;
}
li>span>a:hover{
color:#FFF;
}
#list
{
display:inline;
padding-right:20px;
}
#list>a{
text-decoration: none;
color:#C1C1C1;
}
#list>a:hover{
color:#FFF;
}
.menulinks
{
padding-left:285px;
padding-top:10px;
}
@media screen and (min-width: 960px) {
.topnav>a:hover
    {
     color:#c71333;
     background:transparent url('./Images/Chevron.png') no-repeat center;
     background-position: 50% 110%;
    }
	}
.divcx {
    width: 25px;
    height: 5px;
    background-color: #c71333;
    margin: 4px;
}
.topnav {
  overflow: hidden;
  background-color: #000;
}
.topnav a {
  float: left;
  display: block;
  color: #FFF;
  text-align: center;
  padding: 12px 16px;
  text-decoration: none;
}


 .selected
    {
     background:transparent url('./Images/Chevron.png') no-repeat center;
     background-position:50% 110%;
    }
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;
}
.nna-nav-logo
{
height:114px !important;

}

/* ********************************** loading image ends  ********************************** */
/* ********************************** dropdown   ********************************** */

.styled-select {
cursor:pointer;
//width: 292px;
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*/
/*removing this - bala as the dropdown value is not coming*/
/*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*/
    width: 100%;
cursor:pointer;
background: transparent;
padding: 5px;
outline:0px;
padding-left:0px;
padding-right:0px;
line-height: 1;
border: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
} 
.selectdiv
{
border: 1px black solid;
}

.selectList{
padding: 0.5em !important;
}
/* 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: #c71444; }
#szlider{
height:22px;
border:1px solid #c71444;
overflow:hidden; 
}
/* payoff + progress bar div */
.divbar-greybox{
width:49.5%;
display:inline-block;
vertical-align:top;
}


.payoffgreybox{
font-weight:bold;
min-height:50px;
text-align: center;
height:auto;
background-color:#EEEEEE;   /*grey 6*/
padding-top:10px;
padding-bottom:10px;
margin:auto;
width:295px;
}
/* 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;
padding-left:20px;
padding-right:20px;
}
.addacc{
display:inline;
width:50px;
background: url('./Images/Add.png') no-repeat top left;
}
@media (max-width:768px){

.divbar-greybox{
width:100% !important;}}
/* ********************************** Account specific Ends********************************** */
/* ********************************** FOoter Images ********************************** */
.imgvid{
width:315px;
display:inline-block;
margin:auto;
text-align:center;
vertical-align: top;
}
.cmsimg{
width:1280px;
padding-top:30px;
margin-top:30px;
}
.footerimg{
width:285px;
height:205px;
}
img
{
border:0px !important;
}
.cmsimg>table>tbody>tr>td{
vertical-align:bottom;
}
/* ********************************** Footer Images Ends ********************************** */
/* message center header */
/* message center header Modified - Bala for dynamic class load*/
.msgicon_unselected{
background: url('./Images/Messages_Unselected.png') no-repeat 20px center;
padding-right:20px;
padding-bottom:10px;
width:50px;
cursor:pointer;
}
.msgicon_selected{
background: url('./Images/Messages_Nissan.png') no-repeat 20px center;
padding-right:20px;
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;
}

#AlertPanel
{
display:block;
padding-top: 0px !important;
padding-right: 15px !important;
}

/* ********************************** DIV Alerts Ends********************************** */
/* ********************************** Popup Start********************************** */
/*#blanket {
background-color:#C1C1C1;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUp1 {
position:absolute;
background-color:#FFFFFF;
width:auto;
height:auto;
padding:15px;
z-index: 9002;
}
#popUp2 {
position:absolute;
background-color:#FFFFFF;
width:auto;
height:auto;
padding:15px;
z-index: 9002;
}
#popUp3 {
position:absolute;
background-color:#FFFFFF;
width:auto;
height:auto;
padding:15px;
z-index: 9002;
}
#popUp4 {
position:absolute;
background-color:#FFFFFF;
width:auto;
height:auto;
padding:15px;
z-index: 9002;
}*/

.popupBg{
background-color:#C1C1C1;
opacity: 0.65;
filter:alpha(opacity=65);
z-index: 9001;
top:0px;
left:0px;
width:100%;
height:100%;
position:fixed;
}
.popup{
position:absolute;
background-color:#FFFFFF;
width:auto;
height:auto;
padding:5px;
z-index: 9002;
}
.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 #c71444;
        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 !important;
            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:#c71444;
             color:#fff;
            text-decoration:none;
        }
 
    li.active a, li.active a:hover {
        background:#C71444;
        color:#fff;
    }
 /*-**********************************  Tab Links ends**********************************/
 /*-********************************** Payment SPecific**********************************/

.compPaymentOptionsMainDiv{
width:330px;
}

.removeClass{
display:none;
}
.addClass{
display:block;
}
.customselect select {
       width: 300px;
       //-moz-appearance: none;
       //-webkit-appearance: none;
       //appearance: none;
       border:none;
}
/*-********************************** Payment SPecific 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**********************************/
/*-********************************** Side Bar**********************************/
   .tabclick
    {
  
    text-color:white;
    background-color:white;
    border-right: 0px;
    background: url('./Images/sidebararrow.jpg') 1px 50% no-repeat;
     padding:4.7% !important;border-top:solid 0px white !important;background-color:white !important;
    }
    .tabborder
    {
       
        color:#666666;
        background-color:white;
        border-right: 0px;
        background: url('./Images/sidebar.jpg') 1px 50% no-repeat;
 padding:4.7% !important;border-top:solid 0px white !important;background-color:white !important;
    }    

 /*-********************************** Sidebar ends**********************************/


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


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