/* CSS Document */
*{margin:0;padding:0;border:0;list-style-type:none;text-decoration:none;}
body{font-size:12px;}
.box{width:100%;height:auto;min-height:800px;margin:0px auto;padding:0px;background:url(../images/main_bg.gif) repeat-x center top #fff;}
.top, .main{width:980px;height:auto;margin:0px auto;overflow:hidden;}
.main{position:relative;}
.foot{width:100%;height:54px;background:url(../images/foot_bg.gif) repeat-x;}
.con{width:980px;min-height:540px;height:auto;overflow:hidden;margin:0px auto;background:#FFFFFF;border:solid 2px #FFFFFF;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;box-shadow:0 0 3px #000;}
.fb{width:100%;height:40px;overflow:hidden;}
.fb_con{width:980px;height:auto;margin:0px auto;}
.nav{width:60%;float:right;}
.logo{width:35%;height:116px;float:left;background:url(../images/logo.png) no-repeat;font:bold 57px/100px Pristina;color:#fff;text-align:left;text-shadow:0 0 3px #000;padding-left:0px;}
.nav li{float:left;width:14%;height:100px;display:block;margin-left:1%;}
.nav li a{width:100%;height:100px;display:block;font:bold 14px/100px georgia;color:#CCCCCC;float:left;text-transform:capitalize;text-align:center;background:#464646;border:solid 2px #464646;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;box-shadow:0 0 3px #000;-webkit-transition:0.3s all ease;-moz-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;}
.nav li a:hover{font-size:16px;color:#FFFFFF;text-shadow:0 0 3px #00CCFF;background:#C82806;border:solid 2px #C82806;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;box-shadow:0 0 3px #000;-webkit-transition:0.3s all ease;-moz-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;}
#nav ul li.current a {font-size:16px;color:#FFFFFF;text-shadow:0 0 3px #00CCFF;background:#C82806;border:solid 2px #C82806;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;box-shadow:0 0 3px #000;-webkit-transition:0.3s all ease;-moz-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;}

.info{width:980px;height:auto;min-height:200px;overflow:hidden;background:#2E2F2F;margin:0px auto;}
.info div{width:31%;padding-left:2%;height:auto;float:left;}
.info div img{margin:-10px 0px 0px 0px;float:left;visibility:visible;}
.info div h3{font:bold 20px/2em georgia;color:#FCF4CF;text-shadow:0 0 3px #000; text-transform:uppercase;}
.info div p{font:normal 14px/1.5em arial;color:#ccc}
.info div p img{padding:2px;}
#slide_show{width:980px;height:372px;margin:0px auto;background:url(../images/simple_bg.gif) no-repeat center bottom;}
.tit{width:98%;height:90px;background:#2E2F2F;overflow:hidden;margin:20px auto;}
.icon{width:20%;height:100%;float:left;text-align:center;}
.tit_name{width:60%;font:bold 30px/1.5em Times New Roman;color:#fff;background:url(../images/line.jpg) no-repeat left center;float:left;padding-left:50px;}
.tit_con{font:bold 14px/1.5em Times New Roman;color:#ccc!important;}
.con p{font:normal 14px/1.8em arial;color:#333;width:98%;margin:8px auto;}
.left{width:60%;float:left;margin:20px;}

.foot_con{width:980px;height:auto;margin:0px auto;}
.foot p{width:50%;float:left;font:normal 14px/2em arial;color:#666;}
.foot a{text-decoration:none;color:#666666;}
.foot a img{border:none;}

#BigPhoto{position:absolute;border:1px red solid;display:none; z-index:100; padding:2px; background:#FFF;}
#BigPhoto img{ width:400px;}
img{ vertical-align:middle;}
.onlineorder{position:absolute;right:10px;bottom:20px;z-index:99;}


/* comment */
.layer-title{color:#26ADE4;font-family:Impact;font-size:1.6em;font-weight:normal;height:50px;line-height:50px;}
label{color:#4DBCE9;font-family:'Trebuchet MS';font-size:1.2em;font-weight:normal; text-shadow:none;height:40px;line-height:40px;}
#cmtLayer {background-color:#FFFFFF;border:1px solid #EEEEEE;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;
  margin:20px auto;padding:8px;width:30%;float:left;}
#cmtLayer textarea{border:#CCCCCC 1px solid;width:98%;}
#cmtLayer input{border:#CCCCCC 1px solid;width:98%;}
input{border:#CCCCCC 1px solid;}
#send{border-width: 1px;color: #555555;font-family: Impact;font-size: 1.3em;font-weight: normal;width: 140px!important;margin:20px 0px;cursor:pointer;}


/* photo */
#photoList {width:94%;margin:0px auto;padding-top:20px;}
#photoList ul li {float:left; display:inline; margin:20px 35px; width:160px; height:133px; list-style:none;}
#photoList ul li a {display:block; width:160px; height:120px; text-decoration:none; background:url(../images/loading.gif) no-repeat center;}
#photoList ul li a:hover {color:#e5e2e0;}
#photoList ul li a img {width:160px; height:120px; border:none;}
#photoList ul li a p {margin:0px; padding:0px; text-align:center; font:normal 16px/2em impact;color:#CC0808; background:url(../images/shadow.jpg) no-repeat center top;}

/* page css */
#pager {clear:both; padding:15px 0; text-align:center; width:100%;}
#pager table{margin:0px auto;}
table.pager-box {text-align:center;}
table.pager-box td {font-family:"Times New Roman",Times,serif; font-size:13px; padding:0 0.1em; text-align:center;}
table.pager-box td a {display:block; line-height:2em; padding:0 0.5em; text-decoration:underline;}
table.pager-box td span {display:block; line-height:2em; padding:0 0.5em;}
table.pager-box td.pager-current {}
table.pager-box td.pager-current a {background-color:#aa0000; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

/* menu */
#menuCat ul{width:99%; float:left; padding:0px; margin:0px;list-style:none;list-style-type:none;}
#menuCat ul li{width:95%;margin-left:2px;}
#menuCat ul li ul{margin:0px;padding:0px;width:100%;}
#menuCat ul li ul li{margin:0px;padding:0px;width:100%;}
#menuCat ul li a{padding-left:15%;margin-top:2px;width:85%;height:30px; display:block;line-height:30px;display:block;overflow;float:left;font-family:Hawaiian, Arial, sans-serif;font-size:14px;font-weight:bold; text-decoration:none;text-shadow:0 0 3px #000;}
#menuCat ul li a:link{color:#fff;background:url(../images/cate_bg.jpg) no-repeat 0 0;}
#menuCat ul li a:visited{color:#FFFFFF;background:url(../images/cate_bg.jpg) no-repeat 0 0;}
#menuCat ul li a:hover{color:#fff;background:url(../images/cate_bg.jpg) no-repeat 0 -30px;font-size:15px;}
#menuCat ul li a:active{color:#FFFFFF;background:url(../images/cate_bg.jpg) no-repeat 0 0;}

#menuList {width:65%;margin:0px;float:left;padding:20px;overflow:hidden;height:auto!important;}
.cat_info{margin:0 0 3px 0; padding:5px 3px;background:#F2F2F2;border:#E2E2E2 1px solid;line-height:45px;cursor:pointer;display:block;overflow:hidden;border-radius:5px 5px 0 0;-webkit-transition: background-color 0.4s;-moz-transition: background-color 0.4s;-o-transition: background-color 0.4s;box-shadow: 0 1px 1px #eee;}
.cat_info:hover{-webkit-transition: background-color 0.4s;-moz-transition: background-color 0.4s;-o-transition: background-color 0.4s;}
#menuList dl{margin:0 0 5px 0; padding:0px 0 2px 0; list-style:none;line-height:45px;cursor:pointer;}
#menuList dl dt {margin:0 0 4px 0; padding:0px 0px 0px 24px; font:normal 22px/1.1em impact; text-align:left;color:#CC0808;}
#menuList dl dt:hover{color:#BF2B2B; -webkit-transition:color 0.4s;}
#menuList dl dd {margin:0; padding:0 10px; line-height:1.4em; font-size:12px; text-align:left; color:#666666; text-indent:15px;}
#menuList .catInfo{display:none;}
#menuList ul {margin:0 0 15px 8px; padding:0; list-style:none;width:96%}
#menuList ul li {width:100%;border-bottom: 1px dashed #DDDDDD; }
#menuList ul li div {width:100%;}
#menuList ul li div { padding:4px 0; width:100%;line-height:24px; font-weight:400; overflow:hidden;zoom:1;font-family:arial; }
#menuList ul li div .sku {float:left; width:40px;font-size:14px;}
#menuList ul li div .name {float:left; font-weight:normal;font-size:16px;padding-right:10px;}
#menuList ul li div .name a{color:#444; line-height:20px; text-decoration:none;}
#menuList ul li div .name a:hover{color:#BF2B2B;}
#menuList ul li div .price {float:right; width:170px; text-align:right; font-weight:300;font-size:16px; padding-left:10px;}
#menuList ul li p {margin:0; padding:0 100px 0 40px; color:#999999; font-style:italic; line-height:16px;text-align:left; font-size:12px;}

/********* pictures hover ************/
.adipoli-wrapper{margin:auto;position:relative;display: inline-block;}
.adipoli-wrapper>img{position: absolute;z-index: 1;}
.adipoli-before{position: absolute;z-index: 5;}
.adipoli-after{position: absolute;z-index: 10;}
.adipoli-slice {display:block;position:absolute;z-index:15; height:100%;}
.adipoli-box{display:block;position:absolute;z-index:15;}

/*******  slide show  *********/
#featured {width:425px; height:282px; float:left; display:inline; margin:0px; position:relative; margin:12px;}
#featured_items {width:425px; height:282px; position:relative;}
#featured_items img{border:none;}
.clearfix:after { clear: both;content: ".";display: block;height: 0;visibility: hidden;}
ul#featured_num {bottom: 10px;margin: 0;padding: 0;position: absolute;right: 10px;z-index: 10;}
ul#featured_num li {display: inline;float: left;font-size: 12px;margin-left: 2px;text-align: center;}
ul#featured_num li a {background: none repeat scroll 0 0 #222222;color: #999999;display: block;height: 21px;line-height: 21px;opacity: 0.75;width: 21px;}
ul#featured_num a.activeSlide {background: none repeat scroll 0 0 #AE2F28;color: #FFFFFF;opacity: 1;}

#demo{padding-top:20px;background:url(../images/demo_bg.gif) repeat-x 0px 0px;}
#demo img, #featured img {
	border: 2px solid #efefef;float: left;background: #ffffff; /* old browsers */	
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset; 
	-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
	
	behavior: url(ie-css3.htc);
}

/*============================*/
/*=== Nivo Slider Styles ===*/
/*============================*/
.featured_slider {width: 100%;height: 350px; position: relative;display: table;}
#slider-wrapper {width:980px;position: relative;z-index: 1;height:350px;overflow:hidden;margin: 0 auto;}
.slider_border {width: 980px;height: 350px;position: absolute;top:0px;left: 0px;	z-index: 51;}
#slider {position:relative;width:980px;height:350px;background:  url(../images/loading.gif) no-repeat 50% 50%;}
#slider img {position:absolute;top:0px;left:0px;display:none;}
#slider a {border:0;display:block;}
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block;position:absolute;z-index:50;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;
}
/* Caption styles */
.nivo-caption {position:absolute;left: 20px;bottom: 20px;background:#ffba00;color:#fff;opacity:0.8; /* Overridden by captionOpacity setting */z-index:89;padding: 10px 20px;}
.nivo-caption p {padding: 0;margin:0;line-height: 17px;font-size: 15px;width: 350px;font-family: Arial, Tahoma, sans-serif;}
.nivo-caption p::selection {background: #fff;	color: #000;}
.nivo-caption p::-moz-selection {background: #fff;	color: #000;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute;top:40%;z-index:99;cursor:pointer;display: block;text-indent: -9999em;width: 40px;height: 90px;}
a.nivo-prevNav {left:0;background: url(../images/slider_previous.png) no-repeat;}
a.nivo-nextNav {right:0;background: url(../images/slider_next.png) no-repeat;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {position: absolute;bottom: 10px;right: 20px;text-align: center;z-index: 999;}
.nivo-controlNav a {z-index:999;cursor:pointer;float: left;display: block;width: 20px;height: 20px;margin: 0 0 0 5px;text-indent: -9999em;}
.nivo-controlNav a.active {font-weight:bold;}
#featured_slider_bg {width: 100%;height: 350px;position: relative;padding: 0;margin: 12px 0 0;padding: 33px 0 0;}