/** Default CSS **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a, a:active, a:focus, a:hover {text-decoration: none; outline-style: none; color:inherit;}
.mainbody-content:after, .products-grid-list:after, .checkbox-options:after, .products-grid-list:after, .pagination-section:after{
 content: "";
  display: table;
  clear: both;
}
/** Default CSS End **/

body {
    background-color: #f5f5f5; 
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	min-width:1024px;overflow-x:auto;
}

.content-wrapper{
width:92%; 
position:relative; 
margin:0 auto;
}

/** Top Bar CSS **/
.huabao-headerbar{
background:#e7e7e7; 
padding:10px 0 11px 0;
}
.header-topbar{
	min-height:18px;
}
.header-link{ position:absolute; right:0; font-size:14px; }
.header-link li{display:inline-block; float:left; margin-left:36px;  position:relative;}
.header-link li:last-child{margin-left:0;}
.header-link li a{display:block; padding:0 0 1px 32px; line-height:23px; color:#333333;}
.header-link .note-icon{background:url('/huabaomain/images/note-icon.png') no-repeat 0 0; padding-right:22px;}
.header-link .cart-icon{background:url('/huabaomain/images/cart-icon.png') no-repeat 0 0; padding-right:22px;}
.cart-count-alert{background:#cc0033; color:#FFFFFF; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; 
position:absolute; right:0; height:17px; text-align:center; width:19px; top:0; padding-top:2px;} 
.header-link .award-icon{background:url('/huabaomain/images/award-icon.png') no-repeat 0 0; }
/** Top Bar CSS End **/


/** Header CSS **/
.header-wrapper {
    min-height: 100px;
    position: relative;
}
.header {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 0px 5px #dfdfdf;
    -moz-box-shadow:0 0px 5px #dfdfdf;
    box-shadow: 0 0px 5px #dfdfdf;
}
.huabao-anchor {
    position: absolute;
    z-index:6 ;
	
}
.huabao-anchor img{
width:100%; 
height:auto;
}
.huabao-logo {
    position: relative;
	left:22px;	
}
.headerRhtBtn{position:absolute; right:0; font-size:23px; top:28px;}
.headerRhtBtn a{ color:#333333; border:#d2d2d2 solid 1px; background:#f1f1f1 url('/huabaomain/images/user-btn-icon.png') no-repeat 52px 15px; 
padding:0 65px 0 92px; line-height: 53px; display: inline-block;}
/** Header CSS End **/

/** Navigation CSS **/
.nav-bar-section{
background:#0a0434; 
-webkit-box-shadow: 0 3px 5px #bcbcbc;
-moz-box-shadow:0 3px 5px #bcbcbc;
box-shadow: 0 3px 5px #bcbcbc;
position:relative;
z-index:5;
}
.navbar ul{ text-align:center; font-size:24px;}
.navbar ul li{ display:inline-block; position:relative; left:-22px;}
.navbar a{color:#FFFFFF; display:block; line-height:50px; padding:1px 21px 0 22px; font-size: 22px;}
.navbar a:hover{background:#3f70ba;}
.navbar .menu-active{color:#FFFFFF; display:block; line-height:60px; padding:1px 21px 0 22px; background:#3f70ba;}
/** Navigation CSS End**/

/** Mainbody section CSS **/
.huabao-mainbody{padding:0; margin:0;}
.mainbody-content{
border:1px solid #e4e4e4;
background:#eaedf6;  
-webkit-box-shadow: 0 0px 5px #e4e4e4;
-moz-box-shadow:0 0px 5px #e4e4e4;
box-shadow: 0 0px 5px #e4e4e4;
}

/** Home page CSS **/
.home-banner{background:#FFFFFF; position:relative; width:100%;  background:url("/huabaomain/images/index-banner.jpg") no-repeat center 0; }
.main-banner-list h3{text-align:center; padding:12px 0; font-size:19px; border-bottom:#eeeeee solid 1px; }
.main-banner-list{background:#FFFFFF; left:2.50%; width:288px; border:1px solid #e35f15; top:0; z-index:4;}
.main-banner-list-details{ padding-bottom:14px;}
.main-banner-list-details > li{border-bottom:#eeeeee solid 1px; padding:12px; overflow:hidden;}
.main-banner-list-details > li:last-child{border-bottom:none;}
.banner-wrapper{width:92%; position:relative; margin:0 auto; }
.banner-icon-status{float:left; width:7%;}
.banner-icon-details{float:left;padding:0 0 0 15px; width:82%; }
.banner-icon-details p{font-size:19px; display:block; padding-bottom:12px;}
.banner-icon-details li{font-size:15px;}
.banner-icon-details li a{display:inline-block; }
.banner-icon-details em{font-size:13px; vertical-align:top; display:inline-block; padding:0 15px;}
.home-container{padding:15px 0;}
.home-jcarousel{border:none !important;}

/** home product list CSS **/
.product-list-grid{padding:40px 0 0px 0;}
.columns-5-grid{padding:0; margin:0;}
.columns-5-grid a{display:block;}
.columns-5-grid li{
width:14.5%; 
float:left; 
 margin:0 0 2% 2%;
}
.columns-5-grid li img{display: block;height: auto !important;max-width: 100%; }
.grid-5{padding:0; margin:0;}
.grid-5 h3{color:#303030; padding:10px 15px; font-size:15px;}
.grid-5 p{padding:9px 0; overflow:hidden; color:#545454; }
.grid-5 .after-discount-5{font-size: 18px; }
.grid-5 .product-price-5{font-size:15px; float:right;}
/** home product list CSS End **/

/** Home page CSS End**/


/** left menu section CSS **/
.left-side-container{width:194px; position:absolute; height:100%; padding:45px 0 0 0;}
.user-details{display:block; padding-bottom:14px;}
.user-picBg{
background:url("/huabaomain/images/user-picbg.png") no-repeat -1px -1px; 
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
width:96px;
height:96px;
margin:0 auto;
padding:5px;
}
.user-picBg img{
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
width:93px;
height:93px;
}
.user-data {padding:6px 10px; text-align:center; color:#333333;}
.user-award-div{overflow:hidden; text-align:center;}
.user-award-icon{font-size:14px; text-align:center; color:#e8af00; 
 padding: 0px 0 3px 6px;}
.user-award-icon img{vertical-align:middle;}
.user-award-icon:hover{color:#e8af00;} 
.left-menu-section{padding:0; margin:0;}
.left-menu-section li{list-style-type:none;}
.left-menu-section a{display:block; 
text-align:center; padding:18px 32px 18px 0;
}
.left-menu-section  .active{background:#FFFFFF url("/huabaomain/images/nav-arrow.png") no-repeat 87% 50%; 
border-top:1px solid #cacaca; 
border-bottom:1px solid #cacaca; 
position:relative;
width:163px;
}
/** left menu section CSS End**/


/** right container section CSS **/
.right-container{background:#FFF; border-left:1px solid #cacaca; padding:48px 26px;min-height:660px;}


.checkbox-left-panel{float:left; width:10%; padding-top:10px; text-align: right;}
.checkbox-right-panel{float:left; width:85%; padding-left:15px;}
.check-box input {
    display: none;
}
.check-box span {
    background: rgba(0, 0, 0, 0) url("/huabaomain/images/checkboxes-sprites.png") no-repeat 0 0;
    display: inline-block;
    height: 18px;
    width: 18px;
	padding-left:6px;
	vertical-align: middle;
}
.check-box input:checked + span {
    background: rgba(0, 0, 0, 0) url("/huabaomain/images/checkboxes-sprites.png") no-repeat 0 -29px;
}
.columns-4-grid{padding:0; margin:0;}
.columns-4-grid a{min-height:235px; display:block;}
.grid-4{padding:0; margin:0;}
.grid-4 p{padding:0 15px; }
.grid-4 .old-price{font-size:12px; color:#aaaaaa; text-decoration: line-through;}

/** right container section CSS End **/

/** carousel Section CSS**/
.carousel-section{border:1px solid #e5e5e5;}
.carousel-section .carousel-heading{border-bottom:1px solid #e5e5e5; padding:20px 15px; font-size:22px; overflow:hidden;}
.recomm_list_more{float:right; font-size:15px;}
/** carousel Section CSS End**/


/** Mainbody section CSS End**/


/** footer Section CSS **/
.huabao-footer{background:#f5f5f5; padding:30px 0; position:relative; top:-1px;}
.footer{text-align:center; color:#727272; font-size:12px;}
.footer-links{font-size:14px; padding:0 0 15px 0;}
.footer-links em{font-style:normal; padding:0 30px; vertical-align:top;}
/** footer Section CSS End **/

/** Common CSS list Section **/
.white-bg{background:#FFFFFF;}
.marginTop15{margin-top:15px;}
.main-heading{border-bottom:1px solid #e5e5e5; padding:20px 15px; font-size:22px; overflow:hidden;}
/** Common CSS list Section End**/