@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img{border:0;} 
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;} 
ol,ul{list-style:none;} 
caption,th{text-align:left;} 
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;} 
body{font:12px Arial, Helvetica, sans-serif; color:#333;}
a{ text-decoration:none;}
.textInput{ font-family:Arial, Helvetica, sans-serif;}

.container{width:990px;margin:auto;}

.header{width:990px; height:80px;}
#logo{ width:308px; float:left;}
#logo img{ margin-top:15px;}
#my_h_c{background:url(../img/my_h_c.gif) no-repeat; width:347px; height:32px; float:right;margin-left:300px;}
#my_h_c li{ float:left; position:relative; z-index:2;}
#my_h_c li a{display:block;font-weight:bold; color:#333;padding:8px 27px;}
#my_h_c li ul{ display:none; position:absolute;background:#fff; border:1px solid #333; border-top:0;}
#my_h_c li:hover ul{ display:block;}
.my_h{ border-right:1px solid #ccc;}
.my_h ul li a{ width:100px; background:url(../img/head_ico.gif) no-repeat 15px 13px;}
.wsg{ float:right;color: #0769cd; margin-top:15px;}
.wsg a{ color:#f16918;}
.wsg a:hover{ text-decoration:underline;}

.con_box{ width:990px;}

.crumb_nav{ margin-top:15px; margin-bottom:15px;}
.crumb_nav a{ color:#333; font-weight:bold;}
.crumb_nav a:hover{ text-decoration:underline; color:#f16918;}
.crumb_nav .current{ color:#f16918;}

.l_content{ width:200px; margin-top:42px; float:left;}
#categories h3,#special h3,#searches h3,#contact h3,#faq h3,#reviews h3,.account h3{ background:url(../img/lr.jpg) no-repeat; width:200px; height:30px;text-align:center;}
#categories h3 a,#special h3 a,#searches h3 a,#contact h3 a,#faq h3 a,#reviews h3 a,.account h3 a{ color:#fff; font-size:14px; font-weight:bold;line-height:30px;}
#categories h3 a:hover,#special h3 a:hover{ text-decoration:underline;}
ul.c_list{ border:1px solid #dc6b00;}
ul.c_list li{ height:30px; width:190px; padding-left:6px; border-top:1px solid #ccc;}
ul.c_list li a{ color:#0769cd; line-height:30px; font-weight:bold;display:block; width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
ul.c_list li a:hover{ color:#f16918;}

#special,#searches,#contact,#r_order,#faq,#reviews,.account{ margin-top:15px;}
#special table{width:200px;border:1px solid #ccc;border-top:0px;}
#special table td{ border-bottom:1px solid #cccccc; padding:8px; font-size:11px;}
#special img{ width:60px; height:60px;}
#special table td a{color:#333;}
#special table td a:hover{ text-decoration:underline; color:#b32828;}
#special table b{ display:block; color:#990000; line-height:20px;}

#searches .a_searches{ padding:10px; line-height:20px;border:1px solid #ccc;}
#searches a{color:#f16918; font-weight:bold;}
#searches .a_searches a:hover{ text-decoration:underline;}
#searches .a1{ font-size:11px;color:#f58949;}
#searches .a2{ font-size:12px;}
#searches .a3{ font-size:14px;}

#contact ul{ border:1px solid #ccc; font-size:11px; padding:6px;}
#contact ul li{ height:30px; padding-left:25px;}
#contact ul li.email{ background:url(../img/email.gif) no-repeat;}
#contact ul li.tel{background:url(../img/tel.gif) no-repeat;}
#contact ul li.msn{background:url(../img/msn.gif) no-repeat;}
#contact ul li a{ color:#333;}
#contact ul li a:hover{ text-decoration:underline; color:#990000;}


.r_content{ width:775px; margin-left:15px;float:left;}

.mainMenu{ height:111px;background:url(../img/nav_bot.gif) no-repeat 0px 41px; z-index:1;}
#nav{ float:left; font-size:14px; margin-left:50px; display:inline;}
#nav li{ display:block; float:left; margin:0; padding:0;}
#nav a{ margin-left:3px; float:left; background:url(../img/nav_l.gif) no-repeat left top; padding-left:6px; color:#fff;}
#nav a span{ display:block; background:url(../img/nav_r.gif) no-repeat right top; padding:17px 15px 12px 6px;}
#nav a:hover,#nav .current a{ background-position:0% -45px;}
#nav a:hover span,#nav .current span{background-position:100% -45px;}
.search{ float:left; margin-top:75px; margin-left:-300px;}
.search .textInput{ float:left; width:300px; height:22px; line-height:22px;}
.btn_go{ background-image:url(../img/btn-go.gif); border:0px; width:32px; height:25px; float:left;cursor:pointer;margin-left:25px;}

.cart{ margin-top:48px; margin-right:10px;float:right; line-height:31px; text-align:center; display:inline;}
.cart span{ float:left;background:url(../img/cart.gif); display:block; height:31px;}
.cart span.l_cart,.cart span.r_cart{ width:8px;}
.cart span.c_cart{ background-position:0px -31px;}
.cart span.r_cart{ background-position:0px -62px;}
.cart a{ color:#acfe00;}
.cart a b{ color:#fff;}

/* product image */
.c_content{ width:186px; float:left;margin-top:15px;}
.c_content img{ width:150px; height:150px;}
.c_p li a:hover{ color:#b32828; text-decoration:underline;}
.c_p li a,.c_p1{ color:#333;}
.c_p li{height:45px;word-wrap:break-word;overflow:hidden;}
.c_p1{ margin-top:10px;}
.c_p2{ text-decoration:line-through; margin-right:8px;}
.c_p3{ color:#b32828;}


/* product image */

/* pagination */
.d_page{ margin-left:240px; margin-top:30px; float:left; display:inline;}
.d_page a{ color:#f16918; font-weight:bold;}
.d_page a:hover,.d_page .current{ color:#333; text-decoration:underline;}
.d_page span{ display:block; float:left; margin-left:10px; display:inline;}
.previous,.next{ border:1px solid #f16918; display:block; float:left; color:#f16918;}
a.page_cur{ border:1px solid #333; color:#333;}
a.page_cur:hover	{text-decoration:none;}
/* pagination  */

.footer{ width:990px; margin-top:20px;float:left;}

.news{width:990px; border:1px solid #ccc; overflow:hidden;}
.news h3{ font-size:14px; font-weight:bold; padding:10px; border-bottom:1px solid #ccc;}
.news ul{ float:left; padding:5px;}
.news ul li{ float:left; width:310px; height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:15px; padding-top:5px; background:url(../img/dot.gif) no-repeat 3px 10px;}
.news ul li a{ color:#333;}
.news ul li a:hover{ color:#990000;}

.tag,.bottom,.pay,.f_info{width:100%; text-align:center; margin-top:15px;}
.tag a{ color:#0769cd;}
.tag a:hover,.bottom a:hover,.f_info a:hover{ color:#990000; text-decoration:underline;}
.bottom a,.f_info a{ color:#333;}