/*******************/
/* --- GENERAL --- */
/*******************/
* {
   border:0;
   padding:0;
   margin:0;
}

body {
   color: #000;
   background: #fff;
   font-family: arial, helvetica, geneva, sans-serif;
   font-size: 75%;
   background: url('../images/page-bkg.png') left top repeat-x;
}

div#pagewrap {
   height:100%;
   min-height:100%;
   border-bottom:5px solid black;
}
html>body div#pagewrap {
   height:auto;
}

div#page {
   width: 900px;
   margin: 0 auto;
   background:transparent;
}

div#header {
   width: 900px;
   height: 253px;
   background:transparent;
}

div#topmenu {
   width:900px;
   height:30px;
   background:#000;
   color:#fff;
}
div#topmenu ul { margin-right:10px;}
div#topmenu li { list-style:none; float:right; text-align:center; vertical-align:middle; width:100px; height:30px;}
div#topmenu li a { display:block; width:100px; height:30px; margin-top:4px; color:#fff; text-decoration:none; font-weight:bold; text-transform:uppercase;}
div#topmenu li a:hover { color:#000; background:url('../images/topmenu-hover-bkg.png') 0 -4px no-repeat;}
div#topmenu li.active a { color:#A7CC37;}
div#topmenu li.active a:hover { background:#000; height:26px;}

div#header1 {
   width: 900px;
   height: 110px;
   background:transparent;
}

div#header2 {
   width: 900px;
   height: 120px;
   background:transparent;
}
div#header2 h1 {
   font-size:1.7em;
   font-weight:bold;
   color:#fff;
   margin:1em 3em 0 3em;
}
div#header2 h2 {
   font-size:2em;
   font-weight:bold;
   color:#fff;
   margin:1em 3em 0 3em;
}

div#main {
   width: 900px;
   background: #fff;
}

div#contentwrap {
   display: inline /*Fix IE floating margin bug*/;
   width: 700px;
   margin-left: 45px;
   float: left;
}

div#content {
   width: 660px;
   margin: 0px 20px;
   min-height:300px;
}
div#content {}
div#content h1 {font-size: 1.5em; font-weight: bold; color: #0835C9; text-transform: uppercase; line-height: 1.3em; margin: 0.5em 0 1.125em 0;}
div#content h2 {font-size: 1.35em; font-weight: bold; color: #8BAB2C; line-height: 1.3em; margin: 0.5em 0 1.12em 0;}
div#content h3 {font-size: 1.2em; font-weight: bold; line-height: 1.3em; margin: 0.5em 0 1.1em 0;}
div#content p {font-size: 1.1em; line-height: 1.3em; margin-bottom: 0.6em; color: #000;}
div#content p span.productListHeading {font-weight:bold; color:#000;}
div#content ul, div#content ol {margin: -0.3em 0 0.8em 3em;}
div#content td, div#content form, div#content li {font-size:1.1em;}
div#content input, div#content textarea, div#content select{font: 1.0em arial, geneva, sans-serif; padding:0.2em; border:1px solid #CFD4FF;}
div#content input.cartbutton { vertical-align: top; border:0; padding:0;}
div#content a:link {text-decoration: none; color: #00F; line-height: 1.3em;}
div#content a:visited {text-decoration: none; color: #00F; line-height: 1.3em;}
div#content a:hover {text-decoration: underline; color: #F00; line-height: 1.3em;}
div#content p span.productListHeading a:link {text-decoration: none; color: #000; line-height: 1.3em;}
div#content p span.productListHeading a:visited {text-decoration: none; color: #000; line-height: 1.3em;}
div#content p span.productListHeading a:hover {text-decoration: underline; color: #000; line-height: 1.3em; text-decoration: underline;}
div#content blockquote { margin-left: 4em;}
div#content table.cart {width:100%; border:1px solid #CFD4FF;}
div#content table.cart tr {}
div#content table.cart th {font-size:1.0em; text-transform:uppercase; font-weight:bold; text-align:center; background:#ccc;}
div#content table.cart td {font-size:1.0em; padding:3px; text-align:center;}
div#content table.cart td.right {text-align:right;}
div#content form div.leftConfirmBox {min-height:140px; float:left; padding:5px 10px 0px 10px; width:40%; border:1px solid #CFD4FF; height:100%;}
div#content form div.rightConfirmBox {min-height:140px; float:right; padding:5px 10px 0px 10px; width:40%; border:1px solid #CFD4FF; height:100%;}


div#sidebarwrap {
   display: inline /*Fix IE floating margin bug*/;
   width: 100px;
   margin-left: 77px;
   float: right;
}

div#sidebar {
   width: 60px;
   margin: 0px 10px;
   min-height: 400px;
}

div#footer {
   width: 900px;
}
div#footer { color:#fff; padding: 0.5em 0; background: #000; clear: both;}
div#footer p {font-size: 0.8em; text-align: center;}
div#footer a:link {text-decoration: none; color: #fff;}
div#footer a:visited {text-decoration: none; color: #fff;}
div#footer a:hover {text-decoration: underline; color:#A7CC37;}

#header:after, #main:after, #contentwrap:after, #content:after, #newswrap:after, #news:after, #footer:after {
   clear:both;
   content:'.';
   display:block;
   height:0;
   visibility:hidden;
}

img {line-height: 0;}

div#warning {
   width:100%;
   height:30px;
   color:#FFD103;
   background:#C00000;
   line-height:30px;
   font-size: 14px;
   font-weight:bold;
   text-align:center;
}

/*******************/
/* --- CLASSES --- */
/*******************/
.small {font-size:1.0em;}
.smaller {font-size:0.9em;}
.tiny {font-size:0.75em;}
.big {font-size:1.2em;}
.bigger {font-size:1.3em;}
.huge {font-size:1.4em;}
.note {font-size: 0.75em; color: #B22222;}
.indent {padding-left: 3em;}
.rightPad {float:right; margin-left:20px;}
.leftPad {float:left; margin-right:20px;}
.imgBorder {border:1px solid #333;}
.bold {font-weight:bold}
.italic {font-style:italic}
.underline {text-decoration:underline;}
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.justify {text-align:justify}


/****************/
/* --- MENU --- */
/****************/
div#menuwrap {
   float: left;
   width: 140px;
   font: 10pt Helvetica, Verdana, Geneva, sans-serif;
   height: 100%;
}

#menu {
   width: 120px;
   padding: 0;
   /* bottom padding makes bg color of div visible below menu */
   /*margin-bottom: 1em;*/
   font: bold 90% Verdana, Helvetica, Arial, sans-serif;
   color: #333;
}

#menu ul {
   list-style: none;
   margin: 0;
   padding: 0;
   border: none;
}

#menu li {
   border-bottom: 0px solid #000; /* creates separator */
   background: url(../images/menu_sep.jpg) no-repeat bottom left;
   margin: 0;
}

#menu li a {
   display: block;
   padding: 5px 5px 6px 0.5em;
   border: 0px;
   color: #ddd;
   text-decoration: none;
   width: 100%;
}

#menu li a.active {
   border: 0px;
   color: #FF4500;
}

html>body #menu li a {
   width: auto;
   }

#menu li a:hover {
   border: 0px;
   color: #FFD700;
}

#menu li a.active:hover {
   border: 0px;
   color: #FF4500;
}


/************************
 THE WAR AGAINST IE6 !!!
 ***********************/
.black_overlay{
   display: none;
   position: absolute;
   top: 0%;
   left: 0%;
   width: 100%;
   height: 100%;
   background-color: black;
   z-index:1001;
   -moz-opacity: 0.6;
   opacity:.60;
   filter: alpha(opacity=60);
}

.white_content {
   display: none;
   position: absolute;
   top: 100px;
   left: 50%;
   margin-left:-240px;
   width: 480px;
   height: 360px;
   z-index:1002;
   overflow: auto;
   background: url('../images/ie6warning-box.gif') left top no-repeat;
}
div#light.white_content h2 {font-size:2.0em; color:red;font-weight:bold;text-align:center; margin: 30px 0 0.5em 0}
div#light.white_content p {text-align:justify;font-size:1.2em;color:#e3e3e3;margin:0 30px 1.0em 30px; line-height:1.3em;}
div#light.white_content p a:link, div#ie6topbar a:link {color:#FFCC33; text-decoration:none;}
div#light.white_content p a:visited,div#ie6topbar a:visited {color:#FFCC33; text-decoration:none;}
div#light.white_content p a:hover, div#ie6topbar a:hover {color:#3AFF13; text-decoration:underline;}
div#light.white_content p.center {text-align:center;}
div#light.white_content p.small {font-size:1.0em;}
div#light.white_content p.italic {font-style:italic;}
div#ie6topbar {width:100%; height:30px; font-size:1.0em; color:#FFF; background:#000; text-align:center; padding-top:5px;}