/**
 * 使用箇所
 * 分類TOP
 * 分類ブランド
 **/
#brand_banner_box {
	width:100%;
	background-color:black;
}

.banner_entire_wrapper {
	float:left;
	width:500px;
	max-width:750px;
	height:480px;
	overflow: hidden;
	
	border-right:1px solid white;
	
	position:relative;
	z-index:20;
}

.main_banner_box {
	
}

.banner_entire_wrapper .main_title {
	background-color: #f0f8ff;
	opacity:0.8;
	
	position:absolute;
	top:5px;
	left:0px;
	
	padding: 10px 30px;
	
	width:100%;
	color:black;
	
	z-index:50;
	
	font-family: Times New Roman;
	font-size: 12pt;
}

.banner_img_base {
	display: table;
	height: 400px;
	
	width: 100%;
	table-layout: fixed;
	
	position:absolute;
	top:0px;
	left:0px;
}

.main_banner_box .banner_caption {
	border-top:1px solid white;
	height: 45px;
	width: 655px;
	
	overflow: hidden;
	
	clear:both;
	padding:5px 15px 15px 15px;
	
	opacity:0.8;
	
	position:absolute;
	top:400px;
	left:0px;
}

.banner_img_base a {
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	
	height: 100%;
	width: 100%;
}

/* メインバナー */
#main_banner img {
	max-width: 100%;
	max-height: 400px;
	
	height:auto;
}

.main_banner_box .banner_caption h2 {
	margin-bottom:5px;
}

.main_banner_box .banner_caption p {
	color:#ddd;
}

.main_banner_box .banner_caption a {
	color:white;
}

.main_banner_box .banner_caption a:hover {
	color:#ccc;
	text-decoration: none;
}

.main_banner_box .banner_caption a:visited {
	color:white;
}

/* ----------- tile ----------- */

#tile_banners {
	background-color: black;
	position:relative;
	
	z-index:10;
	
}

#tile_banners .title {
	position:relative;
	
	top:-25px;
	left: 5px;
}

#tile_banners ul {
	padding-top:50px;
	height: 400px;
}

#tile_banners ul li {
	float:left;
	
	width:130px;
	height: 70px;
	
	display:table;
	
	table-layout: fixed;
}

#tile_banners ul li a {
	height:100%;
	
	display:table-cell;
	
	vertical-align: middle;
	text-align: center;
}

#tile_banners img {
	position:relative;
	max-width:100px;
	z-index: 101;
}

#pointer {
	position:absolute;
	background-color: white;
	
	width: 110px;
	height: 60px;
	z-index: 100;
	
	display:none;
	
	opacity:0.8;
}

a.rcp_pager_active {
	color:white;
}

a.rcp_pager_active:visited {
	color:white;
}

.prev_pager {
	position:absolute;
	
	top:420px;
	right:150px;
	
	font-size: 16pt;
}

.next_pager {
	position:absolute;
	
	top:420px;
	right:30px;
	
	font-size: 16pt;
}

#tile_banners .rcp_page {
	position:absolute;
	
	top: 15px;
	right:30px;
	
	color:white;
}

/** ブランド車種枠 **/

.brand_model_products_box {
	height: 260px;
}

.brand_model_products_box_title {
	color: #FF9E4B;
	font-size: 16pt;
	
	font-family: Arial Bold;
	height: 50px;
	
	line-height: 2.5em;
}

.brand_model_products_box_body {
	height: 210px;
	overflow: hidden;
	
	width:90%;
	margin: 0 auto;
}

.no {
	width: 200px;
	padding: 0;
	margin: 5px auto;
	text-align: center;
	clear: both;
	overflow: hidden;
	vertical-align: top;
}

.no .left03 {
	float: left;
	width: 90px;
	height: 94px;
	background: url(//global-fs.webike-cdn.net/sys_images/classification/main-02-ran-no1orange.gif) no-repeat;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.no .left02 {
	float: left;
	width: 90px;
	height: 94px;
	background: url(//global-fs.webike-cdn.net/sys_images/classification/main-02-ran-no2.gif) no-repeat;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.no .left04 {
	float: left;
	width: 90px;
	height: 94px;
	background: url(//global-fs.webike-cdn.net/sys_images/classification/main-02-ran-no1blue.gif) no-repeat;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.no .left03 p, .no .left02 p, .no .left04 p{
	margin: 0 5px 0 5px;
	padding: 3px 0 0 4px;
	text-align: left;
	color: white;
	line-height: 14px;
	font-weight: bold;
	
	position:relative;
}

.no .left03 img, .no .left02 img,  .no .left04 img{
	margin: 25px auto 0 auto;
	width: 70px;
	padding: 0;
}

.products_box .no .left03 img, .no .left02 img,  .no .left04 img{
	margin-top:5px;
}

.no dl.text {
	float: right;
	width: 100px;
	margin: 0;
	padding: 0;
}

.no dl.text dt {
	font-weight: normal;
	text-align: left;
	margin: 0 0 0 2px;
	padding: 0;
}

.no a:hover {
	color: #FE6703;
}

.no dl.text dd.number {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	margin: 3px 0;
	padding: 0;
}

.no dl.text dd.red {
	color: red;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0;
	
}

.brand_model_products_box_body .model_box,.brand_model_products_box_body .products_box {
	float:left;
	width:200px;
}

.brand_introduction_box {
	margin-bottom: 50px;
}

/* 横幅100pxバージョン 車種表示に使用 */

.short_no {
	width: 100px;
}

.short_no  p a {
	position:absolute;
	color:white;
	
	height:1em;
	overflow: hidden;
}

.short_no  p a:hover {
	color:#111;
	text-decoration: none;
	
	height:auto;
	overflow: visible;
}

.short_no .left03 img, .short_no .left02 img, .short_no .left04 img {
	/*margin-top: 25px;*/
	/* 25pxだと商品画像上手くいかない。 */
}


/** ------------------------- ここから 通常コンテンツ ----------------*/

.cmain_title_bar {
	width:100%;
	height: 40px;
	
	position: relative;
	
	border-bottom:1px dotted #ccc;
}

.cmain_title_bar * {
	height: 29px;
}

/* BOE [Global] Add h1 tag at header #201607.33 @rcv!phan.tinh 2016/08/05 */
.cmain_title_bar h2, .cmain_title_bar h1 {
	height: 40px;
	line-height: 2.2em;
	padding-left:10px;
	float:left;
}

.cmain_title_bar h1 {
	font-size: 1.5em;
}
/* EOE [Global] Add h1 tag at header #201607.33 @rcv!phan.tinh 2016/08/05 */

 .float-star {
	background: url("images/common/star.png") no-repeat;
	
	width: 71px;
	margin-left:10px;
	
	height:14px;
	margin-top: 12px;
	
	float:left;
}

.float-point00 {background-position: 0px 0px;}
.float-point05 {background-position: 0px -14px;}
.float-point10 {background-position: 0px -28px;}
.float-point15 {background-position: 0px -42px;}
.float-point20 {background-position: 0px -56px;}
.float-point25 {background-position: 0px -70px;}
.float-point30 {background-position: 0px -84px;}
.float-point35 {background-position: 0px -98px;}
.float-point40 {background-position: 0px -112px;}
.float-point45 {background-position: 0px -126px;}
.float-point50 {background-position: 0px -140px;}


.viewall {
	float:right;
	/* BOE Smartphone - related model pages add task #201608.06 rcv!bui.thang 2016/08/12 */
	/*
	width:165px;
	*/
	/* EOE Smartphone - related model pages add task #201608.06 rcv!bui.thang 2016/08/12 */
	height:35px;
	
	margin-top:5px;
}

.viewall a{
	display:block;
	line-height: 32px;
	padding-left:20px;
	
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top: 1px solid #ccc;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	border-bottom: 1px solid #ccc;
	border-bottom-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	
	margin-right:5px;
	
	background:url(images/common/pixel_arrows_red07.gif) no-repeat 0 7px;
	
	/*background:url(images/common/menu01.gif) no-repeat 0 top;*/
	font-weight: bold;
	color:black;
}
.viewall a:hover{
	/*background-position:right 0;*/
	background-color:#ccc;
}


.b05margin_wrapper {
	margin-bottom:5px;
}

.b15margin_wrapper {
	margin-bottom:15px;
}

.b25margin_wrapper {
	margin-bottom:25px;
}

.under_contents {
	position:relative;
	margin-bottom: 50px;
	
	clear:both;
}

/* 右ランキングボックス フロートで右に寄せる */
.right_ranking_box {
	float:right;
	width: 230px;
	
}

.box230 {
	width: 230px;
	background: url("images/common/main-02-ran-minibg.gif") repeat-y;
	padding: 0 0 0 0;
	overflow: hidden;
	
	text-align: center;
}

.right_ranking_box h4 {
	background: url("images/common/brand_common.gif") 0px -51px no-repeat;
	height:45px;
	
	line-height: 3.2em;
	padding-left:15px; 
}

dl.rank_num {
	text-align: left;
	margin: 0 20px;
	height: 15px;
	
	border-bottom:1px solid #ff7b00;
}

dl.rank_num dd, dl.rank_num dt {
	float:left;
	font-weight: bold;
}

dl.rank_num dt {
	margin-left: 15px;
}

.rank_body a img {
	margin: 20px 40px;
}

/* ランキングボックスの左インプレボックス。右マージンいれて、カラムがずれないようにする。 */
.left_impre_box {
	margin-right: 230px;
	margin-bottom: 20px;
	overflow: hidden;
	
	min-width:540px; /* Safariの場合、これを追加しないと小さい */
}

h3.main {
	height:37px;
	background: url("images/common/cmain_title_bar_impre_bg.gif") 0px 0px repeat-x;
}

h3.main * {
	float:left;
	height: 37px;
	
	display: block;
}

h3.main .begin_blue {
	width: 12px;
	background: url("images/common/brand_common.gif") -22px 0px no-repeat;
}

h3.main .begin_orange {
	width: 12px;
	background: url("images/common/brand_common.gif") -41px 0px no-repeat;
}


h3.main .title {
	line-height: 2.6em;
	margin-left:10px;
}

h3.main .end {
	width: 3px;
	background: url("images/common/brand_common.gif") -37px 0px no-repeat;
	
	float:right;
}

.box_min540,.box_max {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-bottom-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	
	
	padding:15px;
}

.box_min540 .impboxall {
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0
}

.box_min540 .impboxall .leftphoto {
	width: 130px;
	text-align: center;
	float: left;
	overflow: hidden;
	display: block;
	margin: 0 10px 0 0;
	padding: 0 0 0 0
}

.box_min540 .impboxall .leftphoto p.detail_link {
	clear:both;
	margin-top:15px;
}

.box_min540 .impboxall .leftphoto p.detail_link a {
	color:blue;
}

.box_min540 .impboxall .leftphoto img {
	margin: 0 auto;
	padding: 0;
	vertical-align: top;
	text-align: center;
	width: 100px;
}

.box_min540 .line {
	margin: 0 auto;
	padding: 0;
	vertical-align: top;
	text-align: center
}

hr.dotted {
	height: 7px;
	border:none;
	
	background: url("images/common/dotted_bar.gif");
	
}

.box_min540 .impboxall .leftphoto img.btn {
	margin: 10px auto 0 auto;
	padding: 0;
	text-align: center;
	clear: both
}

.box_min540 .impboxall .righttext {
	vertical-align: top;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.box_min540 .impboxall .righttext dl.item {
	vertical-align: top;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	width: 420px;
	float: left;
	text-align: left
}

.box_min540 .impboxall .righttext dl.item dt {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	text-align: left
}

.box_min540 .impboxall .righttext dl.item dd {
	margin: 0;
	padding: 3px 0 0 0;
	font-weight: nomal;
	text-align: left
}

.box_min540 .impboxall .righttext dl.item dt img.new {
	vertical-align: middle;
	margin: 0 0 0 5px;
	padding: 0
}

.box_min540 .impboxall dl.name {
	margin: 0;
	padding: 2px;
	width: 130px;
	overflow: hidden;
	background: #d5e6ee
}

.box_min540 .impboxall dl.name dt {
	margin: 2px;
	padding: 0;
	color: #1d3994;
	font-size: 10px;
	text-align: left
}

.box_min540 .impboxall dl.name dd {
	margin: 2px;
	padding: 0;
	color: #666;
	font-size: 10px;
	text-align: left
}

.box_min540 .impboxall .righttext p {
	margin: 0;
	padding: 0;
	clear: both;
	
	text-align: left;
	
	line-height: 1.8em;
}

.box_min540 a {
	color:blue;
}

.box_min540 .viewmore {
	display:block;
	margin-top: 10px;
	
	text-align: right;
}




.new_arrivals_box {
	clear:both;
	/*add margin @rcv!nguyen.truyen 2014/07/10 #9881*/
	margin-bottom: 20px;
}

.new_arrivals_box .body {
	border-left:1px solid #ccc;
}

#newarrival_selector {
	background-color: #f0f8ff;
	margin: 1px 0;
	padding: 5px;
	
	position:relative;
}

#newarrival_selector ul {
	
}

#newarrival_selector ul li {
	float: left;
	
	margin: 0 5px;
}

#newarrival_selector ul li img {
	width: 55px;
	
	position: relative;
	
	z-index: 101;
}

#na_pointer {
	position:absolute;
	top:0;
	left:0;
	
	background-color: blue;
	
	width: 60px;
	height: 35px;
	
	z-index: 100;
	
	opacity:0.8;
}

.bmtop_sub_categories_list_box {
	margin: 0 20px;
	margin-bottom: 50px;
}

.bmtop_sub_categories_list_box table {
	width: 100%;
	margin: 0 auto;
}

.bmtop_sub_categories_list_box table tr {
}

.bmtop_sub_categories_list_box table tr td {
	width: 50%;
	vertical-align: top;
}

.bmtop_sub_categories_list_box table tr td a {
	display: block;
	border:1px solid #ccc;
	
	padding:20px;
	font-size: 16pt;
	
	background-color:#fafafa;
}

.bmtop_sub_categories_list_box table tr td a:HOVER {
	background-color:#ddd;
	text-decoration: none;
}

/*
	Optimize CSS.
	@ticket 5090
	@author HieuND
	@since 2013/10/25 
*/
/**
	rcv!nguyen_truyen
	add more css for categorise-top
**/
.viewallTop {
	float:right;
	width:160px;
	height:35px;
	
	margin-top:2px;
}

.viewallTop a{
	display:block;
	line-height: 32px;
	padding-left:20px;
	
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top: 1px solid #ccc;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	border-bottom: 1px solid #ccc;
	border-bottom-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	
	margin-right:5px;
	
	background:url(images/common/pixel_arrows_red07.gif) no-repeat 0 7px;
	
	/*background:url(images/common/menu01.gif) no-repeat 0 top;*/
	font-weight: bold;
	color:black;
}
.viewallTop a:hover{
	/*background-position:right 0;*/
	background-color:#ccc;
}

.cmain_title_bar_top {
	width:100%;
	height: 40px;
	border-bottom:1px dotted #ccc;
	position: relative;	
	
	margin-bottom:10px;
}

/* BOE [Global] Add h1 tag at header #201607.33 @rcv!phan.tinh 2016/08/05 */
.cmain_title_bar_top h2, .cmain_title_bar_top h1 {
	height: 40px;
	line-height: 2.2em;
	padding-left:10px;
	float:left;
}

.cmain_title_bar_top h1{
	font-size: 1.5em;
}
/* EOE [Global] Add h1 tag at header #201607.33 @rcv!phan.tinh 2016/08/05 */
.search_by_model {
	font-size:12pt;
	color: #FF6600;
	font-weight: bold;
	
	line-height: 42px;
}
/*
	@author rcvn! Dinh Le
	@date 2013/05/08
	add css for  categories top get subcategories content	
 */
 .secondCategoriesContent{
	/* BOE Global site solid layout #201606.13 rcv!bui.thang */
	/*
	width: 140px;
	*/
	width: 115px;
	/* BOE Global site solid layout #201606.13 rcv!bui.thang */
	float: left;
/* 	margin: 0% 1.5% 2% 1.5%; */
	font-family: Arial ;
	/* BOE Global site solid layout #201606.13 rcv!bui.thang */
	margin: 0px 36.9px
	/* EOE Global site solid layout #201606.13 rcv!bui.thang */
}
 .secondCategoriesContent span{
 	color: blue;	
 	font-size: 12pt;
 	font-weight: bold;
}

.subCategotiesName .aSubcategories{
	/*height: 20px;*/
	margin-bottom: 10px;
	background: url("images/ps/search_common_2.gif") 0px -108px no-repeat;
	padding-left: 20px;
	font-size: 9pt;
	font-family: "Arial";
	color: blue;
/* 	border-bottom: 1px dotted #ccc;	 */
	line-height: 1.4em;
	display: block;
}

.subCategotiesName .aPopularManufactory{
	/*height: 20px;*/
	margin-bottom: 10px;
	background: url("images/ps/search_common_2.gif") 0px -208px no-repeat;
	padding-left: 20px;
	font-size: 9pt;
	font-family: "Arial";
	color: blue;
/* 	border-bottom: 1px dotted #ccc;	 */
	line-height: 1.4em;
	display: block;
}

.secondCategoriesContentWrap{
	min-width: 770px;
	margin: 10px 10px 20px 10px;
	clear: both;
}
.secondCategoriesContent a {
	color:blue;
	text-decoration:underline;
}

.secondCategoriesContent a:hover {
	opacity: 0.4;	
}

.search_model_vm {
	margin-top:10px;
	height: 42px;
}

.search_model_vm img{
	margin: 0px 0px -8px 7px;
}
/*end 2013/05/09  */
/**
 * rcvn_Lan.Cao - 2013/05/28
 * Add css for box search categories top
**/
.boxSearchCategoriesTop{
	float: left; 
	width: 153px; 
	padding: 12px 1px 1px 10px; 
	color: #660000; 
	text-shadow{3px 3px 3px};
}
/** End **/

/*Start 2013/08/26 */
/**
 * by Rcvn! Luan Nguyen
 * Add css for review list
**/
.left_impre_box_subcat{
	margin-right: 310px;
	margin-bottom: 20px;
	overflow: hidden;
	min-width:460px;
}
.n_tit {
	font-size:16px;
	font-weight:bolder;
	border-bottom:2px solid #555;
	padding:0 0 2px;
	margin:0 0 10px;
}
.left_impre_box_subcat .n_tit span.icon {
	color:#fff;
	font-size:12px;
	background:#f00;
	margin:0 5px 0 0;
	padding:4px 6px;
	border-radius: 2px;
	display:inline-block;
	vertical-align:bottom;
	border: 0px solid #260303;
	background:linear-gradient(#ff0303, #c20000);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c20000), color-stop(0.00, #ff0303));
	background: -webkit-linear-gradient(#C1C1C1, #c20000);
	background: -moz-linear-gradient(#ff0303, #c20000);
	background: -o-linear-gradient(#ff0303, #c20000);
	background: -ms-linear-gradient(#ff0303, #c20000);
	background: linear-gradient(#ff0303, #c20000);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0303', endColorstr='#c20000', GradientType=0);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
}
.left_impre_box_subcat .rl_boxes > li {
	padding:15px 20px;
	border-bottom:2px solid #ccc;
}
.left_impre_box_subcat .rl_boxes li .product {
	font-size:14px;
	font-weight:bold;
	margin:0 0 6px;
}
.left_impre_box_subcat .rl_boxes li .product span.brand {
	margin:0 0 0 10px;
	font-size:12px;
}
.left_impre_box_subcat .rl_boxes li .product span.brand a {
	color: #0731D8;	
}
.left_impre_box_subcat .rl_boxes li .fits {
	font-size:10px;
	margin:0 0 5px;
	position:relative;
	height:12px;
	border: 1px solid #ccc;
	padding: 2px;
}
.left_impre_box_subcat .rl_boxes li .fits .view {
	position:absolute;
	z-index:5;
	padding:10px;
	box-shadow:1px 1px 5px 1px rgba(000,000,000,0.5), inset 0px 0px 0px rgba(255,255,255,0);
	behavior: url(PIE.htc);
}
.left_impre_box_subcat .rl_boxes li .fits .view .tit {
	float:none;
	font-size:12px;
	border-bottom:1px dotted #ccc;
	display:block;
	padding:0 0 2px;
	margin:0 0 5px;
}
.left_impre_box_subcat .rl_boxes li .fits .view .all {
	display:block;
	text-align:right;
	font-weight:bold;
	font-size:12px;
}
.left_impre_box_subcat .rl_boxes li .fits .view ul li {
	float:none;
	margin:0 0 3px;
	white-space:normal;
	max-width:none;
	height:inherit
}
.left_impre_box_subcat .rl_boxes li .fits .tit {
	margin:0 0 5px 0;
	font-weight:bold;
	float:left;
}

.left_impre_box_subcat .rl_boxes li .fits ul li {
	float: left;
	height: auto;
	margin: 1px 10px 0 0;
	max-width: 550px;
}

.left_impre_box_subcat .rl_boxes li .fits .all a {
	color: #0731D8;	
}
.left_impre_box_subcat .rl_boxes li .image img {
	max-width:80px;
	max-height:80px;
	border:1px solid #ccc;
	margin:0 5px 5px 0;
	float:left;
}
.left_impre_box_subcat .rl_boxes li .title {
	font-size: 15px;
	font-weight: bolder;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 3px;
	margin: 1px 0 4px;
	overflow: hidden;
}
.left_impre_box_subcat .rl_boxes li .title span.star {
	margin:0 2px 2px 0;
	vertical-align:middle;
}
.left_impre_box_subcat .rl_boxes li .title span.date {
	font-size:12px;
	color:#888;
	margin:2px 0 0 5px;
	float:right;
}
.left_impre_box_subcat .rl_boxes li .name {
	font-size:14px;
	margin:0 0 8px;
}
.left_impre_box_subcat .rl_boxes li .name a {
	color: #0731D8;
	font-weight:bold;
}
.left_impre_box_subcat .rl_boxes li .name span.country {
	margin:0 0 0 8px;
	font-size: 12px;
}

.left_impre_box_subcat .rl_boxes li .name span.country a img{
	margin-left:3px;

}
.left_impre_box_subcat .rl_boxes li .fits .inner {
	background:#fff;
	overflow: hidden;
	height: 10px;
}
.left_impre_box_subcat .viewmore {
	display:block;
	margin-top: 20px;
	text-align: right;
}
/*  */
.left_impre_box_subcat .rl_boxes li .link_readmore{
	margin-bottom: 5px;
}
.left_impre_box_subcat .rl_boxes li .link_readmore span.read a {
	display: inline-block;
	margin: 5px 5px 5px 5px;
	font-weight:bold;
	float:right;
	color: #0731D8;
}
/* ranking for Most viewed Brand*/
#viewed_brand .ranking {
	border:1px solid #ccc;
	padding:10px;
	margin:0 0 20px;
	float:right;
	width: 280px;
}
#viewed_brand .ranking .title {
	background:#646464;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	padding:5px 0 5px 50px;
	margin:0 0 10px;
	position:relative;
}
#viewed_brand .ranking .title img {
	position:absolute;
	left:0;
	top:-13px;
}
#viewed_brand .ranking ul li {
	margin:0 0 8px;
	padding:0 0 8px;
	border-bottom:1px dotted #ccc;
	clear:both;
	overflow:hidden;
}
#viewed_brand .ranking ul li .n1,
#viewed_brand .ranking ul li .n2,
#viewed_brand .ranking ul li .n3,
#viewed_brand .ranking ul li .n4-6 {
	float:left;
	height:15px;
	width:36px;
	margin:2px 5px 0 0;
	padding:13px 0 0;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
#viewed_brand .ranking ul li .n1 {
	background: url("images/model/crown.png") no-repeat scroll 0 -144px;
}
#viewed_brand .ranking ul li .n2 {
	background: url("images/model/crown.png") no-repeat scroll 0 -288px;
}
#viewed_brand .ranking ul li .n3 {
	background: url("images/model/crown.png") no-repeat scroll 0 -432px;
}
#viewed_brand .ranking ul li .n4-6 {
	background: url("images/model/crown.png") no-repeat scroll 0 0;
}
#viewed_brand .ranking ul li .adv {
	float:left;
	display:block;
}
#viewed_brand .ranking ul li .adv img {
	border:1px solid #ccc;
	margin:0 5px 0 0;
}

#viewed_brand .product ul li .adv img {
	width:55px;
	max-height:55px;
}
#viewed_brand .ranking ul li .name {
	display:table-cell;
    vertical-align:middle;
	margin:0 0 2px;
	word-break:break-all;
	height: 50px;
}
#viewed_brand .ranking ul li .name a {
	color:#00f;
	font-weight:bold;
}
/*End 2013/08/26 */

/*
rcv!nguyen.truyen 2013/08/23
add more css for Subcategories and Brand

*/

.head_title {
	width: 100%;
	font-size:16px;
	font-weight:bolder;
	border-bottom:2px solid #555;
	padding:0 0 2px;
	margin:0 0 10px;
}

.subcategories-box {
	float:left;
	
	margin-right:5px;
	/*text-align: center;*/
	
	position:relative;
}

/* for sub categories */
/** BOE 
	Add Css for subcategories top page
 @rcv!le.quan 2014/05/05 #7657 */
 .subcategories-box-top {
	float:left;
	
	margin-right:5px;
	/*text-align: center;*/
	
	position:relative;
}
.subcategories-box-top span.subcategories-wrapper {
	border: 1px solid #ccc;
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	-moz-border-radius: 10px; /* Firefox用 */
	width: 200px;
	height: 185px;
	margin: 5px;
	padding: 7px;
	display: block;
	background-color: #fcfcfc;
	position: relative;
}

.subcategories-box-top a:hover .subcategories-wrapper {
border-color: #aaa;
background-color: #fefefe;
}

.subcategories-box-top .subcategories-wrapper .title {
	height: 70px;
	width: 50px;
	background-color: #ccc;
	color: #fff;
	overflow: hidden;
	font-size: 16pt;
	font-weight: bold;
}

.subcategories-box-top .subcategories-wrapper .text {
	display: block;
	width: 100px;
	height: 40px;
	float: left;
	font-size: 11px;
	font-weight: bold;
}

.subcategories-box-top .subcategories-wrapper .text-right {
	display: block;
	width: 98px;
	height: 35px;
	float: right;
	font-size: 11px;
	margin-top:5px;
}

.subcategories-box-top .subcategories-wrapper .new-icon {
	position: absolute;
	top: -2px;
	left: 3px;
	z-index: 30;
}

.subcategories-box-top .text-right .rv_rating {
	position: relative;
	top: 2px;
	left: 2px;
	color: #999999;
	font-weight: normal;
}

.subcategories-box-top .text-right .rv_count {
	position: relative;
	top: 4px;
	left: 1px;
	color: #6E7CC9;
	font-weight: normal;
}

.subcategories-box-top .subcategories-wrapper .title span.padding {
	padding: 5px;
	display: table-cell;
	vertical-align: middle;
}

.subcategories-box-top .star-sub {
	display: inline-block;
	background: url("images/common/star.png") no-repeat;
	width: 71px;
	height: 14px;
	float: left;
	text-indent: -9999pt;
}

.subcategories-box-top .rv_count_upper {
	position: relative;
	top: 2px;
	left: 1px;
	font-size: 11px;
	float: left;
}

.subcategories-box-top a.viewall_abs {
	position: absolute;
	top: 180px;
	left: 110px;
	font-size: 9pt;
	font-weight: normal;
	color: blue;
}
.subcategories-box-top img.img-wrapper {
	margin: 7px 0 5px 39px;
	width: 120px;
	height: 120px;
	display: inline-block;
}
/** EOE @rcv!le.quan 2014/05/05 #7657 */
.subcategories-box span.subcategories-wrapper {
	border: 1px solid #ccc;
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	-moz-border-radius: 10px; /* Firefox用 */
	width: 200px;
	height: 40px;
	margin: 5px;
	padding: 7px;
	display: block;
	background-color: #fcfcfc;
	position: relative;
}

.subcategories-box a:hover .subcategories-wrapper {
border-color: #aaa;
background-color: #fefefe;
}

.subcategories-box .subcategories-wrapper .title {
	height: 70px;
	width: 50px;
	background-color: #ccc;
	color: #fff;
	overflow: hidden;
	font-size: 16pt;
	font-weight: bold;
}

.subcategories-box .subcategories-wrapper .text {
	display: block;
	width: 100px;
	height: 40px;
	float: left;
	font-size: 11px;
	font-weight: bold;
}

.subcategories-box .subcategories-wrapper .text-right {
	display: block;
	width: 98px;
	height: 35px;
	float: right;
	font-size: 11px;
	margin-top:5px;
}

.subcategories-box .subcategories-wrapper .new-icon {
	position: absolute;
	top: -2px;
	left: 3px;
	z-index: 30;
}

.subcategories-box .text-right .rv_rating {
	position: relative;
	top: 2px;
	left: 2px;
	color: #999999;
	font-weight: normal;
}

.subcategories-box .text-right .rv_count {
	position: relative;
	top: 4px;
	left: 1px;
	color: #6E7CC9;
	font-weight: normal;
}

.subcategories-box .subcategories-wrapper .title span.padding {
	padding: 5px;
	display: table-cell;
	vertical-align: middle;
}

.subcategories-box .star-sub {
	display: inline-block;
	background: url("images/common/star.png") no-repeat;
	width: 71px;
	height: 14px;
	float: left;
	text-indent: -9999pt;
}

.subcategories-box .rv_count_upper {
	position: relative;
	top: 2px;
	left: 1px;
	font-size: 11px;
	float: left;
}

.subcategories-box a.viewall_abs-sub {
	position: absolute;
	top: 35px;
	left: 115px;
	font-size: 9pt;
	font-weight: normal;
	color: blue;
}

.main_center_box {
	margin: 18px 0px;
}

/*
BRAND
*/
.brand-box {
	float:left;
	
	margin-right:5px;
	/*text-align: center;*/
	
	position:relative;
}

.brand-box span.subcategories-wrapper {
	border: 1px solid #ccc;
	width: 125px;
	height: 125px;
	margin: 5px;
	padding: 7px;
	display: block;
	background-color: #fcfcfc;
	position: relative;
}

.brand-box a:hover .subcategories-wrapper {
border-color: #aaa;
background-color: #fefefe;
}

.brand-box .subcategories-wrapper .title {
	height: 70px;
	width: 50px;
	background-color: #ccc;
	color: #fff;
	overflow: hidden;
	font-size: 16pt;
	font-weight: bold;
}

.brand-box .subcategories-wrapper .text {
	display: block;
	width: 100px;
	height: 40px;
	float: left;
	font-size: 11px;
}

.brand-box .subcategories-wrapper .text-right {
	display: block;
	width: 98px;
	height: 35px;
	float: right;
	font-size: 11px;
	margin-top: 15px;
	margin-right: 10px;
}

.brand-box .subcategories-wrapper .new-icon {
	position: absolute;
	top: -2px;
	left: 3px;
	z-index: 30;
}

.brand-box .text-right .rv_rating {
	position: relative;
	top: 2px;
	left: 2px;
	color: #999999;
	font-weight: normal;
}

.brand-box .text-right .rv_count {
	position: relative;
	top: 4px;
	left: 1px;
	color: #6E7CC9;
	font-weight: normal;
}

.brand-box .subcategories-wrapper .title span.padding {
	padding: 5px;
	display: table-cell;
	vertical-align: middle;
}

.brand-box .star-sub {
	display: inline-block;
	background: url("images/common/star.png") no-repeat;
	width: 71px;
	height: 14px;
	float: left;
	text-indent: -9999pt;
}

.brand-box .rv_count_upper {
	position: relative;
	top: 2px;
	left: 1px;
	font-size: 11px;
	float: left;
}

.brand-box a.viewall_abs-sub {
	position: absolute;
	top: 35px;
	left: 115px;
	font-size: 9pt;
	font-weight: normal;
	color: blue;
}

.main_center_box .point00 {	background-position: 0px 0px;}
.main_center_box .point05 {	background-position: 0px -14px;}
.main_center_box .point10 {	background-position: 0px -28px;}
.main_center_box .point15 {	background-position: 0px -42px;}
.main_center_box .point20 {	background-position: 0px -56px;}
.main_center_box .point25 {	background-position: 0px -70px;}
.main_center_box .point30 {	background-position: 0px -84px;}
.main_center_box .point35 {	background-position: 0px -98px;}
.main_center_box .point40 {	background-position: 0px -112px;}
.main_center_box .point45 {	background-position: 0px -126px;}
.main_center_box .point50 {	background-position: 0px -140px;}

.brand_margin{
	margin-bottom: 10px;
	margin-top: 5px;
}

.total_products{
	color: blue;
	font-size: 14px;
}

/*
 * css for hover star image and rating 
 * rcv!nguyen.truyen 2013/09/18 
 */

.imgStar:hover{
	opacity:0.7;
 	filter:alpha(opacity=70); /*For IE8 and earlier */
}

.subcategories-box .subcategories-wrapper .avg_rating a span:hover{
	text-decoration: underline;
}

.main_center_box .brand-box .subcategories-wrapper .avg_rating a span:hover{
	text-decoration: underline;
}
/* end rcv!nguyen.truyen 2013/09/18*/

/* End - HieuND 2013-10-25 */

/*add css for sale block @rcv!nguyen.truyen 2014/07/15 #9881*/
.sale_products_box{
	margin-bottom: 30px;
}

/* BOE Global site solid layout #201606.13 rcv!bui.thang */
.title_bar_link {
	margin-bottom: 60px;
}
/* EOE Global site solid layout #201606.13 rcv!bui.thang */