BODY {
margin: 10px;
background-color: #FFFFFF;
}
#outerContainer {
width: 700px;
margin: auto;
padding: 30px 0px 0px 0px;
background-color: #FFFFFF;
}
#pageHeader {
margin: 0px 0px 3px 0px;
border-bottom: 3px solid #9b9b9b;
}

#topHeader {
height: 90px;
padding: 0px 0px 3px 0px;
}
#topHeaderLogo {
float: left;
width: 200px;
height: 90px;
margin: 0;
}
#topHeaderLogo IMG {
width: 200px;
height: 90px;
margin: 0;
background-image: url(../styleImages/logo.png);
background-position: 30% 50%;
background-repeat: no-repeat;
}
#topHeaderContainer {
float: right;
width: 497px;
height: 90px;
margin: 0;
padding: 0;
background-image: url(../styleImages/backgrounds/topHeaderContainer.gif);
background-position: 45% 0%;
background-repeat: repeat-y;
}
#topHeaderBlock1, #topHeaderBlock2, #topHeaderBlock3 {
width: 32%;
float: left;
overflow: hidden;
}
#topHeaderBlock1 DIV {
font-weight: bold;
font-size: 10px;
}
#topHeaderBlock2 {
display: none;
}

#subHeader {
height: 71px;
padding: 0px 0px 3px 0px;
overflow: hidden;
}
#subHeaderContainer {
}
#subHeaderBlock1 {
float: left;
width: 200px;
height: 71px;
background-color: #7b8df2;
background-image: url(../styleImages/backgrounds/subHeaderBlock1.png);
background-position: 0% 0%;
background-repeat: no-repeat;
}
#subHeaderBlock2 {
float: right;
width: 497px;
height: 71px;
background-color: #9dd519;
background-image: url(../styleImages/backgrounds/subHeaderBlock2.png);
background-repeat: no-repeat;
background-position: 50% 50%;
}

#pageSurroundOuter {
padding: 0;
}
#pageSurround {
padding: 0;
}
#pageSurroundInner {
width: 100%;
float: left;
}
#colLeft {
padding: 0px 0px 0px 0px;
width: 200px;
float: left;
}
#colMid {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 497px;
float: right;
overflow: hidden;
}
#pageFooter {
margin: 3px 0px 0px 0px;
padding: 10px 0px 10px 0px;
border-top: 3px solid #9b9b9b;
overflow: hidden;
/*background-image: url(../styleImages/payments.png);
background-repeat: no-repeat;
background-position: 0% 50%;*/
}
#colLeftContainer {
}
#colLeftContent {
padding: 0;
margin: 0;
}
#colMidContent {
padding: 0;
margin: 0;
}







.colLeftBanner IMG {
width: 200px;
height: 98px;
background-position: 0% 0%;
background-repeat: no-repeat;
border-bottom: 3px solid #FFFFFF;
}
#colLeftBanner1 IMG {
background-image: url(../styleImages/colLeftBanner1.jpg);
}
#colLeftBanner2 IMG {
background-image: url(../styleImages/colLeftBanner2.jpg);
}











DIV.boxLeftTitle, DIV.boxRightTitle {
display: block;
padding: 10px 10px 0px 10px;
background-image: url(../styleImages/backgrounds/boxLeftTitle.gif);
background-repeat: no-repeat;
background-position: 0% 0%;
text-align: left;
}
.boxMidTitle {
display: block;
padding: 10px 10px 0px 10px;
text-align: left;
}
DIV.boxLeftTitle SPAN, DIV.boxRightTitle SPAN {
display: block;
padding: 5px 5px 5px 10px;
border-bottom: 2px solid #9b9b9b;
font-family: "Arial Narrow", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
color: #ff9100;
text-transform: uppercase;
}
DIV.boxMidTitle SPAN {
display: block;
padding: 5px 5px 5px 10px;
border-bottom: 2px solid #9b9b9b;
font-family: "Arial Narrow", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
color: #0064c8;
text-transform: uppercase;
}
.tdListTitle, .tdcartTitle {
padding: 4px 4px 4px 4px;
font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-weight: bold;
font-size: 11px;
color: #265b67;
text-transform: uppercase;
background-image: url(../styleImages/backgrounds/seph.gif);
background-repeat: repeat-x;
background-position: 0% 0%;
}
.boxLeftContent, .boxRightContent {
margin: 0;
padding: 0;
border-bottom: 3px solid #FFFFFF;
background-color: #f0f0f0;
background-image: url(../styleImages/backgrounds/boxLeftContent.gif);
background-repeat: repeat-y;
background-position: 50% 0%;
}
.boxMidContent {
padding: 0;
margin: 0;
}
.boxMidContentTop {
/*
height: 9px;
font-size: 1px;
background-image: url(../styleImages/backgrounds/boxMidContentTop.gif);
background-repeat: no-repeat;
background-position: 0% 0%;
*/
}
.boxMidContentMiddle {
padding: 10px 10px 10px 10px;
/*background-image: url(../styleImages/backgrounds/boxMidContentMiddle.gif);
background-repeat: repeat-y;
background-position: 0% 0%;
text-align: justify;*/
}
.boxMidContentBottom {
/*
height: 9px;
font-size: 1px;
background-image: url(../styleImages/backgrounds/boxMidContentBottom.gif);
background-repeat: no-repeat;
background-position: 0% 0%;
margin-bottom: 1px;
*/
}








#subCats {
text-align: center;
margin: 0px;
padding: 3px;
}
.subCat {	
text-align: center;
padding: 8px;
float: left;
width: 120px;
height: 120px;
}
.thumbCat {
width: 100px;
height: 100px;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.thumbProd {
width: 70px;
height: 100px;
margin: 0px 5px 0px 5px;
background-position: 50% 50%;
background-repeat: no-repeat;
}
DIV.clear_all {
clear: both;
font-size: 0px;
line-height: 0px;
}

























#boxCatTitle {
}
DIV#boxCatContent {
}





DIV.txtCopyright {
padding: 10px;
text-align: center;
}
.txtCopyright {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
color: #888888;
text-align: center;
}



#boxCartContainer {
padding: 15px 10px 10px 5px;
margin: 0px;
text-align: left;
}
#boxCartContent {
display: none;
}
#boxCartTitle {
padding: 7px 0px 5px 50px;
height: 33px;
width: 50px;
background-image: url(../styleImages/icons/cart.gif);
background-position: 0% 0%;
background-repeat: no-repeat;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
font-weight: bold;
font-size: 11px;
}
#boxCartText {
display: block;
padding: 3px 0px 0px 0px;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
font-weight: normal;
font-size: 11px;
text-transform: lowercase;
}
#boxCartItemsCount {
color: #FF0000;
text-decoration: underline;
}



#boxLanguages {
margin: 0px 10px 0px 10px;
padding: 5px 5px 10px 5px;
text-align: left;
background-image: url(../styleImages/backgrounds/seph.gif);
background-position: 0% 100%;
background-repeat: repeat-x;
}
#boxLanguagesFlags {
width: 112px;
padding: 2px 0px 0px 0px;
overflow: hidden;
white-space:nowrap;
}
#boxLanguagesFlags IMG {
}


#boxCurrencies {
margin: 0px 10px 0px 10px;
padding: 5px 5px 5px 5px;
text-align: left;
}
#boxCurrencies SELECT.dropDown {
width: 130px;
height: 17px;
}





#boxSearch {
display: block;
margin: 0px 0px 0px 0px;
padding: 14px 20px 10px 20px;
text-align: left;
}
#boxSearchTitle {
padding: 0px 0px 3px 0px;
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
}
#searchBox {
width: 125px;
margin: 0px 0px 0px 0px;
padding: 1px 0px 1px 0px;
font-size: 11px;
/*border-width: 2px;*/
}
#searchBtn {
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px;
background-color: #5c9127;
background-image: url(../styleImages/icons/searchBtn.gif);
background-position: 50% 50%;
background-repeat: no-repeat;
/*font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
text-transform: uppercase;*/
}
#boxSearch FORM {
}





#boxMailingList {
width: 232px;
height: 104px;
float: left;
background-image: url(../styleImages/backgrounds/boxMailingList.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
text-align: right;
}
#boxMailingList FORM {
padding: 50px 12px 0px 0px;
}
#boxMailingListInput {
width: 135px;
padding: 2px 0px 3px 0px;
margin-bottom: 4px;
border: 1px solid #888888;
}





DIV#boxRandomProd {
/*width: 270px;
margin: auto;*/
}
DIV.boxRandomProd {
width: 50%;
float: left;
}
DIV.boxRandomProdImage {
display: block;
height: 140px;
float: right;
width: 110px;
overflow: hidden;
}
IMG.boxRandomProdImage {
display: block;
width: 110px;
margin: auto;
border: none;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.boxRandomProdText {
padding: 2px 0px 30px 0px;
text-align: left;
font-family: Helvetica, Arial, Tahoma, sans-serif;
font-size: 12px;
}
.boxRandomProdText .productTitle {
padding-bottom: 10px;
font-family: Helvetica, Arial, Tahoma, sans-serif;
font-size: 14px;
text-transform: uppercase;
}
.boxRandomProdControls {
margin: 0px 8px 0px 8px;
background-color: #000000;
}







#popularProductsHeader {
clear: both;
margin-top: 10px;
background-color: #383e44;
height: 22px;
}
.popularProductsCol {
float: left;
width: 33%;
}
#popularProductsHeader .popularProductsCol {
font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
background-color: #383e44;
text-align: center;
height: 22px;
line-height: 22px;
}
#popularProductsContent {
padding: 5px 0px 25px 15px;
}
#popularProductsContent .left, #popularProductsContent .center {
background-image: url(../styleImages/backgrounds/sep.gif);
background-repeat: repeat-y;
background-position: 95% 0%;
}








#boxNews {
width: 185px;
margin: auto;
padding: 0;
margin-top: 10px;
background-image: url(../styleImages/backgrounds/boxNews.gif);
background-position: 100% 0%;
background-repeat: repeat-y;
color: #000000;
}
#boxNewsHeader {
padding: 40px 10px 0px 65px;
background-image: url(../styleImages/backgrounds/boxNewsHeader.gif);
background-position: 100% 0%;
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
#boxNewsContent {
padding: 10px 10px 10px 25px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
#boxNews A {
font-size: 10px;
color: #f36219;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
#boxNewsFooter {
background-image: url(../styleImages/backgrounds/boxNewsFooter.gif);
background-position: 100% 100%;
background-repeat: no-repeat;
height: 3px;
font-size: 0px;
line-height: 0px;
}







#boxBottomBanner {
width: 232px;
height: 104px;
float: left;
background-image: url(../styleImages/backgrounds/boxBottomBanner.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
}






#boxHomeWelcome {
height: 141px;
overflow: hidden;
}
#boxHomeWelcome IMG {
width: 350px;
height: 141px;
background-image: url(../styleImages/backgrounds/boxHomeWelcome.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
}






#boxHomeMoreLink {
padding: 10px 0px 0px 0px;
}
#boxHomeMoreLink A {
padding-left: 10px;
background-image: url(../styleImages/icons/more.gif);
background-position: 2px 7px;
background-repeat: no-repeat;
font-weight: bold;
text-decoration: underline;
}
#boxHomeBottom {
padding: 5px 25px 5px 144px;
height: 152px;
background-image: url(../styleImages/backgrounds/boxHomeBottom.jpg);
background-position: 3% 50%;
background-repeat: no-repeat;
text-align: justify;
}
#boxHomeBottomImage {
height: 25px;
padding: 0px 0px 15px 0px;
background-image: url(../styleImages/backgrounds/boxHomeBottomImage.gif);
background-position: 0% 0%;
background-repeat: no-repeat;
}
#boxHomeBottomTitle {
font-family: Tahoma, Helvetica, Arial, Geneva, sans-serif;
font-weight: bold;
font-size: 11px;
color: #e80377;
}
#boxHomeBottomText {
padding: 0px 0px 10px 0px;
background-image: url(../styleImages/backgrounds/seph.gif);
background-position: 0% 100%;
background-repeat: repeat-x;
font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
font-size: 11px;
color: #737373;
}
#boxHomeBottomLink {
padding: 5px 0px 0px 0px;
background-image: url(../styleImages/icons/boxHomeBottomLink.gif);
background-position: 0% 50%;
background-repeat: no-repeat;
}
#boxHomeBottomLink A {
display: block;
height: 15px;
padding: 0px 0px 0px 20px;
background-image: url(../styleImages/icons/boxHomeBottomLink.gif);
background-position: 0% 50%;
background-repeat: no-repeat;
font-weight: bold;
color: #e80377;
}