@charset "utf-8";
/* CSS Document */
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color:rgb(255, 255, 255) !important;}
html, body, ul, li, a, p, h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; font-size:12px; font-family:Arial, sans-serif;}
input:focus{ background:transparent;}
input:-webkit-autofill, input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
input, a, button, select, input:focus {outline:none !important; vertical-align:top; box-shadow:none;}
.borderline{ background:#ffffff; border:1px #d2d2d2 solid;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
box-shadow: 0 2px 7px 2px #e5e5e5;}
.footer-bg{ padding-top:0px !important; margin-top:1px; background:url(https://images.cartradeexchange.com/images/newhome/footer-bg.jpg) no-repeat right bottom; display:block; margin-bottom:0px !important;}
.footer-outer{ background:#ffffff url(https://images.cartradeexchange.com/images/newhome/footer.jpg) repeat-x top center; text-align:center; padding:20px 15px; color:#888888; line-height:18px;}
.footer-outer a{ color:#e70000; text-decoration:underline;}
.footer-outer a:hover {color:#000;}
.footer{ border:none; margin:0px; padding:0px;}
.btmMrg { margin-bottom:20px !important;}

/*header start*/
.header{ background:#ffffff url(https://images.cartradeexchange.com/images/newhome/header.jpg) repeat-x bottom center; min-height:120px; }
.mg-header{ min-height: 0px; }

.container{ width:990px; margin:auto; display:table; padding-top:15px; text-align:left; box-sizing:border-box;}
.outer-container{}
.cte-logo, .cte-banner, .ct-logo{ float:left;}
.cte-logo{ width:185px; padding-top:20px; text-align:center;}
.ct-logo{ width:200px; padding-top:20px; float:right;}
.cte-banner{ width:560px; padding:0px 15px; margin:0px;}
.cte-logo .log a span {    background: url(https://images.cartradeexchange.com/images/newhome/cte-logo.jpg) no-repeat 0 0; width: 100%; height: 54px; background-size: 91%; display: block; position:relative; left:8px;}
.mg-logo .log a span {    background: url(https://images.cartradeexchange.com/images/newhome/mg-logo.svg) no-repeat 0 0; width: 22%; height: 54px; background-size: 91%; display: block; position:relative; left:8px; float: left; top:-6px;}
.mg-logo .log a .mg-mobilelogo {  width: 100%; height: 76px; display: block; position:relative; left:8px; float: left; top:-6px;}

.mb-logo .log a span {    background: url(/images/cte-mb-logo.png) no-repeat 0 0; width: 22%; height: 80px; background-size: 91%; display: block; position:relative; left:8px; float: left; top:-6px;}
.mb-logo .log a .mb-mobilelogo {  width: 100%; height: 76px; display: block; position:relative; left:8px; float: left; top:-6px;}

@media only screen and (min-width: 320px) and (max-width: 360px) { .cte-logo .log a span {background-size: 80%;}}
@media only screen and (min-width: 361px) and (max-width: 500px) { .cte-logo .log a span {background-size: 70%;}}
@media only screen and (min-width: 501px) and (max-width: 767px) { .cte-logo .log a span {background-size: 50%;}}
@media only screen and (min-width: 768px) and (max-width: 1000px){.header {min-height:auto;} .outer-container {padding-top: 20px;}}


@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-webfont.woff2') format('woff2'),
         url('../fonts/roboto-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*header end*/
/*left block start*/
ul.resp-tabs-list,p{margin:0;padding:0}
ul.resp-tabs-list li:first-child{-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px}
ul.resp-tabs-list li:last-child{-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px}
.resp-tabs-list li{font-weight:600;font-size:15px;display:inline-block;padding:13px 35px;list-style:none;cursor:pointer;float:left;background:rgba(220,220,220,1);border:1px #cecece solid;border-bottom:none; font-family: roboto,Arial,sans-serif;  font-weight: normal; text-transform: uppercase;}
.resp-tabs-container{padding:0;background-color:#fff;clear:left;-webkit-border-radius:5px;-webkit-border-top-left-radius:0!important;-moz-border-radius:5px;-moz-border-radius-topleft:0!important;border-radius:5px;border-top-left-radius:0!important;-}
h2.resp-accordion{cursor:pointer;padding:5px;display:none}
.resp-tab-content{display:none;padding:15px;min-height:298px; box-shadow: 0 2px 7px 2px #e5e5e5;}
.resp-tabs-list li.resp-tab-active{ margin-bottom:-1px!important;border-bottom:0 #fff solid!important; color:#fff;border:1px red solid!important; position:relative}
.resp-tabs-list li.resp-tab-active span{width:0;height:0;border-style:solid;border-width:10px 10px 0;border-color:#d11900 transparent transparent;position:absolute;bottom:-10px;z-index:1;left:44%}
.resp-tab-active{border-bottom:none;background-color:#fff}
.resp-content-active,.resp-accordion-active{display:block}
.resp-tab-content{border-top-color:#5AB1D0}
h2.resp-accordion{border-top:0 solid #c1c1c1;margin:0;padding:10px 15px;background:rgba(220,220,220,1)!important;background:-moz-linear-gradient(top,rgba(220,220,220,1) 0%,rgba(255,255,255,1) 100%)!important;background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(220,220,220,1)),color-stop(100%,rgba(255,255,255,1)))!important;background:-webkit-linear-gradient(top,rgba(220,220,220,1) 0%,rgba(255,255,255,1) 100%)!important;background:-o-linear-gradient(top,rgba(220,220,220,1) 0%,rgba(255,255,255,1) 100%)!important;background:-ms-linear-gradient(top,rgba(220,220,220,1) 0%,rgba(255,255,255,1) 100%)!important;background:linear-gradient(to bottom,rgba(220,220,220,1) 0%,rgba(255,255,255,1) 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc',endColorstr='#ffffff',GradientType=0)!important;border:1px #cecece solid; font-family: roboto,Arial,sans-serif; font-size: 15px; font-size: 15px; text-transform: uppercase; font-weight: normal;}
h2.resp-tab-active{border-bottom:0 solid #c1c1c1!important;margin-bottom:0!important;padding:10px 15px!important} 
h2.resp-tab-title:last-child{border-bottom:12px solid #c1c1c1!important;background:blue}

/*-----------Accordion styles-----------*/
h2.resp-tab-active{background:#d11900 !important; color:#fff;position:relative; font-family: roboto,Arial,sans-serif; font-size: 15px; text-transform: uppercase; font-weight:normal;}
h2.resp-tab-active span.resp-arrow{width:0;height:0;border-style:solid;border-width:10px 10px 0!important;border-color:#d11900 transparent transparent!important;position:absolute;top:33px;z-index:1;left:44%}
.resp-easy-accordion h2.resp-accordion{display:block}
.resp-easy-accordion .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1}
.resp-jfit{width:100%;margin:0}
.resp-tab-content-active{display:block}.col-left{ width:670px; float:left;}
.resp-tabs-container{ border:1px #d2d2d2 solid !important;}
.maintitle{ /*font:normal normal 20px Arial, sans-serif;*/ color:#e70000; padding:0px 0px 8px 0; margin-bottom:30px; border-bottom:1px #e5e5e5 solid; background:none; font-family: roboto,Arial,sans-serif; font-size: 18px; font-weight: normal; text-transform: uppercase;}
.iconslist{ margin-top:0px;}
cf:before, .cf:after { content: " "; /* 1 */display: table; /* 2 */}
.cf:after { clear: both;}
.cf {*zoom: 1;}
li.cf { width: 50%; list-style-type: none; padding: 0px 0; float:left; min-height:110px;}
.product-customize-image { width:70px; max-width:24%; height:70px; background:#ffffff; box-sizing:border-box; border:1px #dfdede solid; display:table; float:left; margin: 0 10px 0 0; color:#646464; text-align:center; font-size:28px; font-weight:normal;}
.product-customize-image .fa{ display:table-cell; vertical-align:middle;}
.product-menu-txt {float: left;width: 70%;}
.sec-title{ font-size:14px; font-weight:600; color:#d41703; padding-bottom:4px; line-height:18px !important;}
.product-menu-txt .sec-title { padding-bottom:3px;}
.patxt{ font-size:12px; color:#727272; line-height:18px;}
.register-btn{ clear:both; font-size:21px; font-style:italic; color:#000000; margin-bottom:50px; font-weight:600;}
.register-btn a{ background:#ff0000; font-size:20px; text-align:center; padding:10px 30px; color:#ffffff; font-weight:600; text-decoration:none; margin-left:10px; text-transform:uppercase; font-family: roboto,Arial,sans-serif; font-style: initial;}
.register-btn a:focus, .register-btn a:hover { background-color: #d41703;}
.mbrk{ display:none;}
.title{ font:normal normal 16px Arial, sans-serif; color:#000000; margin-bottom:5px;}
.loca-dis{ font:normal normal 12px Arial, sans-serif; color:#868686; line-height:22px;}
.events_out{ height:215px; overflow-y:scroll;}
.events-list{ border-bottom:1px #e3e3e3 solid; padding:10px 0;}
/*.inner-tabs{ margin:25px 0; }*/
 a.inner-tabs{ background:#333; padding:8px 20px; font-size:14px; color:#ffffff; text-decoration:none;  text-transform: uppercase; font-family: roboto,Arial,sans-serif; font-size: 12px; font-weight:normal;}
.date-outer{ display:table; width:100%;}
.date-left{ display:table-cell; width:70%;}
.date-right{ display:table-cell; color:#ff0000;}
/*left block end*/
/*right block start*/
.col-right{ width:300px; float:right;}
.sms{ text-align:center; padding:15px 0; margin-top:1px;}
/*login block start*/
.login-block{ min-height:298px; padding:15px; position:relative; margin-top:47px; box-shadow: 0 2px 7px 2px #e5e5e5;}
.redtitletext{ font-size:18px; color:#d41703; line-height:22px; padding-bottom:10px; font-weight:normal; border-bottom:1px #e5e5e5 solid;  display:block;}
.for-rem{ display:table; width:100%;}
.remem{ float:left; width:50%; font-size:12px;}
.remem label {font-size:12px;}
.forg{ float:right; width:50%; text-align:right;}
.forg a{ color:#d41703; font-size:12px; }
.forg a:hover {color:#000;}
.orDivider{width:100%;position:relative;margin:2px 0px; text-align:center;}
.orDivider .divider{width:100%;height:1px;background-color:#ccc}
.orDivider span{font-size:10px;position:relative;left:0%;top:-10px;display:inline;padding:1px 5px;background-color:#fff;width:auto;border:0 solid; color:#555;}
/* Basic Reset */
*, *:after,*:before {margin: 0; padding: 0; }
.loginform{font-size:14px; font-weight: 400; color: #555; margin-top:10px; margin-bottom:0px;}
/* Material Design Form Inputs */
.form__wrapper { overflow: hidden; position: relative; z-index: 1; display: inline-block; margin-bottom: 1.6rem; width: 100%; vertical-align: top;}
.form__wrapper--submit { padding: 1.6rem 0;}
.form__input { display: block; position: relative; margin-top: 1em; padding: 0em 0; width: 100%; box-sizing: border-box; color: #444; font-size: 1.6rem; outline: 0; border: none;
  border-bottom: solid 1px #cccccc; background-position: -400px 0; background-size: 400px 100%; background-repeat: no-repeat;}
.form__input:focus {background-position: 0 0; color: #444;}
/* Form Label */
.form__label {position: absolute; bottom: 0; left: 0; padding: 0; width: 100%; height: calc(100% - 1em); text-align: left; pointer-events: none; color: #999; font-size:14px;}
/* Form Label Content */
.form__label-content {
  position: absolute;
  -webkit-transition: transform 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  -moz-transition: transform 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  -o-transition: transform 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: transform 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
}
/**
 * 1. When input is focused move the label to top
 * 2. when the input field has a value move the label to top
 */
 
.form__input:focus ~ .form__label .form__label-content,.form--filled .form__label-content{font-size:12px;-webkit-transform:translate3d(0,-65%,0);-moz-transform:translate3d(0,-65%,0);transform:translate3d(0,-65%,0)}
input.inpbox:focus ~ label,textarea:focus ~ label,input.inpbox:valid ~ label,textarea:valid ~ label{font-size:12px;color:#cecece;top:-18px;-webkit-transition:all .125s ease;transition:all .125s ease}
.styled-input{float:left;width:100%;margin:1rem 0;position:relative}
.styled-input label{color:#999; font-size:14px; padding:1rem 0;position:absolute;top:0;left:0;-webkit-transition:all .25s ease;transition:all .25s ease;pointer-events:none; width:100%; text-align:left; float:none !important;}
.inpbox{width:100% !important;}
label{ float:none !important; font-size:14px;}
.styled-input.wide{width:100%}
input.inpbox,textarea{padding:1rem 0;border:0;width:auto;font-size:14px !important;border-bottom:1px #cecece solid; height:auto !important;}
input.inpbox ~ span,textarea ~ span{display:block;width:0;height:3px;background:#333333;position:absolute;bottom:0;left:0;-webkit-transition:all .125s ease;transition:all .125s ease}
input.inpbox:focus ~ span,textarea:focus ~ span{width:100%;-webkit-transition:all .075s ease;transition:all .075s ease}
/* Basic Buttons */
.black { background-color: #343434 !important; text-transform:uppercase;}
.black:focus, .black:hover { background-color: #000000 !important;}
.btnred { display: inline-block; padding: 10px 0px; background-color: #d41703; color: #fff; border: 0; outline: none; cursor: pointer; font-family: inherit; font-weight: 500; font-size: 14px; transition: all 0.2s ease;}
.btnred:focus, .btnred:hover { background-color: #ff0000;}
.btnred.btn-block { width: 100%; display: block; text-align:center; color:#ffffff !important; text-transform:uppercase; padding:11px 0px; font-family: roboto,Arial,sans-serif !important;
    font-size: 14px !important;}
/*login block end*/
.info-list{ padding:0px; margin:0px;}
.info-list li{ list-style:none; padding:5px;}
.info-out{ position:relative; background:#ffffff; border:1px #d2d2d2 solid;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
box-shadow: 0 2px 7px 2px #e5e5e5;  margin:auto; padding:20px;} 
.downarow{ position:absolute; bottom:-46px; left:0px; background:url(https://images.cartradeexchange.com/images/newhome/comment2.png) no-repeat left bottom; width:300px; height:46px; }
/*right block end*/
.resp-tabs-container .eventMenu{ background:none; border:none; padding:20px 0px;}
.resp-tabs-container .eventCnt{ padding:0px;}
.resp-tabs-container ul.eventList{ height:246px;}
.error{ clear:both; text-align:center; font-size:12px;}
.tabs{ border:none;}
.eventList li h4 a{ font-size:12px; font-weight:bold; text-transform: uppercase; color:#000;}
.eventList li h4 a:hover {color:#ff0000;}
.tabs-menu, .tabs-menu1 {
   /* height: 50px;*/
   margin-bottom:10px;
    float: none;
    clear: both;
  width:100%;
  overflow:hidden;
}
.tabs-menu1 {margin-top:3px; margin-bottom:1px;}
.hdg {margin-bottom:4px; color:#d41703; font-weight:bold; display:block; font-size:14px;}
.mar_btm_15 { margin-bottom:15px;}
.page_pravicy_main {border:1px solid #cdcdcd; margin-top:20px!important; margin-bottom:20px!important;}
.tabs-menu li, .tabs-menu1 li {
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 10px;
  list-style:none;
  margin-bottom:10px;
  
}

.tabs-menu li {margin-bottom:5px;}
.ac {height:550px; overflow:auto; border-top:1px solid #cdcdcd; padding:15px; line-height:18px; color:#1b1b1b;}
.ul_pad li {margin-left:11px;}
.privacY_tp_blk {box-sizing: border-box;
    padding: 0 15px 15px; overflow:hidden;
    width: 100%;}
.back {padding-top:7px;}
.privacY_tp_blk .maintitle {border-bottom:0px!important; margin:0px; padding:0px;}
.privacY_tp_blk a:hover {color:#d91a29;}
.tabs-menu li.current, .tabs-menu1 li.current {
    position: relative;
    z-index: 5;
}
.frm_btm {margin-top:5px; margin-bottom:25px; width:500px; line-height:30px;}
.tabs-menu li a {
    padding: 1px 16px ;
    display:inline-block;
    margin-top:3px;
    color: #fff;
    text-decoration: none; 
}

.tabs-menu .current a {
}

.tab, .tab1 {
    float: none;
    margin-bottom: 0px;
    width: auto;
}

.tab-contents, .tab-contentsd {
    padding: 0px;
    display: none;
}

#Banks, .tab-contents:first-child, .tab-contentsd:first-child {
 display: block;   
}

.resp-tabs-container .eventMenu {
    background: none;
    border: none;
    padding: 5px 0px 0 0;
}
#reg_popbox{ top:-30px; left:-313px; }
#reg_popbox2{ top:30px; left:-313px;   }
.cbtnx{ position:absolute; top:0px; right:0px;}
.cbtnx a{ font-size:0px;}
.table-borders td{ border:none !important; padding:10px 0;}
.imtbx{height: 25px;
    line-height: 25px;
    margin-top: 6px;
    width: 96%}
label, input, select, textarea{ font-family:Arial, sans-serif !important;}  

#reg_popboxmm .styled-input, #reg_popboxmm1 .styled-input, #reg_popboxmm2 .styled-input{
  margin: 1rem 0 0;
  float:none;
  }
.tabs-menu li.current a.inner-tabs, .tabs-menu1 li.current a.inner-tabs{ background:#d41703;}
  
h3{ background:none;}
.listngBtn{ background:#333333; border-radius:0px;} 
/* Popup Start */
.pop_bg {width:100%; height:100%; position:fixed; top:0px; left:0px; background-color:#000000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; z-index:81; display:none;}
.pop_full_con {display: none; position: fixed; z-index: 99; width: 100%; transform: translateY(-50%); left:0; right:0;}
.pop_con_main {width:270px; position:fixed;margin:auto; padding:20px; background-color:#ffffff;top: 10% !important;
left: 0px;
right: 0px; }
.pop_hdg {border-bottom:1px solid #eaeaea; padding-bottom:10px; background:none; font-size:14px; text-align:left; padding-right:28px; height:auto; line-height: 18px; color: #d41703;}
.fl {float:left;}
.fr {float:right;}
.mar_t_15 {margin-top:15px;}
.over_hid {overflow:hidden;}
.pop_con_main .popupCrossBtn {background:rgba(0, 0, 0, 0) url("https://images.cartradeexchange.com/images/close_black.png") no-repeat scroll 0 0; right:5px; top:10px;}
.pop_con_main form, .pop_cnt_in table {margin-bottom:0px!important;}
.pop_p {font-size:11px; padding: 15px 0px 10px 0;}
.pad_t_b_none {padding-bottom:0px!important; padding-top:0px!important;}
/* Popup End */



/* forDealer */
.forDealerHeader{margin-bottom:2px!important;padding-bottom:4px!important;border-bottom:1px solid #ddd}
.forDealerHeader .mainHeader{min-height:60px!important;overflow:hidden}
.logoExchange{margin:16px 0 0;width:176px;height:52px}
.logoExchange a{background:url(https://images.cartradeexchange.com/images/logoExchange1.jpg) no-repeat;text-indent:-5000px;width:166px;height:52px;display:block}
.ForDealeradd{float:left;width:560px;height:90px;overflow:hidden}
.rhtlogo{float:right!important;margin:21px 0 0}
#liveEvents,#UpcomEvents,#OffEvents{min-height:249px;max-height:249px}
.events{margin-bottom:20px;padding:9px 0 0;box-shadow:0 0 1px 1px #F6F6F6;background:url(https://images.cartradeexchange.com/images/boxTopBg.jpg) repeat-x scroll 0 0 #FFF}
.events .newTabs ul.tabs li{width:194px!important}
.span16 .events .tabWrapper{margin-bottom:4px}
.eventMenu{padding:10px 17px;border-bottom:1px solid #ddd;background:url(https://images.cartradeexchange.com/images/liveEventMenuBg.jpg) left bottom;overflow:hidden}
.eventBtn,.listngBtn{position:relative;float:left;margin:0 10px 0 0;padding:5px 9px 0;height:18px;font:14px;line-height:14px;color:#444;text-decoration:none;border:1px solid #bbb;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:url(https://images.cartradeexchange.com/images/eventMenuBtnBg.jpg) 0 0;overflow:hidden; margin-left:7px;}
.eventBtn:hover,.eventBtn.active,.listngBtn{color:#fff;text-decoration:none;border:1px solid #222;background-position:0 23px}
.listngBtn:hover{color:#fff;text-decoration:none}
.eventCnt{margin:0;padding:19px;overflow:hidden}
ul.eventList{margin:0;padding:0;height:165px;padding-right:10px;overflow:auto;list-style:none;position:relative}
ul.eventList li:last-child {margin-bottom:0px; padding-bottom:10px;}
ul.eventList li{margin: 0 0 10px;padding:0 0 10px;overflow:hidden;border-bottom:1px solid #e3e3e3}
ul.eventList h4{clear:both;font-size:14px; margin-bottom:0px; line-height:20px;color:#444}
.eventCntLft{float:left;width:70%;font-size:12px;line-height:20px;color:#868686;overflow:hidden}
.eventCntRht{float:right;width:30%}
.eventCntRht h5{margin:3px 0 0 7px;padding:0 0 5px;clear:both;width:100%;font:12px;color:#ff0000; font-weight:normal;} /*#d10*/
.blackbtnBox{height:25px;overflow:hidden}
.memberForm{padding-top:5px;min-height:150px}
.memberForm label{float:none;margin-top:-3px;color:#666;text-align:left}
.memberForm input[type="text"]{margin:6px 0 15px;width:252px}
.memberForm input[type="submit"]{width:64px;margin:0 5px 15px 0}
.regMember{padding:15px 0 9px;border-top:1px solid #ddd;overflow:hidden}
.regMember .redBtn{display:block;padding:4px 9px 5px;font:14px/14px QuestrialRegular,sans-serif;text-align:center;border:1px solid #222;text-shadow:0 1px 1px #000;background-position:left bottom}
.cartradeExchange{margin-bottom:30px;background:#fff url(https://images.cartradeexchange.com/images/benefitsBg.jpg) no-repeat right bottom}
.cartradeExchange h1{margin:0 0 20px;padding-bottom:15px;font-size:28px;line-height:25px}
.benefits{margin:0;padding:0}
table.benefits td{border-top:none;vertical-align:top}
table.benefits th,table.benefits td{line-height:18px;padding:0 0 20px;text-align:left}
table.benefits th,table.benefits td.firstCol{width:320px}
.benefits h3{margin:0;width:300px;font-size:18px;color:#d10}
.benefits h3 a{color:#d10;text-decoration:none}
.benefits p{width:300px;font-size:11px;color:#888}
h3.bcmMembHeading{float:left;margin:5px 0;padding:0}
.regBtn{float:right}
.bcmMembBox{margin-bottom:140px;overflow:hidden}
.bnftListingBox{padding:38px 0 0;overflow:hidden}
.bnftListing{position:relative;margin:0 auto;padding:15px 19px 10px;width:220px;border:1px solid #ddd;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#f8f8f8 url(https://images.cartradeexchange.com/images/bnftListingBg.jpg) repeat-x;behavior:url(/css/pie/PIE.htc);overflow:hidden}
.bnftListing ul{margin:0;padding:0 0 0 12px;list-style:disc}
.bnftListing ul li{margin:0 0 10px;padding:0;font-size:11px;line-height:16px;color:#888}
.bnftListingBtm{position:relative;margin:-5px auto 0;display:block;width:260px;height:54px;background:url(https://images.cartradeexchange.com/images/bnftListingBtm.png) no-repeat;overflow:hidden;z-index:60}

/* popupbox */
.popupBox,.popupBox2{display:none;position:absolute;left:-303px;top:54px;cursor:default;z-index:999999}
.popupBox .popupBoxCnt,.popupBox2 .popupBoxCnt{position:relative;display:block;float:left;padding:15px 19px 19px;width:260px;font-size:11px;line-height:16px;color:#666;border:1px solid #bbb;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:0 0 3px 3px #d9d9d9;background:#fffeee;behavior:url(/css/pie/PIE.htc)}
.popupBox .popupBoxCnt h3,.popupBox2 .popupBoxCnt h3{color:#d10;margin:0 0 15px;padding:0 0 10px;border-bottom:1px solid #d9d8cb}
.popupBox .popupBoxCnt input[type="text"],.popupBox .popupBoxCnt select,.popupBox2 .popupBoxCnt input[type="text"],.popupBox2 .popupBoxCnt select{margin:0 0 10px;width:250px;height:22px}
.popupBox .popupBoxCnt select,.popupBox2 .popupBoxCnt select{width:260px;height:30px}
.popupBox .popupBoxCnt span,.popupBox2 .popupBoxCnt span{margin:0 5px}
.popupBox .popupBoxCnt input[type="submit"].redBtn,.popupBox2 .popupBoxCnt input[type="submit"].redBtn{margin:15px 0 0}
.popupCrossBtn,.popupBox2 .popupBoxCnt .popupCrossBtn{display:block;position:absolute;top:-10px;right:-10px;width:28px;height:28px;background:url(https://images.cartradeexchange.com/images/popupCrossBtn.png) no-repeat 0 0;cursor:pointer;z-index:1000}
.popupRhtArrow{display:block;position:absolute;top:40px;right:-13px;width:15px;height:20px;background:url(https://images.cartradeexchange.com/images/popupRhtArrow.png) no-repeat 0 0;z-index:1000}
.popuptopArrow{display:block;position:absolute;top:-12px;right:50px;width:18px;height:15px;background:url(https://images.cartradeexchange.com/images/popuptopArrow.png) no-repeat 0 0;z-index:1000}
.vsblOverflw{overflow:visible!important}
.regMember .popupBox{top:223px;left:-300px}
.dealerContact .clickTomail .popupBox,.dealerContact .popupBox{top:14px;left:140px}
.dealerContact .clickTomail .popupBox{left:8px}
.popupBox .popupBoxCnt input[type="submit"].redBtn,.popupBox2 .popupBoxCnt input[type="submit"].redBtn{margin:10px 0 0;width:auto;height:auto;border:1px solid #900;border-radius:4px 4px 4px 4px;color:#fff;font-family:verdana,'QuestrialRegular',sans-serif;font-size:12px;line-height:16px;padding:3px 10px 4px;position:relative;background:url(https://images.cartradeexchange.com/images/seeCompareBtnBc.png) repeat-x left top #AE0D00;behavior:url(pie/PIE.htc)}
.popupBox .popupBoxCnt input[type="submit"].redBtn:hover,.popupBox2 .popupBoxCnt input[type="submit"].redBtn:hover{color:#fff;border:1px solid #222;background-position:left bottom}
.postCmnt .popupBox{left:20px;top:40px}
.postCmnt .popupBox .popupBoxCnt{width:540px}
.postCmnt .popupBox .popupBoxCnt h3{float:none;margin:0 0 5px;padding:0;color:#666;border:none}
.postCmnt .popupBox .popupBoxCnt textarea{width:438px;margin-bottom:15px}
.postCmnt .popupBox .popupBoxCnt input[type="text"]{margin:0 7px 15px 0;width:209px}
.postCmnt .popupBox .popupBoxCnt input[type="submit"]{margin:0 20px 0 0;width:139px}
.postCmnt .popupBox .popupBoxCnt .popupCrossBtn{width:43px;height:46px;top:-30px;right:-8px;background:url(https://images.cartradeexchange.com/images/commentBoxCloseBtn.png) no-repeat scroll 0 0 transparent}
.ui-tooltip,.qtip{max-width:300px;min-width:75px}
.ui-tooltip-content{position:relative;padding:14px 15px;overflow:hidden;border:1px solid #bbb;text-align:left;word-wrap:break-word;overflow:hidden}
.ui-tooltip-default .ui-tooltip-titlebar,.ui-tooltip-default .ui-tooltip-content{border-color:#bbb;color:#444;font:11px verdana,arial;line-height:16px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;box-shadow:0 1px 1px 1px #e3e3e3;-moz-box-shadow:0 1px 1px 1px #e3e3e3;-webkit-box-shadow:0 1px 1px 1px #e3e3e3;background:#eee url(https://images.cartradeexchange.com/images/tooltipbc.png) repeat-x 0 0}
#footer{background:#f8f8f8 url(https://images.cartradeexchange.com/images/footerBg.jpg) repeat-x;margin:10px 0 0;padding:0;border:none}
.ftrBtmMargin{padding-bottom:130px!important}
#footer .container{background:url(https://images.cartradeexchange.com/images/footerTopBg.jpg) no-repeat;padding:0 4px;min-height:83px;padding-top:10px}
.listWrapper{padding:0 20px 0 10px}
a{outline:0}
a:focus{outline:0}
button::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner{border:0}
input[type="submit"]:focus,input[type="button"]:focus{outline:0}
:focus{outline:0}

/* 24-06-2016 Start */
.dis_blk{display:block;}
.suc_blk1 {width:100%; height:100%; position:fixed; top:0px; left:0px; background-color:#000000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; z-index:81;}
.suc_blk2 {position:fixed; top:100px; z-index:82; width:100%; padding-top:5px;}
.suc_blk_main {width:550px; padding:15px 5px; margin:auto; background-color:#ffffff; border:2px solid #cdcdcd;}
.suc_blk_main .para {font-size:18px; color:#d43133; font-weight:bold;}
.go_link_div {width:50px; padding:5px; border:1px solid #d41703; background-color:#d41703; margin:auto; }
.goliink_a {text-align:center; font-size:12px; display:block; font-weight:bold;cursor:pointer; color:#fff;}
.goliink_a:hover, .goliink_a:active, .go_link_div:hover {color:#fff; background:#c20500; text-decoration:none;}
.red {color:#ff0000;}
.clr {clear:both;}
.pos_rel {position:relative;}
.ht_150 {height:150px;}
.cte_banner_in {height:90px;}
#suc_block2 {z-index:999; left:50%;   margin-left: -283px;
    position: absolute;
    z-index: 9999999 !important;}
  .error {margin-top:10px;}
/* 24-06-2016 end */
    
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 640px) {
/* Styles */
    #carCompareWrapper {
    position: static;
    margin-bottom: 20px;
    }
}
    
.noeventsmgs{color:#CC0000; line-height:50px; text-align:center; }   
 
.lockimg{ background:url(https://images.cartradeexchange.com/images/lock.jpg) no-repeat top center; width:58px; height:48px; position:absolute; top:-16px; left:0px; right:0px; margin-left:auto; margin-right:auto;} 

#suc_block2{position: fixed;
    top: 10%;
    z-index: 82;
    width: 100%;
    padding-top: 5px;
    left: 0px; right:0px; margin-left:auto; margin-right:auto;}
.button {
  position: relative;
  width: 100%;
    display: block;
    text-align: center;
    color: #ffffff !important;
    text-transform: uppercase;
  background-color: #d41703;
    overflow: hidden;
    z-index: 0;
    cursor: pointer;
}
.button.raised {
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  background: #d41703;
}
.button.raised:active {
  background: #d41703;
}


.button.raised1 {
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  background: #343434;

 
}
.button.raised1:active {
  background: #343434;
}
.button.raised1 a{ color:#ffffff; padding:12px 0; display:block; font-size:14px; font-family: roboto,Arial,sans-serif !important; font-size: 14px !important;}
.button.raised1 a:hover{ text-decoration:none;}



span {
  font-weight: 400;
}


.anim {
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
}
.anim:before {
  position: relative;
  content: '';
  display: block;
  margin-top: 100%;
}
.anim:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
}


.hoverable:hover > .anim {
  -moz-animation: anim-out 0.55s;
  -webkit-animation: anim-out 0.55s;
  animation: anim-out 0.55s;
}
.hoverable:hover > .anim:after {
  -moz-animation: anim-out-pseudo 0.55s;
  -webkit-animation: anim-out-pseudo 0.55s;
  animation: anim-out-pseudo 0.55s;
}

@-webkit-keyframes anim-in {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes anim-in {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-ms-keyframes anim-in {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes anim-in {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes anim-in-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.85);
  }
  100% {
    background: transparent;
  }
}
@-moz-keyframes anim-in-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.85);
  }
  100% {
    background: transparent;
  }
}
@-ms-keyframes anim-in-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.85);
  }
  100% {
    background: transparent;
  }
}
@keyframes anim-in-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.85);
  }
  100% {
    background: transparent;
  }
}
@-webkit-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-ms-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.85);
  }
  100% {
    background: transparent;
  }
}
@-moz-keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.85);
  }
  100% {
    background: transparent;
  }
}
@-ms-keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.85);
  }
  100% {
    background: transparent;
  }
}
@keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.85);
  }
  100% {
    background: transparent;
  }
}
/***  CarWale Franchisee popup ***/
.int-title{ font-size:13px; color:#ffffff; padding:10px; background:#d21b03; -webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px; margin-bottom:0px; font-weight:bold;}
/* form starting stylings ------------------------------- */
.intr-inp1 {    
    border: 0;
  padding:10px 0 2px 0px !important;
    font-size: 13px;
    color: #555555;
    width: 100%;
    background: #fff url("http://images2.cartrade.com/images-mobiles/select_bx.jpg") no-repeat scroll 98% 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  border-radius:none !important;
}
.inte-group         { 
  position:relative; 
  margin-bottom:20px; 
}
.wthdinp{ width: 92% !important; }
.plsbtn{ float: right; margin-top: -10px; margin-right: 6px;}
.intr-inp         {
  font-size:13px;
  padding:10px 0px 2px 0px;
  display:block;
  width:99%;
  border:none;
  border-bottom:1px solid #999999;
  color:#555555;
}
intr-inp:focus    { outline:none; }
/* LABEL ======================================= */
.inte-lab          {
  color:#555555; 
  font-size:13px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:0px;
  top:0px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
/* active state */
.intr-inp:focus ~ label, .intr-inp:valid ~ label    {
  top:-10px;
  font-size:12px;
  color:#a9a9ac;
  border:none;
}
/* BOTTOM BARS ================================= */
.barline  { position:relative; display:block; width:100%; }
#cn_blk .barline  { position:relative; display:block; width:92%; }
.barline:before, .barline:after   {
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#333333; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.barline:before {
  left:0%;
}
.barline:after {
  right:0%; 
}
/* active state */
.intr-inp:focus ~ .barline:before, .intr-inp:focus ~ .barline:after {
  width:100%;
}
/* active state */
.intr-inp:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}
.int-outer{ display:inline-block; width:100%;}
.int-left{ float:left; width:49%;}
.int-right{ float:right; width:49%;}
label.inte-labs 
{
   position: absolute;
    top: -13px;
    left: 0px;
    font-size: 12px;
    color: #aaa;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    opacity: 0;
}    
label.inte-labs.show {
    top: -18px;
    opacity: 1;
}
/***  CarWale Franchisee popup ***/