/******** Default Behaviour Tags ********/
/****************************************/

/* COMMON STYLE
--------------------------------------------------------- */
@font-face {
    font-family: 'Calligraffiti';
    src: url('../fonts/Calligraffiti.eot');
    src: url('../fonts/Calligraffiti.eot'),
         url('../fonts/Calligraffiti.ttf');

}
* {margin:0; padding:0; outline:none;}
body {
	background: url(../image/bg-body-top.png) 50% 0 repeat-x #fff;
	font-family:Tahoma,Helvetica,sans-serif;
	font-size:12px;	
	/*color:#6e6e6e;*/
	color: #000;
	min-width:240px;
}

/* Normal links ---*/
a { color:#60956a; text-decoration:none; 
-moz-transition:color 0.1s ease-in-out 0s; -webkit-transition:color 0.1s ease-in-out 0s; -o-transition:color 0.1s ease-in-out 0s; transition:color 0.1s ease-in-out 0s; 
}

a:hover, a:active, a:focus {color:#e55e04;  text-decoration:none; outline:none;}

/* Content spacing ---*/
 
p { line-height:18px }

img, fieldset{border:0; max-width:100%;}

.floatL{float:left!important;}
.floatR{float:right!important;}
.hidden{display:none!important;}

/* Headings & Titles ---*/
h1 { font-size: 2em; color:#272727 }
h2 { font-size: 1.5em;  color:#272727; margin-bottom: 10px; font-weight:normal; }
h3 { font-size: 1em; color:#272727; margin-bottom: 10px; font-weight:normal;}
h4 { font-size: 1em; margin-bottom: 10px; }
h5 { font-size: 1em; margin-bottom: 10px; }

h1, h2, h3, h4, h5 { }
table {border-spacing:0;   border-collapse:collapse;}
/* Small text ---*/
small, .small, .small-text, a.readon { color:#333; }


/* List ---*/
.contEditor {font-size:12px; }
.contEditor ul li {
	background: url(../images/bullet.gif) no-repeat 0 8px;
	margin-left: 10px;
	padding: 4px 15px;
	list-style:none;
}

/*contEditor*/			
.contEditor {padding:0 2px;   text-align:left; font-size:14px;}
.contEditor h1,.contEditor h2,.contEditor h3,.contEditor h3,.contEditor h5,.contEditor h6{margin:20px 0 0;}
.contEditor h1{font-size:24px; line-height:28px;}
.contEditor h2{font-size:22px; line-height:26px;}
.contEditor h3{font-size:20px; line-height:24px;}
.contEditor h4{font-size:18px; line-height:22px;}
.contEditor h5{font-size:16px; line-height:20px;}
.contEditor h6{font-size:14px; line-height:18px;}
.contEditor img {max-width:100%;}
.contEditor li > p{ line-height:18px; margin:0; padding:5px 0;}
.contEditor li > p:first-child {padding-top:0;}
.contEditor li > h3{ margin:0; }
.contEditor li > h4{ margin:0; }
.contEditor li > h5{ margin:0; }
.contEditor p{ line-height:20px;  font-size:12px; padding-bottom:10px;}
.contEditor a:link,.contEditor a:visited {color:#1B57B1;}
.contEditor sup {vertical-align:super; font-size:76%;}
.contEditor sub {font-size:76%; vertical-align:sub}

.contEditor ul , .contEditor ol{ margin:0 0 10px 0; font-size:14px;}
.contEditor ol{ list-style-type: decimal;}
.contEditor ul  { list-style-type:disc;}
.contEditor ul ul, .contEditor ol ul {list-style-type:circle;}
.contEditor ul ul ul, .contEditor ol ul ul {list-style-type:square;}
.contEditor ol li { margin:5px 0 5px;  padding:0; list-style:inside; list-style-type:inherit;  font-size:14px;}
/*.contEditor ol li ul li{ list-style-type:disc;}*/
.contEditor ul li ol li{ list-style-type:decimal;}
.contEditor ol  ul, .contEditor ol ol, .contEditor ul  ol, .contEditor ul ul{ margin-left:20px;}
.contEditor table {width:100%; border:1px solid #f2f2f2; margin-bottom:10px; border-collapse:collapse; table-layout:fixed; max-width:100%;}
.contEditor table th{border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; background:#fafafa; padding:8px 5px; font-size:13px;}
.contEditor table td{border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; padding:8px 5px; font-size:13px;}
.contEditor table tr.odd td, .contEditor table tr.odd th {background:#fafafa;}
.contEditor table tr.even td, .contEditor table tr.even th {background:#fcfcfc;}
ul li {
	list-style:none;
}

ol li { margin-left: 30px; }

dt { font-weight: bold; }

dd { margin-left: 15px; }

/* Readon links ---*/
p.readmore { text-align: right; color:#c50b00; font-size: 0.912em; }

p.readmore a { color:#c50b00 }

p.readmore a:hover, p.readmore a:active, p.readmore a:focus { color:#c50b00 }

/* Others ---*/
hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid;
	height: 1px;
}

.boxShadow {box-shadow:2px 2px 2px #e0e0e0;}
.borderRadius3 {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	behavior: url(../scripts/PIE/PIE.htc);
}
.borderRadius3BL {-webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px;
	behavior: url(../scripts/PIE/PIE.htc);}
.borderRadius3TL {-webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px;
	behavior: url(../scripts/PIE/PIE.htc);}
.borderRadius3BR {-webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px;
	behavior: url(../scripts/PIE/PIE.htc);}
.borderRadius3TR {-webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px;
	behavior: url(../scripts/PIE/PIE.htc);}

.borderRadius10 {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	behavior: url(../scripts/PIE/PIE.htc);}
.borderRadius15 {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
	behavior: url(../scripts/PIE/PIE.htc);}
.borderRadius20 {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
	behavior: url(../scripts/PIE/PIE.htc);}
.borderRadius {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	behavior: url(../scripts/PIE/PIE.htc);}
.borderRadiusBL {-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px;
	behavior: url(../scripts/PIE/PIE.htc);}
.borderRadiusTL {-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px;
	behavior: url(../scripts/PIE/PIE.htc);}
.borderRadiusBR {-webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;
	behavior: url(../scripts/PIE/PIE.htc);}
.borderRadiusTR {-webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px;
	behavior: url(../scripts/PIE/PIE.htc);}

.clear {clear:both; } 
.clearAll { padding:0; margin:0; clear:both; } 
/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox {
	border: 1px solid #ccc;
	font-family:  Tahoma, Geneva, sans-serif;
	padding: 2px;
	font-size: 100%;
}
	
input[type="radio"] { border: none; }
	
input[type="checkbox"] { border: none; }

fieldset { border: none; margin: 0; padding: 0; }

legend {	font-size: 125%; font-weight: bolder; line-height: 1.2; }

/* Tables ---*/
th { font-weight: bold; padding: 5px; text-align: left; }

td { font-size: 100%; padding: 5px; }


/* Structure ---*/
.main {min-width:960px\9;}
.main {width:960px; margin:0 auto; text-align:left; clear:both;}
/**/
.main { background:none!important; }

#wrapper {text-align:center;}
#top {width:100%; background: url(../images/bg-top.gif) 0 0 repeat-x; padding:11px 0 0; z-index:1;}
#header {width:100%; margin-top:-30px; }
#content {width:100%;  clear:both; overflow:hidden;  margin-bottom:10px;}
#content .main {background-color:#fff!important;}
#newsletter {width:100%; background-color:#bbc1b4; border-bottom:1px solid #fff;}
#newsletter .main{min-height:38px; background: url(../images/bg-newsletter.png) 58px 50% no-repeat; overflow:hidden;}
#footer {width:100%; background-color:#f2f1f1; padding-top:40px;}



/* top ---*/

#top .main {height:54px; position:relative;}
.hotline {float:right; margin-right:10px;}
.hotline img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 5px;	
}

.block-nav-user {float:right; margin-right:10px;}
.nav-user li{ display:inline-block; padding: 0 3px 0 4px; margin:0; border-left:1px solid #fff; line-height:12px}
.nav-user li:first-child{ border:none;}
.nav-user li a{ color:#fff;}
.nav-user li a:hover, .nav-user li a.active, .nav-user li.active a{ color:#f26500;}

.block-buy {height:54px;}
.buy-label {float:left; padding:0 5px 0 0; font-family:Calligraffiti!important; font-size:18px; text-align:right; padding-right:70px;background: url(../) right no-repeat; color:#136705; height:51px;}
.buy-guide {float:left; padding:0 20px 0 0; }

.buy-guide-ico{width:100px; height:44px; display:block; cursor:pointer; padding:10px 0 0 60px;}
.buy-guide-ico a{ color:#666666; font-size:12px; font-weight:bold; text-decoration:none; text-transform: uppercase; }
.buy-guide-1 .buy-guide-ico{background: url(../images/ico-product-1.png) 0 0 no-repeat; }
.buy-guide-2 .buy-guide-ico{background: url(../images/ico-product-2.png) 0 0 no-repeat; }
.buy-guide-3 .buy-guide-ico{background: url(../images/ico-product-3.png) 0 0 no-repeat; }

.buy-guide-tip {display:none;}
.buy-guide-tip:after{
    content:'';
    display:block;
    position:absolute;
    top: -19px;
    margin-left: 40px;
    width:0;
    height:0;
    border-color: transparent transparent #fffbbc transparent;
    border-style: solid;
    border-width: 10px;
    z-index: 99;
}
.buy-guide-tip{
    color: #666;
    text-align: left;
    position: absolute;
    margin: 12px 0px 0px -35px;
    padding:5px 10px;
    background-color: #ffffcc;
    border-radius: 3px;
    box-shadow:  0px 1px 2px 0px #ffffcc;
    z-index: 99;
    width: 350px;
	-moz-transition:color 0.1s ease-in-out 0s; -webkit-transition:color 0.1s ease-in-out 0s; -o-transition:color 0.1s ease-in-out 0s; transition:color 0.1s ease-in-out 0s; 
}

.buy-guide-tip h3 {margin:5px 0; text-transform:uppercase;}

/* header ---*/
#header .main {overflow:hidden; }
.logo {padding:0px;/*padding:15px;*/ float:left;}
.header-inner { }


#search {
	width: 510px;
	height: 40px;
	z-index: 15;
	padding-top: 48px;
	margin-left: 250px;
}
#search .button-search {
	background: url(../../../../image/btn-search.png) no-repeat;
	width: 98px;
	height: 38px;
	cursor: pointer;
	float: right;
}
#search input {
	background: #FFF;
	padding: 1px 1px 1px 49px;
	width: 357px;
	height: 32px;
	float: left;
	background: url(../../../../image/ico-search.png) no-repeat left center #fff;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 7px 0px 0px 7px;
	border: 2px solid #fff;
}




.basket-block {padding:14px 0 0 ;  float:right; text-align:center;}
.basket-block h3 {margin:12px 0 9px;}
.basket-block h3 a{text-decoration:underline; color:#000; font-weight:normal; font-size:12px;}
.basket-block h3 a:hover {text-decoration:none;}
.basket-inner { background:url(../images/bg-basket.gif) 0 0 repeat-x; padding:2px; border:1px solid #c5c7c9; overflow:hidden;white-space: nowrap;}
.btn-basket { background:url(../images/ico-basket.png) 0 50% no-repeat; padding:6px 10px 6px 35px; color:#4e4e4e;  font-weight:bold; font-size:13px; display:block;}



#cate-banner {padding:0 0 10px;}
.cate {width:225px; float:left; margin-right:10px;}
.banner {float:left; min-height:452px; margin-bottom:10px; text-align:center; max-width:100%; overflow:hidden; width: 725px;}
.slideshow {max-width:100%;  margin:auto;}
.nivoSlider {max-width:100%; }

.main-nav-inner {
	width:225px;
}
.zmenu-title{
	color:#fff; 
	font-size:16px; 
	padding: 10px 30px; 
	line-height: 20px; 
	margin-bottom:5px; 
	font-weight:bold;
	background: #f40;
}
.menu-dropbox {display:none; cursor:pointer;}
#zmenu {
	padding: 5px;
}
#zmenu li{
	color:#a3a2a2; 
	font-size:12px; 
	display:block; 
	border-top:1px solid #f0f0f0;
	padding: 3px 0px;
}
#zmenu li:first-child{
	border:none;
}
#zmenu > li > a {
	text-transform: uppercase;
}
#zmenu li a {
	background: url(../../../../image/ico_bullet_1.png) no-repeat right center;
	padding: 4px 3px; color:#000; 
	font-size: 12px; 
	display: block;
}
#zmenu li a:hover, #zmenu li a.active {
	background: url(../../../../image/ico_bullet_1_hover.png) no-repeat right center;
	color:#f86a03; 
}
#zmenu li.submenu-state-hover a {background-image:url(../images/ico-menu-has-sub.png);  color:#f86a03; }

.menu-cate-title{min-width: 185px; background:#549b01 url(../../../../image/ico-menu-dropdown.png) 94% 50% no-repeat; padding: 5px 22px 5px 15px; color:#fff; font-size:16px; line-height:20px; margin-bottom:0; font-weight:bold; cursor:pointer;}
.menu-cate {display:none;}
.menu-popup {position:absolute; z-index:1002; background:#fff; min-width:200px;  }
#zmenu.menu-popup li a {font-size:14px; padding:6px 0;}


.submenuPopup {/*width:572px*/ width: 694px; background:#fff;  position:absolute;top:-1500px; left:-1500px; z-index:2000; border:1px solid #ffb319;  	}
.submenu {display:none;}
 /* 	
.submenu  {top:200px; left:400px;}
*/
.submenu-inner {padding:20px; overflow:hidden;}
.submenu_row {clear:both;}
.submenu h3 {padding:0 0 10px 0; margin:0 0 3px; line-height:20px; color:#f86a03;   font-size:16px; font-weight:bold;}
.submenu h3 > span {background:#008cff ;  padding:2px 0 3px 0; line-height:18px; font-size:11px; font-weight:bold;}
.submenu h4 {padding:0 0 2px 0; margin:0 0 3px; line-height:18px; color:#333333;   font-size:14px; display:block; clear:left;}
.submenu h4 a { color:#333333;}

.submenu .submenu_item:first-child { }
.submenu-50 {width:208px; float:left; padding:0; overflow:hidden; padding:0 10px 5px 0;}
.submenu_item {clear:both; display:block}
.submenu_item ul { padding:0 0 7px 0; display:block; }
.submenu_item ul li { padding:2px 0; display:block; white-space: nowrap;}
.submenu_item ul li a{background:url(../images/ico_bullet_1.png) 0 4px no-repeat; padding:0 0 1px 10px; margin:0 0 5px; color:#853415; font-size:12px; float:left;}

.submenu_item ul li:hover, .submenu_item ul li.active  {  }
.submenu_item ul li a:hover, .submenu_item ul li a.active , .submenu_item ul li.active a {background-image:url(../images/ico_bullet_2.png); color:#f86a03;}

.submenu-banner {overflow:hidden; clear:both;}
.menu-more {display:block; margin:0 0 10px;}
.menu-more a{background:#e2e3e3; color:#383f37; font-size:16px; line-height:21px; padding:10px 17px;  color:#383f37; position:relative; display:block;}
.ico {position:absolute; top:3px; right:3px; z-index:1;	}
.menu-more-1 {max-height:41px;}
.menu-more-3 {}
.menu-more-3 a{ background:#8cd081; font-size:18px;  line-height:23px; color:#fff; }
.menu-more a:hover {background:#ED6400; }


.cate-top {width:100%; background:#f6f6f6; margin-bottom:10px; clear:both; overflow:hidden;}
.cate-top .main-nav-inner {padding-top:0;padding-bottom:0;}
.cate-top #main-nav{float:left;}
.cate-top .cate-type{float:left; color:#6e6e6e; font-size:13px; line-height:15px; padding:5px;}
.cate-top .cate-type-list{float:right; white-space: nowrap;}
.cate-top .cate-type-list h2{ color:#6e6e6e; font-size:11px; display:inline-block; padding:5px 10px; margin-bottom:0;}
.cate-type-list-h2{ color:#6e6e6e; font-size:11px; display:inline-block; padding:5px 10px; margin-bottom:0;}
.cate-type-list-h2 > a{ color:#6e6e6e;}
.cate-top .cate-type-list h2 a{ color:#6e6e6e;}

.banner-top {width:100%;   clear:both; }
.banner-top img {max-width:100%;}

.block-breadcrumd {width:100%;  height:27px; margin-bottom:0; clear:both; }
.block-breadcrumd ul{ display:block; padding:0 0 0 5px; margin:0; white-space: nowrap;}
.block-breadcrumd li{background:url(../images/ico-breadcrumd.png) 0 53% no-repeat; padding:4px 10px;  display:block; float:left; color:#909090;}
.block-breadcrumd li a{color:#549b01;}
.block-breadcrumd li:first-child {background:url(../images/ico-home.png) 0 45% no-repeat; padding-left:18px;}
.block-breadcrumd li a:hover, .nav-user li a.active, .nav-user li.active a{ color:#f26500;}


/*adv-top*/
#adv-top {padding:0 0 10px; overflow:hidden;}
#adv-top .adv {width:49%; float:left; padding-left:2%;}
#adv-top .adv img {max-width:100%;}
#adv-top .adv:first-child {padding-left:0}

/*main content*/



/*cate page*/
/*cate-filter*/
.cate-filter {width: 223px; float:left; border:1px solid #e2e3e3}
.block-filter {padding:7px 0;}
.filter-title { background:green; 0 0 no-repeat; padding:8px 22px 10px 20px; margin: 0 -2px; display:block; 
	color:#fff; font-size:16px; line-height:16px;  font-weight:bold;
}

.filter-type{ background:green; padding:4px 15px 5px 15px; margin:0 0 5px 0; display:block; border-bottom:#e2e3e3 1px solid; border-top:#e2e3e3 1px solid;
	color:#fff; font-size:16px; line-height:20px;  font-weight:bold;
}

.filter-list {padding:0 10px 5px; }
.filter-list li{color:#555555; font-size:12px; display:block; border-top:1px solid #f0f0f0; padding: 2px 0px;}
.filter-list li:first-child{border:none;}
.filter-list li a {
	height:16px;  padding:5px 0; color:#555555; font-size:12px; display:block;
	background: url(../../../../image/ico_bullet_1.png) no-repeat left center;
	padding-left: 7px;
	text-transform: uppercase;
}
.filter-list li a:hover {font-weight:bold;}
.filter-list li a.active {color: #ea8500;}
.filter-list li ul{padding: 0 15px;}
.filter-list li ul li h2 {padding: 0px; margin: 0px; font-size: 12px; background: none; text-transform: none; color: #666;}
.filter-list li ul li h2 a {
	background: none;
	padding-left: 3px;
	text-transform: none;
}


.filter-price-slider {padding:10px 9px; }
.filter-price-slider input {width:55px; padding:3px 1px; margin:0 1px; font-size:11px;}
.filter-price-slider input#price-to {width:65px;}
.price-slider {padding:0 0 10px;}



.filter-rate-list {padding:0 10px;}
.filter-rate-list li{color:#666666; font-size:12px; display:block; border-top:1px solid #f0f0f0; padding-top:7px; margin-top:7px; clear:left;}
.filter-rate-list  li:first-child{border:none;}
.filter-rate-list li a{color:#666666; }
.filter-rate-list li a:hover {color:#ffae0d; }
.rate { width:85px; height:15px;  background:url(../images/ico-rate.gif) 0 -15px repeat-x;  float:left; margin-right:5px; display:block;}
.rate span {display:block;  height:100%;   background:url(../images/ico-rate.gif) 0 0 repeat-x;}
.rated-5 { width:85px; }
.rated-4 { width:68px; }
.rated-3 { width:51px; }
.rated-2 { width:34px; }
.rated-1 { width:17px; }

.rate-value {clear:both; overflow:hiddenl }
.rate-value .rate-star { width:16px; height:16px;  background:url(../images/bg_rate.gif) 0 0 repeat-x; display:block; overflow:hidden; float:left; margin-right:2px; }
.rate-value .rated, .rate-star:hover {background:url(../images/bg_rated.gif) 0 0 repeat-x;  }

.cate-feedback {padding:0 10px;}
.cate-feedback li{color:#999898; font-size:12px; display:block; border-top:1px solid #f0f0f0; padding-top:10px; margin-top:10px;}
.cate-feedback li h3 {color:#6e6e6e; font-size:14px; font-weight:bold;}
.cate-feedback  li:first-child{border:none;}


/*cate-content*/
/*
.cate-content {width:725px; margin-left: 10px; float:left;}
*/
.cate-content {width:auto ; margin-left: 235px ; float:none ;}
.banner-cate img {max-width:100%;}
.banner-cate-border {overflow:hidden; margin-bottom:20px; padding: 10px;}
.cate-brand li  {max-width:19%; float:left; padding:0 2px;}

/*products*/
.block-title {background:#fff; 0 1px repeat-x; clear:both; overflow:hidden;}
.block-label {min-width:200px; background:green; 0 0 no-repeat; padding:5px 20px 4px 20px; float:left;
color:#fff; text-transform:uppercase; font-size:16px; line-height:20px;  font-weight:lighter;}
.block-label  a {color:#fff;}
.block-label  span { float:left; padding:4px 19px 4px 10px; line-height:20px; } 
/*border-top:1px solid #fff; border-bottom:1px solid #fff;*/
.block-title-1 .block-label {background-image:url(../image/bg-block-title-1.png)}
.block-title-2 .block-label {background-image:url(../image/bg-block-title-1.png)}
.block-title-3 .block-label {background-image:url(../image/bg-block-title-1.png)}
.block-title-4 .block-label {background-image:url(../image/bg-block-title-1.png)}
.block-title-5 .block-label {background-image:url(../image/bg-block-title-1.png)}

.title-list {float:right; margin-top:5px;}
.title-list h2{
/*    width:117px; *//*
    background:url(../images/bg-block-title-sub.png) 0 0 repeat-x;*/
    float:left;
    white-space: nowrap;
    margin:0 0 0 2px; 
    padding:5px 5px 3px 5px;
    text-align:center;
	color:#99a066; 	
    border-bottom:#c7cd9f 5px solid; 
    font-size:13px; 
    font-weight:bold;
}	
.title-list h2.cate-label-1 a{color:#99a066; }
.title-list h2.cate-label-2 {color:#668ba0;border-color:#9fb4cd;}
.title-list h2.cate-label-2 a{color:#668ba0; }
.title-list h2.cate-label-3 {color:#ff7e47; 	border-color:#cdae9f;}
.title-list h2.cate-label-3 a{color:#ff7e47; }

.block-inner { margin-top:-15px; z-index:1;}

.product-list {min-height:300px; padding:20px 0;}
.product-list li{
	width:161px; height: 254px; background:#fff; 
	border:3px solid #fff; margin:0 7px 20px 6px; padding:7px 8px; 
	float:left; position:relative; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	text-align:center;
	border: 1px solid #ddd;
}
.product-list .pro-title{height:38px;overflow:hidden; margin:0; padding:0; color:#838181; font-size:12px; line-height:16px;}
.product-list .pro-title a{color:#000000;/*838181*/; font-size:12px; font-weight:normal; display:block; }

.product-list .pro-price{height:34px; overflow:hidden; margin:0; padding:3px 0 0; color:#549b01; font-size:12px; font-weight:bold;}
.product-list .pro-price span{display:block; line-height:16px;}
.product-list .pro-price .price-old{height:16px; color:#000000; font-size:11px; font-weight:normal; text-decoration:line-through;}

.product-list .discount{
	background:#549b01;
	text-align:center;
	position:absolute;
	bottom: 22px; 
	right: 2px; 
	z-index:1; 
	height: 35px;
	width: 35px;
	padding: 5px;
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; 
	text-align:center;
}
.product-list .discount span {display:block; line-height: 16px;}
.product-list .discount-label{ color:#fff; font-size:12px; font-weight:normal; }
.product-list .discount-value{ color:#fff; font-size:18px; line-height:18px; margin-top:-2px; }

.product-list .btn-buy{width:105px; background:url(../../../../image/btn-buy.png) 0 0 no-repeat; padding:5px 0 10px 12px; color:#fff; font-size:12px; font-weight:bold; bottom:-11px; left:50%; margin-left:-56px; position:absolute;  z-index:2; display:none; text-align:left; cursor: pointer;}
/*hover state*/

.product-list li.hover, .product-list li:hover {border: 1px solid #FF9900; }
.product-list li.hover .pro-title, .product-list li:hover .pro-title {}
.product-list li.hover .pro-title a, .product-list li:hover .pro-title a {font-size:11px; font-weight:bold; color:#615b5b; text-align:center;}
.product-list li.hover .pro-price, .product-list li:hover .pro-price {height:37px;  padding-top:0; text-align:center;}
.product-list li.hover .pro-price .price-old, .product-list li:hover .pro-price .price-old{height:16px;  color:#929292; font-size:14px; font-weight:bold;}
.product-list li.hover .pro-price .price-current, .product-list li:hover .pro-price .price-current{ color:#e55e04; font-size:18px; font-weight:bold; padding-top:5px;}

.product-list li.hover .discount, .product-list li:hover .discount{width:82px; height:82px; background:url(../images/ico-sale-off.png) 50% 50% no-repeat; text-align:center; position:absolute; bottom:auto; top:-25px; right:-30px;}
.product-list li.hover .discount .discount-label, .product-list li:hover .discount .discount-label{padding-top:15px; padding-bottom:5px;}
.product-list li.hover .discount .discount-value, .product-list li:hover .discount .discount-value{font-size:27px;}

.product-list li.hover .btn-buy, .product-list li:hover .btn-buy{display:block;}

/* category product*/
.cate-page .product-list  { margin-left:-2px; }
.cate-page .product-list li  { margin:0 0 10px; }
.cate-page .product-list li.hover,.cate-page  .product-list li:hover {border:3px solid #ff7a21; }

.cate-title {
	width:98%; overflow:hidden; height:32px; 
	background:#fafafa; border-bottom:1px solid #ebe9e9; padding:0 10px 0 5px; margin-bottom:20px; overflow:hidden;
	}
.cate-title {*min-width:0;}
.cate-title .cate-title-label{font-size:18px; color:#000; float:left; padding:5px 0;}
.cate-title .cate-title-label a{font-size:18px; color:#000; }
.cate-title .cate-label-other{float:right; color:#416a11; font-size:11px; padding:9px 0 5px 0;}
.cate-title .cate-label-other a{ color:#416a11; }
.cate-title .cate-label-other a:hover { color:#d21515; }

/*paging*/
.paging {text-align:right; overflow:hidden; clear:both; padding:10px 0;}
.paging-inner {width:auto; }
.paging-inner p, .paging-inner ul, .paging-inner li{display:inline}
.paging-inner li{display:inline; padding:0 4px;}
.paging-inner li a{color:#999898}
.paging-inner li a.current, .paging-inner li a:hover{color:#ff7800;}

.page-title{font-size:24px; color:#666666; font-weight:normal; margin:10px 0;}


/*block-order-form*/
.order-check {text-align:center; padding:30px 0 20px;}
.order-check  h1{font-size:24px; color:#666666; font-weight:normal; margin-bottom:10px;}
.order-check  .order-intro {font-size:12px; color:#666666; font-weight:normal; margin-bottom:15px;}
.block-order-form { margin:auto;  margin-bottom:40px;} 
.block-order-form fieldset{width:334px; margin:auto; clear:left; }
.block-order-form input.inputbox{width:215px; height:16px; background:url(../images/bg-input-check.gif) 0 0 repeat-x;  padding:5px 7px; margin:0; display:block; float:left;}
.block-order-form input.button{height:28px; background:url(../images/btn-check.gif) 0 0 repeat-x; padding:0; color:#; text-align:center; border:none; cursor:pointer; display:block;  float:left; color:#2b2b2b;}

/*newsletter*/
.form-newsletter {padding:7px 17px 7px 120px;}
.form-newsletter label{ font-size:18px; color:#fff; font-weight:bold;}
.form-newsletter label{*float:left;}
.form-newsletter fieldset{float:right;}
.form-newsletter fieldset .inputbox-wrap{ float:left;}
.form-newsletter fieldset input.inputbox{width:251px; height:16px; padding:3px 7px; float:left;}
.form-newsletter fieldset input.button{width: 50px;height:23px; background:url(../../../../image/bg-btn-newsletter.gif) 0 0 repeat-x; padding:0 15px; color:#; text-align:center; border:1px solid #83bbb7; cursor:pointer; text-shadow:1px 1px #e1ebee; color:#2b2b2b;}

/*footer*/
.footer-top {clear:both; padding-bottom:10px;}
.footer-block {width:225px; float:left; padding-left:20px}

.footer-block:first-child {padding-left:0;}
.footer-block h3 {background:url(../images/line-footer.gif) 0 100% repeat-x; color:#615b5b; font-size:12px; text-transform:uppercase; font-weight:bold; padding:0 10px 12px 10px; margin:0 0 10px 0;}
.footer-block-h3 {background:url(../images/line-footer.gif) 0 100% repeat-x; color:#615b5b; font-size:12px; text-transform:uppercase; font-weight:bold; padding:0 10px 12px 10px; margin:0 0 10px 0;}
.footer-block h3 a {color:#615b5b;}
.footer-block h4  {color:#a09f9f; font-family:"times new roman"; font-size:16px; text-transform:uppercase; margin-bottom:2px; font-weight:lighter;}

.footer-list {clear:both; padding:0 0 10px 12px;}
.footer-list li{display:block; color:#615b5b; padding:5px 0; display:block;}
.footer-list li h4 {font-size: 12px; padding: 0px; margin: 0px; text-transform:none; font-family: Arial, Helvetica, sans-serif;}
.footer-list li h4 a{ color:#615b5b;}
.footer-list li h4 a:hover { color:#f26500; }


.footer-list-delivery li{ color:#615b5b; margin-bottom:10px; display:block; font-weight:bold; text-transform:uppercase;}
.footer-list-delivery li .delivery-item { color:#615b5b;  padding:12px 6px 12px 66px;  font-weight:bold; display:block; }
.footer-list-delivery li a:hover { color:#fff; }

.ico-delivery-1 {background:#cd9f9f url(../images/ico-delivery.png) 16px 50% no-repeat; }
.ico-delivery-2 {background:#c7cd9f url(../images/ico-refund.png) 16px 50% no-repeat; }
.ico-delivery-3 {background:#cdc99f url(../images/ico-payment.png) 16px 50% no-repeat; }


.footer-list-logo { 	clear:both; 	margin-left:-12px; }
.footer-list-logo li {float:left; padding:0 0 8px 13px;}


.footer-social {clear:both; 	margin-left:0;	margin-bottom:10px; overflow:hidden;}
.footer-list-social { 	clear:both; 	margin-left:0; }
.footer-list-social li {float:left; margin:0 0 0 6px;}
.footer-list-social li:first-child {margin-left:0;}
.footer-list-social li a{width:32px; height:32px; background:url(../images/nav-social.png) 0 0 no-repeat; float:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.footer-list-social li a.social-2{background-position:-32px 0;}
.footer-list-social li a.social-3{background-position:-64px 0;}
.footer-list-social li a.social-4{background-position:-96px 0;}
.footer-list-social li a.social-5{background-position:-128px 0;}
.footer-list-social li a.social-6{background-position:-160px 0;}



.footer-line {background:url(../images/line-footer.gif) 0 100% repeat-x; margin-bottom:10px; clear:both; overflow:hidden;}
.footer-hotline {float:right;}
.footer-catalog-title{background:url(../images/ico-catalog.gif) 0 0 no-repeat; padding:2px 0 2px 30px; margin-top:13px; color:#b9b8b8; font-size:18px; float:left; overflow:hidden;}
.footer-catalog {clear:both}

.footer-catalog-content { clear:both; }
.footer-list-catalog {padding-bottom:10px;}
.footer-list-catalog:first-child {padding-left:0%;}
.footer-list-catalog li{display:block; color:#615b5b; padding:5px 0; display:block;width:32%;padding-left:1%; float:left;}
.footer-list-catalog li a{ color:#615b5b;}
.footer-list-catalog li a:hover { color:#f26500; }

.footer-copyright {text-align:center; font-size:11px; color:#615b5b; padding-bottom:10px;}
.footer-copyright h2{ font-size:12px; color:#615b5b; font-weight:bold; margin:0 0 5px;}
.footer-copyright a{ color:#615b5b; }
.footer-copyright a:hover { color:#f26500; }
.footer-copyright p{ font-size:11px; line-height:18px; padding:2px 0;}

.footer-to-top {width:72px; height:72px; background:url(../images/ico-to-top.png) 50% 50% no-repeat; display:block; text-indent:-30000px; position:fixed; bottom:10px; right:60px; z-index:100; cursor:pointer;}
.widget {display:block; position:fixed; top:50%; margin-top:-250px; right:0; z-index:101;  line-height:14px;}
.widget img {display:block; margin:0 auto;}
.widget span  {display:block; margin:2px auto 0;}
.widget a {margin:auto; display:block; padding:5px 0; margin:0 auto;}

.widget-fb {width:58px;  background:#e5e5e5; text-align:center; margin:5px 0;}
.widget-feedback {width:58px;  background:#e5e5e5; text-align:center; margin:5px 0;}
.widget-feedback a{color:#5c74a6}
.widget-viewed {width:58px;  background:#ffb75a; text-align:center; margin:5px 0;}
.widget-viewed  a{color:#000;}
.widget-viewed-list {width:58px;  background:#ffb75a; text-align:center; margin:5px 0;}


/*CSS for another*/	
/*news*/
.block-title-6 .block-label {background-image:url(../images/bg-block-title-6.png);}
.block-title-7 .block-label {background-image:url(../images/bg-block-title-7.png);}
.block-title-8 .block-label {background-image:url(../images/bg-block-title-8.png);}
.block-title-9 .block-label {background-image:url(../images/bg-block-title-comment.png);}
.news-page {font-family:Arial, Helvetica, sans-serif; padding-bottom:25px; overflow:hidden;}
.news-page .date {color:#b4b4b4; font-style:italic;}
.news-page a:hover {color:#f86a03;}
.news-page .img-link {float:left; margin-right:12px;}
.news-page .img-link img {display:block;}
.news-page .news-content {float:right;}
.news-main {float:left; width:650px;}
.hot-news {overflow:hidden; padding-bottom:10px;}
.hot-news dd {margin-left:0;}
.news_banner {float:left; width:600px; position:relative; display:block;}
.news_banner img{width: 600px; height: 350px;}
#news-slideshow {width:100%; position:relative; display:block;}
#news-slideshow-nav {position:absolute; z-index:10; bottom:12px; right:7px;}
#news-slideshow-nav a {width:13px; height:15px;  background:url(../images/ico-news-nav.png) 0 0 repeat;  display:block; float:left; margin:0 3px; text-indent:-3000px;}
#news-slideshow-nav a.prev {background-position:0 0;}
#news-slideshow-nav a.prev:hover {background-position:0 -15px;}
#news-slideshow-nav a.next {background-position:-15px 0;}
#news-slideshow-nav a.next:hover {background-position:-15px -15px;}

.news-slideshow-item {width:100%; min-height:286px; position:relative; display:block;}
.news-caption { width:100%;  background:url(../images/bg-news-caption.png) 0 0 repeat; display:block; position:absolute; bottom:1px; left:0; z-index:2; color:#fff; overflow:hidden;}
.news-caption h2 {color:#fff; font-weight:bold;  font-size:18px; padding:10px 10px 5px; margin:0;}
.news-caption h2 a{color:#fff; font-weight:bold;  font-size:18px;}
.news-caption p{ padding:0 45px 10px 10px; line-height:14px;}
.hot-news-items {margin-left:610px;}
.hot-news-highlight {overflow:hidden; background:#8bbb53; padding:6px 10px;}

/*.hot-news-highlight .img-link {float:left;}*/
.hot-news-highlight .img-link img {max-width:70px;}
.hot-news-highlight dl { font-size:12px; color:#fff; }
.hot-news-highlight dt { padding-bottom:5px; }
.hot-news-highlight dd{padding-right:7px; }
.hot-news-highlight dt a {font-weight:bold; color:#fff;}
.hot-news-items .lst {margin-top:20px;}
.hot-news-items .lst li a {font-size:12px; font-weight:bold; color:#888; padding-top:9px; display:block; }
.hot-news-items .lst li:first-child a {padding-top:0;} 
.hot-news-items .lst li a:hover {color:#f86a03;}

.news-block-top {overflow:hidden;}
.news-block-top .img-link img{max-width:150px;}
.news-block-top .news-content {float:none; width:auto;}
.news-title {font-size:12px; font-weight:bold; color:#000; display:block; padding-bottom:5px;}
.view-detail {color:#fb0000; text-decoration:underline;}

.news-block-top .news-content p {color:#000; line-height:14px; padding-bottom:5px;}
.news-block-top .news-content ul {overflow:hidden; margin-top:5px;}
.news-block-top .news-content li {float:none;  background:url(../images/bg_lst_line.png) 0 2px no-repeat; padding:0 5px; display:inline;}
.news-block-top .news-content li:first-child {padding-left:0; background:none;}
.news-block-top .news-content li a{ color:#8bbb53; text-decoration:underline;  display:inline;}
.news-block-top .news-content li a:hover {color:#f86a03; text-decoration:none;}

.news-block-main {overflow:hidden; margin-top:30px; }
.news-block-main .list-news {float:left; width:60%; margin-bottom:10px;}
.news-block-main .list-news .img-link{ width:15%; margin-right:5%;}
.news-block-main .list-news .img-link img { }
.news-block-main .list-news li {overflow:hidden; padding-top:10px;}
.news-block-main .list-news li:first-child {padding-top:0;}
.news-block-main .list-news .news-content {width:80%;}
.news-block-main .list-news .news-content p {line-height:14px; padding-bottom:6px;}

.news-block-main .news-highlight {float:right; width:38%;}
.news-block-main .news-highlight-inner {background-color:#8bbb53; padding:10px 8px;}
.news-block-main .news-highlight-2 .news-highlight-inner {background-color:#cdae5a;}
.news-block-main .news-highlight-inner img {width:100%; max-width:223px; display:block; margin:auto;}
.news-block-main .news-highlight h4 {color:#fff; padding:5px 0; margin-bottom:0;}
.news-block-main .news-highlight p {color:#e5f1d7; line-height:14px;}
.news-block-main .news-highlight .price {overflow:hidden; margin-top:8px;}
.news-block-main .news-highlight .price-old {font-weight:bold; font-size:14px; display:block; text-align:center; text-decoration:line-through; color:#000; padding-bottom:5px;}
.news-block-main .news-highlight .price-current {font-weight:bold; font-size:18px; display:block; text-align:center; color:#fff; padding-bottom:5px;}
/*
*/
.news-block-main .news-highlight .btn-buy{width:105px; background:url(../images/btn-buy.png) 0 0 no-repeat; padding:5px 0 10px 12px; color:#fff; font-size:12px; font-weight:bold; display:block; margin:0 auto; text-align:left;}
.news-block-main .news-highlight .btn-buy span {min-width:50px;}

.list-news-highlight {margin-left:-5px; overflow:hidden;}
.list-news-highlight li {float:left; width:30%; margin:0px 0px 0px 5px;padding: 0px 0px 0px 5px;}
.list-news-highlight li:first-child {margin-left:0;}
.list-news-highlight h4 {margin-bottom:0; padding:7px 0 5px;}
.list-news-highlight h4 a {color:#6e6e6e;}
.list-news-highlight p {line-height:14px;}
.list-catalog-title {background:#f7fdf9; overflow:hidden; border-top:2px solid #ebe9e9; border-bottom:2px solid #ebe9e9; margin-top:20px;}
.list-catalog-title li {float:left; width:23%; padding:7px 0 7px 2%;}
.list-catalog-title li a {font-weight:bold;}
.color-1 {color:#3a6c48;}
.color-2 {color:#c175a0;}
.color-3 {color:#bd77db;}
.color-4 {color:#c67d3d;}
.color-5 {color:#64619c;}
.color-6 {color:#7a9978;}
.color-7 {color:#6e6e6e;}
.color-8 {color:#655649;}
.news-block {margin-top:14px;}
.news-sidebar {float:right; width:300px;}
.news-sidebar-block {overflow:hidden; margin-bottom:10px;}
.news-sidebar-block .sugges {border:2px solid #ebe9e9; border-radius:5px; margin-bottom: 10px;}
.news-sidebar-block .sugges h4 {font-size:18px; color:#fff; padding:5px 10px; background-color:green; border-radius:4px 4px 0 0;}
.news-sidebar-block .sugges ul {padding:0 10px;}
.news-sidebar-block .sugges li {overflow:hidden;}
.news-sidebar-block .img-link {float:left; margin-right:12px;}
.news-sidebar-block .img-link img {display:block;}
.news-sidebar-block .sugges li dl {float:none; width:auto; margin: 0 10px;}
.news-sidebar-block .sugges li dt {padding-bottom:8px;}
.news-sidebar-block .sugges li dd {margin-left:0; padding-bottom:5px;}
.news-sidebar-block .sugges li dt a {color:#000; font-weight:normal;}
.news-sidebar-block .sugges li dt a:hover {color:#f86a03;}
.news-sidebar-block .sugges li .price-old {color:#000; text-decoration:line-through;}
.news-sidebar-block .sugges li .price-current {font-weight:bold; color:#5ecd00;}





/*product  detail*/
.product-col-1 {width:728px; float:left; margin-right:10px;}
.pro-detail-visual {width:330px; float:left; margin-right:10px;}
.img-visual {width:326px; text-align:center; display:block;}
.pro-visual{border:#ebe9e9 solid 2px; }
.photos-zoom img {width:326px; border-bottom:1px solid #f3f2f2;}
.pro-thumbs {height:75px;  float:none; clear:left; margin:5px; overflow:hidden;}
.pro-thumbs-inner {height:75px; position:relative;}
.pro-thumbs li {float:left; margin:0 2px}
.pro-thumbs li img {border:1px solid #ebe9e9;}

.pro-share {width:auto; height:27px; background:#fafafa; border-bottom:1px solid #ebe9e9;margin:5px 0; padding:2px 10px; float:none; clear:left; }
.pro-share a{float:left\9; margin:1 2px\9;}
.pro-share .pro-share-1{float:left; padding:3px 0;}
.pro-share .pro-share-2{float:right;}

/*
.pro-detail-info {width:388px; float:left;  margin-right:0;}
*/
.pro-detail-info {  }
.pro-detail-info h1 {font-size:24px; color:#000;}
.pro-detail-info p {color:#666;}
.pro-detail-info .product-info-des{padding:5px 0; font-size: 14px; line-height: 17px; color: #333;}

.product-feature-list {height:50px;  }
.product-feature-list li {background:url(../images/ico-bullet-feature.jpg) 0 6px no-repeat; padding:0 0 1px 12px; margin:6px 0; }

.pro-detail-info-inner { padding-bottom:10px; overflow:hidden;}
.product-info-col {width:35%; float:left; padding:0 2%;}
.pro-detail-info-inner div.product-info-col:first-child{width:58%; border-right:1px solid #ebe9e9; padding-left:0;}
.product-info-col .product-rate { }
.product-info-col .product-status {padding:20px 0 5px; }
.product-status span  {color:#3a601a; font-weight:bold;}
.product-info-col .product-note-deli  {padding:0 0 10px; color:#ed6400; font-weight:bold; line-height:20px;}

.pro-detail-tool { background:#def0b7; padding:10px 10px; color:#000; margin-top:10px; overflow:hidden; }
.product-tool-list li{ padding:2px 0 4px 22px; display:block; margin-bottom:4px;}
.product-tool-list li a{color:#000;}
.product-tool-list .ico-pro-info {background:url(../images/ico-guide.png) 0 50% no-repeat; }
.product-tool-list .ico-pro-wishlist {background:url(../images/ico-wishlist.png) 0 50% no-repeat; }
.product-tool-list .ico-pro-compare {background:url(../images/ico-compare.png) 0 50% no-repeat; }
.pro-certificate {float:right;}


.product-price { padding:0 0 4px 0;}
.product-price .product-price-label {width: 80px; float:left; color:#06F; padding-top:3px;}
.product-price .product-price-val {color:#ea8500; font-size:18px;}
.product-price-old .product-price-val {color:#121212; font-size:14px; text-decoration:line-through;}
.product-price-save .product-price-val {color:#fff; height:24px; font-size:24px; line-height:24px; padding:0 2px; font-weight:bold; background:#ed6400; display:inline;}
.product-price-note {color:#ff0000; font-size:11px; clear:left; padding-top:4px; }


.link-type-1 {color:#ff5d04; text-decoration:underline}

.btn-type-1 {border:1px solid #607f1f; background:url(../images/bg-btn-buy.jpg) 0 50% repeat-x; padding:3px 30px 5px 30px;  margin:6px 0; color:#fff;  font-size:12px; line-height:18px; font-weight:bold;  display:inline-block; text-align:center;}
.btn-type-1 a {color:#fff;}
.btn-type-1:hover .btn-type-1 a:hover  {color:#000;}

.product-buy-btn {border:1px solid #607f1f; background:green; 0 0 repeat-x; padding-bottom:5px; margin:12px 0 0; color:#fff;  font-size:23px; line-height:38px; font-weight:bold;  display:block; text-align:center;}
.product-buy-btn input {
	color:#green;
	text-transform: uppercase;
	background: none;
	border: 0px;
	cursor: pointer;
	width: 100%;
}
.product-buy-btn input:hover  {color:#000;}

.product-buy-btn-2 {margin-bottom:15px;}



.product-col-2 {width:222px; float:left;  }
.detail-delivery-support {text-align:center;border:2px solid #def0b7; margin-bottom:10px;  padding:9px 8px; background:#f1ffd2; overflow:hidden;}
.detail-delivery-support  h4{color:#638e08; font-size:18px; font-weight:bold;  margin-bottom:2px;}
.detail-delivery-support  h5{color:#ed6400; font-size:14px; font-weight:bold;  margin-bottom:2px;}
.detail-delivery-support  h5 span {color:#9c9c9c; font-size:12px; font-weight:bold;  }
.detail-delivery-support    a{background:url(../images/ico-yahoo.png) 0 50% no-repeat; padding:2px 0 2px 24px;  color:#666666; font-size:11px; text-decoration:underline; display:inline-block;}


.pro-detail-delivery {border:2px solid #ebe9e9; padding:10px 2px 10px 8px;  margin-bottom:11px; background:#fafafa; overflow:hidden;}
.detail-delivery-item { color:#666666; padding-bottom:15px; line-height:14px; }
.detail-delivery-item .ico-delivery{float:left; padding-right:6px; padding-bottom:0; }
.detail-delivery-item  h4{color:#666666;  font-size:11px; font-weight:bold; text-transform:uppercase; margin-bottom:2px; white-space:nowrap;}
.detail-delivery-item   h4 a{font-weight:bold;  font-size:11px; text-transform:uppercase; text-decoration:none;}
.detail-delivery-item   a{color:#666666; font-size:11px; text-decoration:underline;}
.detail-delivery-item  span { display:block; font-size:11px;}

.phone-support {float:left;}
.phone-support li{clear:left; padding-bottom:3px;}
.phone-support span {float:left;}
/*.phone-support li:first-child  span{margin-bottom:20px;}*/

.block-product-2 {  }


/*product  other*/
.tabContainer {padding:20px 0 10px;}
.tabContent {padding:15px 0 0;}
.tabToggle {border-bottom:2px solid #ebe9e9; display:block; clear:left; overflow:hidden;}
.tabToggle li{float:left; margin-right:2px;}
.tabToggle li a{background:url(../images/bg-tab.png) 0 0 repeat-x; padding:4px 15px; color:#616161; font-size:18px; font-weight:lighter; border:1px solid #d7d7d7;  display:block;}
.tabToggle li a.active, .tabToggle li a:hover { background:url(../images/bg-tab-active.png) 0 0 repeat-x; color:#fff;  border:1px solid #93ad0a;}

/*Tab right content*/
.tabContainer_right {padding:20px 0 10px;}
.tabContent_right {padding:15px 0 0;}
.tabToggle_right {border-bottom:2px solid #ebe9e9; display:block; clear:left; overflow:hidden;}
.tabToggle_right li{margin-right:2px;}
.tabToggle_right li a{background:url(../images/bg-tab.png) 0 0 repeat-x; padding:4px 15px; color:#616161; font-size:18px; font-weight:lighter; border:1px solid #d7d7d7;  display:block;}
.tabToggle_right li a.active, .tabToggle_right li a:hover { background:url(../images/bg-tab-active.png) 0 0 repeat-x; color:#fff;  border:1px solid #93ad0a;}


.comment .comment-label{background:#def0b7; clear:both; overflow:hidden; color:#000; font-weight:lighter; font-size:14px; padding:5px 10px; margin:0;}
.comment-list {border:1px solid #f2ffea; clear:both; overflow:hidden;}
.comment-item {padding:15px 15px 0 15px; margin-top:0; border-top:1px solid #ebf8fe; overflow:hidden; clear:left;}
.comment-item:first-child {border-top:none; margin-top:0;}
.comment-author {width:20%; float:left; text-align:left;}
.comment-author span {display:block; margin-bottom:3px}
.comment-author .rate{ clear:left; float:none; display:inline-block; margin:auto;}
.comment-author span.date {color:#666; font-size:10px;}
.comment-author span.author {color:#000; font-weight:bold;}

.comment-inner {width:80%; float:left; overflow:hidden;}
.comment-detail {color:#000;}
.comment-inner > h3 {background:url(../images/ico-comment.jpg) 0 50% no-repeat; padding:2px 0 5px 22px; color:#000; border-bottom:1px dotted #e6e6e6; font-size:14px;}
.comment-reply > h3 { color:#ff7e00;text-decoration:underline;}
.comment-reply  { color:#488c87; }
.comment-reply p{ color:#488c87; }
.reply-detail  {padding-left:40px;}

.comment  .comment-paging {border:1px solid #f2ffea; border-top:none; padding:3px 10px;}

.product-review {padding:20px 0; clear:both; }
.product-review  h3 {font-size:14px; font-weight:bold;}

.product-review-col { 	width:30%; float:left; }
.product-review-col p {display:block; padding-bottom:2px;}
.product-review-col  .reivew-avg   {font-size:14px; font-weight:bold; color:#000; margin-bottom:30px;}
.product-review-col  .reivew-avg span {color:#9b0002;}
.product-review-col  .reivew-all {color:#666666;}

.review-col-3  p strong {font-size:14px; font-weight:bold; color:#000; }
.btn-review-pro{ background:#468884; padding:7px 15px; text-align:center; border:1px solid #43827e; cursor:pointer; font-size:12px; font-weight:bold;  color:#fff; float:none; display:inline-block;}

.product-review-item  li{clear:both;}
.product-review-item  li span {float:left; display:block; margin:4px 4px;}
.product-review-item  li .review-item-all {width:100px; height:14px; background:#f2f2f2; } 
.product-review-item  li .review-item-percent {height:14px; background:url(../images/diagonal_percentage_overlay.png) 0 50% repeat-x; display:block; padding:0; margin:0; }
.product-review-item  li .review-item-count {font-weight:bold; color:#000;}

/*form rate*/
.product-rate-form {padding:20px 0;  clear:both}
.frmGeneral h3 {font-size:14px; font-weight:bold;}
.frmGeneral p {clear:left; margin-bottom:8px; overflow:hidden;}
.frmGeneral .form-rate-label {width:100px; float:left;}
.frmGeneral label{ font-size:12px; color:#000; display:block;}
.frmGeneral .fieldset5{ width:364px;}
.frmGeneral .fieldset3{ width:28%; float:left; margin-right:5%;}
.frmGeneral fieldset .inputbox-wrap{ float:left;}
.frmGeneral fieldset input.inputText{width:230px; padding:6px 5px; background:url(../images/bg-input-text.gif) repeat-x 0 0;  color:#999; font-size:12px;}
.frmGeneral fieldset textarea{width:358px; height:150px; padding:6px 5px; }
.frmGeneral fieldset input.button{ background:#468884; padding:7px 15px; color:#; text-align:center; border:1px solid #43827e; cursor:pointer; font-size:12px; font-weight:bold;  color:#fff;}
.frmGeneral .fieldset5 input.button{ float:right;}
.form-require {color:#b6003a; }


/*Poup layer*/
#poupFeedback {width:400px;}
#poupFeedback textarea {width:350px;}
.popup_type_1{ background:#FFF; width:826px; position:absolute; z-index:999; top:0; left:-1500px; padding-bottom: 5px; } 
.popup_type_1 > h3{ display:block;  margin-bottom: 0px;  padding:15px 15px 5px; color: #ff5d04;  position: relative;}
.popup_type_1 h3 .ico-add{background:url(../images/ico-add.png) no-repeat 0 50%; padding: 11px 0 11px 41px; }
.popup_type_1 h3 span { color: #ff5d04;   font-size:18px; font-weight:normal; }
.popup_type_1 h3 .btn-close{height:28px; width:25px; background:url(../images/ico-close.png) no-repeat 50% 50%;    border: none; color: white; font-weight: bold; position: absolute;  top:0;  right: -25px; text-indent:-3999px;}
.popup_type_1 h4{ line-height:16px; font-size:13px; font-weight:bold; color:#FF5D04;  padding:8px 0 0; margin:0 0 5px 0;}
.popup_type_1_inner{  padding:0 15px 15px 15px;  display: block;  }
.popup_type_1_cont {}

#zmask {	background-color: #000000;    height: 100%;    left: 0;    position: absolute;    top: 0;    width: 100%;    z-index: 1999;}
#maskLayer {	background-color: #000000;    height: 100%;    left: 0;    position: absolute;    top: 0;    width: 100%;    z-index: 1999;}

.tblCartWrap {border:3px solid #ebebeb; padding:3px 10px 10px 10px;}
.tblCartWrap table {width:100%; padding:0; margin:0}
.tblCart th, .tblCart td{border:none; padding:5px; text-align:center; line-height:20px;}
.tblCart th:first-child, .tblCart td:first-child{text-align:left}
.tblCart  th{border-bottom:1px solid #ebebeb;}
.tblCart  td a img {float:left; margin:0 10px 0 0; border:1px solid #ebebeb;}
.tblCart  select{width:60px;}
.tblCart  a{color:#888;}
.tblCart  a strong {color:#888;}
.tblCart .ico-delete{background:url(../images/ico-delete.gif) no-repeat 0 50%; padding:5px 0 5px 25px; color:#666;}

.tblCart .pro-price{ color:#136400; font-size:12px; font-weight:bold;}
.tblCart .pro-price span{display:inline-block; line-height:20px; text-align:center}
.tblCart .pro-price .price-old{ color:#666; font-size:11px; font-weight:normal; text-decoration:line-through;}
.tblCart .pro-price .price-discount{background:#ff5d04; color:#fff; font-size:12px; line-height:18px; font-weight:normal; padding:0 5px;}

.block-cart-1 {overflow:hidden; clear:both;}
.block-cart-final {width:300px; float:right; color:#bbbbbb; line-height:22px; }
.cart-price{clear:both; padding:0 0 10px;}
.cart-label {width:140px; float:left;text-align:right;}
.cart-val {width:145px; float:left;text-align:right; padding-right:15px;}


#cart-price-sum {border-top:1px solid #ebebeb; padding:6px 0; font-size:18px; overflow:hidden;}
#form-cart .product-buy-btn {display:inline-block; padding:0 40px 3px 40px; white-space:nowrap;  font-size:28px; }
#form-cart .pro-certificate {float:none; text-align:center; padding-top:25px;}
#form-cart .pro-certificate img  {margin:auto;}
#form-cart input.inputText{width:200px; border:1px solid #ebebeb;}
input.error {border: 1px solid red;}
.error {color: red;font-style: italic;}
.highlight {color: #e55e04;font-size: 16px;font-weight: bold;}

/*                        Tab right content                               */

.tabContainer {padding:20px 0 10px;}
.tabContent {padding:15px 0 0;}
.tabToggle {border-bottom:2px solid #ebe9e9; display:block; clear:left; overflow:hidden;}
.tabToggle li{float:left; margin-right:2px;}
.tabToggle li a{background:#ccc; 0 0 repeat-x; padding:4px 15px; color:#da0a38; font-size:18px; font-weight:lighter; border:1px solid #d7d7d7;  display:block;}
.tabToggle li a.active, .tabToggle li a:hover { background:green; 0 0 repeat-x; color:#green;  border:1px solid #93ad0a;}


.suggesProductTab .tabToggle{border-bottom:none;}
.suggesProductTab  .tabToggle li {margin-left:1px}
.suggesProductTab .tabToggle  li.tab-32 {width:32%; text-align:center; margin-right:0; margin-left:1px;}
.suggesProductTab  .tabToggle  li.tab-32:first-child {width:35%; margin-left:0;}
.suggesProductTab  .tabToggle  li a{font-size:12px; font-weight:normal; background:#ebe9e9; color:#615b5b; border:none;}
.suggesProductTab .tabToggle  li a.active, .suggesProductTab .tabToggle  li a:hover  {background:#615b5b; color:#fff;  border:none;}

.suggesProductTab .tabContent {border:1px solid #ebe9e9; padding:0;}

 
.suggesProduct li {padding-bottom:0; overflow:hidden; border-top:1px solid #ebe9e9;}
.suggesProduct li:first-child {border:none;}
.suggesProduct li.bg-odd {background:#fff;}
.suggesProduct li.bg-even {background:#fbfbfb;}

.suggesProduct .img-link {float:left; margin-right:12px;}
.suggesProduct .img-link img {display:block; background:#fff; padding:10px 10px;}
.suggesProduct li dl {float:none; width:auto; text-align:right;  padding:5px 0px 5px 10px;}
.suggesProduct li dt {padding-bottom:5px; min-height:35px;}
.suggesProduct li dd {margin-left:0; padding:0 ;}
.suggesProduct li dt a {color:#666666; font-weight:normal; font-weight:bold;}
.suggesProduct li dt a:hover {color:#f86a03;}
.suggesProduct li .price-old {color:#888888; text-decoration:line-through;}
.suggesProduct li .price-current {font-weight:bold; color:#3398f4;}

/*            Fixed navbar left               */
.navbar-fixed-top{
    border: 1px solid #E2E3E3;
    float: left;
    width: 223px;
    position: fixed;
    top: 5px
}
.navbar-fixed-bottom{
    border: 1px solid #E2E3E3;
    float: left;
    width: 223px;
    position: fixed;
    bottom: 100px
}
.navbar-bottom{
    border: 1px solid #E2E3E3;
    float: left;
    width: 223px;
    margin-top: 80%;
}
/* 03/11/2013 */
#nav
		{
			width: 960px;
			top: 0;
			left: 0;
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: #fff;
					display: block;
				}
				#nav li a:active
				{
					background-color: #c00 !important;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 1px solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #efa585;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				height: 30px; /* 60 */
				background-color: #e15a1f;
			}
				#nav > ul > li
				{
					width: 14%;
					height: 100%;
					float: left;
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 12px; /* 24 */
						line-height: 2.5em; /* 60 (24) */
						text-align: center;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid #cc470d;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #cc470d;
						}


				/* second level */

				#nav li ul
				{
					background-color: #cc470d;
					display: none;
					position: absolute;
					top: 100%;
					z-index: 999;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							font-size: 12px; /* 20 */
							border-top: 1px solid #e15a1f;
							padding: 7px; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #e15a1f;
							}


		@media only screen and ( max-width: 960px ) /* 1000 */
		{
			#nav
			{
				width: 100%;
				position: static;
				margin: 0;
			}
		}

		@media only screen and ( max-width: 640px ) /* 640 */
		{
			

			#nav
			{
				position: relative;
				top: auto;
				left: auto;
			}
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #e15a1f;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
				z-index:10;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #cc470d;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
		}
#box-foot-voucher{height:250px; width:420px; position:fixed; left:20px; bottom:0px; z-index:8999; text-align:center; overflow:hidden}
#box-foot-voucher .header1{height:12px; line-height:7px; background:#49a939; text-align:right; color:#FFFFFF; padding-right:5px; cursor:pointer;}
#box-foot-voucher p{ padding-top:10px; color:#000033; font-size:24px; text-transform:uppercase; font-family:Myriad Pro; text-align:center; line-height:35px;}
#box-foot-voucher .txtinput{height:23px; background:#fff; color:#909090; padding-left:5px; border:1px solid #aeaeae; width:300px; margin:3px;}
#box-foot-voucher .txtinput:hover{background:#f6f6f6;}
.clorcam{ color:#fda43b}
.breadcrumb {
	margin: -10px 0px 8px 0px;
	padding-left: 5px;	
}
.pagination {
	border-top: 1px solid #EEEEEE;
	padding-top: 8px;
	display: inline-block;
	width: 710px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	display: inline-block;
	border: 1px solid #EEEEEE;
	padding: 4px 10px;
	text-decoration: none;
	color: #A3A3A3;
}
.pagination .links b {
	display: inline-block;
	border: 1px solid #269BC6;
	padding: 4px 10px;
	font-weight: normal;
	text-decoration: none;
	color: #269BC6;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
	padding-top: 3px;
}