﻿BODY {
margin:0;
padding:20px;
background-color:#000000;
}

#outerContainer {
width:780px;
margin:0 auto;
padding:0;
background-color:#FFF;
}

#topHeader {
padding:0;
margin:0;
}

#topHeaderContainer {
display:none;
height:38px;
width:716px;
margin:auto;
padding:0;
background-image:url(../styleImages/backgrounds/topHeaderContainer.gif);
background-position:50% 0;
background-repeat:no-repeat;
}

#topHeaderContainer DIV {
font-family:Verdana, Helvetica, Arial, sans-serif;
font-size:10px;
color:#FFF;
}

#topHeaderContent {
height:140px;
width:780px;
margin:auto;
padding:0;
background-image:url(http://www.pandorabatteryco.com/wp-content/themes/atmosphere-10/images/header.jpg);
background-position:90% 0;
background-repeat:no-repeat;
text-align:left;
}

#topHeaderImage {
display: none;
width:164px;
height:111px;
margin:55px 0 0 20px;
background-image:url(../styleImages/backgrounds/logo.png);
background-position:50% 50%;
background-repeat:no-repeat;
}

#topHeaderSession {
margin:0;
padding:0;
background-image:url(../styleImages/backgrounds/topHeaderSession.gif);
background-position:0 0;
background-repeat:repeat-x;
}

#htopHeaderSession {
margin:0;
padding:0;
background-image:url(../styleImages/backgrounds/topHeaderSession.gif);
background-position:0 0;
background-repeat:repeat-x;
}

#pageSurroundOuter {
width:706px;
margin:auto;
padding:0;
background-image:url(../styleImages/backgrounds/boxLeftContent.gif);
background-repeat:repeat-y;
background-position:2px 0;
}

#pageSurround {
width:100%;
float:left;
padding:0;
background-image:url(../styleImages/backgrounds/pageSurround.gif);
background-repeat:no-repeat;
background-position:50% 0;
}

#pageSurroundInner {
width:100%;
float:left;
background-image:url(../styleImages/backgrounds/pageSurroundInner.gif);
background-repeat:no-repeat;
background-position:0 100%;
}

#colLeft {
padding:2px 0 2px -10px;
width:180px;
float:left;
}

#colMid {
padding:2px 0 2px 0px;
width:520px;
float:right;
}

#bottomFooter {
height:5px;
padding:6px 0 -11px;
margin:2px 0 0;
}

#bottomFooterInner {
width:706px;
margin:auto;
}

#colLeftContent {
padding:0;
}

#colMidContent {
padding:0;
}

#colLeftImage {
height:439px;
background-image:url(../styleImages/backgrounds/colLeftImage.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

DIV.boxLeftTitle,DIV.boxRightTitle {
margin:3px 0;
display:block;
height:29px;
line-height:29px;
padding:0px, 0px, 0px, 0px;
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
font-size:14px;
color:#456fa2;
text-align:left;
}

.boxMidTitle {
display:block;
height:29px;
line-height:29px;
padding:0 0 1px 2px;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
font-size:14px;
color:#456fa2;
text-align:left;
}

.tdListTitle,.tdcartTitle {
background-color:#ffffff;
font-family:Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-weight:700;
font-size:11px;
color:#456fa2;
}

.boxLeftContent,.boxRightContent {
margin-bottom:1px;
padding:0px;
background-image:url(../styleImages/backgrounds/boxLeftContent.gif);
background-repeat:repeat-y;
background-position:0 0;
}

.boxMidContent {
margin-bottom:1px;
padding:0;
}

.boxMidContentTop {
height:9px;
font-size:1px;
background-image:url(../styleImages/backgrounds/boxMidContentTop.gif);
background-repeat:no-repeat;
background-position:0 0;
}

.boxMidContentMiddle {
background-image:url(../styleImages/backgrounds/boxMidContentMiddle.gif);
background-repeat:repeat-y;
background-position:0 0;
padding:0 20px 20px;
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:0;
padding:3px;
}

.subCat {
text-align:center;
padding:8px;
float:left;
width:220px;
height:75px;
}

.thumbCat {
width:100px;
height:100px;
background-position:50% 50%;
background-repeat:no-repeat;
}

.thumbProd {
width:70px;
height:100px;
margin:0 5px;
background-position:50% 50%;
background-repeat:no-repeat;
}

DIV.clear_all {
clear:both;
font-size:0;
line-height:0;
}

#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:700;
color:#FFF;
background-color:#383e44;
text-align:center;
height:22px;
line-height:22px;
}

#popularProductsContent {
padding:5px 0 25px 15px;
}

#popularProductsContent .left,#popularProductsContent .center {
background-image:url(../styleImages/backgrounds/sep.gif);
background-repeat:repeat-y;
background-position:95% 0;
}

UL#subHeaderMenu {
padding:0;
width:100%;
float:left;
height:38px;
line-height:38px;
text-align:center;
}

UL#subHeaderMenu LI {
margin:0;
padding:0 40px 0 30px;
display:inline;
background:none;
border-right:1px solid #8b8064;
}

UL#subHeaderMenu LI A {
padding-left:10px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:400;
font-size:11px;
color:#8b8064;
text-transform:lowercase;
}