@charset "utf-8";
/*-------------------------------------------------------------------General styles*/
*{margin:0; padding:0;}
html body{font-family: Arial; color:#313131; background:#e8e7e7 url(../images/bodybg.jpg) top center repeat-x}
div,form,fieldset,ul,dl,dt,dd{ margin:0; padding:0; border:0}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0}
table,tr,th,td{ font-size:11px}
input,textarea,select{  font:normal 11px Arial; color:#313131; vertical-align:middle; padding-left:5px;}
em{font-style:normal;}
li{ list-style-type:none; display: block}
img{ border:0; display:block}
.clear{ clear:both}

/*font*/
h1{ font:18px Tahoma; color:#000}
h2{ float:left; width:50px;font:14px/20px Arial; color:#333; padding:0 20px; background-color:#ccc}
.font1{ font-size:12px}
h3{ font:14px/50px Arial; color:#900}

/*color*/
.red{ color:#900}
.brown{ color:#aa9c5f}
.green{ color:#00a256}
.yellow{ color:#ffff00}

/*link*/
a{ color:#666; text-decoration:none}
a:hover{ color:#333; text-decoration:underline}

/*-------------------------------------------------------------------layout styles*/
#layout{ margin:0 auto; width:960px; height:auto}

/*-------------------------------------------------------------------header styles*/
#header{ float: left; position:relative; width:960px; height:246px;}
.nav{ float:left; padding:7px 0 8px; width:960px; height:20px}
.nav_l{ float:left; width:auto; height:20px; text-align:left}
.nav_l a{ display:inline; font:10px/20px Arial; padding:5px 18px;border-left:3px solid #000}
.nav_l a:link,.nav_l a:visited{ color:#f28d28; text-decoration:none; background:#7b1010;}
.nav_l a:hover{color:#7b1010;text-decoration:none;background:#e8e7e7;}
.nav_l a.tabselected:link,.nav_l a.tabselected:visited{color:#7b1010;text-decoration:none;background:#e8e7e7;}
.nav_l a.tabselected:hover{color:#900;text-decoration:none;background:#e8e7e7;}
.nav_r{ float:right; width:auto; height:20px; font:12px/20px Tahoma; color:#fff; text-align:right}
.nav_r a{color:#fff; text-decoration:none}
.top{ float:left; width:960px; height:211px; background:url(../images/topbg.jpg) no-repeat}
#logo {
	position:absolute;
	left:251px;
	top:35px;
	width:459px;
	height:122px;
	z-index:1;
}
#searchbox {
	position:absolute;
	left:15px;
	top:188px;
	width:218px;
	height:19px;
}
.search_input{ width:146px; height:15px; margin-right:3px}
.search{ width:54px; height:19px; border:0; cursor:pointer; background:url(../images/search.gif) no-repeat}
#livehelp {
	position:absolute;
	left:455px;
	top:183px;
	width:95px;
	height:30px;
}
#shoppingcart{
	position:absolute;
	left:556px;
	top:183px;
	width:404px;
	height:30px;
	display:inline
}
.cart_l{ float:left; width:13px; height:30px}
.cart_r{ float:left; padding:5px 0; width:391px; height:20px; background-color:#7b1010}
.cart_r td{ font-size:11px; line-height:20px; color:#fff; margin-right:12px}
.cart_r .cart{ float:left; padding-left:25px; width:auto; height:20px; font-size:12px; background: url(../images/cart.gif) left center no-repeat}
.cart_r .currency{ margin-right:2px;width:16px; height:16px; text-align:center; }
.cart_r a{ color:#fff; text-decoration:none}

/*-------------------------------------------------------------------container styles*/
#container{ float:left; padding:20px 15px 15px; width:930px; height:auto; background-color:#fff}
/*-------------------------------------------------------------------left styles*/
#left{ float: left; width:235px; height: auto; margin-right:8px}
.topten{ float:left; width:235px; height:auto; margin-bottom:15px;}
.topten .topten_title{ float:left; width:235px; height:auto; padding-bottom:10px}
.topten .topten_content{ float:left; width:235px; height:242px; background:url(../images/toptenbg.gif) repeat-x}
.productRotator{ float:left; padding:0 14px; width:152px; height:200px; border:1px solid #d7d7d7; background-color:#fff; text-align:center}
.rotatorDetails{ float:left; margin-top:5px; width:235px; height:40px; background-color:#fbf086}
.rotatorDetails .productname{ float:left;padding:8px 0 0 8px;width:170px;font:11px/14px Arial; color:#6d6e71}
.rotatorDetails .productprice{ float:right; padding:12px 4px 0 0; width:45px;font-size:16px; color:#eb4511}
.catalog{ float:left; width:235px; height:auto; margin-bottom:15px}
.catalog .catalog_title{ float:left; width:235px; height: auto; padding-bottom:10px; border-bottom:1px solid #000}
.catalog ul{ float:left; padding:5px 0; width:235px}
.catalog li{ float:left; padding-left:15px; width:220px; height:24px; font:12px/24px Arial; color:#666; background:url(../images/sideline.gif)}
.catalog li a:hover{ color:#aa9c5f}
.catalog1{ float:left; width:235px; height:auto; margin-bottom:15px}
.catalog1 .catalog_title{ float:left; width:235px; height: auto; padding-bottom:10px; border-bottom:1px solid #000}
.catalog1 ul{ float:left; padding:5px 0; width:235px}
.catalog1 li{ float:left; width:235px; height: auto; font: bold 14px/24px Arial; color:#333;}
.catalog1 li ul{ float:left; width:235px;}
.catalog1 li ul li{ float:left; position:relative; padding-left:15px; width:220px; height:24px; font:12px/24px Arial; color:#666; background:url(../images/sideline.gif) no-repeat;}
#hot {
	position:absolute;
	left:160px;
	top:0px;
	width:33px;
	height:12px;
}
.catalog1  li ul li a:hover{ color:#aa9c5f}
.banner3{ float: left; width:235px; height:auto; margin-bottom:15px}
/*-------------------------------------------------------------------right styles*/
#right{ float:left; width:687px; height:auto}
.banner1{ float:left; width:687px; height:270px; margin-bottom:15px}
.special{ float:left; width:687px; height:auto; margin-bottom:15px}
.special_title{ float:left; width:687px; height:auto; padding-bottom:10px}
.special_content{ float:left; border:1px solid #e2cac8; background-color:#f3eded; padding:5px 5px 5px 6px; width:674px; height:auto}
.flower{ float:left; width:18px; height:194px; vertical-align:middle}
.special_prlist{ float:left; width:638px; height:auto}
.special_pr{ float:left; width:114px; height:auto; margin-right:16px; text-align:center}
.special_pr1{ margin-right:0}
.special_pr p{ float:left; width:114px; padding-top:2px; font-size:10px}
.special_pr .name{ color:#900; line-height:11px; text-align:left}
.special_pr .name a{ color:#900}
.special_pr .rprice{ float:left; width: auto;color:#666; text-align:left}
.special_pr .oprice{ float:right; width: auto;font-size:12px;color:#000; text-align:right}
.banner4{ float:left; width:687px; height:35px; margin-bottom:15px}
.newarrival{ float:left; width:687px; height:auto}
.newarrival_title{ float:left; width:687px; height:26px; line-height:26px; background-color:#343739 }
.newarrival_title .left{ float:left; padding-left:15px; width:auto; text-align:left}
.newarrival_title .right{ float:right; padding-right:15px; width:auto; font-size:12px; color:#fff; text-align:right}
.newarrival_title  .right a{ color:#fff; margin-right:5px}
.prlist{ float:left; padding:0 5px; width:677px; height:auto}
.pr{ float:left; position:relative;padding:15px 0; width:164px; height:330px; margin-right:7px; display:inline}
#new1 {
	position:absolute;
	left:111px;
	top:16px;
	padding-left:4px;
	width:48px;
	height:42px;
	font-size:20px;
	color:#fff;
}
#dqth_icon{
	position:absolute;
	left:111px;
	top:16px;
	padding-left:4px;
	width:48px;
	height:42px;
	font-size:20px;
	color:#fff;
	background:url(../images/dqth_icon.gif)
}
.pr1{ margin-right:0}
.pr .prduct{ float: left; padding:8px 24px; width:114px; height:164px; text-align:center; border:1px solid #d3d3d3}
.pr .large{ float:left; padding:3px 8px 3px 60px; margin-bottom:8px; width:94px; background-color:#f1f1f1; border-bottom:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3}
.pr p{ float:left; width:164px; height:auto; padding-top:3px}
.pr .name{ height:50px; font:11px/14px Arial; color:#333}
.pr .name a{ color:#333; text-decoration:none}
.pr .name a:hover{ color:#000; text-decoration: underline}
.pr .rprice{ font-size:12px; color:#aa9c5f }
.pr .oprice{ font-size:14px;color:#d50000;}
.pr .save{ font-size:12px; color:#666}

/*-------------------------------------------------------------------footer styles*/
#footer{ float:left; width:960px; height:auto }
.newsletter{ float:left; padding:3px 15px; width:930px; height:20px; background-color:#e6e6d9}
.newsletter .left{ float:left; width:auto; line-height:20px; text-align:left}
.newsletter .left .sign{ float:left; width:455px; font:11px/20px Arial; color:#666}
.newsletter .left .sign_input{ float:left; width:238px; height:20px; margin-right:5px}
.newsletter .left .submit{ width:30px; font:12px/20px Arial; color:#000}
.newsletter .left .submit a{ color:#000; text-decoration:none}
.newsletter .right{ float:right; width:auto; text-align:right}
.bottom{ float:left; padding:15px; width:930px; height:auto; background-color:#999}
.bottom .left{ float:left; padding-right:25px; width:508px; height:auto; font-size:10px; line-height:14px; color:#fff; border-right:1px solid #a7a7a7; margin-right:25px}
.bottom .left .bottommenu{ float:left; width:508px; height:auto}
.bottom .left .bottommenu a{ margin-right:10px; color:#fff}
.bottom  .right{ float:right; padding-top:20px; width:369px; }

/*-------------------------------------------------------------------listdetail styles*/
.prdetail{ float:left; width:687px; height:auto; margin-bottom:15px}
.prtitle{ float:left; padding:0 0 0 20px; margin-bottom:10px; width:667px; height:auto; background:url(../images/all_dot.gif) left center no-repeat}
.prdetail .left{ float:left; width:357px; height:366px; margin-right:13px}
.prdetail .left .prlittle{ float:left; margin:0 12px; width:53px; height:366px}
.detail_on{ float:left; width:49px; height:70px; padding:2px; background:url(../images/detail_on.jpg) no-repeat}
.detail_off{ float:left; width:49px; height:70px; padding:2px; background:url(../images/detail_off.jpg) no-repeat}
.prdetail .left .prbig{ float: left; position:relative; width:246px; height:366px; text-align:center; padding:2px; background:url(../images/prbox.jpg) no-repeat}
#enlarge {
	position:absolute;
	left:223px;
	top:9px;
	width:22px;
	height:21px;
}
#narrow {
	position:absolute;
	left:223px;
	top:35px;
	width:22px;
	height:21px;
}
#rolate {
	position:absolute;
	left:223px;
	top:63px;
	width:22px;
	height:21px;
}
.prdetail .right{ float:left; width:317px; height:auto}
.prdetail .right p{ float:left; width:317px; height:24px; font-size:11px; line-height:24px; border-bottom:1px solid #ccc}
.prdetail .right .rprice{ color:#333}
.prdetail .right .oprice{ font-size:12px; color:#eb4511}
.prdetail .right .save{ color:#666}
.prdetail .right .purchase{ float:left; width:317px; height:auto; margin-top:20px}
.prdetail .right .purchase_title{ float:left; width:317px; height:22px}
.prdetail .right .purchase_content{ float:left; padding:14px; width:287px; height:auto;border:1px solid #ccc}
.prdetail .right .purchase_content td{ font-size:12px; }
.choose_input{ width:148px; height:18px}
.description{ float:left; width:687px; height:auto; margin-top:20px}
.description .description_title{ float:left; width:687px; font-size:12px; line-height:24px; border-bottom:1px solid #ccc; margin-bottom:10px}
.description ul{ float:left; width:687px; height:auto}
.description li{ float:left; padding-left:15px; width:672px; height:auto; font-size:11px; line-height:18px; background:url(../images/dian.gif) top left no-repeat } 

#comment_form{float:left; width:687px; height:auto; margin-top:20px}
#send_friend_content{float:left; width:687px; height:auto; margin-top:20px}
/*-------------------------------------------------------------------Shopping Cart styles*/
/*-------------------------------------------------------------------Shopping Cart styles*/
.shoppingcart{ float: left; width: 687px; height:auto}
.shoppingcart_title { float: left; width: 687px; height:auto; margin-bottom:3px; border-bottom:3px solid #000; }
.shoppingcart_title .left{ float:left; padding-left:15px; margin:15px 0 0 0; width:200px; height:auto; font:18px/30px Arial; color:#000; background:url(../images/all_dot.gif) left center no-repeat}
.shoppingcart_title .right{ float:left; width:302px; height:52px}
.shoppingcart_content{ float:left; padding:25px 0; width:687px; height:auto}
.qty{ width:45px; height:19px}
.promotion_code{ width:100px; height:14px}

/*-------------------------------------------------------------------FAQ styles*/
.all_title{ float:left; padding-bottom:10px; margin-bottom:10px; width:687px; height:auto;  border-bottom:3px solid #000; }
.all_title .left{ float:left; width:auto; padding:0 0 0 20px;background:url(../images/all_dot.gif) left center no-repeat;}
.rightcontent{ float:left; width:687px; height:auto;}
.faq_detail{ float:left; width:687px; margin-bottom:10px}
.q_title{ float:left; width:687px; font:normal 13px/26px Arial; color:#000}
.faq_detail p{ float:left; width:670px; font-size:11px; line-height:18px; border-left:3px solid #bbb; border-top:1px solid #bbb; border-bottom:2px solid #bbb; border-right:1px solid #bbb; padding:6px; margin:0}

/*-------------------------------------------------------------------myaccount styles*/
.all_title .left1{ float:left; width:auto; padding:0 0 0 20px;background:url(../images/secure_dot.gif) left center no-repeat;}
.all_title  .right{ float:left; width:auto; margin-left:20px; font-size:11px; line-height:24px;color:#900}
.all_title  .right a{ color:#900; text-decoration:underline}
.all_content{ font-size:11px; line-height:18px; padding-bottom:30px; border-bottom:1px dotted #ccc; margin-bottom:10px}
.all_input{ width:170px; height:15px; border:1px solid #bebebe}
.comment{ width:300px; height:120px}

/*--------------------------------------------------products list stylesheets-----------------------------------------------*/
.list{ float:left; width:644px;}
.list h2{ font-size:18px; font-weight:normal; clear:both;line-height:35px; border-bottom:3px solid #000; width:644px; color:#333; margin-bottom:10px; display:block; float:left;}
.list .table01{ float:left;}
.list .table01 tr td { line-height:120%;}
.list .table01 tr td .indent{padding-left:8px;}
.list .table01 tr td .tableinput{ border:1px solid #ccc; font-size:11px; width:185px; padding:2px;}
.list .intru{ line-height:20px; width:730px; padding:15px 10px;border-bottom:1px solid #ccc;}
.list .intru a:link,.list .intru a:visited{ color:#333; text-decoration:none;}
.list .intru a:hover{ color:#333; text-decoration:underline;}
.list .tablebatton{ width:644px; border-top:3px solid #000; float:left;}
.list .topmargin{ margin-top:10px;}
.list .tablelist{ width:185px; border:1px solid #ccc; padding:2px; line-height:12px;}
.list .tablelist2{ width:90px; border:1px solid #ccc; padding:2px; line-height:12px;}
.s1{ float:left; line-height:20px; width:140px;text-align:center; padding:0 3px 5px 3px; margin:0 1px 10px 1px;
}
.line{ text-decoration:line-through; color:#666;
}
.line1{color:#666;
}
.pri{ color:#c63133; font-weight:bold;
}
.list2{ float:left; margin:0 0 0 10px; width:97%;}

/*--------------------------------------------------top10-----------------------------------------------*/
img{border-width:0;}
.pb .steps, .pb .points li{background:transparent url(../images/pic.gif) no-repeat left top;}
.pb .banners{float:left;margin:0px; padding:0px;height:242px; overflow:hidden}
.pb .banners li{float:left; width:200px; height:242px;overflow:hidden;display:none;}
.pb .banners li.current{display:block;}
.pb .switcher{float:left;height:242px;width:24px;background-position:left -76px; position:relative;}
.pb .points{width:19px;margin:2px auto 0; font-size:12px; padding:0;}
.pb .points li{width:16px;height:15px;background-position:0px 0px;overflow:hidden;text-align:center;line-height:15px;margin:0 0 5px 3px;color:#fff;cursor:pointer; font-family:Arial;}
.pb .points li.current{width:19px;background-position:-19px 0px;margin-left:0; text-align:center; text-indent:3px;}
.pb .steps { width:16px;height:23px;background-position:0px -17px;margin:0px 0px 0px 6px;position:absolute; bottom:3px; _overflow:hidden; } /* FireFox */
*html .pb .steps { width:16px;height:23px;background-position:0px -17px;margin:0px 0px 0px 5px;position:absolute; bottom:3px; _overflow:hidden; } /* IE6 */
*+html .pb .steps { width:16px;height:23px;background-position:0px -17px;margin:0px 0px 0px 5px;position:absolute; bottom:3px; _overflow:hidden; } /* IE7 */
.pb .steps .up, .pb .steps .down{width:15px;height:11px;cursor:pointer;}


.hide{ display:none}
#warringlogin{ color:#FF0000; font-weight:bold; font-size:12px}
#warringgetpwd{color:#FF0000; font-weight:bold; font-size:12px}
#resultnewsletter{color:#FF0000; font-weight:bold; font-size:9px}
#resultadvice{color:#FF0000; font-weight:bold; font-size:9px}
.error{color:#FF0000; font-weight:bold; font-size:12px}
.catalog1{ float:left; width:235px; height:auto; margin-bottom:15px}
.catalog1 .catalog_title{ float:left; width:235px; height: auto; padding-bottom:10px; border-bottom:1px solid #000}
.catalog1 ul{ float:left; padding:5px 0; width:235px}
.catalog1 li{ float:left; width:235px; height: auto; font: bold 14px/24px Arial; color:#333;}
.catalog1 li ul{ float:left; width:235px;}
.catalog1 li ul li{ float:left; padding-left:15px; position:relative; width:220px; height:24px; font:12px/24px Arial; color:#666; background:url(../images/sideline.gif) no-repeat;}
.catalog1  li ul li a:hover{ color:#aa9c5f}
#hot {
	position:absolute;
	left:178px;
	top:5px;
	width:33px;
	height:12px;
}
#new {
	position:absolute;
	left:178px;
	top:0px;
	width:33px;
	height:12px;
}
.Friend{font-size:18px; color:#cc9933; margin-top:80px;}

/*--------------------------------------------------big list stylesheets-----------------------------------------------*/
#biglist{ float:left; width:187px; margin-right:10px;}
.catalog2{ float:left; width:187px; height:auto; margin-bottom:15px}
.catalog2 .catalog_title{ float:left; width:187px; height: auto; padding-bottom:10px; border-bottom:1px solid #000}
.catalog2 ul{ float:left; padding:5px 0; width:187px}
.catalog2 li{ float:left; width:187px; height: auto; font: bold 14px/24px Arial; color:#333;}
.catalog2 li ul{ float:left; width:187px;}
.catalog2 li ul li{ float:left; position:relative; padding-left:15px; width:172px; height:24px; font:12px/24px Arial; color:#666; background:url(../images/sideline.gif) no-repeat;}

#foot_web {
    color:#ffffff;
}

#right1{ float:right; width:733px;}
.crumb{ float:left; width:733px; height:auto; font-size:11px; color:#7d7d7d; text-transform:uppercase; line-height:30px; border-bottom:5px solid #e5e5e5; margin-bottom:5px;}
.crumb a{ color:#7d7d7d; text-decoration:none;}
.crumb a:link,.crumb:visited{ color:#7d7d7d; text-decoration:none;}
.crumb a:hover,.crumb:active{ color:#333; text-decoration:none;}
.biglist_cont{ float:left; width:733px;}
.biglist_cont .left{ float:left; padding:8px; width:364px; height:auto; background-color:#f2f2f2; margin-right:5px;}
.biglist_cont .left .large_img{ float:left; width:364px; height:594px;}
.biglist_cont .left .small_img{ float: left; width:360px; padding:0 2px;}
.biglist_cont .left .small_img img{ float:left; width:62px; height:89px; margin:10px 0 10px 10px;}
.biglist_cont .right{ float: left; width:348px;}
.biglist_cont .right .title{ float:left; padding-left:10px; width:338px; height:26px; line-height:26px; color:#ffff00; background-color:#343739}