#makersearch_wrapper
{
	clear:both;
	/* Lan.Cao - 2013/10/18 - @ticket #4712 */
	/* margin:30px 30px 40px 40px; */
	margin: 30px 5px 40px 5px;
}

#makersearch_wrapper .makerserchbox
{
	margin-top:10px;
	text-align:left;
	/*add by rcv!nguyen.truyen 2013/10/17 @ticket #4712*/
	/* Lan.Cao - 2013/10/18 - @ticket #4712 */
	/* min-width: 870px; */
	min-width: 760px;
}

#makersearch_wrapper .top
{
	background-image:url("./images/moto/makersearch_tab.gif");
	background-position:center top;
	color:#000;
	font-weight:bold;
	height:25px;
	text-decoration:none;
	width:160px;
	text-align:left;
	position:relative;
	margin:15px 0 0 0;
}

#makersearch_wrapper .top p
{
	margin:5px;
}

#makersearch_wrapper .top p span
{
	position:relative;
	top:-3px;
}

#makersearch_wrapper .top img
{ margin:5px 5px 0 5px; }

#makersearch_wrapper .maker
{
	border:1px solid #CCC;
	margin:-1px 0 0 0;
	padding:5px;
	text-align:left;
}

#makersearch_wrapper .maker .dotline
{
	padding:5px 10px;
	overflow:hidden;
	border-bottom:1px dotted #CCC;
}

#makersearch_wrapper .maker ul
{
/* comment out by rcv!nguyen.truyen 2013/10/17 @ticket #4712*/
/* 	width:95%; */
	padding:5px 10px;
	overflow:hidden; }

#makersearch_wrapper .maker ul li
{
/* 	width:125px; */
/* change width rcv!nguyen.truyen 2013/10/17 @ticket #4712*/
	width: calc(33% - 64px);
	float:left;
	/* BOE Global site solid layout #201606.13 rcv!bui.thang */
	margin: 0px 32.4px;
	/* EOE Global site solid layout #201606.13 rcv!bui.thang */
}
#makersearch_wrapper .maker ul li a{
	color:blue;
}


/* model displacement */
#modeldisplacement_wrapper{
	margin: 70px 0 40px 40px;
	height: 700px;
}
.displacement_bar
{
	background-image:url("./images/moto/displacement_bar.gif");
	background-position:center top;
	/*modify by rcv!nguyen.truyen 2013/10/16 @ticket #4712*/
	/* width:350px; */
	width:345px;
	height:94px;
	float: left;
	font-size: 38px;
	margin: 10px;
	color: white;
	font-weight: bold;
	text-align:center;
	cursor:pointer;
}	

.displacement_bar:hover{
	opacity: 0.7;
}

.displacement_text{
	margin: 25px 0 0 0;
}

/* maker model list */

#makermodel_wrapper{
	margin:30px 0 20px 20px;
	/*add by rcv!nguyen.truyen 2013/10/16 @ticket #4712*/
	min-width: 820px;
}
.displacement_splitter_bar{
	width:100%;
	height:25px;
	float: right;
}

.displacement_splitter{
	clear:both;
	/* width:50px; */
	width: 164px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 8px;
	/*margin: 0 0 10px 0; */
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #a5b8da;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5b8da), color-stop(100%, #7089b3));
	background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
	background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
	background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
	background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
	background-image: linear-gradient(top, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);
}
.makermodel_model_wrapper{
	width:200px;
	height:100px;
	cursor: pointer;
	float: left;
	border:1px solid #CCC;
	margin: 10px 10px 10px 0;
}
.makermodel_model_img_wrapper{
	width:100px;
	height:80px;
	float: left;
	margin:10px;
}
.makermodel_model_img{
	max-width:100px;
	max-height:80px;
	border:1px solid #CCC;	
}
.makermodel_model_desc{
	width: 80px;
	height: 80px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin: 15px 0 0 0;
}

.makermodel_model_wrapper:hover{
	opacity: 0.7;
}

/**
 * add more by rcv!nguyen.truyen 
 * @ticket #4712 2013/10/11
**/

.sub_maker{
	font-size: 13px;
	font-weight: bold;
	width: 50%;
	float: left;
}

.model_displacement{
	font-size: 12px;
}

.sub_displacement{
	float:left;
/* 	margin-right: 6px; */
	width: 50%;
}

.model_displacement{
	margin-top: 12px;
}

.total_model{
	font-weight: bold;
}

.cntModels{
	margin-bottom: 7px;
}

.disp_model_list{
	margin-top: 30px;
	border-bottom: 2px solid black;
	height: 50px;
}

.disp_model_list a{
	color: blue;
	font-size: 14px;
	#line-height: 1.2em;
}

.sub_disp{
	margin-right: 20px;
}

.sub_model_maker_wrapper a{
	/*color: blue;*/
}

.sub_model_maker_wrapper .cnt_products{
	font-size:11px;
	float:left;
	margin-right: 10px;
}

.sub_model_maker_wrapper .cnt_products a{
	color: rgb(150, 150, 255);
}

.sub_model_maker_wrapper .cnt_reviews{
	font-size:11px;
}

.sub_model_maker_wrapper .cnt_reviews a{
	color: rgb(150, 150, 255);
}

.sub_model_maker_wrapper .cnt_brands{
	font-size:11px;
}

.sub_model_maker_wrapper .cnt_brands a{
	color: rgb(150, 150, 255);
}

.sub_model_maker_wrapper{
	/*change width model maker item #201606.13 @rcvn!phan.tinh 2016/06/21*/
	width: 250px;
	height: 45px;
	/* cursor: pointer; */
	float: left;
	margin: 10px 10px 0px 0;
}

/*add more rcv!nguyen.truyen 2013/11/06 @ticket #5349*/
.sub_model_maker_wrapper .model_name{
	width: 180px;
	font-weight: 700;
	margin-bottom: 3px;
}

.sub_model_maker_wrapper .model_name a{
	color: blue;
}
.subMoto{
/* 	height: 148px; */
	margin-top: 5px;
}

.model_maker{
	height: 20px;
}

.disp_model_list .select_disp{
	background-color: #0044CC;
	color: white;
	font-size: 14px;
	#width: 145px;
	float: left;
	height: 25px;	
	#text-align: center;
	line-height: 25px;
	#margin-top: -4px;
	margin-right: 10px;
	#padding-top:5px;
	padding-right:5px;
	padding-left:5px;
	float: left;
}

.disp_model_list .disp_list{
	#width: 145px;
	float: left;
	height: 25px;	
	#text-align: center;
	line-height: 25px;
	#margin-right: 10px;
	float: left;
}

.popular_product{
	margin: 10px 10px 10px 10px;
}

.sub_model_maker_wrapper .no_data{
	font-size : 11px;
}

/* End @ticket #4712*/