/* CSS Design by Jim Davis */
body {
background: #ffffff url(../images/bodyBack2.gif) repeat-x;
}
html {
margin: 0; padding: 0;
}
#header {
position: relative;
width: 980px;
margin: 0 auto;
height: 146px;
}
#login {
position: absolute;
top: 10px;
left: 400px;
width: 200px;
height: 60px;
padding-top: 10px;
text-align: center;
font-weight: bold;
border: 1px solid #cccccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#searchBox {
position: absolute;
top: 10px;
right: 0;
width: 200px;
height: 50px;
padding: 10px 0 15px 30px;
background: #387F3C;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
} 
#searchBox img {
margin-top: -5px;
}
#searchBox a { color: #FFF; }
.boxTitle {
margin: 0;
padding: 0 0 5px 0;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
line-height: 12px;
}
#logoholder {
position: absolute;
top: 5px;
left: 0;
width: 301px;
height: 115px;
}
#logoholder a { text-decoration: none; outline: none; border: 0; }
/* These are the tabs with About Us and Contact links */
#toplist {
position: absolute;
top: 95px;
right: 0;
width: 190px;
height: 20px;
}
#toplist ul {
height: 20px;
}
.shortlist li {
float: right;
display: inline;
list-style-type: none;
margin: 0 5px 0 0;
height: 20px;
padding: 5px;
background: url(../images/tabGreen.png) repeat-x;
border: 1px solid #dddcd0;
border-bottom: 0;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
}
.shortlist li a { text-decoration: none; color: #ffffff; }

/* The little curly thing that separates the featured products on the home page */
.rule { width: 100%; height: 20px; margin-bottom: 15px; background: url(../images/hRule.jpg) no-repeat 50% 0; }

/* The wrapper is a total of 980 px wide. 958+10+10+1+1. No hacks for IE6*/
#wrapper {
display: table;
width: 958px;
margin: 10px auto;
padding: 10px;
border: 1px solid #cccccc;
background: #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#leftContent {
width: 200px;
float: left;
}

/* Does not include space for the shoping cart display */
#centerContentHomePage {
margin: 0;
padding: 0;
width: 728px;
float: right;
}
#featureProductLeft {
width: 350px;
float: left;
}
#featureProductRight {
width: 350px;
float: right;
}

.productHolder {
position: relative;
width: 280px;
margin: 0 auto;
}



/* Next two divs are used to demo the page layout with products and shopping cart */
#centerContent {
float: left;
width: 490px;
padding: 0 10px;
margin: 0;
font-size: 12px;
}

#centerContent td{
height: 50px;
font-size: 20px;
text-align: center;
}

#rightContent {
width: 200px;
float: right;
margin: 0;
padding: 10px;
background: #f8f8ee;
text-align: center; 
border: 1px solid #999966;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#rightContent p { font-size: 11px; }

#rightContent h1 {
font-size: 16px;
line-height: 24px;
padding: 5px 0;
margin: 0;
color: #FFF;
width: 100%;
height: 24px;
display: block;
background: #387F3C;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#rightContent h2 {
font-size: 12px;
line-height: 14px;
padding: 5px 0;
margin: 0 0 5px 0;
color: #363;
width: 100%;
height: 14px;
display: block;
background: #FFC;
border: 1px solid #999966;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.brandBox {
background: url(images/grayBoxBack.png) 0 50% repeat-x #59535e;
padding: 10px 10px 20px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.brandBox option { font-size: 11px; padding-bottom: 3px;}

.categoryBox { background: #f8f8ee; padding: 10px; margin-top: 20px; border: 1px solid #999966; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.categoryBox h4 { font-size: 16px; margin: 0; padding: 5px 0; color: #3c254d; }
.categoryBox a { display: block; width: 80%; height: 100%; padding-left: 20px; text-decoration: none; background: url(../images/bullet1.gif) 0 3px no-repeat; }
.categoryBox a:hover { background-position: 5px 3px; }
.categoryBox li { list-style: none; padding: 0; margin: 0 0 5px 0;}
.categoryBox li>ul { padding-left: 20px; margin-bottom: 0; }


.imgholder { position: relative; margin-bottom: 20px; background: #ffffff; }
.imgholder p { margin: 0; padding: 5px 5px 0 5px; }
#searchField { border:1px solid #6E7D3D; width:110px; line-height:12px;	font-size:10px;	padding-left:5px; float:left; margin-top:2px; }
#goButton {	position: absolute; top: 10px; right: 35px; width: 40px; height: 40px;}
.grabber { position: absolute; top: -15px; left: -15px; width: 86px; height: 87px; }
.whtBack { background: #ffffff; }

.clear { clear: both; }

#footer {
position: relative;
width: 980px;
margin: 5px auto;
height: 20px;
background: #f8f8ee;
border: 1px solid #999966;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-align: center;
}