/* CSS Document */

html, body {
    height: 100%;
}

BODY {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

IMG {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#centerpage {
	width: 100%; 
	height: 100%; 
	margin-top: 0px; 
	text-align: center;
	border: 0px;
}

#pagewidth {
	width: 768px;
	height: 581px;  
	_height: 583px;
	position: relative;
	text-align: left;
	margin-right: auto;
	margin-left: auto;	
	border-left: 1px solid #434749;
	border-right: 1px solid #434749;
	border-bottom: 1px solid #434749;
	padding: 0px;
	
	/* pass rules to Mac IE only \*//*/
		position: static;
		height: 583px;
	/**/
}

#container {
	float: left;
	clear: none;
	width: 768px;
	margin: 0px; 
	padding: 0px;
}

/*--------------LEFT SECTION------------------------*/

/* SET LOGO and NAV links */
#globalnav {
	float: left;
	clear: none;
	width: 189px;
	background-color: #FFB200;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

/* SIDE NAV */
#Sidenav {
	float: left;
	clear: none;
	width: 189px;
	background-color: #FFB200;
	height: 443px; 
	
	/* pass rules to Mac IE only \*//*/
		height: 435px;
	/**/
	padding: 0px;
	margin: 0px;
	}
	
#Sidenav IMG{
	float: left;
	clear: none;
	vertical-align: middle;
}

#Sidenav UL {
	float: left;
	clear: none;
	margin: 0px;
	padding: 17px 0px 0px 30px;	
}

#Sidenav UL LI{	
	margin: 0px;
	font: bold 12px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #000000;
	list-style-image: url(../images/pointer.gif);
	padding: 0px 0px 20px 0px;	
}

#Sidenav  a:link {
	color: #000000;
	text-decoration: none;
	font: bold 12px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
}

#Sidenav  a:visited {
	color: #000000;
	text-decoration: none;	
	font: bold 12px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
}

#Sidenav  a:hover {
	color: #FFFFFF;
	text-decoration: underline;	
	font: bold 12px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
}

#Sidenav  a:active {
	color: #000000;
	text-decoration: none;
	font: bold 12px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
}

/*-------------------RIGHT SECTION -----------------*/
/* Sitemap : Contact Us : Privacy Policy : Home */
#metamenu {
	float: right;
	clear: none;
	width: 559px;
	height: 21px;
	text-align: right;
	font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #FFB200;
	margin: 0px;
	padding: 50px 20px 0px 0px !important; /* for most browsers */
	padding /**/: 58px 20px 0px 0px; /* for IE5.5's bad box model */
	
	/* pass rules to Mac IE only \*//*/
		padding: 58px 20px 0px 0px;
	/**/
}

#metamenu a:link, a:visited{
	color: #333333;
	text-decoration: none;	
}

#metamenu a:hover {
	color: #000000;
	text-decoration: underline;	
}

#metamenu a:active{
	color: #333333;
	text-decoration: none;	
}

/* SUB NAV - Our Products : How to Buy : Installation :  */
#metalinks {
	float: right;
	clear: none;	
	width: 579px;
	height: 39px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

/*-------------------CONTENT HOMEPAGE -----------------*/	
#imgblock {
	float: right;
	clear: none;
	text-align: left;
	width: 579px;
	height: 179px;
	margin: 0px;
	padding: 8px 0px 8px 0px;
	_padding: 11px 0px 8px 0px;
	
	/* pass rules to Mac IE only \*//*/
		padding: 11px 0px 8px 0px;
	/**/
}

#contenthome {
	display: block;
	float: right;
	clear: none;
	width: 579px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #FFB200;
	padding: 0px;
	margin: 0px;
}

/* MAIN NAV ROLLOVERS*/
#Our_products a{
	background: url(../images/nav_ourproducts.gif) 0px 0px no-repeat;
	display: block;
	width: 145px; 
	height: 39px;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
} 

#Our_products a:hover{
	background: url(../images/nav_ourproducts.gif) 0px -39px no-repeat;
	display: block;
	width: 145px; 
	height: 39px;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
}

#Our_products a.selected{
	background: url(../images/nav_ourproducts.gif) 0px -39px no-repeat;
	display: block;
	width: 145px; 
	height: 39px ;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
}

#How_tobuy a{
	background: url(../images/nav_howtobuy.gif) 0px 0px no-repeat;
	display: block;
	width: 126px; 
	height: 39px;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
} 

#How_tobuy a:hover{
	background: url(../images/nav_howtobuy.gif) 0px -39px no-repeat;
	display: block;
	width: 126px; 
	height: 39px;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
}

#How_tobuy a.selected{
	background: url(../images/nav_howtobuy.gif) 0px -39px no-repeat;
	display: block;
	width: 126px; 
	height: 39px ;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
}

#Installation a{
	background: url(../images/nav_Installation.gif) 0px 0px no-repeat;
	display: block;
	width: 126px; 
	height: 39px;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
} 

#Installation a:hover{
	background: url(../images/nav_Installation.gif) 0px -39px no-repeat;
	display: block;
	width: 126px; 
	height: 39px;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
}

#Installation a.selected{
	background: url(../images/nav_Installation.gif) 0px -39px no-repeat;
	display: block;
	width: 126px; 
	height: 39px ;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
}

#Warranty_andcare a{
	background: url(../images/nav_warrantyncare.gif) 0px 0px no-repeat;
	display: block;
	width: 182px; 
	height: 39px;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
} 

#Warranty_andcare a:hover{
	background: url(../images/nav_warrantyncare.gif) 0px -39px no-repeat;
	display: block;
	width: 182px; 
	height: 39px;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
}

#Warranty_andcare a.selected{
	background: url(../images/nav_warrantyncare.gif) 0px -39px no-repeat;
	display: block;
	width: 182px; 
	height: 39px ;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
}