@charset "utf-8";
/* CSS Document */
body{
	background:url(../img/patterns/6.png)	
}
a{
	color:#90C322;	
}
a:hover{
	text-decoration:none;	
}
.page-main{
	width:980px; margin:auto; display:block;
}
.modal{
	z-index:9999;	
}
.none, .none li{
	margin:0; padding:0; list-style-type:none;	
}
body{
	font:13px Arial, Helvetica, sans-serif; overflow-x:hidden; width:100%;	
}
.price{
	color:#DC3030; text-align:right;	
}
.price-old{
	text-align:left; color:#919191; text-transform:uppercase; font-weight:bold; font-size:12px;
}
#btn-scrolltop{
	position:fixed; right:10px; bottom:10px; background:url(../img/scroll-top.png) no-repeat left top;
	width:46px; height:46px; border:none;	
}

/************/
#header-main{
	background:#F2F2F2; border-bottom:1px solid #B5B5B5; box-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	padding:2px 0; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif
}
#header #header-main a{
	color:#000;
}
#header #header-main .link-item li{
	float:left; margin:0 20px 0 0; line-height:30px
}
#header #header-main .link-item li a{
	padding-right:20px; border-right:1px inset #FFF;
}
#header #header-main .link-item li .active, #header #header-main .link-item li a:hover{
	color:#E7131A
}
#header #header-main .control li{
	float:right; margin:0 0 0 20px;	 line-height:30px; cursor:pointer; font-size:inherit !important;
}
#header #header-main .link-item a, .control {
	color:#000	
}
#header #header-main .control li span:hover, #header #header-main .control a:hover{
	color:#E7131A; background:none;
}
/***************/
/**************/
#header #header-store{
	padding:0px 0; height:100px; overflow:hidden; position:relative; margin:10px 0;
}
#header #header-store .logo{
	margin:0; padding:0; text-align:center; overflow:hidden; height:100px;
}
#header #header-store .logo img{
	max-width:100%; max-height:100%;
}
#header #header-ads{
	color:#000; text-transform:uppercase; cursor:pointer; background:#f2f2f2;
	float:left; padding:5px 1%; width:98%; height:90px; overflow:hidden; text-align:center;
}
#header #header-ads *{
	float:left; width:100%;
}
#header #header-ads img{
	width:715px; height:90px;
}
#header #header-ads span{
	font:bold 18px/30px Tahoma, Geneva, sans-serif; margin-top:15px; color:#666
}
#header #header-ads span a{
	color:#666
}
/**********************/
#footer{
	background:#F2F2F2; border-top:1px solid #E9E9E9; padding:10px 0; font-weight:bold; color:#000;
	font-size:11px; margin-top:20px;
}
.footer-company{
	font:bold 13px Tahoma, Geneva, sans-serif; margin:0px 0 3px; text-transform:capitalize;
	color:#DC3030
}
.footer-info{
	color:#000; line-height:18px; text-align:center;	
}
.footer-info a{
	color:#000; 
}
/********************/
#share-btn{
    -moz-border-bottom-colors: none;    -moz-border-left-colors: none;    -moz-border-right-colors: none;    -moz-border-top-colors: none;
    background-color: #EEEEEE;    border-color: #CCCCCC -moz-use-text-color #CCCCCC #CCCCCC;
    border-image: none;    border-radius: 3px 0 0 3px;    border-style: solid none solid solid;    border-width: 1px medium 1px 1px;
    box-shadow: -6px 0 6px -6px rgba(0, 0, 0, 0.25) inset, 0 1px 0 #FFFFFF inset;
    right: 0;    padding: 10px;    position: fixed;    top: 20%;
}
/***************/
#page-street .nav-main{
	padding:10px 2% 0px; width:96%; clear:both; float:left; text-align:center; color:#FFF; height:28px; overflow:hidden;
	font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;
}
#page-street .nav-main a{
	color:#FFF;
}
#page-street .nav-main a:hover{
	color:#000; 
}
#page-street{
	width:100%; clear:both; float:left; background:#90C322; margin-bottom:20px;
}
#page-street .breadcrumb{
	padding:9px 2%; margin:0; background:none; font:bold 13px Arial, Helvetica, sans-serif; text-transform:capitalize;
	background:url(../img/patterns/background.png)  #f2f2f2; clear:both; float:left; width:96%; border-radius:0;
}

#page-street .breadcrumb a{
	color:#E7131A; text-shadow:none;
}
#page-street .breadcrumb .active{
	color:#222; text-shadow:none;
}
/************/
.right-border{
	border:1px solid #D6D6D6	
}
.right-title{
	padding:10px 5%; width:90%; float:left; background:#90C322; margin-bottom:5px;
	text-transform:uppercase; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF;
}
#right-box-menu{
	padding:0px 5%; width:90%; float:left; margin:0; text-transform:capitalize;
}
#right-box-menu h5{
	font:bold 12px Tahoma, Geneva, sans-serif; text-transform:capitalize; margin:0px 0 5px;
	border-bottom:1px solid #D6D6D6; padding:5px 0;
}
#right-box-menu h5 a{
	color:#90C322; 
}
#right-box-menu dt{
	margin-top:5px; margin-bottom:5px; float:left; width:100%;
}

#right-box-menu dd{
	margin-top:3px; margin-bottom:3px; float:left; width:100%;
}
#right-box-menu dd a{
	background:url(../img/store/arrow.gif) no-repeat 0px 6px; color:#333;
	float:left; padding-left:5%; width:95%;
}
#right-box-menu a:hover{
	color:#90C322; text-decoration:none;
}
/************/
.left-title{
	padding:10px 1.5%; width:97%; float:left; background:#90C322; margin:0 0 5px;
	text-transform:uppercase; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF;
}
.left-title a{
	color:#FFF;
}
 /*********************/
#col-3{
	float:left; margin:0; padding:0; width:100%;
}
.col-3-item{
	float:left; width:29%; background:#FFF; margin:5px 1.5% 20px!important; height:290px; overflow:hidden;
	border:1px solid #EBEBEB; padding:0.5%;
}
.col-3-item .img img{
	float:left; width:100%; height:210px;	
}
.col-3-item .box-title{
	margin:5px 2% 0; width:96%; clear:both; float:left
}
.col-3-item .box-title h5{
	margin:0 0 5px; font:bold 11px/18px Tahoma, Geneva, sans-serif; text-transform:uppercase; text-align:center;
	height:36px; overflow:hidden;
}
.col-3-item a{
	color:#1F1F1F;
}
.col-3-item a:hover{
	color:#90C322;
}
.col-3-item:hover{
	border-color:#90C322
}
#pagination{
	text-align:center; clear:both; float:left; width:100%; margin-bottom:20px;	
}
#pagination *{
	margin:0 5px;
}
/**********/
#detail-product{
	float:left; clear:both; width:97%; padding:0 1.5%; overflow:hidden;	
}
#detail-product .box-img .img-big{
	border:1px solid #CCC; border-radius:5px;	
}
#detail-product .box-img .css-hncg.css-banchay{
	background:#FFFBEF; border-color:#90C322
}
#detail-product .box-img .css-hncg{
	background:#F4F7FF; border-color:#BEC8FF
}
#detail-product .box-img .css-banchay{
	background:#FFFFF7; border-color:#FFDDBF
}
#detail-product .box-img .img-big img{
	border-radius:5px; padding:2%; width:96%; float:left; max-height:280px;
}
#detail-product  #product-img li{
	float:left; margin:5px; cursor:pointer;
}
#detail-product  #product-img li img{
	float:left; width:50px; height:	50px; padding:3px; border:1px solid #CCC;
}
#detail-product  #product-img li.active img{
	border-color:#D70000
}
#detail-product .price{
	color:#D70000; font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
}
.date-km-info .price-old{
	color:#005DBF; font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.date-km-info .date-km{
	color:#005DBF; font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#detail-product .info-product label{
	font:13px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#detail-product .info-product input[type=text]{
	text-align:right
}
#product-content-detail{
	clear:both; float:left; width:100%; display:block; overflow:hidden;	
}
#detail-product .price {
    color: #D70000; text-align:left;
    font: bold 16px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
.title-post-item{
	font:bold 15px Tahoma, Geneva, sans-serif; margin:0 0 5px; padding:0; text-transform:capitalize; color:#065CE3 
}
.quote-item img{
	float:left; width:27%; margin:0 15px 5px 0;
}
.quote-item{
	line-height:22px;
}
/***********************/
#sp-sale .caroufredsel_wrapper{
	width:100% !important; height:190px !important; padding:0; background:#FFF;
}
#sp-sale #prev, #sp-sale #prev_sale {
	margin: 0px; position:absolute; width:15px; height:25px; overflow:hidden; text-indent:-100px;
	background:url(../img/sprite.png) no-repeat 0 top; left:7px; top:47%;
}
#sp-sale #prev:hover, #sp-sale #prev_sale:hover {
	background:url(../img/sprite.png) no-repeat 0 -25px; 
}
#sp-sale #next, #sp-sale #next_sale {
	margin: 0px; position:absolute; width:15px; height:25px; overflow:hidden; text-indent:100px;
	background:url(../img/sprite.png) no-repeat right top; right:7px; top:47%;
}
#sp-sale #next:hover, #sp-sale #next_sale:hover {
	background:url(../img/sprite.png) no-repeat right -25px;
}
#left-banner-ads li{
	margin:0 0 5px; float:left; width:100%;
}
#left-banner-ads li:last-child{
	margin-bottom:0 
}
/***********/
#sp-sale{
	background:#90C322; padding:0 1% 2px; width:95%; float:left; margin:15px 1.5%; height:225px; overflow:hidden; position:relative;
}
#sp-sale b.title-tab{
	color:#FFF; font:bold 13px Tahoma, Geneva, sans-serif; text-transform:uppercase; padding:7px 0;
	float:left; width:100%; 
}
#sp-sale ul{
	clear:both; float:left; background:#FFF; width:98%; padding:10px 2%; margin:0; text-align:center;
}
#sp-sale ul li{
	float:left; width:140px; margin:0 5px; background:#f2f2f2 ; padding:5px 6px; height:160px; overflow:hidden;
}
#sp-sale ul li img{
	width:100%; height:100px
}
#sp-sale ul li h3{
	font:bold 11px/18px Tahoma, Geneva, sans-serif; text-transform:capitalize; margin:5px 0 0; float:left; width:100%;
}
#sp-sale ul li b{
	font:bold 11px/18px Tahoma, Geneva, sans-serif; text-transform:capitalize; margin:0; float:left; width:100%;
	text-align:center;
}
#sp-sale ul li a{
	color:#000;
}
#sp-sale ul li:hover{
	background:#90C322 
}
#sp-sale ul li:hover a{
	color:#fff;
}
.title-box{
	width:100%; float:left; font:bold 15px Tahoma, Geneva, sans-serif; color:#000; padding:0 0 5px;
	text-transform:uppercase; border-bottom:5px solid #90C322; margin-bottom:10px;
}
#right-ads{
	margin:0 0.5%; padding:0; list-style-type:none; clear:both; float:left; width:225px	
}
#right-ads li{
	margin:0 0 3px; padding:0; clear:both; float:left; width:100%; overflow:hidden;
}
.page-content{
	font:15px/22px Tahoma, Geneva, sans-serif;	
}