/* Reset
-------------------------------------------------------------- */
*{ word-wrap:break-word;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p{ padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:100%;}
input,textarea,select,button,tr,td{ font-family:inherit; font-size:inherit; font-weight:inherit;}
label,input,textarea,select{ vertical-align:middle;}
input.text,textarea { border:1px solid #ccc;}
button{ overflow:visible; cursor:pointer;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:none;}
li{ list-style:none;}
em{ font-style:normal;}
.clear{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:after{ clear:both; content:'.'; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
.clearfix{ display:inline-block;}
* html .clearfix{ height:1%;}
.clearfix{ display:block;}



/* Default
-------------------------------------------------------------- */
body{ width:100%; margin:auto; font:11px/150% Verdana, Arial, Helvetica, sans-serif; color:#333; background:#fff; text-align:left; position:relative;}
tr,td,select,input{ font:11px/150% Verdana, Arial, Helvetica, sans-serif;}
a{ color:#333; outline:none; text-decoration:none;}
a:hover{ color:#1454ab; text-decoration:underline;}
#header,#footer,#pageBody{ margin:0 auto; width:980px; position:relative;}



/* Header
-------------------------------------------------------------- */
.top{ background:url(../images/top.jpg) no-repeat 0 0; width:100%; height:100px;}
.topAltMenu{ padding:5px 105px 0 0; text-align:right;}
.topService{ padding:38px 140px 0 0; text-align:right;}
.topService img{ margin:0 3px;}

.top02{ margin-bottom:10px; background:url(../images/top02.jpg) no-repeat 0 0; width:100%; height:70px;}
.topMenu{ padding:6px 115px 0 50px; height:29px; text-align:center;}
.topMenu li{ float:left; margin:0 4px; background:url(../images/topMenu_li.jpg) no-repeat 0 0; width:88px;}
.topMenu li a{ display:block; padding:4px 0; color:#fff; font-size:13px;}
.topMenu li a:hover{ background:url(../images/topMenu_curr.jpg) no-repeat 0 0; color:#000; text-decoration:none;}
.topMenu li.curr{ background:url(../images/topMenu_curr.jpg) no-repeat 0 0;}
.topMenu li.curr a{ color:#000;}
.topSearch{ padding:7px 110px 0 0; height:28px; text-align:center; font-weight:bold;}
.topSearch a{ font-weight:normal; text-decoration:underline;}



/* Footer
-------------------------------------------------------------- */
.footMenu{ margin-bottom:8px; background:url(../images/footMenu.jpg) repeat-x 0 0; height:35px; color:#fff; text-align:center;}
.footMenu li{ display:inline;}
.footMenu li a{ padding:0 8px; color:#fff; font-size:13px; line-height:35px;}
.footMenu li a:hover{ color:#fff;}
.payment{ background:url(../images/payment.jpg) no-repeat 0 50%; height:64px;}
.copyright{ padding:5px 10px 0; text-align:center;}
.keyword{ padding:2px 10px 10px; text-align:center; color:#999;}
.keyword a{ color:#999;}



/* Pagebody
-------------------------------------------------------------- */
.sideBar{ float:left; width:190px;}
.mainBody{ float:right ;padding-left:10px; width:780px;}
.centerBody{ float:left; padding-right:10px; width:580px;}
.sideBar02{ float:right; width:190px;}

.leftBox,.centerBox,.mainBox,.longBox{ margin-bottom:8px;}
.leftBox h3,.centerBox h3,.mainBox h3,.longBox h3{ padding:8px 0 0 40px; height:22px; font-size:14px; font-weight:bold; color:#fff;}
.leftBox h3{ background:url(../images/leftBoxTop.jpg) no-repeat 0 0;}
.centerBox h3{ background:url(../images/centerBoxTop.jpg) no-repeat 0 0;}
.mainBox h3{ background:url(../images/mainBoxTop.jpg) no-repeat 0 0;}
.mainBox h3 span{ font-weight:normal; font-size:12px;}
.mainBox h3 a,.mainBox h3 a:hover,.mainBox h3 span a,.mainBox h3 span a:hover{ color:#fff;}
.longBox h3{ background:url(../images/longBoxTop.jpg) no-repeat 0 0;}
.leftBox .content,.longBox .content{ padding:10px; border:1px solid #ddd;}
.centerBox .content,.mainBox .content{ padding:10px;}



/*define Dromenu*/
.Dromenu{ margin:0; position:relative; z-index:9999; /* this page only */}

/* remove all the bullets, borders and padding from the default list styling */
.Dromenu ul{ margin:0; padding:0;width:190px;}
/* hack for IE5.5 */
* html .Dromenu ul{ margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.Dromenu li{ position:relative;}
/*.Dromenu li a strong { font-size:12px}*/

/* get rid of the table */
.Dromenu table{ position:absolute; border-collapse:collapse; top:0; left:0; z-index:9999;}

/* style the links */
.Dromenu a,.Dromenu a:visited{ display:block; text-decoration:none; height:25px; line-height:25px; width:188px;color:#000;text-indent:15px; border:0 solid #cac8c8; border-width:0 1px 1px 1px; background:#fff url(../images/arrow.gif) no-repeat 94% 50%; font-weight:600;}
.Dromenu a:hover{ color:#333; text-decoration:none;}

/*a.plus,a:visited.plus,* html .Dromenu a.plus { background:#f6f6f6 url(../Images/cata_bg.gif) no-repeat 170px 50%; height:25px; line-height:25px}*/

/* style the link hover */
* html .Dromenu a:hover{ color:#333; background:#f6e6b5 url(../images/arrow.gif) no-repeat 94% 50%;}

.Dromenu :hover > a{ color:#333; background:#f6e6b5 url(../images/arrow.gif) no-repeat 94% 50%;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.Dromenu ul ul{ visibility:hidden; position:absolute; top:0; left:189px; border:0 solid #cac8c8; border-width:1px 0; }
/* make the second level visible when hover on first level list OR link */
.Dromenu ul li:hover ul,
.Dromenu ul a:hover ul { visibility:visible;}

/* keep the third level hidden when you hover on first level list OR link */
.Dromenu ul :hover ul ul{ visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.Dromenu ul :hover ul :hover ul{ visibility:visible;}

/*.Dromenu ul ul a:hover { color:#ED0048; background:#fff;}*/





.leftContact{ text-align:center;}
.leftAlbum img{ padding:3px 0;}

.banner{ margin-bottom:8px; height:230px;}

.rightCart{ padding:32px 12px 0; background:url(../images/cartBg.jpg) no-repeat 0 0; height:63px; line-height:17px;}
.rightCart span{ font-weight:bold; color:#c00;} 
.rightCart a{ text-decoration:underline;} 

.longBox .col01{ float:left; padding:0 10px; width:459px;}
.longBox .col02{ float:right; padding:0 10px; width:459px;}
.longBox h2{ font-size:12px; font-weight:bold;}
.longBox p{ margin:5px 0 12px; color:#666;}
.longBox a{ font-weight:bold; color:#950c1c;}

.page{ padding:15px 5px; text-align:right; font-weight:bold;}
.page a{ padding:2px 6px 2px; background:#fff; line-height:24px; border:1px solid #d3d3d3;}
.page a:hover,.page span a{ background:#1454ab; color:#fff; text-decoration:none;}
.page input{ width:20px;}



/* Product
-------------------------------------------------------------- */
.proList{ margin:4px 0; border-bottom:1px dashed #ddd;}
.proBox{ float:left; padding:8px 20px 12px; width:152px;}
.proBox .proImg{ display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:127px; *font-family:Arial; width:152px; height:142px;}
.proBox .proImg img,
.proBox02 .proImg img,
.proBox03 .proImg img{ vertical-align:middle;}
.proBox .proImg a,
.proBox02 .proImg a,
.proBox03 .proImg a{ display:block; border:1px solid #ddd;}
.proBox .proImg a:hover,
.proBox02 .proImg a:hover,
.proBox03 .proImg a:hover{ border:1px solid #1454ab;}
.proBox .proInfo{ text-align:center;}
.proBox h4{ padding-top:2px;}
.proBox .proId,/*.proBox02 .proId,*/.proBox03 .proId{ font-weight:bold;}
.proBox .proPrice,
.proBox02 .proPrice,
.proBox03 .proPrice{ padding-top:2px;}
.proBox .proPrice span,
.proBox02 .proPrice span{ color:#c00;}
.proBox03 .proPrice span,
.proDetail .proPrice{ color:#c00; font-weight:bold;}
.proDetail table{ border:0 solid #ddd; border-width:1px 1px 0 0;}
.proDetail td{ padding:3px 5px; border:0 solid #ddd; border-width:0 0 1px 1px;}

.proBox02{ padding:5px 0;}
.proBox02 .proImg{ float:left; display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:57px; *font-family:Arial; width:72px; height:67px; overflow:hidden;}
.proBox02 .proInfo{ float:right; width:91px; padding-left:5px;}
.proBox02 h4{ padding-top:2px;}

.proBox03{ padding:10px 0; _padding:10px 0 1px; border-bottom:1px dashed #ddd;}
.proBox03 .proImg{ float:left; display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:127px; *font-family:Arial; width:152px; height:142px; padding-left:5px;}
.proBox03 .proInfo{ float:left; width:488px; padding-left:15px;}
.proBox03 h4{ font-size:12px; font-weight:bold;}
.proBox03 .freeShipping{ padding-bottom:6px; color:#c00; font-weight:bold; text-align:center;}
.proBox03 .proBtn{ float:right; width:80px; padding:20px 0 0 20px;}
.proBox03 .proBtn img{ padding:3px 0;}



/* Productinfo
-------------------------------------------------------------- */
.proPic{ float:left; width:302px; padding-left:10px;}
#proPic_large{ display:block; vertical-align:middle; *font-size:250px; *font-family:Arial; text-align:center; width:300px; height:280px; border:1px solid #ddd; cursor:pointer; margin-bottom:10px;}
#proPic_large img{ vertical-align:middle;}
#proPic_small li a{ width:60px; height:60px; border:1px solid #ddd; display:table-cell; *display:block; vertical-align:middle; *font-size:53px; *font-family:Arial; background-color:#fff; text-align:center;}
#proPic_small li a:hover,
#proPic_small li a.curr_show{ border:1px solid #b2222c;}
#proPic_small li a img{ vertical-align:middle;}

.proDetail{ float:right; padding-left:20px; width:428px;}
.proDetail h4{ padding:10px 0 5px; font-size:13px; font-weight:bold;}
.proDetail dl{ padding-left:10px;}
.proDetail dd{ padding:4px 0;}
.proDetail .btn img{ margin-top:1px;}
.proDetail .proEmail{ padding:10px 0 0 200px; color:#c00; font-weight:bold;}
.proDetail .proEmail input{ margin-top:5px; width:150px; line-height:13px; color:#999;}
.proDetail .proEmail .btn{ margin:0; width:54px; height:17px;}

.proDepict{ margin:0 10px 8px;}
.proDepict h4{ margin-bottom:8px; padding-bottom:2px; font-size:13px; font-weight:bold; border-bottom:1px dashed #1454ab;}
