﻿/* current=============================*/
*{margin:0; padding:0;}
body,td,div,span,p,li { font-size:12px; color:#000000; font-family:Arial;}
img{border:none;}
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; }

.Clear{ clear:both; }
.ClearBar10{ clear:both; padding:5px; }
.divSpacer { width:100%; height:10px; overflow:hidden; }
.cent{text-align:center;}
.bottomLine{border-bottom:#666 dashed 1px; margin:20px 0;}
.TBottomLine{border-bottom:#999 dashed 1px;}
.padding20{padding:0 0 15px 20px; overflow:auto!important; height:100%; overflow:visible;}
.padding10{padding:10px 0 10px 10px;overflow:auto!important; height:100%; overflow:visible;}
.padding0{padding:0;overflow:auto!important; height:100%; overflow:visible;}
.BWhite { font-weight:bold; color:#FFF; }
/* spread =============================*/
.brown A:link,:hover,:visite{color:#AA5555;}
.deepskyblue{color:#00BFFF;}
.ACate{display:block; padding:10px 15px; float:left; white-space :nowrap;}
/* T ==================================*/
.T{ width:470px; height:30px; line-height:20px; color:#AA5555; font-size:14px; font-weight:bold; padding-top:5px; padding-bottom:8px;}
.T2{font-size:14px; color:#546759; font-weight:bold; line-height:250%;}
.red{color:#F00;}
.Title_Page  { height:30px; line-height:30px; border-bottom:solid 2px #CCCCCC; position:relative; margin-top:10px; }
.Title_PageL { position:absolute; left:0px; top:0px; height:30px; line-height:30px;background:url(../images/title_box.gif) left bottom no-repeat; padding-left:25px; color:#000; font-weight:bold; }
.TSiteMap{color:#45B8F6; font-weight:bold; font-size:14px;}

/* more ================================*/
.more{text-align:right; padding:15px; padding-bottom:5px;}

.buyStep1{background:url(../images/step1.gif) no-repeat; line-height:29px; height:29px; padding-left:32px; padding-right:2px;}
.buyStep2{background:url(../images/step2.gif) no-repeat; line-height:29px; height:29px; padding-left:32px; padding-right:2px;}
.buyStep3{background:url(../images/step3.gif) no-repeat; line-height:29px; height:29px; padding-left:32px; padding-right:2px;}
.buyStep4{background:url(../images/step4.gif) no-repeat; line-height:29px; height:29px; padding-left:32px;padding-right:2px;}
.buyStep5{background:url(../images/step5.gif) no-repeat; line-height:29px; height:29px; padding-left:32px;padding-right:2px;}
.buyStepH2{background:url(../images/stepH2.gif) no-repeat; line-height:29px; height:29px; padding-left:32px;padding-right:2px;}
.buyStepH3{background:url(../images/stepH3.gif) no-repeat; line-height:29px; height:29px; padding-left:32px;padding-right:2px;}
.buyStepH4{background:url(../images/stepH4.gif) no-repeat; line-height:29px; height:29px; padding-left:32px;padding-right:2px;}
.buyStepH5{background:url(../images/stepH5.gif) no-repeat; line-height:29px; height:29px; padding-left:32px;padding-right:2px;}

.buyStep1 a{line-height:29px;}
.buyStep2 a{line-height:29px;}
.buyStep3 a{line-height:29px;}
.buyStep4 a{line-height:29px;}
.buyStep5 a{line-height:29px;}

.AsiteMap a,.AsiteMap a:visited{ padding-right:50px; font-size:14px; line-height:50px;}


/* 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}

/* Box ================================*/
.Box4{border:solid 1px #CCC; background:#FFF; text-align:left;}
.BoxH10{padding:5px 0; clear:both;}

.BM{ height:100%; overflow:auto;!important; overflow:hidden;}
H1{font-size:14px; line-height:30px;}
.BH1{background:url(../images/Categories_H.gif);}
.BH2{line-height:30px; background:url(../images/BoxGary_H.gif);color:#AA5555; font-size:14px; font-weight:bold;}
.BH2 H1{padding-left:15px; overflow:hidden;}
.BH3{line-height:30px; background:url(../images/Item_H.gif); overflow:hidden; color:#FFF; font-size:14px; font-weight:bold;}
.BH3 H1{padding-left:15px;}
.BH4{line-height:40px; height:40px; background:url(../images/Hot_H.gif); overflow:hidden; clear:both;}
.BH5{background:url(../images/Categories_A.jpg);}
.BH6{background:url(../images/H12.gif) no-repeat; padding-left:15px; height:100%; line-height:28px;}
.BM1{line-height:290%; padding:0 20px; text-align:left;}
.BM2{line-height:150%; padding:0 10px; text-align:left;}
.BMenu{padding:10px;text-align:left;}
.BF1{ background:#AA5555; height:25px; padding-top:4px;}
.BoxSpac1{ 
	width:942px; height:220px; overflow:hidden; background:url(../images/Recommended.gif) center top no-repeat; 
	margin:10px 0px; padding-top:30px; clear:both; text-align:left;
}

.mainBox { width:942px; margin:5px 11px 5px 11px;}
.mainBox .MH { width:942px; height:18px; overflow:hidden; background:url(../images/P_H.gif); clear:both;}
.mainBox .MM { width:942px; background:url(../images/P_M.gif); overflow:auto!important; height:100%; overflow:visible;}
.mainBox .MF { width:942px; height:18px; overflow:hidden; background:url(../images/P_F.gif);clear:both; }

.BoxLogin { width:784px; }
.BoxLogin .LH {width:784px; height:58px; line-height:58px; overflow:hidden; background:url(../images/Login_H.gif);color:#AA5555; font-size:18px; 
              font-weight:bold; padding:0px 0px 0px 20px; text-align:left;}
.BoxLogin .LM { width:784px; overflow:hidden; background:#F2F2F2; border:solid 2px #DBDBDB; border-top:solid 0px #DBDBDB; padding:5px 20px 5px 20px; }
/* ul ===================================*/
.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;}


.ulProdList li{ list-style:none; float:left; display:block; padding-left:25px; padding-top:10px;}
.ulProdList .catImg{ height:120px; border:#EEE 1px solid; width:120px;}
.ulProdList2{position:static;}
.ulProdList2 li{ list-style:none; float:left; display:block; padding:25px 30px 0 35px;}
.ulProdList2 .catImg{ height:100px; width:120px; overflow:hidden;}
.txt{ position:relative;}
.hide{display:none;}
.prodAction{font-size:16px; color:#F00; position:absolute; top:-70px; font-weight:bold; left:10px; background:#280100; padding:2px 5px; z-index:99;}

.ulProdList3 li{ list-style:none; float:left; display:block; padding-left:20px; padding-top:15px;}
.ulProdList3 .prodName{width:80px; height:30px; overflow:hidden;}
.ulProdList3 .prodCode,.ulProdList3 .prodPrice{display:none;}
.ulProdList3 img{width:80px; height:65px;}

.ulProdList4 {position:relative;}
.ulProdList4 li{position:relative; list-style:none; float:left; display:block; height:65px; margin-top:15px;background:#EEE; width:210px;}
.ulProdList4 img{width:80px; height:65px;}
.ulProdList4 .catImg{position:absolute; left:130px; }
.ulProdList4 li .txt{display:block; padding-left:5px; padding-top:5px; position:relative;}

/* layout ==============================*/
.container{}
.globalC{ padding:0 10px;}
.Lefter  { float:left; width:200px;  overflow:hidden;}
.Righter { float:right; width:710px; overflow:hidden;}
	.RighterL { float:left; width:480px; overflow:hidden;  }	
	.RighterR { float:right; width:220px; overflow:hidden; }
.ComLeft { float:left;}
.ComRight{ float:right;}


.table1{width:670px;}
.signIN{text-align:left; padding-left:0px;}	
.lineheader { height:30px; line-height:30px; background:url(../images/spacer_row.gif) center bottom no-repeat; }
.linemiddle { height:30px; line-height:30px; background:url() center bottom no-repeat; }
.PShowLeft { float:left; font-weight:bold; }
.PShowRight{ float:left; }


	
.mainPosition { position:absolute; top:0px; left:50%; margin-left:-482px; width:964px; }
.mainColor { color:#AA5555; }
/* header ===========================================================*/
.Header{ width:964px; height:170px; overflow:hidden; background:url(../images/banner.gif); text-align:right;}
.logintype{text-align:right; padding-right:20px; color:#FFF; line-height:42px;}
.logintype a,.logintype a:link,.logintype a:visited{font-size:14px; font-weight:bold; color:#FFF;  line-height:42px;text-decoration:none; padding-right:15px;}
.logintype a:hover{font-size:14px; font-weight:bold; color:#F63;  line-height:42px; text-decoration:none;}
.loginIN a,.loginIN a:link,.loginIN a:visited{font-size:12px; font-weight:bold; color:#FFF;  text-decoration:none; padding-right:15px;text-decoration:none;}
.loginIN{text-align:right; color:#FFF;padding:10px 10px 15px 0;}


.TopMenu { width:964px; height:41px; overflow:hidden; background:url(../images/Menu_bg.gif); }
.TopMenu .s { width:21px; height:41px; overflow:hidden; background:url(../images/Menu_spacer.gif) center top no-repeat; }
.TopMenu .a { height:30px; }
.TopMenu a         { color:#FFFFFF; text-decoration:none; font-size:12px; font-family:Arial; margin:0px 6px 0px 7px; }
.TopMenu a:link    { color:#FFFFFF; text-decoration:none; }
.TopMenu a:visited { color:#FFFFFF; text-decoration:none; }
.TopMenu a:hover   { color:#FF0000; text-decoration:underline; }
.TopMenu a:active  { color:#FF0000; text-decoration:underline; }


/* Footer ===================================================*/
.Footer 
{
	width:964px; height:151px; background:url(../images/Bottom_BG.gif); 
	margin-top:10px; text-align:center; color:#FFFFFF; line-height:160%;
}
.Footer div { height:30px; padding-top:8px; color:#FFFFFF; }
.Footer a         { color:#FFFFFF; text-decoration:none; font-family:Arial; line-height:35px; }
.Footer a:link    { color:#FFFFFF; text-decoration:none; }
.Footer a:visited { color:#FFFFFF; text-decoration:none; }
.Footer a:hover   { color:#FF0000; text-decoration:underline; }
.Footer a:active  { color:#FF0000; text-decoration:underline; }

/* pageBar==============================================================*/
.PageBar { margin:5px 0px 5px 0px; color:#A83600; }
.PageBar * { color:#AA5555; }
.PageBar a         { color:#AA5555; text-decoration:none; font-family:Arial; }
.PageBar a:link    { color:#AA5555; text-decoration:none; }
.PageBar a:visited { color:#AA5555; text-decoration:none; }
.PageBar a:hover   { color:#FF0000; text-decoration:underline; }
.PageBar a:active  { color:#FF0000; text-decoration:underline; }

.Pager { float:left; width:16px; height:16px; margin-left:5px; text-align:center;  }
.PagerDIV { float:left; margin-left:5px; text-align:center; }
.PageTitle { color:#AA5555; font-weight:bold; }



.ProDTitle   { font-weight:bold; color:#C44000; font-size:20px;margin-left:50px; }
.TextTitle   { font-weight:bold; color:#C44000; font-size:13px; text-decoration:underline; }
.TextContent { line-height:160%; }

.Section    { width:205px; background:#FFFFFF; }
.Section .H { width:205px; height:40px; background:url(../images/Section_H.gif); }
.Section .M { width:205px; background:#FFFFFF; }
.Section .M .OF 
{
	width:205px; height:42px; line-height:30px; background:url(../images/Section_OF.gif); overflow:hidden; cursor:pointer;
	color:#FFFFFF; font-size:12px; font-family:Arial; font-weight:bold; text-decoration:none; text-align:center; 
}
.Section .M .ON
{
	width:205px; height:42px; line-height:30px; background:url(../images/Section_ON.gif); overflow:hidden; cursor:pointer;
	color:#FFFFFF; font-size:12px; font-family:Arial; font-weight:bold; text-decoration:none; text-align:center
}


.BoxPayment
{
	width:198px; height:343px; background:url(../images/Payment.gif) center top no-repeat; overflow:hidden;
}

.spacer { margin:5px; }	
.menuSpacer { margin:0px 20px 0px 20px; }	
	
a.MenuTop         { color:#FFF; text-decoration:none; font-size:13px; font-family:Arial; line-height:25px; font-weight:bold; }
a.MenuTop:link    { color:#FFF; text-decoration:none; }
a.MenuTop:visited { color:#FFF; text-decoration:none; }
a.MenuTop:hover   { color:#F60; text-decoration:underline; }
a.MenuTop:active  { color:#F60; text-decoration:underline; }

a.menuRed         { color:#A83600; text-decoration:none; font-size:12px; font-family:Arial; line-height:25px; }
a.menuRed:link    { color:#A83600; text-decoration:none; }
a.menuRed:visited { color:#A83600; 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: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: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: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; }

.CartBox { margin:0px; padding:0px; border:solid 1px #FFFFFF; }
.CartHeaderT { height:30px; background:#E7DABD; line-height:30px; color:#917535; font-weight:bold; text-align:center; }
.CartHeaderF { height:30px; background:#ECECEC; line-height:30px; text-align:center; }
.CartBoxCol1 { width:150px; float:left; border-right:solid 1px #FFFFFF;  }
.CartBoxCol2 { width:120px; float:left; border-right:solid 1px #FFFFFF; }
.CartBoxCol3 { width:160px; float:left; border-right:solid 1px #FFFFFF; padding-top:5px; }
.CartBoxCol4 { width:120px; float:left; border-right:solid 1px #FFFFFF; }
.CartBoxCol5 { width:120px; float:left; border-right:solid 1px #FFFFFF; }
.CartBoxCol6 { width:120px; float:left; border-right:solid 1px #FFFFFF; }
.CartBoxCol7 { width:120px; float:left; border-right:solid 1px #FFFFFF; }
.CartButton { cursor:pointer; }

.CartHeader { height:25px; background:#6C6; font-size:12px; font-weight:bold; }
.CartRowCol { background:#FFFFFF; text-align:center; }
.CartFooter { background:#FFFFFF; }



a.PagerLinkOf { font-size:11px; font-family:Arial; width:18px; height:16px; line-height:16px; color:#000000;
	background:#FFFFFF; border:solid 1px #CACACA; text-decoration:none; text-align:center; }
a.PagerLinkOf:link    { width:18px; height:16px; line-height:16px; color:#000000; background:#FFFFFF; text-decoration:none; }
a.PagerLinkOf:visited { width:18px; height:16px; line-height:16px; color:#000000; background:#FFFFFF; text-decoration:none; }
a.PagerLinkOf:hover   { width:18px; height:16px; line-height:16px; color:#FFFFFF; background:#CACACA; text-decoration:underline; }
a.PagerLinkOf:active  { width:18px; 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; }
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; }



.MarginRow { height:10px; overflow:hidden; }

/*ProductList Div styles*/
.PLBox { background:#FFFFFF; margin:2px 2px 2px 2px; }
.ProductList { float:left;  overflow:auto; height:100%; margin:10px 0px 0px 0px; text-align:center; }
.ProductListPic { position:relative; width:120px; height:120px; }
.ProductListPic img { display:block; position:absolute; bottom:0px; left:0px; }
.ProductListText{ margin-top:5px; position:relative;}
.ProdcutRowSpacer { float:left; width:100%; height:3px; overflow:hidden; background:#E1E1E1; margin:10px 0px 0px 0px; }


/*Category Menu*/

.RowsCss  { background:url(../images/rowbg.jpg); height:23px; line-height:23px; margin-top:20px; padding-left:10px; color:#A33400; font-weight:bold; overflow:hidden; }
.Border   { border:solid 1px #CCC; }
.BorderLR { border-left:solid 1px #CCC; border-right:solid 1px #CCC; }
.BorderTP { border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; }

.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; }



