#html, body {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:990px;
  height: 100%;
  margin: auto;
  font-family:arial,helvetica;
	font-size:0.8em;
	background-color:#000;
	color:#666666;
}

#container { width: 990px;background-color:#666666;}

#header { width: 990px; float: left; }

#main-holder { width: 810px; float: left; }

#extra { 
	width: 180px; float: right; 
	background-color:#666666;
	min-height:330px;
  height:auto !important;
  height:330px;
  color:white;
}



#main { width: 810px; float: right;background-color:#666666; }

#footerhome { 
	width: 990px; 
	float: left; 
	background-color:#000;
	background-image:url(images/bottom_gradient.jpg);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	 }
#footer { 
	width: 990px; 
	float: left; 
	background-color:#A0A0A0;
	background-image:url(images/bottom_gradient.jpg);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	 }	 
#footer_menu { 
	width: 990px; 
	float: left; 
	background-color:black;
	border-top:solid 1px white;
	color:white;
	font-size:80%;
	 }	

#breakout {
	border:1px solid white;
	margin:8px;
	padding:5px;
	background-color:#727272;
	background-repeat:repeat-x;
	background-image:url(images/gradientlong.jpg);
	position:relative;

}

#breakout h4 {
	color:#666666;
	margin:0px;
	padding:0px;
}
#breakout p {	
	margin:0px 5px 5px 0px;
	padding:0px;
}
#breakout ul 
{
	list-style-position:inside;
	padding:0px;
	margin:0px;
}

#scroller table
{	
	margin-left:20px;
	margin-top:15px;
}

#scroller tr, #scroller td
{
	color:white;
	font-size:85%;
	text-transform:uppercase;
}
#scroller a
{
	color:#fff;
	text-decoration:none;
}
#scroller a:hover
{
	color:#fff;
	text-decoration:underline;
}
#bottomtextbox p
{
	color:white;
	text-align:left;
	width:100%;
	padding:0 20px 20px 20px;
}

#isobox
{
	color:white;
	font-size:100%;
	text-align:center;
	width:100%;
	font-weight:bold;
	padding:20px;
}



.hidden {visibility:hidden;}

#menu {
	
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu li {
	float: left;
	margin: 0;
	padding: 0;
}
#menu a {
	background: url("images/arrow-off.gif") left center no-repeat;
	color: #fff;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 8px 18px;
	text-decoration: none;
	font-weight:bold;
}
#menu a:hover {
	background: url("images/arrow-on.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
	text-decoration: underline;
	}
	
.menuOn
{
	background: url("images/arrow-on.gif") left center no-repeat;
}	
	
#menu1 {	
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu1 li {
	float: left;
	margin: 0;
	padding: 0;
}
#menu1 a {
	background: url("images/arrow-off.gif") left center no-repeat;
	color: #000;
	
	float: left;
	margin: 0 10px 0 0;
	padding: 8px 18px;
	text-decoration: none;
	font-weight:bold;
}
#menu1 a:hover {
	background: url("images/arrow-on.gif") left center no-repeat;
	color: #000;
	padding-bottom: 8px;
	text-decoration: underline;
	}	
	
	
#menu2 {
	list-style: none;	
	width: 170px;
	font-weight:normal;
}
#menu2 li {
	
}
#menu2 a {
	background-image:none;
	color: #000;
	font-size:10px;
	margin: 0 0px 0 0;
	padding: 2px 0px;
	text-decoration: none;
	font-weight:normal;
}
#menu2 a:hover {
	background-image:none;
	color: #000;
	text-decoration:underline;
	padding-bottom: 2px;
}
	
#menu3 {	
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu3 li {
	float: left;
	margin: 0;
	padding: 0;
}
#menu3 a {
	background: url("images/seperator.gif") right center no-repeat;
	color: #fff;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 22px;
	text-decoration: none;
	font-weight:bold;
}
#menu3 a:hover {
	color: #fff;
	padding-bottom: 8px;
	}
	
.enhanceMenu
{
	z-index:999;
	position:relative;
	display:block;
	width:210px;
	font-family:verdana;
	font-size:1em;
	font-weight:bold;
	color:#000;
}

.enhanceMenu ul,.enhanceMenu li
{
	list-style-type:none;
	padding:0;
	margin:2px 10px 2px 0px;
	/*background:#eeeeee;*/
	
}



.enhanceMenu a{
	color:#000;
	padding:2px;
	vertical-align:middle;
	display:block;
	text-decoration:none;	
	color:#000;
}	


.enhanceMenu li ul li a{
	font-size:.7em;
	font-weight:normal;
	color:#000;
}


.enhanceMenu li{
	/*background:#eeeeee;*/
	}
.enhanceMenu li ul{display:none;margin-left:16px;}
.enhanceMenu a:active,.enhanceMenu a:focus{background:#e0e1fb;}
.enhanceMenu li:hover>a{background:#e0e1fb;text-decoration:none}
.enhanceMenu a:hover{;;text-decoration:none;background:#e0e1fb}


.enhanceMenu li a {display:inline-block;}  /* Fixes IE <li> Gap bug, forces hasLayout */
.enhanceMenu li a {display:block;}         /* Fixes IE <li> Gap bug, forces hasLayout */
* html .enhanceMenu a:hover{position:relative;} /*ie6 bug fix*/
	
	
#breakout a {
	color: #fff;	
	text-decoration: none;
}

#breakout a:hover {
	color: #fff;	
	text-decoration: underline;
}


#productheader { 
	width: 990px; 
	float: left; 
	background-color:black;
	background-image:url(images/product_background.jpg);
	background-repeat:repeat-x;
	height:40px;
	border-top:2px solid white;
	padding:0;
	margin:0;
	 }
	 
#productheader h3 {
	color:#fff;
	padding:14px 0px 0px 30px;
	margin:0px;
}

#enhanceMenu { 
	width: 230px;
	min-height:650px;
	height:auto !important;
	height:650px;
	position:relative; 
	float: left; 
	background-color:#333333;
	background-image:url(images/productmenu_background.jpg);
	background-repeat:repeat-x;	
	padding:20px 20px 20px 0px;
	margin:0;
	color:#333333;
	 }
	 
#productholder { 
	width: 740px; 
	float: right;
	min-height:690px;
	height:auto !important;
	height:690px; 	
	padding:20px 0;
	margin:0;
	background-color:white;
	background-image:url(images/productlist_background.jpg);
	background-repeat:repeat-x;	
	 }
	#productdetail { 
		
	} 
	
	#productlisttext
	 {
	 	width:170px;
		min-height:330px;
	  height:auto !important;
	  height:330px;
		height:auto;
	 	float:left;
	 	padding:20px;
	}
	#productlisttext p
	{
		font-size:0.8em;
		color:#666666;
		text-align:right;
	}
	#productleft
	 {
	 	width:290px;
		min-height:330px;
	  height:auto !important;
	  height:330px;
		height:auto;
	 	float:left;
	 	padding:10px;
	}
	#productlist{
		width:526px;
		float:right;
	}
	.productlistleft
	 {
	 	width:200px;	
	 	float:left;
	 	padding:5px;
	}
	
	
	div.product
	{
		clear:both;
		float:left;
		border-bottom:1px dotted #666666;
		width:100%;
	}
	.productlistright
	{
		width:300px;
		float:right;
	}
	
	#productright
	{
		width:426px;
		min-height:330px;
	  height:auto !important;
	  height:330px;
		float:right;
	}
	
	#productright p
	{
		color:grey;		
		font-size:0.95em;
	}
	
	.productlistright p
	{
		color:grey;		
		font-size:0.8em;
	}
	
	#productright h2 h3,.productlistright h2 h3
	{
		color:grey;
		padding:10px 0 0 10px;
		margin:0;
	}
	#productright ul ,.productlistright ul
	{
		list-style:disc;
		color:grey;
		padding-left:22px;
		font-size:0.85em;
		line-height:150%;
	}
	#productright ul li span, .productlistright ul li span
		{
			color:black;
		}
		
	#productfooter
	{
		margin:10px;
		clear:both;
		border-top:1px solid grey;
	}
	
	#productholder a
	{
		color:black;
		font-weight:bold;
		text-decoration:none;
	}
	
	#productholder a:hover
	{
		text-decoration:underline;
	}
	
	#contentholder { 
	width: 990px; 
	float: right;
	min-height:390px;
	height:auto !important;
	height:390px; 	
	padding:0;
	margin:0;
	background-color:white;
	position: relative;
	 }
	#contentfull { 
	 	width:100%;
	 	padding:30px;
	 	float:left;
	 	font-size:0.9em;
	}
	#contentleft { 
	 	width:550px;
	 	padding:30px;
	 	float:left;
	 	font-size:0.9em;
	}
	
	#contentfull h1, #contentleft h1 { 
	 	padding:0;
	 	margin:0;
	}
	#contentfull p, #contentleft p { 
	 
	 	font-size:0.9em;
	 	text-align:justify;
	}
	
	#contentright { 
		width:370px;
		float:right;
	}
	
	#credits
	{
		text-align:right;
		float:right;
		width:100%;
	}
	
	#credits a {
	background: url("images/seperator.gif") right center no-repeat;
	color: #fff;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 22px;
	text-decoration: none;
	font-weight:bold;
}
#credits a:hover {
	color: #fff;
	padding-bottom: 8px;
	}