body {
background-color: #666; /* background: #ccc url(img/bg_metal.jpg); */
margin: 0;
border: 0;
font: normal 11px verdana,arial,sans-serif;
text-align: center;
}

#everything {
margin: 0 auto;
margin-top: 10px;
/*margin-bottom: 10px;*/
padding: 0;
width: 780px;
text-align: left;
background: #fff;
/*border-left: 1px solid #900;
border-right: 1px solid #900;*/
position:relative;
}

#header {
height:4px;
background: #999;
margin: 0;
padding:0;
border-bottom: 4px #fff solid;
}


#outer_wrapper {
	background: #fff;
}

#wrapper {
	background: #fff;
}

#container {
	width: 100%;
	float: left;
	/*margin-right: -200px;*/
	background: #b2b2b2;
}

#content {
	margin-right: 200px;
}


#navbox {
position:absolute;
top:8px;
left:296px;
width:166px;
height: 214px;
background: #b2b2b2;
margin: 0;
padding: 0;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
z-index:37;
}

html>body #navbox {
position:absolute;
top:8px;
left:296px;
width:166px;
height: 214px;
background: #b2b2b2;
margin: 0;
padding: 0;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
z-index:37;
}

#left {
position:absolute;
top:8px;
left:0px;
width: 296px;
/*height:214px;*/
margin:0;
padding:0;
}

#right {
position:absolute;
top:8px;
left:472px;
width: 308px;
/*height:214px;*/
background: #ccc;
margin:0;
padding:0;
z-index:36;}






#footer {
	/*border-top: 1px dashed #3F5FB8;*/
	height: 14px;
	padding: 4px 0 4px 4px;
	background: #666;
	font-family: verdana,arial,helvetica,geneva,sans-serif;
	color:#fff;
	font-size: 9px;
	margin: 0;
}

#rockme {
position:absolute;
top:222px;
left:0px;
width: 780px;
background-color:#fff;
padding:0;
margin:0;
}

#copy {
position:relative;
font-family: verdana,arial,helvetica,geneva,sans-serif;
color: #666;
font-size: 11px;
text-align: justify;
margin: 10px 20px 18px 20px;
}

/* for mozilla */
html>body #copy {
/*width: 740px;*/
position:relative;
font-family: verdana,arial,helvetica,geneva,sans-serif;
color: #666;
font-size: 11px;
text-align: justify;
margin: 10px 20px 18px 20px;
}

h1 {
	margin-top: 0;
}

h2 {
margin: 0;
font-size: 18px;
font-weight: bold;
}

h3 {
margin:0;
font-size: 12px;
font-weight: bold;
color: #000;
background-color:#ccc;
padding: 4px;
border-top: 1px solid #aaa;
}

h4 {margin:0;font-size:13px;font-weight:bold;color:#333;}

h5 {font-size:1px!important;font-size:1px;font-weight:normal;border:0;margin:0;color:#666;}

.last {
	margin-bottom: 0;
}

.clearing {
	height: 0;
	clear: both;
}

table, tr, td {
font-family: verdana,arial,helvetica,geneva,sans-serif;
color: #666;
font-size: 11px;
}

a.link:link {font-family: verdana,arial,geneva,sans-serif; color:#3F5FB8; text-decoration:none;padding:0;margin:0;}
a.link:visited {font-family: verdana,arial,geneva,sans-serif; color:#3F5FB8; text-decoration:none;padding:0;margin:0;}
a.link:hover {font-family: verdana,arial,geneva,sans-serif; color:#000; text-decoration:none; background-color:#CCE0F8;padding:0;margin:0;}
a.link:active  {font-family: verdana,arial,geneva,sans-serif; color:#090; text-decoration:none;padding:0;margin:0;}

hr.pagedivider {
background: transparent;
height: 1px;
border: 0px;
border-top: 1px dashed #900;
margin: 10px 0px 10px 0px !important; /* for non-IE bros */
margin: 4px 0px 4px 0px; /* for IE bros */
padding: 0px;
}

.dmquote {padding:8px; background-color:#f1f1f1; border:1px solid #ccc;color:#900;}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  NAVIGATION  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 222px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	}

ul.lefty {width:166px;}
	
ul li {
	position: relative;
	}
	
/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */
	/*padding: 5px;*/
	border: 1px solid #b2b2b2;
	border-bottom: 0;
	}


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */


li span {
		position: absolute;
		left: -6000px;
	}


#liHome a, #liProdType a, #liProdBrand a, #liCompleteList a, #liCustomRacking a, #liServices a, #liClients a, #liAbout a, #liExtras a {
	display: block;
	position: relative;
	height: 18px;
	background: #aaa url(nav_states2.gif) no-repeat; /*contains all hover states*/
	}

/*first, put the initial states in place: MOVE UP: -   /    MOVE DOWN: +   */

#liHome a {background-position: 0 -5px;}
#liProdBrand a {background-position: 0 -23px;}
#liProdType a {background-position: 0 -41px;}
#liCompleteList a {background-position: 0 -59px;}
#liCustomRacking a {background-position: 0 -76px;}
#liServices a {background-position: 0 -93px;}
#liClients a {background-position: 0 -129px;}
#liAbout a {background-position: 0 -111px;}
#liExtras a {background-position: 0 -146px;}



/*active area */

#liHome.on a {background-position: -176px -5px;}
#liProdBrand.on a {background-position: -176px -23px; } 
#liProdType.on a {background-position: -176px -41px;}
#liCompleteList.on a {background-position: -176px -59px;}
#liCustomRacking.on a {background-position: -176px -76px;}
#liServices.on a {background-position: -176px -93px;}
#liClients.on a {background-position: -176px -129px;}
#liAbout.on a {background-position: -176px -111px;}
#liExtras.on a {background-position: -176px -146px;}

  
/*hover states*/

#liHome a:hover, #liHome:hover a, #liHome.over a {background-position: -373px -5px;}
#liProdBrand a:hover, #liProdBrand:hover a, #liProdBrand.over a {background-position: -373px -23px;}
#liProdTypea:hover, #liProdType:hover a, #liProdType.over a {background-position: -373px -41px;}
#liCompleteLista:hover, #liCompleteList:hover a, #liCompleteList.over a {background-position: -373px -59px;}
#liCustomRacking a:hover, #liCustomRacking:hover a, #liCustomRacking.over a {background-position: -373px -76px;}
#liServices a:hover, #liServices:hover a, #liServices.over a {background-position: -373px -93px;}
#liClients a:hover, #liClients:hover a, #liClients.over a {background-position: -373px -129px;}
#liAbout a:hover, #liAbout:hover a, #liAbout.over a {background-position: -373px -111px;}
#liExtrasa:hover, #liExtras:hover a, #liExtras.over a {background-position: -373px -146px;}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX PRODUCT BOXES XXXXXXXXXX */

.prodboxborder {
padding:5px;
background: #fff;
}

.prodboxbordernew {
padding:5px;
background: rgb(213,173,118);
}

.prodboxbordertopseller {
padding:5px;
background: rgb(180,213,237);
}

.prodboxborderonsale {
padding:5px;
background: rgb(204,102,102);
}

.prodbox {
background: #fff;
font: normal 11px verdana,arial,sans-serif;
color: #333;
text-align: left;
padding: 0px;
}


.prodbox a, .prodbox a:link, .prodbox a:visited, .prodbox a:hover, prodbox a:active {
font-weight: bold;
text-decoration: none;
color: #369;
}


.prodbox a:hover {
text-decoration: underline;
color: #900;
background: #eee;
}

hr.inprodbox {
background: transparent;
height: 1px;
border: 0px;
border-top: 1px dashed #fff;
margin: 6px 0px 6px 0px !important; /* for non-IE bros */
margin: 0px; /* for IE bros */
padding: 0px;
width: 160px;
}



.fullheight {height: 200px;}
/* hide from IE mac \*/
.fullheight {height: 100%;}
/* end hiding from IE5 mac */


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX TECH SPECS XXXXXXXXXXXXXXX */

.techspecstable {
border: 1px solid #aaa;
}

.techspecstable tr.stripe {
background-color: #eee;
}

.techspecspace {
width: 1px;
border-right: 1px dashed #ccc;
}

.techspeccell {
padding: 6px;
font: normal 11px verdana,arial,sans-serif;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX FLOAT ME XXXXXXXXXXXXXXXXXX */

.floatleft {
float:left;
}
.floatright {
float:right;
}
.clearme {
clear:both;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX MISC SELECTORS XXXXXXXXXXX */

.productdetailhdr {
color: #900;
font: normal 20px verdana,arial,sans-serif;
text-align:left;
}

.prodhdr {
width: 725px !important;
/*width: 739px !important;*/
width: 725px;
height: 41px !important;
height: 27px;
background: url(img/hdr_blank.gif) no-repeat;
padding:7px;
font: bold 20px verdana,arial,sans-serif;
color: #000;
vertical-align:middle;
margin:0px;
}

.taglinehdr {
width: 739px;
height: 21px;
background: url(img/hdr_tagline.gif) no-repeat;
padding:0px;
margin:0px;
}

.seealso {
border: 1px dashed #ccc;
padding: 6px 8px;
background-color:#eee;
}