/* Default Styles
----------------------------------------------- */

body {margin:0; padding:0; font-family: verdana, arial, sans-serif; font-size: 12px; color: #333333; background: url(../../images/body_bg.jpg) repeat-y center #000000;}
html>body { font-size: 14px; }

/* hack to center this under IE5 */
* html body {text-align: center;}
/* keep the content left-aligned */
* html #wrapper {text-align: left;}

#wrapper {margin: 0px auto; padding:0; width: 760px; height:auto;}
#header {margin: 0; padding:0; width: auto; height:97px; background: url(../../images/header_bg.gif) no-repeat center;}
#nav {width: auto; border-bottom:5px solid #D7855E;}
#flash {margin: 0 0 5px 0; padding:0; width: auto; height:auto;}

#content {margin:0; padding:0; width:760px; height:350px;}
#content_left {padding:0; float:left; width:210px; height:auto; background-color:#ffffff;}
#content_right {margin:0; float:right; width:550px; height:auto;}
#footer {padding:15px 0; width: 760px; height:auto; color:#ffffff; font-size:11px; text-align:center; background-color: #000000;}

#top_banner {margin: 0 0 5px 0;}

/* Navigation Styles
----------------------------------------------- 
#navcontainer {height:30px; margin:0; background: url(../../images/nav_bg.gif) no-repeat top;}
#navcontainer ul {font-weight: normal; color: white; font-size:16px; margin:0 0 0 100px; text-align: center; padding:6px 0 0 0;}
#navcontainer ul li {display: inline; margin-left: -4px;}
#navcontainer ul li a {padding: 6px 20px; color: #ffffff; text-decoration: none;}
#navcontainer ul li a:hover { background-color: #D7855E; color: #ffffff;}
#active a.active {background-color: #D7855E; color: #ffffff;}
*/
#navcontainer {background: url(../../images/nav_bg.gif) no-repeat top; border-top: solid 1px #ffffff; border-bottom: solid 1px #D7855E;}
#navcontainer ul {color: white; text-align: center; margin:0 0 0 100px; padding-bottom: 5px; padding-top: 5px;}
#navcontainer ul li {display: inline; margin-left: -4px;}
#navcontainer ul li a { padding: 5px 15px 5px 15px; color: white; text-decoration: none;}
#navcontainer ul li a:hover {background-color: #D7855E; color: white;}
#active a { background-color: #D7855E; color: #ffffff;}

/* Shopping Cart Elements
----------------------------------------------- */
/* columns */
.login_col {padding-right:10px; float:left; width:250px; height:auto; border-right:1px solid #cccccc;}
.newuser_col {margin-left:25px; float:left; width:250px; height:auto;}

/* Site Elements
----------------------------------------------- */
.left-col {margin:0; padding:0; float:left; width:240px; height:auto;}
.right-col {margin:0; padding:0; float:left; width:240px; height:auto;}

.subCatBG {padding:8px; margin:10px 0 10px 0; width:520px; border:1px solid #333333; background-color:#ffffff; height:auto;}
.subCatCol {margin-bottom:10px; padding:0; float:left; width:173px; height:auto;}

.height-spacer {height: 200px;}

/* Generic Styles
----------------------------------------------- */

/* tags */
p {margin:0; padding-bottom:10px;}
h1 {margin:0; padding:10px 0; font-size:18px; color:#B8532E;}
h2 {}
h3 {margin:0; padding:10px 0; font-size:12px; font-weight:bold; color:#000000;}

#nav_heading {padding: 10px 0 10px 20px; font-size:16px; color:#ffffff;}

/* links */
a, a:link, a:visited, a:active{text-decoration: underline; color:#006600;}
a:hover{text-decoration: none;}

/* regular text */
.text-l {font-size:14px; font-weight:normal;}
.text-m {font-size:12px; font-weight:normal;}
.text-s {font-size:11px; font-weight:normal;}
.text-xs { font-size:10px; font-weight:normal;}
.text-xxs { font-size:9px; font-weight:normal;}

/* bold text */
.btext-l {font-size:14px; font-weight:bold;}
.btext-m {font-size:12px; font-weight:bold;}
.btext-s {font-size:11px; font-weight:bold;}
.btext-xs {font-size:10px; font-weight:bold;}
.btext-xxs {font-size:9px; font-weight:bold;}

/* colors */
.grey {color:#666666;}
.red {color:#FF0000;}
.blue {color: #000099;}
.yellow {color: #FFFF00;}
.orange {color: #FF9900}

/* borders */
.border {border:1px solid #666666;}
.border-bottom {padding: 2px; border-bottom:1px solid #cccccc;}

/* lists */
#content_right ul li {list-style-type: none; background: url(../../images/bullet_01.gif) no-repeat 14px 2px; margin-left: -40px; padding-left: 35px;}

/* image styles */
img {margin: 0; padding: 0;}

/* form styles */
.field {padding: 10px 0; clear:both;}
.label {font-weight: bold; font-size:12px; width: 145px; float: left; padding-top:4px;}

/* misc */
.clear {clear:both;}
.inside {padding:10px;}