div.dealer, div.agent {
	padding:1rem;
}

span.blue a {
		color: #10357E;
		font-size: 1.15rem;
}

span.grey {
	color: #999;
}

span.red a{
	color:#C51A1B;
}

h1.dealer{
	font-size:2em;
	font-weight:bold;
	padding-top: 0.5rem;
	padding-bottom:0.8rem;
	color:#10347E;
}

h3.titlewhite{
	color:#fff;
	font-size: 1.4rem;
}

input.submit-button.orange{
	width:4rem;
	height:2rem;
	font-size:0.83rem;
}

img.promotion{
	width:150px;
	height:134px;
}

span.hot, span.hot a{
	font-size: 1.1rem;
	color:#C51A1B;
	font-weight: bold;
	margin-top:0.5rem;
}

.dealer_client {
	font-size:1.2rem;
	font-weight:bold;
	line-height:18px;
	margin:0px;
	color: #10347E;
}

.dealer_client a{
	font-size:1.2rem;
	line-height:18px;
	margin:0px;
	color: #10347E;
}

input[type="text"]{
	height: 33px;
}

.indent2 {
	font-size:16px;
	line-height:18px;
	color: #10347E;
}

img.auto-mag-logo{
	margin-top: 0.35rem;
	margin-bottom:0.38rem;
}

h1.yp_title{
	font-size:1.6rem;
	line-height: 2rem;
}

h3.yp_title {
    font-size: 1.15em;
    color: #11357E;
    line-height: 1.5rem;
}

.panel.content.border-red{
	border-color:#C51A1B;
	margin-left:0px;
	margin-right:0px;
	margin-top:15px;
	border-width: 2px;
	margin-bottom:0px;
}

h1.nav.usedcar{
	margin-bottom:1.8rem;
	font-size:1.4rem;
	margin-left:-0.8rem;
}

a.button.alert.usedcar, input.button.alert.usedcar{
    background-color: #C51A1B;
    padding: 0.3rem 1.2rem;
    margin-top: 0.2rem;
    margin-bottom: -0.2rem;
	line-height: 0.3rem;
}


a.button.alert.usedcar:hover{
    background-color: #C31A1B;
}

a.button.alert.research{
	background-color: #C51A1B;
	padding:0.3rem 0.6rem;
	margin-bottom:0rem;
}

input.button.alert.research{
	background-color: #C51A1B;
	padding:0.3rem 0.6rem;
	margin-bottom:0rem;
}

img.carlist{
}

.publish-date{
	margin-bottom:0.8rem;
	font-size:0.8rem;
}



div.columns.query{
	padding-left:2px;
	padding-right:2px;
}

div.columns.queryleft{
	padding-left:3px;
	padding-right:3px;
}

div.columns.queryright{
	padding-left:2px;
}

div.columns.homequery{
	padding-left:5px;
	padding-right:5px;
}

div.columns.homequeryleft{
	padding-right:5px;
}

div.columns.homequeryright{
	padding-left:5px;
}

select.usedcarhome{
	height: 2.5rem;
    font-size: 1rem;
    padding: 0.5rem;
    border-color:#666;
}

select.usedcarhome:hover{
    border-color:#333;
}

.car_title{
	font-size:1.3rem;
}

.price{
	color:#C51A1B;
	font-size:1.2rem;
	font-weight: bold;
}

img.phone{
	border-radius: 50%;
	height: 18px;
}

img.carproof{
	height : 16px;
}

img.googlemap{
	height:16px;
}

.bggrey{
	background-color:#fafafa;
}

h2.second-title{
	color:#C51A1B;
	font-size:1.1rem;
	font-weight: bold;
	margin-top:2rem;
}

h2.contact_seller{
	font-size:1.1rem;
}

.published-date{
    font-size: 0.8rem;
    color: #8d8d8d;
}

.photolist{
	margin-bottom:10px;
}

#car_search  > div > div.row.center > div > input {
    background-color: #C51A1B;
    padding: 0.3rem 0.6rem;
    margin-bottom: 0rem;
    height: 1.7rem;
}
#car_search select {
    height: 2.2rem;
}

.button-group{
	margin-bottom:-18px;
}

ul.breadcrumbs.right{
    margin-bottom: 0px;
    border-width: 0px;
    background-color: transparent;
}

.search-result-number{
    font-size: 1rem;
    color: #008CBA;
    margin-left: 3px;
}


.morephoto a{
	color: #008CBA;
    font-size: 0.8rem;
}

.main-content{
	margin-top:0px;	
}

.row.daytime{
	margin-top:8px;
}

.row.logoarea{
	padding-bottom:0px;
}




/*used car begin*/
#findUsedCar{
	background-color: #C41A1B;	
	color:#FFF;
}

#findCarDealer{
	background-color: #101F86;
	color:#FFF;
}

#findUsedCar-rightbar{
	background-color: #C41A1B;	
	color:#FFF;
	padding-left:15px;
	padding-right:15px;
}

#findCarDealer-rightbar{
	background-color: #101F86;
	color:#FFF;
	padding-left:15px;
	padding-right:15px;
}


.columns.search-tabs{
	margin-top: 15px;
	margin-bottom: -25px
}
.tabs.searchcar{
	line-height: 0.7;
}
.tabs .tab-title.findUsededCar{
	background-color: #101F86;
	width:280px;	
}
.tabs .tab-title.findUsededCar a {
	background-color: #C41A1B;
	color:#fff;
}

.tabs .tab-title.active.findUsededCar a {
	background-color: #C41A1B;
	color:#fff;
}

.tabs .tab-title.findCarDealer a{
	background-color: #101F86;
	color:#fff;
	width:290px;
}

.tabs .tab-title.active.findCarDealer a {
	background-color: #101F86;
	color:#fff;
}

.tabs .tab-title.active.findUsededCar-rightbar{
	width:50%;	
	background-color: #101F86;	
}
.tabs .tab-title.findCarDealer-rightbar{
	width:50%;	
	background-color: #C41A1B;	
}		
.tabs .tab-title.findCarDealer-rightbar a{
	width:100%;	
}

span.SearchTitleChinese{
	font-size:0.8rem;
	margin-left:0.5rem;
    font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", sans-serif;
    font-weight: bold;	
}

span.SearchTitleEnglish{
	font-size:0.9rem;
	font-family: "Segoe UI",Arial,sans-serif;
}

select:disabled {
	background-color:#eee;
	color:#ddd;
}

input.searchcar {
    padding: 5px 20px;
	margin-top:30px;
	margin-right:20px;
	border: solid 1px #fff;
	background-color:#101F86;
	font-size:0.9rem;
	width:100%;
}

input.searchcar.rightbar{
	margin-top:0px;
	margin-bottom:0px;	
}

input.searchdealer{
    padding: 5px 20px;
	margin-top:30px;
	margin-right:20px;
	border: solid 1px #fff;
	background-color:#C41A1B;
	font-size:0.9rem;
	width:100%;
}

input.searchdealer.rightbar{
	margin-top:0px;
	margin-bottom:0px;	
}

input.searchcar:hover{
	background-color:#8AAADE;
}
input.searchdealer:hover{
	background-color:#EE4626;
}
label.car{
	display: inline-block;
	text-align: center;
	width: 56px;
	height: 47px;
	background-size: contain;
	margin-right:10px;
}

.car_radio{
	top: 44px;
	position: relative;
}

label.car.any{
	background-image: url(../images/Any.png);
	background-repeat: no-repeat;
}
label.car.any:hover{
	background-image: url(../images/Any-c.png);
	background-repeat: no-repeat;
}

label.car.coupe{
	background-image: url(../images/Coupe.png);
	background-repeat: no-repeat;
}
label.car.coupe:hover{
	background-image: url(../images/Coupe-c.png);
	background-repeat: no-repeat;
}

label.car.hatchback{
	background-image: url(../images/Hatchback.png);
	background-repeat: no-repeat;
}
label.car.hatchback:hover{
	background-image: url(../images/Hatchback-c.png);
	background-repeat: no-repeat;
}

label.car.sedan{
	background-image: url(../images/Sedan.png);
	background-repeat: no-repeat;
}
label.car.sedan:hover{
	background-image: url(../images/Sedan-c.png);
	background-repeat: no-repeat;
}

label.car.crossover{
	background-image: url(../images/Crossover.png);
	background-repeat: no-repeat;
}
label.car.crossover:hover{
	background-image: url(../images/Crossover-c.png);
	background-repeat: no-repeat;
}

label.car.convertible{
	background-image: url(../images/Convertible.png);
	background-repeat: no-repeat;
}
label.car.convertible:hover{
	background-image: url(../images/Convertible-c.png);
	background-repeat: no-repeat;
}

label.car.minivan{
	background-image: url(../images/Minivan.png);
	background-repeat: no-repeat;
}
label.car.minivan:hover{
	background-image: url(../images/Minivan-c.png);
	background-repeat: no-repeat;
}

label.car.suv{
	background-image: url(../images/Suv.png);
	background-repeat: no-repeat;
}
label.car.suv:hover{
	background-image: url(../images/Suv-c.png);
	background-repeat: no-repeat;
}

label.car.truck{
	background-image: url(../images/Truck.png);
	background-repeat: no-repeat;
}
label.car.truck:hover{
	background-image: url(../images/Truck-c.png);
	background-repeat: no-repeat;
}

label.car.pickup{
	background-image: url(../images/Pickup.png);
	background-repeat: no-repeat;
}
label.car.pickup:hover{
	background-image: url(../images/Pickup-c.png);
	background-repeat: no-repeat;
}

img.usedcarlogo{
}

img.searchDealerlogo{	
}

hr.logo-hr{
	width:90%;
	margin-bottom: 5px;
	margin-top:10px;
	border-color:#E49A9B;
}
div.usedcarlogo{
	margin-top:20px;
	padding-left:30px;
}

.columns.bottom_line{
	border-bottom: solid 1px;
	border-color: rgba(255,255,255,0.5);
	height: 1rem;
	padding-left:0px;
	margin-right:0px;
}

.columns.bottom_line.carstyle{
	position:relative;
	left:-25px;	
}


.columns.criteria_title{
	margin-right:0px;
	padding-right:0px;
	/*text-align:right;*/
}
span.chinese{
	font-size:0.9rem;
}
span.criteria_title{
	font-size:0.8rem;
	margin-left:0.5rem;
	font-family: "Segoe UI",Arial,sans-serif;	
}

span.bottom_line{
	border-bottom: solid 1px;
	height: 0.88rem;
	display:inline-block;
	width:100px;
}



@media only screen and (max-width: 40em) { 
	 /* max-width 640px, mobile-only styles, use when QAing mobile issues */

		 .row.criteria_title{
		 	display: none;
		 }

		span.SearchTitleEnglish{
			display: none;
		}

		.tabs .tab-title.findUsededCar{
			width:50%;	
		}
		.tabs .tab-title.findCarDealer{
			width:50%;	
		}		
		.tabs .tab-title.findCarDealer a{
			width:100%;	
		}
		.tabs .tab-title{
			width: 50%;
		}

	.tabs-content{
		padding:auto 10px;
	}


 } /* Define mobile styles */
@media only screen and (min-width: 40.063em) {
		.tabs-content{
			-webkit-clip-path: polygon(95% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
			clip-path: polygon(95% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
		}

		.tabs-content.rightbar{
			-webkit-clip-path: polygon(100% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
			clip-path: polygon(100% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
		}


		.tabs .tab-title.findUsededCar a {
			-webkit-clip-path: polygon(85% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
			clip-path: polygon(85% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
		}

		.tabs .tab-title.findCarDealer a {
			-webkit-clip-path: polygon(85% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
			clip-path: polygon(85% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
		}

		div.space{
			height:50px;
		}
		.newCarDesktop
		{
			left:0px;
		}

		.title_inner{
			font-size: 20px;
		}

		.newcar_title{
			font-size: 20px;
		}


 } /* min-width 641px, medium screens */


/*sandy's update for home page*/

/*

.top-main
{
    background-image: url('http://i.imgur.com/hbEa94h.jpg');
    height: 400px;
}

.usedcar-search
{
    background: #f7f7f7;
    position: relative;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    bottom: 40px;
    height: 100px;

}

.topdisplay
{
    margin-top: 1rem;
    min-height: 9rem;
    padding-top: 1rem;
    padding-right: 1rem;
}

.main-button
{
    font-size: 18px;
    padding-top: 2px;
    padding-left: 40px;
    color:#000;
    font-family: "Microsoft Yahei";
    margin: 0 auto;
    width: 155px;
    height: 33px;
    background-image: url('http://i.imgur.com/6o6hE3V.png');
    font-weight: bold;
    box-shadow: 2px 2px 1px #888888;
    border-radius: 15px;

}

.main-button:hover
{
    background-image: url('http://i.imgur.com/dWXjmIO.png');
    text-decoration: none;
    color:#9b1f24;
}

@media only screen and (min-width: 40.063em) and (max-width: 81em) {
     .secondhand-title
    {
        font-size: 1.5rem;
        margin-top: 0.5rem;
    }
    .slogan
    {
        font-size: 12px;
    }
    .top-main
    {
        height: 300px;
    }


 }

@media only screen and (min-width: 81.063em) and (max-width: 90em) 
{
    .secondhand-title
    {
        font-size: 2rem;
        margin-top: 1rem;
    }
    .slogan
    {
        font-size: 12px;
    }
    .top-main
    {
        height: 280px;
    }
}

@media only screen and (min-width: 90.063em) and (max-width: 120em) 
{
    .secondhand-title
    {
        margin-top: 2rem;
    }

    .top-main
{
    
    height: 340px;
}


}

/*
for new car promotion
*/
.panel p.newInsert, 
{
    
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
    color:blue;
    text-decoration: underline;
}

#insert-title
{
    color: #101F84;
    line-height: 150%;
    display: table-cell;
    vertical-align: middle;

}

#insertNew a.insert-title,  #insertNew h3  
{
    font-size: 15px;
    line-height: 120%;
    margin-bottom: 0px;

}

#insertNew {
   position:fixed;
   left:-6px;
   bottom:0px;
   /*height:120px;*/
   width:100%;
   background:#999;
   z-index:1000;
   padding-left:0px;
   background-image: url('http://i.imgur.com/hbEa94h.jpg');
   padding-bottom: 15px;
   padding-top: 15px;
   padding-left: 10px;
   padding-right: 10px;
   

}

.newCarDesktop
{
    background-image: url('https://i.imgur.com/6kj4Xr7.png');
    min-height: 145px;
    padding-top: 15px;
    background-repeat: repeat-x;
    left: -8px;
    position: relative;
    width: 105%;
    right: -15px;
    min-width: 105%;
    padding-left: 30px;
    padding-right: 30px;
    display:table;
    
}



.title_inner
{
    color: #C51A1B;
    font-weight: bold;
    line-height: 150%;
    text-decoration: none;
}

a.title_inner:hover
{
    text-decoration: none;
}

.newcar_title
{
    text-decoration: underline;
    color: #172483;
    font-weight: bold;

}
*/


/* end of sandy's update for newcar
/*
Beginning of kent's update for new car deals
*/

/*
newcss*/

.newCarDealer {
	padding:0px 15px 0px 15px;
}

.newCarDealer {
  /* -------------------------------------- */
  /* GRAPHIC COMPONENTS */
  /* -------------------------------------- */
}
.newCarDealer .header-h1, .newCarDealer .text-p1, .newCarDealer #demo-text > span, .newCarDealer .demo-text2 > span, .newCarDealer .feature-h2 > span, .newCarDealer .btn {
  background-color: #fff;
  display: block;
  color: #808080;
  font-size: 16px;
  font-family: "Microsoft Yahei", "Lato", "Arial", sans-serif;
  font-weight: 400;
  padding-bottom: 0;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
.newCarDealer .feature-box {
  padding-top: 40px;
}
.newCarDealer #demo-text2 {
  margin-left: 0;
}
.newCarDealer .header-h1 {
  font-size: 130%;
  font-weight: 600;
  padding: 1.2em 0;
}
.newCarDealer .feature-h2 > span {
  font-size: 120%;
  font-weight: 600;
  padding: 0;
}
.newCarDealer .demo-h1, .newCarDealer .demo-h2 {
  background-color: #fff;
  color: #808080;
  font-size: 26px;
  font-family: "Microsoft Yahei", "Lato", "Arial", sans-serif;
  font-weight: 600;
  line-height: 1.5em;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
.newCarDealer .btn:link, .newCarDealer .btn:visited {
  background-color: fff;
  display: inline-block;
  color: #ff0050;
  padding: 8px 15px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 5px;
  border: 3px solid #ff0050;
  margin-top: 15px;
}
.newCarDealer .btn:hover, .newCarDealer .btn:active {
  background-color: #ff0050;
  color: #fff;
}
.newCarDealer .demo-h2 {
  color: #ff0050;
}
.newCarDealer #demo-text > span::before {
  content: '';
  width: 14px;
  height: 14px;
  display: block;
  float: left;
  clear: right;
  margin: 6px 6px 0px 0px;
}
.newCarDealer .square::before {
  background: #ff0050;
}
.newCarDealer hr {
  height: 0.1em;
  background-color: white;
  color: white;
  border: none;
}
.newCarDealer .demo-photo, .newCarDealer .feature-photo {
  width: 100%;
  text-align: center;
  padding: 3em;
}
.newCarDealer .feature-diagram {
  width: 100%;
  text-align: center;
}
.newCarDealer .dealerYoutube-box {
  text-align: center;
}
.newCarDealer iframe {
  width: 318px;
  height: 200px;
}



    
/* Small tablet to big tablet: 768px to 1023px */
@media only screen and (max-width: 1023px) {
    .header-h1 { 
        font-size: 120%; 
        margin-left: 5px;
        padding-bottom: 0.8em;
    }

    .dealerYoutube-box, 
    .demo-photo,
    .feature-photo {
        width: 100%; 
    }
    
    
/* Small phones to small tablets: from 481px to 767px */
@media only screen and (max-width: 767px) {
    .header-h1 { 
        font-size: 120%; 
        margin-left: 12px;
        padding-bottom: 0.8em;
    }

    ..dealerYoutube-box, 
    .demo-photo,
    .feature-photo {
        width: 100%;   
    }

    .logo_section{
    	padding-top: 0px;
    }
    
    
}
    
/* Small phones: from 0 to 480px */
@media only screen and (max-width: 480px) {
    .header-h1 { 
        font-size: 90%; 
        margin-left: 15px;
        padding-bottom: 0;
    }

    .text-p1,
    #demo-text > span,
    .demo-text2 > span {
        font-size: 75%;
    }

    .feature-h2 > span {
        font-size: 90%;
    }

    .demo-photo {
        padding: 0 0 10px 0;
    }

    .divider {
        padding: 20px 0 0 0;
    }

    .dealerYoutube-box {
        padding: 10;
        margin-left: 0;
    }

    .demo-photo,
    .feature-photo {
        width: 100%;
    }



}