body,td,div,span,p,li { font-size:12px; color:#000000; font-family:Arial; }
*{margin:0; padding:0;}
.ComLeft { float:left; }
.ComRight{ float:right;}
.Clear  { clear:both; }
.red{color:#F00;}
.MainText { padding:5px 10px 5px 10px; line-height:160%; }
.T1{color:#966753; font-size:12px; font-weight:bold;}
.MainPage { position:absolute; top:0px; left:50%; margin-left:-484px; width:968px; }
.TopLogo { float:left; width:280px; height:66px; background:url(../images/Logo.jpg) no-repeat;  }
.TopText { float:right; text-align:right; }
.TopText .menu { float:right; width:auto; height:27px; line-height:27px; background:url(../images/top_m.jpg); }
.TopText .text { width:680px; height:38px; background:url(../images/top_title.jpg) left center no-repeat; }

.MainMenu { width:968px; height:31px; background:url(../images/Menu_M.jpg); overflow:hidden; }
.MainMenu .l { float:left; height:31px; line-height:31px; overflow:hidden; background:url(../images/Menu_l.jpg) left top no-repeat; padding-left:20px; }
.MainMenu .l a         { color:#FFF; text-decoration:none; font-size:12px; font-family:Arial; line-height:31px; font-weight:bold; float:left; }
.MainMenu .l a:link    { color:#FFF; text-decoration:none; }
.MainMenu .l a:visited { color:#FFF; text-decoration:none; }
.MainMenu .l a:hover   { color:#F60; text-decoration:underline; }
.MainMenu .l a:active  { color:#F60; text-decoration:underline; }
.MainMenu .l .spacer   { float:left; width:21px; height:31px; overflow:hidden; background:url(../images/Menu_spacer.jpg) center 6px no-repeat; }
.MainMenu .r { float:right; width:3px height:31px; overflow:hidden; background:url(../images/Menu_R.jpg) right top no-repeat; }

.Footer { margin-top:10px; text-align:center; color:#596097; line-height:25px; }
.Footer a         { color:#596097; text-decoration:none; font-family:Arial; line-height:25px; }
.Footer a:link    { color:#596097; text-decoration:none; }
.Footer a:visited { color:#596097; text-decoration:none; }
.Footer a:hover   { color:#FF0000; text-decoration:underline; }
.Footer a:active  { color:#FF0000; text-decoration:underline; }
.Footer div { color:#323232; }
.uline { text-decoration:underline; }

.FootMenu { height:31px; background:url(../images/Menu_M.jpg); margin-bottom:10px; }
.FootMenu .l { float:left; height:31px; line-height:31px; overflow:hidden; background:url(../images/Menu_l.jpg) left top no-repeat; padding-left:60px; }
.FootMenu .l a         { color:#FFF; text-decoration:underline; font-size:12px; font-family:Arial; line-height:31px; float:left; }
.FootMenu .l a:link    { color:#FFF; text-decoration:underline; }
.FootMenu .l a:visited { color:#FFF; text-decoration:underline; }
.FootMenu .l a:hover   { color:#F60; text-decoration:underline; }
.FootMenu .l a:active  { color:#F60; text-decoration:underline; }
.FootMenu .l .spacer   { float:left; width:21px; height:31px; overflow:hidden; background:url(../images/Menu_spacer.jpg) center 6px no-repeat; }
.FootMenu .r { float:right; width:3px height:31px; overflow:hidden; background:url(../images/Menu_R.jpg) right top no-repeat; }

.PageBar { height:30px; background:url(../images/Path_M.jpg); margin-bottom:20px; }
.PageBar .L { float:left; height:30px; background:url(../images/Path_L.jpg) left center no-repeat; padding:5px 0px 0px 30px; color:#C34302; }
.PageBar .R { float:right; width:3px; height:30px; overflow:hidden; background:url(../images/Path_R.jpg); }
.PageBar a         { color:#50353C; text-decoration:none; font-family:Arial; line-height:30px; }
.PageBar a:link    { color:#50353C; text-decoration:none; line-height:normal; }
.PageBar a:visited { color:#50353C; text-decoration:none; line-height:normal; }
.PageBar a:hover   { color:#FF0000; text-decoration:underline; line-height:normal; }
.PageBar a:active  { color:#FF0000; text-decoration:underline; line-height:normal; }
.f-right{float:right; padding-top:4px; padding-right:15px;}

/* page -------------------------*/
/*CSS scott style pagination*/

DIV.scott {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center}
DIV.scott A {BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #88af3f; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none}
DIV.scott A:hover {BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6}
DIV.scott A:active {BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6}
DIV.scott SPAN.current {BORDER-RIGHT: #b2e05d 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b2e05d 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #b2e05d 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #b2e05d 1px solid; BACKGROUND-COLOR: #b2e05d}
DIV.scott SPAN.disabled {BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid}

.Lefter  { float:left;  width:200px; }
.Righter { float:right; width:760px; overflow:hidden; }
.Righter .T { width:760px; }
.Righter .L { float:left; width:542px; padding-left:5px; }	
.Righter .R { float:right; width:190px; }
.M_AD { width:538px; height:56px; background:url(../images/M_AD.jpg) no-repeat; }

.BTitle { color:#914815; }
.TextTitle   { font-weight:bold; color:#C44000; font-size:13px; text-decoration:underline; }
.TextContent { line-height:160%; }

.B1    { width:190px; }
.B1 .H { width:190px; height:28px; line-height:28px; overflow:hidden; padding-left:18px; font-weight:bold; color:#914815; background:url(../images/B1_H.jpg); }
.B1 .M { width:190px; padding:15px; background:url(../images/B1_M.jpg); }
.B1 .F { width:190px; height:6px; overflow:hidden; background:url(../images/B1_F.jpg); }

.B2    { width:760px; border:solid 1px #E1CAA8; }
.B2 .H { height:31px; background:url(../images/B2_M.jpg); }
.B2 .H .L {
	float:left; width:230px; height:31px; line-height:30px; padding-left:12px; overflow:hidden;
    font-size:18px;	font-weight:bold; color:#9E7018; background:url(../images/B2_L.jpg);
}
.B2 .H .R { float:left; width:11px; height:31px; background:url(../images/B2_R.jpg) no-repeat; overflow:hidden; }
.B2 .Text { padding:0px 20px 10px 20px; line-height:160%; }




.B3    { width:760px; border:solid 1px #E1CAA8; }
.B3 .H { height:32px; background:url(../images/B3_M.jpg); }
.B3 .H .L {
	float:left; width:150px; height:32px; line-height:30px; padding-left:20px; overflow:hidden;
    font-size:18px;	font-weight:bold; color:#9E7018; background:url(../images/B3_L.jpg);
}
.B3 .H .R { float:right; width:24px; height:32px; background:url(../images/B3_R.jpg) no-repeat; overflow:hidden; }
.B3 .Text { padding:0px 20px 10px 20px; line-height:160%; }

.B_M_T {
	width:760px; height:31px; line-height:31px; background:url(../images/B_M_T.jpg);
	 margin-top:20px; color:#4A4E71; padding-left:25px; font-size:13px; font-weight:bold;
}

.MenuComm1 { height:25px; text-align:center; background-color:#F8F5ED; border-bottom:solid 1px #EAE9E8; }
.MenuComm2 { height:25px; text-align:center; background-color:#F8F5ED; border-top:solid 1px #FFFFFF; border-bottom:solid 1px #EAE9E8; }
.MenuComm3 { height:25px; text-align:center; background-color:#F8F5ED; border-top:solid 1px #FFFFFF; }
a.MCL         { color:#9A744F; text-decoration:none; font-size:12px; font-family:Arial; line-height:25px; }
a.MCL:link    { color:#9A744F; text-decoration:none; }
a.MCL:visited { color:#9A744F; text-decoration:none; }
a.MCL:hover   { color:#F60; text-decoration:underline; }
a.MCL:active  { color:#F60; text-decoration:underline; }

.spacer { margin:5px; }
.menuSpacer { margin:0px 20px 0px 20px; }
.Payment { width:158px; height:341px; background:url(../images/Payment.jpg) center center no-repeat; }

.Banner { width:540px; height:331px; background:url(../images/Banner.jpg) center no-repeat; }
.Banner .Text { margin:125px 90px 0px 150px;}
	
a         { color:#000000; text-decoration:none; font-size:12px; font-family:Arial; line-height:120%; }
a:link    { color:#000000; text-decoration:none; }
a:visited { color:#000000; text-decoration:none; }
a:hover   { color:#FF0000; text-decoration:underline; }
a:active  { color:#FF0000; text-decoration:underline; }
	
a.menuRed         { color:#8482AA; text-decoration:none; font-size:12px; font-family:Arial; line-height:25px; }
a.menuRed:link    { color:#8482AA; text-decoration:none; }
a.menuRed:visited { color:#8482AA; text-decoration:none; }
a.menuRed:hover   { color:#F60; text-decoration:underline; }
a.menuRed:active  { color:#F60; text-decoration:underline; }

a.White         { color:#FFFFFF; text-decoration:none; font-size:12px; font-family:Arial; line-height:30px; font-weight:bold; }
a.White:link    { color:#FFFFFF; text-decoration:none; }
a.White:visited { color:#FFFFFF; text-decoration:none; }
a.White:hover   { color:#F60; text-decoration:underline; }
a.White:active  { color:#F60; text-decoration:underline; }
	
a.MenuParent { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:25px; color:#8A6014; text-decoration:none; font-weight:bold; }
a.MenuParent:link    { color:#8A6014; text-decoration:none; }
a.MenuParent:visited { color:#8A6014; text-decoration:none; }
a.MenuParent:hover   { color:#FF0000; text-decoration:underline; }
a.MenuParent:active  { color:#FF0000; text-decoration:underline; }

a.MenuChildC { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:20px; color:#8A6014; text-decoration:none; margin-left:20px; }
a.MenuChildC:link    { color:#8A6014; text-decoration:none; }
a.MenuChildC:visited { color:#8A6014; text-decoration:none; }
a.MenuChildC:hover   { color:#FF0000; text-decoration:underline; }
a.MenuChildC:active  { color:#FF0000; text-decoration:underline; }

a.MenuChildO { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:20px; color:#FF0000; text-decoration:none; margin-left:20px; }
a.MenuChildO:link    { color:#FF0000; text-decoration:none; }
a.MenuChildO:visited { color:#FF0000; text-decoration:none; }
a.MenuChildO:hover   { color:#FF0000; text-decoration:underline; }
a.MenuChildO:active  { color:#FF0000; text-decoration:underline; }



.Pager { float:left; height:16px; margin-left:5px; text-align:center; line-height:16px;}
.PagerDIV { float:left; margin-left:5px; text-align:center; }

a.PagerLinkOf { padding:0 5px; font-size:11px; font-family:Arial; height:16px; line-height:16px; color:#000000;background:#FFFFFF; text-decoration:none; text-align:center; border:solid 1px #CACACA;}
a.PagerLinkOf:link    { height:16px; line-height:16px; color:#000000; background:#FFFFFF; text-decoration:none; }
a.PagerLinkOf:visited { height:16px; line-height:16px; color:#000000; background:#FFFFFF; text-decoration:none;}
a.PagerLinkOf:hover   { height:16px; line-height:16px; color:#FFFFFF; background:#CACACA; text-decoration:underline; }
a.PagerLinkOf:active  { height:16px; line-height:16px; color:#FFFFFF; background:#CACACA; text-decoration:underline;}

a.PagerLinkOn { font-size:11px; font-family:Arial; width:16px; height:16px; line-height:16px; color:#FFFFFF;
	background:#CACACA; border:solid 1px #CACACA;  text-decoration:none; text-align:center; display:block;}
a.PagerLinkOn:link    { width:18px; height:16px; line-height:16px; color:#FFFFFF; background:#CACACA; text-decoration:none; }
a.PagerLinkOn:visited { width:18px; height:16px; line-height:16px; color:#FFFFFF; background:#CACACA; text-decoration:none; }
a.PagerLinkOn:hover   { width:18px; height:16px; line-height:16px; color:#000000; background:#FFFFFF; text-decoration:underline; }
a.PagerLinkOn:active  { width:18px; height:16px; line-height:16px; color:#000000; background:#FFFFFF; text-decoration:underline; }

a.PagerButton { font-size:11px; font-family:Arial; width:50px; height:16px; line-height:16px; color:#000000;
	background:#FFFFFF; border:solid 1px #CACACA;  text-decoration:none; text-align:center; }
a.PagerButton:link    { width:50px; height:16px; line-height:16px; color:#000000; background:#FFFFFF; text-decoration:none; }
a.PagerButton:visited { width:50px; height:16px; line-height:16px; color:#000000; background:#FFFFFF; text-decoration:none; }
a.PagerButton:hover   { width:50px; height:16px; line-height:16px; color:#FFFFFF; background:#CACACA; text-decoration:underline; }
a.PagerButton:active  { width:50px; height:16px; line-height:16px; color:#FFFFFF; background:#CACACA; text-decoration:underline; }

.linetop { font-size:14px; font-weight:bold; border-bottom:dashed 1px #CCCCCC; padding-bottom:5px; }
.linemiddle { height:30px; line-height:30px; background:url(../images/spacer_row.gif) center bottom no-repeat; }
.PShowLeft { float:left; width:138px; font-weight:bold; }
.PShowRight{ float:left; }

.Title_Page  { height:30px; line-height:30px; position:relative; margin-top:10px; }
.Title_Page .L { width:750px; height:30px; line-height:30px;	background:url(../images/ico_ring.jpg) left 0px no-repeat;
	padding-left:25px; color:#000; font-weight:bold; font-size:15px;
}

.MarginRow { height:10px; overflow:hidden; }

/*ProductList Div styles*/
.PLBox { background:#FFFFFF; margin:0px 5px 5px 5px; }
.ProductList { float:left; height:175px; over-flow:hidden; margin:10px 2px 0px 2px; text-align:center;}
.ProductListPic { position:relative; width:156px; height:124px; }
.ProductListPic .img { display:block; position:absolute; bottom:3px; left:3px; border:solid 1px #CCCCCC; padding:3px; }
.ProductListText{ margin-top:5px; }
.ProdcutRowSpacer { float:left; width:100%; height:3px; overflow:hidden; background-color:#E1E1E1; margin:10px 0px 0px 0px; }

.searchProd li{float:left; padding:10px;}
.searchProd .cutImg{height:130px; width:130px; overflow:hidden;}

.prodDescription{display:none;}
/*Category Menu*/
.MenuBoxOP   { display:block; }
.MenuBoxOn   { display:block; margin-left:20px; }
.MenuBoxOf   { display:none;  margin-left:20px; }
.MenuTitleOn { width:100%; cursor:pointer; color:#FF0000; padding:3px; padding-left:18px; background:url(../images/Open.gif) left center no-repeat; }
.MenuTitleOf { width:100%; cursor:pointer; color:#8A6014; padding:3px; padding-left:18px; background:url(../images/Close.gif) left center no-repeat;}
.BFONT { font-weight:bold; }

.RowsCss  { background:url(../images/rowbg.jpg); height:23px; line-height:23px; margin-top:20px; padding-left:10px; color:#A33400; font-weight:bold; }
.Border   { border:solid 1px #E1CBA9; }
.BorderLR { border-left:solid 1px #E1CBA9; border-right:solid 1px #E1CBA9; border-top:solid 1px #E1CBA9; border-bottom:solid 1px #E1CBA9; }
.BorderTP { border-top:solid 1px #E1CBA9; border-bottom:solid 1px #E1CBA9; }

.MainColor { color:#A83600; }
.errorEmphasis { color:#FF0000; }
.VLine { width:100%; height:3px; margin:10px 0px 10px 0px; background:url(../images/v_line.jpg) center repeat-x; }

select { margin-top:5px; }

.btnRemoveCart { width:102px; height:22px; background:url(../images/btnRemoveCart.jpg); border:0px; cursor:pointer; }
.btnUpdateCart { width:102px; height:22px; background:url(../images/btnUpdateCart.jpg); border:0px; cursor:pointer; }
.btnChangeShipping { width:124px; height:22px; background:url(../images/btnChangeShipping.jpg); border:0px; cursor:pointer; }
.btnDelete { width:24px; height:24px; background:url(../images/btnDelete.jpg); border:0px; cursor:pointer; }
.btnSignIn { width:58px; height:23px; background:url(../images/btnSignIn.gif); border:0px; cursor:pointer; }
.btnSignUp { width:58px; height:23px; background:url(../images/btnSignUp.gif); border:0px; cursor:pointer; }
.btnSubmit { width:60px; height:23px; background:url(../images/btnSubmit.gif); border:0px; cursor:pointer; }
.btnReset  { width:58px; height:23px; background:url(../images/btnReset.gif); border:0px; cursor:pointer; }
.btnBuyNow { width:79px; height:23px; background:url(../images/btnBuyNow.gif); border:0px; cursor:pointer; }

/* showImg ============================*/
.highslide-overlay {DISPLAY: none}
.controlbar {BACKGROUND: url(../images/controlbar4.gif); WIDTH: 167px; HEIGHT: 34px}
.controlbar A {DISPLAY: block; FLOAT: left; HEIGHT: 27px}
.controlbar A:hover {BACKGROUND-IMAGE: url(../images/controlbar4-hover.gif)}
.controlbar .previous {WIDTH: 50px}
.controlbar .next {BACKGROUND-POSITION: -50px 0px; WIDTH: 40px}
.controlbar .highslide-move {BACKGROUND-POSITION: -90px 0px; WIDTH: 40px}
.controlbar .close {BACKGROUND-POSITION: -130px 0px; WIDTH: 36px}

.u1Special1{ background:url(../images/Hot_Num.gif) 15px 5px no-repeat;}
.u1Special1 li{list-style:none; line-height:24px; padding-left:35px; text-align:left;}
.ulCurrent1{ list-style:none;}
.ulMenu{ padding-left:5px; text-align:left;}
.ulMenu li{ list-style:none; background:url(../images/arrow_right.gif) 0 7px no-repeat;line-height:22px; padding-left:17px;}
.ulMenu .liMenuSpac{ background:url(../images/close.gif) -2px 3px no-repeat;padding-left:17px;}
.ulMenu .liMenuSpac1{ background:url(../images/close.gif) -2px 3px no-repeat;padding-left:17px;}
.ulMenu .liMenuSpac1 a{color:#aa5555; font-weight:bolder;}
.ulMenu .liMenuSpac1 a:visited{color:#aa5555;font-weight:bolder;}




/* function ======================== */
.hide{display:none;}
.BImg{position:relative; width:120px;}
.prodAction{font-size:16px; color:#F00; position:absolute; top:60px; font-weight:bold; left:10px; background:#280100; padding:2px 5px; z-index:99;}

.prodlist1 li{list-style:none;text-align:center; }
.prodlist1 li .cutImg{ width:150px; height:150px; overflow:hidden; border:#CCC 1px solid; text-align:center; padding:5px;
/*设置图片垂直居中*/
/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell; vertical-align:middle; /*设置水平居中*/text-align:center; 
       /* 针对IE的Hack */display: block;font-size:80px;/*约为高度的0.873，200*0.873 约为175*/font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/}
.prodList1 li .cutImg img { vertical-align:middle; }

.prodlist li{ float:left; margin:15px 15px 0px 20px; list-style:none;text-align:center; }
.prodlist li .cutImg{ width:150px; height:150px; overflow:hidden; border:#CCC 1px solid; text-align:center; padding:0 5px;
/*设置图片垂直居中*/
/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell; vertical-align:middle; /*设置水平居中*/text-align:center; 
       /* 针对IE的Hack */display: block;font-size: 90px;/*约为高度的0.873，200*0.873 约为175*/font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/}
.prodList li .cutImg img { vertical-align:middle; }