/* CSS Document */

body{
	padding: 0;
	margin: 0 auto;
	background: url(../images/bg_body.gif);
}
*{
	padding: 0;
	margin:0;
}
ul{
	list-style:none;
}
img{
	border: none;
}

/* ------------------------------------ ######### Website Areas On All Pages ######### -------------------------------------------- */


/*  ############ Top Navigation  ############ */
#topnavbg{
	width: 820px;
	margin: 0 auto;
	height: 48px;
	position: relative;
	background: url(../images/navtop_bg.gif) 0 0 no-repeat;
}
#update{
	width: 400px; 
	height: 18px;
	position: absolute; 
	margin: 0 auto;
	float: left;
	top: 10px;
	left: 8px;
}
#update p{
	font: bold 12px "Verdana", Arial, Tahoma;
	color: #ffffff;
	text-align: center;
	margin: 0 0 4px 0;
}
#topnav{
	width: 350px; 
	height: 27px;
	position: absolute; 
	margin: 0 auto;
	float: right;
	top: 21px;
	right: 8px;
}
#topnav ul{
	width: 352px;
	height: 27px;
	position: absolute;
	text-decoration: none;
}
#topnav ul li{
	float: left;
	width: 83px; 
	height: 27px; 
	display: block;
	text-decoration: none; 
	background: url(../images/navtop_silver.gif) 0 0 no-repeat; 
	font: bold 12px/28px "Verdana", Arial, Tahoma;
	color: #333333;
	padding: 0 5px 0 0;
	text-align: center;
}
#topnav ul li a{
	width: 83px; 
	height: 27px; 
	display: block; 
	background: url(../images/navtop_brown.gif) 0 0 no-repeat; 
	color: #CFCCCC;  
	text-decoration: none; 
	text-align: center;
}
#topnav ul li a:hover{
	background: url(../images/navtop_grey.gif) 0 0 no-repeat; 
	color: #333333;
}

/* ############ Header / Logo Area ############ */
#headerbg{
	width: 820px;
	height: 116px;
	position: relative;
	margin: 0 auto;
	background: url(../images/bg_header.gif) 0 0 no-repeat;
}
#header{
	width: 360px;
	margin: 0 auto;
	height: 116px;
	position: absolute;
	left: 27px;
}
#header img{
	border: none;
}

/* ############ Banner Text (Left Side) ############ */
#bannerbg{
	width: 820px;
	height: 244px;
	position: relative;
	margin: 0 auto;
	background: url(../images/bg_banner.gif) 0 0 no-repeat;
}
#bannerleft{
	width: 405px;
	margin: 0 auto;
	height: 200px;
	position: absolute;
	top: 27px;
	left: 22px;
}
#bannerleft h1{
	font: bold 22px "Arial", Verdana, Tahoma;;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}
.get{
	font: bold 14px "Verdana", Tahoma, Arial, sans-serif;
	color: #FFFFFF;
}
.tm1{
	font: bold 20px "Verdana", Tahoma, Arial, sans-serif;
	color: #FFFFFF;
}
#bannerleft h2{
	font: normal 20px "Arial", Verdana, Tahoma;;
	color: #B1B0B0;
	margin: 0px 0 0px 0px;
}
#bannerleft ul{
	margin: 25px 0 0 16px;
}
#bannerleft ul li{
	background: url(../images/banner_arrow.gif) 0px 3px no-repeat;
	font: normal 11px "Arial", Verdana, Tahoma;;
	line-height: 14px;
	color: #ffffff;
	padding: 0px 0 0 25px;
	margin: 12px 0 0 0px;
}

/* ############ Main (Product) Navigation ############ */
#mainnavbg{
	width: 820px; 
	height: 72px;
	margin: 0 auto;
	background: url(../images/bg_navmain.gif) 0 0 no-repeat;
	position: relative;
	border: none;
}
#mainnav{
	width: 820px; 
	height: 34px;
	margin: 0 auto;
	position: absolute;
	border: none;
}
#mainnav ul{
	width: 440px;
	height: 34px;
	position: absolute;
	text-decoration: none;
	left: 25px;
	border: none;
}
#mainnav ul li{
	float: left;
	width: 100px; 
	height: 34px; 
	display: block;
	text-decoration: none; 
	background: url(../images/navmain_static.gif) 0 0 no-repeat;
	font: bold 12px/38px "Verdana", Arial, Tahoma;
	color: #242424;
	padding: 0 10px 0 0;
	text-align: center;
	border: none;
}
#mainnav ul li a{
	width: 100px; 
	height: 34px; 
	display: block;
	font: bold 12px/32px "Verdana", Arial, Tahoma;
	background: url(../images/navmain_bg.gif) 0 0 no-repeat; 
	color: #ffffff;  
	text-decoration: none; 
	text-align: center;
}
#mainnav ul li a:hover{
	font: bold 12px/32px "Verdana", Arial, Tahoma;
	background: url(../images/navmain_hover.gif) 0 0 no-repeat; 
	color: #ffffff;
}

/* ############ Footer Area ############  */
#footerbg{
	width: 820px;
	height: 115px;
	position: relative;
	margin: 0 auto;
	background: url(../images/bg_footer.gif) 0 0 repeat-y;
}
#copyright{
	position: absolute;
	width: 280px;
	top: 60px;
	left: 20px;
}
#copyright h1{
	font: normal 9px "Arial", Verdana, Tahoma;
	color: #999797;
}
#contactfooter{
	position: absolute;
	width: 280px;
	top: 95px;
	left: 20px;
}
#contactfooter h1{
	font: normal 9px "Arial", Verdana, Tahoma;
	color: #999797;
}
#contactfooter h1 a{
	font: normal 9px "Arial", Verdana, Tahoma;
	color: #999797;
	text-decoration: none;
}
#contactfooter h1 a:hover{
	text-decoration: underline;
}
#footernavproduct{
	margin: 0 auto;
	position: absolute;
	width: 300px;
	top: 58px;
	right: 20px;
	text-align: right;
}
#footernavproduct ul{
	font: normal 10px "Arial", Verdana, Tahoma;
	color: #999797;
	display: inline;
}
#footernavproduct ul li{
	color: #999797;
	display: inline;
}
#footernavproduct ul li a{
	text-decoration: none;
	display: inline;
	color: #999797;
}
#footernavproduct ul li a:hover{
	color: #999797;
	display: inline;
	text-decoration: underline;
}
#footernavinfo{
	margin: 0 auto;
	position: absolute;
	width: 300px;
	top: 72px;
	right: 20px;
	text-align: right;
}
#footernavinfo ul{
	font: normal 10px "Arial", Verdana, Tahoma;
	color: #999797;
	display: inline;
}
#footernavinfo ul li{
	color: #999797;
	display: inline;
}
#footernavinfo ul li a{
	text-decoration: none;
	display: inline;
	color: #999797;
}
#footernavinfo ul li a:hover{
	color: #999797;
	display: inline;
	text-decoration: underline;
}
#validation{
	margin: 0 auto;
	position: absolute;
	width: 300px;
	top: 65px;
	right: 20px;
	text-align: right;
}
#validation img{
	border: none;
	padding: 0 0 0 5px;
}
#validation ul{
	display: inline;
}
#validation ul li{
	display: inline;
}
#validation ul li a{
	text-decoration: none;
	display: inline;
}
#validation ul li a:hover{
	display: inline;
	text-decoration: none;
}
#pdxdesigner{
	margin: 0 auto;
	position: absolute;
	width: 300px;
	top: 95px;
	right: 20px;
	text-align: right;
}
#pdxdesigner h1{
	font: normal 9px "Arial", Verdana, Tahoma;
	color: #999797;
}
#pdxdesigner h1 a{
	font: normal 9px "Arial", Verdana, Tahoma;
	color: #999797;
	text-decoration: none;
}
#pdxdesigner h1 a:hover{
	text-decoration: underline;
}


/* ############ Hoverbox Gallery ############ */


#hoverboxbg{
	position: absolute;
	width: 800px;
	left: 15px;
	padding: 0 0 0 0;
}
.hoverbox{
	cursor: default;
	list-style: none;
}
.hoverbox a{
	cursor: default;
}
.hoverbox a .preview{
	display: none;
}
.hoverbox a:hover .preview{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}
.hoverbox img{
	border: none;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 158px;
	height: 148px;
}
.hoverbox li{
	border: none;
	color: inherit;
	display: inline;
	float: left;
	position: relative;
}
.hoverbox .preview{
	background: #fff;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	width: 265px;
	height: 200px;
}


/* ############ Lightbox Gallery ############ */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer{
	padding: 10px;
}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink { left: 0; float: left; background: url(../images/prevlabel.gif) left 2% no-repeat;}
#nextLink { right: 0; float: right; background: url(../images/nextlabel.gif) right 2% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 2% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 2% no-repeat; }
#imageDataContainer{
	font: 12px "Arial", Verdana, Tahoma;
	color:#757575; 
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}
#imageData{
	padding:0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 600px;
	background-color: #000;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}	

/* ############ Product Updates ############ */
#updates{
	width: 203px;
	height: 127px;
	position: absolute;
	left: 590px;
	top: 15px;
}
#updates img{
	border: none;
}

/* ############ PayPal ############ */
#paypalbg{
	width: 203px;
	height: 285px;
	position: absolute;
	left: 590px;
	top: 45px;
	background: url(../images/bg_paypal.gif);
}
#paypal{
	width: 203px;
	height: 285px;
	position: relative;
}
#paypal form{
	padding: 0px 0px 0 0;
	left: 37px;
	position: relative;
}
#paypal img.choices{
	width: 130px;
	height: 120px;
	position: absolute;
	top: 20px;
	left: 37px;
}
#paypal h1{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #014F95;
	padding: 150px 0 10px 0;
	text-align: center;
}
#paypal h1 a{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#paypal h1 a:hover{
	text-decoration: underline;
}
#paypal h2{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #303030;
	padding: 10px 0 5px 0;
	text-align: center;
}
#paypal h3{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #999797;
	padding: 0 0 0 0;
	text-align: center;
}
#paypal h3 a{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #999797;
	text-decoration: none;
}
#paypal h3 a:hover{
	text-decoration: underline;
}
#paypal h4{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #303030;
	padding: 10px 0 0 0;
	text-align: center;
}
#paypal h4 a{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#paypal h4 a:hover{
	text-decoration: underline;
}


/* ############ PayPal Home ############ */
#paypalbg_home{
	width: 203px;
	height: 285px;
	position: absolute;
	left: 590px;
	top: 160px;
	background: url(../images/bg_paypal.gif);
}
#paypal_home{
	width: 203px;
	height: 285px;
	position: relative;
}
#paypal_home form{
	padding: 0px 0px 0 0;
	left: 37px;
	position: relative;
}
#paypal_home img.choices{
	width: 130px;
	height: 120px;
	position: absolute;
	top: 20px;
	left: 37px;
}
#paypal_home h1{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #014F95;
	padding: 150px 0 10px 0;
	text-align: center;
}
#paypal_home h1 a{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#paypal_home h1 a:hover{
	text-decoration: underline;
}
#paypal_home h2{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #303030;
	padding: 10px 0 5px 0;
	text-align: center;
}
#paypal_home h3{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #999797;
	padding: 0 0 0 0;
	text-align: center;
}
#paypal_home h3 a{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #999797;
	text-decoration: none;
}
#paypal_home h3 a:hover{
	text-decoration: underline;
}
#paypal_home h4{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #303030;
	padding: 10px 0 0 0;
	text-align: center;
}
#paypal_home h4 a{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#paypal_home h4 a:hover{
	text-decoration: underline;
}



/* ----------------------------------- ######### Individual Webpage Content Areas ######### ------------------------------------- */




/* ###################### Homepage Content Area ##################### */

#contenthomebg{
	width: 820px;
	height: 480px;
	position: relative;
	margin: 0 auto;
	background: url(../images/bg_content.gif);
}
#homeheader{
	position: absolute;
	width: 700px;
	left: 30px;
	padding: 0 0 0 0;
}
#homeheader h1{
	font: bold 20px "Arial", Verdana, Tahoma;
	color: #014F95;
	padding: 0px 0px 0px 0px;
}


/*  About Us Container  */

#homeabout{
	position: absolute;
	width: 500px;
	left: 30px;
	top: 50px;
	padding: 0 0 0 0;
}
#homeabout p{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 0px 0px 10px 0px;
}
#homeabout p a{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#homeabout p a:hover{
	text-decoration: underline;
}
#homeabout p.more{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	float: right;
	padding: 10px 0px 0px 0px;
}
#homeabout p.more a{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#homeabout p.more a:hover{
	text-decoration: underline;
}


/*  Hoverbox Product Sequence Container  */

#homesequence{
	position: absolute;
	width: 550px;
	top: 50px;
	padding: 0 0 0 0;
}
#homesequence h1{
	font: normal 18px "Arial", Verdana, Tahoma;
	color: #8C8B8B;
	padding: 0px 0px 20px 30px;
}
#homesequence p{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #999797;
	padding: 340px 0 10px 0px;
	text-align: center;
}


/*  Hoverbox Homepage Container  */
#hoverboxbghome1{
	position: absolute;
	width: 520px;
	left: 100px;
	padding: 0 0 0 0;
}
.hoverboxhome1{
	cursor: default;
	list-style: none;
}
.hoverboxhome1 a{
	cursor: default;
}
.hoverboxhome1 a .preview{
	display: none;
}
.hoverboxhome1 a:hover .preview{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}
.hoverboxhome1 img{
	border: none;
	color: inherit;
	padding: 0 0 0 10px;
	vertical-align: top;
	width: 158px;
	height: 148px;
}
.hoverboxhome1 li{
	border: none;
	color: inherit;
	display: inline;
	position: relative;
}
.hoverboxhome1 .preview{
	background: #fff;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	width: 265px;
	height: 200px;
}
#hoverboxbghome2{
	position: absolute;
	width: 520px;
	left: 15px;
	top: 170px;
	padding: 0 0 0 0;
}
.hoverboxhome2{
	cursor: default;
	list-style: none;
}
.hoverboxhome2 a{
	cursor: default;
}
.hoverboxhome2 a .preview{
	display: none;
}
.hoverboxhome2 a:hover .preview{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}
.hoverboxhome2 img{
	border: none;
	color: inherit;
	padding: 0 0 0 10px;
	vertical-align: top;
	width: 158px;
	height: 148px;
}
.hoverboxhome2 li{
	border: none;
	color: inherit;
	display: inline;
	position: relative;
}
.hoverboxhome2 .preview{
	background: #fff;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	width: 265px;
	height: 200px;
}
#hoverboxtext{
	position: absolute;
	width: 700px;
	left: 15px;
	top: 10px;
}
#hoverboxtext p{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #999797;
	padding: 300px 0 10px 0px;
	text-align: center;
}


/* ####################### About Us Content Area ####################### */


#contentaboutusbg{
	width: 820px;
	height: 370px;
	position: relative;
	margin: 0 auto;
	background: url(../images/bg_content.gif);
}
#aboutusheader{
	position: absolute;
	width: 700px;
	left: 30px;
	padding: 0 0 0 0;
}
#aboutusheader h1{
	font: bold 20px "Arial", Verdana, Tahoma;
	color: #014F95;
	padding: 0px 0px 0px 0px;
}

/*  About Us Container  */

#aboutus{
	position: absolute;
	width: 500px;
	left: 30px;
	top: 50px;
	padding: 0 0 0 0;
}
#aboutus p{
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 0px 0px 10px 0px;
}
#aboutus p a{
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#aboutus p a:hover{
	text-decoration: underline;
}
#aboutus p.team{
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #014F95;
	padding: 20px 0px 10px 0px;
}
#aboutus p.team a{
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#aboutus p.team a:hover{
	text-decoration: underline;
}
#aboutus ul{
	margin: 20px 0 0 70px;
}
#aboutus ul li{
	background: url(../images/content_arrow.gif) 0px 3px no-repeat;
	font: normal 14px "Arial", Verdana, Tahoma;
	line-height: 14px;
	color: #565656;
	padding: 0px 0 0 25px;
	margin: 5px 0 0 0px;
}
#aboutus ul li a{
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#aboutus ul li a:hover{
	text-decoration: underline;
}


/*  Company Information Container  */

#companyinfo{
	position: absolute;
	width: 700px;
	left: 30px;
	top: 320px;
	padding: 0 0 0 0;
}
#companyinfo h1{
	font: bold 16px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 30px 0px 10px 0px;
}
#companyinfo p{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 0px 0px 10px 0px;
}
#companyinfo p a{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#companyinfo p a:hover{
	text-decoration: underline;
}
#companyinfo p.top{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	float: right;
	padding: 10px 0px 0px 0px;
}
#companyinfo p.top a{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#companyinfo p.top a:hover{
	text-decoration: underline;
}




/* ############ Contact Content Area ############ */

#contentcontactbg{
	width: 820px;
	height: 350px;
	position: relative;
	margin: 0 auto;
	background: url(../images/bg_content.gif);
}
#contactheader{
	position: absolute;
	width: 700px;
	left: 30px;
	padding: 0 0 0 0;
}
#contactheader h1{
	font: bold 20px "Arial", Verdana, Tahoma;
	color: #014F95;
	padding: 0px 0px 0px 0px;
}


/* Mailing Address Container */

#contactinfo{
	position: absolute;
	width: 200px;
	left: 30px;
	top: 50px;
	padding: 0 0 0 0;
}
#contactinfo h1{
	font: bold 18px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 0px 0px 15px 0px;
}
#contactinfo h2{
	font: bold 16px "Arial", Verdana, Tahoma;
	color: #014F95;
	padding: 0px 0px 0px 0px;
}
#contactinfo h3{
	font: bold 14px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 15px 0px 7px 0px;
}
#contactinfo h4{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 0px 0px 0px 0px;
}
#contactinfo h4 a{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#contactinfo h4 a:hover{
	text-decoration: underline;
}


/* Contact Form Container*/

#contactform{
	position: absolute;
	width: 250px;
	left: 270px;
	top: 50px;
	padding: 0 0 0 0;
}
#contactform h1{
	font: bold 18px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 0px 0px 15px 0px;
}
#contactform form{
	width: 250px;
	padding: 0px 0px 0 0px;
	margin: 0px;
}
#contactform form input{
	height: 14px;
	width: 230px;
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #999797;
	background-color: #fff;
	padding: 3px;
	border: #565656 solid 1px;
	margin-bottom: 4px;
}
#contactform form textarea{
	height: 60px;
	width: 230px;
	padding: 3px;
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #999797;
	background-color: #fff;
	border: #565656 solid 1px;
	margin-bottom: 6px;
}
#contactform form input.submit{
	background: url(../images/submit.gif) 0 0 no-repeat;
	width: 105px;
	height: 19px;
	margin-left: 21px;
	border: none;
	cursor: pointer;
}
#contactform form input.reset{
	background: url(../images/reset.gif) 0 0 no-repeat;
	width: 105px;
	height: 19px;
	border: none;
	cursor: pointer;
}



/* ############ Gallery Content Area ############ */


#contentgallerybg{
	width: 820px;
	height: 350px;
	position: relative;
	margin: 0 auto;
	background: url(../images/bg_content.gif);
}
#galleryheader{
	position: absolute;
	width: 700px;
	left: 30px;
	padding: 0 0 0 0;
}
#galleryheader h1{
	font: bold 20px "Arial", Verdana, Tahoma;
	color: #014F95;
	padding: 0px 0px 0px 0px;
}


/*  Technical Info Container  */

#galleryinfo{
	position: absolute;
	width: 500px;
	left: 30px;
	top: 50px;
	padding: 0 0 0 0;
}
#galleryinfo p{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 0px 0px 10px 0px;
}
#galleryinfo p a{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#galleryinfo p a:hover{
	text-decoration: underline;
}
#galleryinfo img{
	border: none;
	padding: 5px 0px 0px 0px;
}



/* ############ Product Info Content Area ############ */


#productinfobg{
	width: 820px;
	height: 1520px;
	position: relative;
	margin: 0 auto;
	background: url(../images/bg_content.gif);
}
#productinfoheader{
	position: absolute;
	width: 700px;
	left: 30px;
	padding: 0 0 0 0;
}
#productinfoheader h1{
	font: bold 20px "Arial", Verdana, Tahoma;
	color: #014F95;
	padding: 0px 0px 0px 0px;
}


/* Product Image Detail Container */

#productimagebg{
	width: 203px;
	height: 285px;
	position: absolute;
	left: 30px;
	top: 45px;
	background: url(../images/bg_imagedetail.gif);
}
#productimage{
	width: 181px;
	height: 236px;
	position: relative;
	left: 11px;
	top: 12px;
}
#productimage img{
	border: none;
}
#productimageheader {
	width: 180px;
	height: 15px;
	position: relative;
	left: 11px;
	top: 18px;
}
#productimageheader h1{
	font: normal 18px "Arial", Verdana, Tahoma;
	color: #999797;
	padding: 0px 0px 0px 0px;
}


/* Product Details Info Container*/

#productdetails{
	position: absolute;
	width: 250px;
	left: 270px;
	top: 50px;
	padding: 0 0 0 0;
}
#productdetails h1{
	font: bold 12px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 0px 0px 2px 0px;
}
#productdetails h2{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 0px 0px 2px 0px;
}
#productdetails h2 a{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#productdetails h2 a:hover{
	text-decoration: underline;
}
#productdetails h3{
	font: bold 12px "Arial", Verdana, Tahoma;
	color: #014F95;
	padding: 20px 0px 0px 0px;
}
#productdetails h4{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 10px 0px 0px 0px;
}
#productdetails h5{
	font: bold 12px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 20px 0px 2px 0px;
}
#productdetails h5 a{
	font: bold 12px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#productdetails h5 a:hover{
	text-decoration: underline;
}

/* Product Features Container*/

#productfeatures{
	position: absolute;
	width: 700px;
	left: 30px;
	top: 370px;
	padding: 0 0 0 0;
}
#productfeatures h1{
	font: bold 20px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 0px 0px 0px 0px;
}
#productfeatures p{
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 20px 0px 10px 0px;
}
#productfeatures ul{
	margin: 20px 0 0 70px;
}
#productfeatures ul li{
	background: url(../images/content_arrow.gif) 0px 3px no-repeat;
	font: normal 14px "Arial", Verdana, Tahoma;
	line-height: 14px;
	color: #565656;
	padding: 0px 0 0 25px;
	margin: 5px 0 0 0px;
}
#productfeatures ul li a{
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#productfeatures ul li a:hover{
	text-decoration: underline;
}


/*  Hoverbox Product Sequence Container  */

#productsequence{
	position: absolute;
	width: 820px;
	top: 770px;
	padding: 0 0 0 0;
}
#productsequence h1{
	font: normal 18px "Arial", Verdana, Tahoma;
	color: #8C8B8B;
	padding: 0px 0px 20px 30px;
}
#productsequence p{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #999797;
	padding: 160px 0 10px 0px;
	text-align: center;
}


/* Product Ascending - Descending Container*/

#productascendingdescending{
	position: absolute;
	width: 760px;
	left: 30px;
	top: 1020px;
	padding: 0 0 0 0;
}
#productascendingdescending h1{
	font: normal 18px "Arial", Verdana, Tahoma;
	color: #8C8B8B;
	padding: 0px 0px 0px 0px;
}
#productascendingdescending h2{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #999797;
	padding: 400px 0 0px 0px;
}
#productascendingdescending h3{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 10px 0px 0px 270px;
}
#productascendingbg{
	width: 360px;
	height: 360px;
	position: absolute;
	top: 60px;
	background: url(../images/bg_ascend_decend.gif);
}
#productascending{
	width: 360px;
	height: 360px;
	position: relative;
}
#productascending img{
	border: none;
	padding: 0 0 0 11px;
}
#productascending h1{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #999797;
	padding: 10px 0px 0px 0px;
	text-align: center;
}
#productascending h2{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #999797;
	padding: 0px 0px 10px 0px;
	text-align: center;
}
#productdescendingbg{
	width: 360px;
	height: 360px;
	position: absolute;
	left: 400px;
	top: 60px;
	background: url(../images/bg_ascend_decend.gif);
}
#productdescending{
	width: 360px;
	height: 360px;
	position: relative;
}
#productdescending img{
	border: none;
	padding: 0 0 0 11px;
}
#productdescending h1{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #999797;
	padding: 10px 0px 10px 0px;
	text-align: center;
}
#productdescending h2{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #999797;
	padding: 0px 0px 10px 0px;
	text-align: center;
}
#productascendingmodebg{
	width: 192px;
	height: 240px;
	position: absolute;
	left: 262px;
	top: 95px;
	background: url(../images/bg_ascendingmode.gif);
}
#productascendingmode{
	width: 192px;
	height: 240px;
	position: relative;
}
#productascendingmode img{
	border: none;
	padding: 7px 0 0 11px;
}
#productascendingmode h1{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #999797;
	padding: 11px 0px 0px 0px;
	text-align: center;
}



/* ############ Technical (Specs & Manuals) ############ */

#contenttechbg{
	width: 820px;
	height: 350px;
	position: relative;
	margin: 0 auto;
	background: url(../images/bg_content.gif);
}
#techheader{
	position: absolute;
	width: 700px;
	left: 30px;
	padding: 0 0 0 0;
}
#techheader h1{
	font: bold 20px "Arial", Verdana, Tahoma;
	color: #014F95;
	padding: 0px 0px 0px 0px;
}


/*  Technical Info Container  */

#techinfo{
	position: absolute;
	width: 500px;
	left: 30px;
	top: 50px;
	padding: 0 0 0 0;
}
#techinfo ul{
	margin: 0px 0 30px 0px;
}
#techinfo ul li{
	background: url(../images/content_arrow.gif) 0px 3px no-repeat;
	font: normal 14px "Arial", Verdana, Tahoma;
	line-height: 14px;
	color: #565656;
	padding: 0px 0 0 25px;
	margin: 5px 0 0 0px;
}
#techinfo ul li a{
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #565656;
	text-decoration: none;
}
#techinfo ul li a:hover{
	text-decoration: underline;
}
#techinfo p{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 0px 0px 10px 0px;
}
#techinfo p a{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#techinfo p a:hover{
	text-decoration: underline;
}
#techinfo p.more{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	float: right;
	padding: 10px 0px 0px 0px;
}
#techinfo p.more a{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#techinfo p.more a:hover{
	text-decoration: underline;
}



/* ############ Product Applications ############ */

#contentapplicationsbg{
	width: 820px;
	height: 350px;
	position: relative;
	margin: 0 auto;
	background: url(../images/bg_content.gif);
}
#applicationsheader{
	position: absolute;
	width: 700px;
	left: 30px;
	padding: 0 0 0 0;
}
#applicationsheader h1{
	font: bold 20px "Arial", Verdana, Tahoma;
	color: #014F95;
	padding: 0px 0px 0px 0px;
}


/*  Technical Info Container  */

#applicationsinfo{
	position: absolute;
	width: 500px;
	left: 30px;
	top: 50px;
	padding: 0 0 0 0;
}
#applicationsinfo h4{
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 0px 0px 30px 0px;
}
#applicationsinfo p{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 0px 0px 10px 0px;
}
#applicationsinfo p a{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#applicationsinfo p a:hover{
	text-decoration: underline;
}
#applicationsinfo p.more{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	float: right;
	padding: 10px 0px 0px 0px;
}
#applicationsinfo p.more a{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#applicationsinfo p.more a:hover{
	text-decoration: underline;
}




/* ################## General Info & Policies Content Area #################### */

#contentinfobg{
	width: 820px;
	height: 1800px;
	position: relative;
	margin: 0 auto;
	background: url(../images/bg_content.gif);
}
#infoheader{
	position: absolute;
	width: 700px;
	left: 30px;
	padding: 0 0 0 0;
}
#infoheader h1{
	font: bold 20px "Arial", Verdana, Tahoma;
	color: #014F95;
	padding: 0px 0px 0px 0px;
}

/*  Info List / Anchor Links Container  */

#infolist{
	position: absolute;
	width: 500px;
	left: 30px;
	top: 50px;
	padding: 0 0 0 0;
}
#infolist ul{
	margin: 0px 0 0 70px;
}
#infolist ul li{
	background: url(../images/content_arrow.gif) 0px 3px no-repeat;
	font: normal 14px "Arial", Verdana, Tahoma;
	line-height: 14px;
	color: #565656;
	padding: 0px 0 0 25px;
	margin: 5px 0 0 0px;
}
#infolist ul li a{
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #565656;
	text-decoration: none;
}
#infolist ul li a:hover{
	text-decoration: underline;
}

/*  Informational Container  */

#generalinfo{
	position: absolute;
	width: 700px;
	left: 30px;
	top: 320px;
	padding: 0 0 0 0;
}
#generalinfo h1{
	font: bold 16px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 30px 0px 10px 0px;
}
#generalinfo h2{
	font: bold 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	padding: 10px 0px 10px 0px;
}
#generalinfo p{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 0px 0px 10px 0px;
}
#generalinfo p a{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#generalinfo p a:hover{
	text-decoration: underline;
}
#generalinfo p.top{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	float: right;
	padding: 10px 0px 0px 0px;
}
#generalinfo p.top a{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#generalinfo p.top a:hover{
	text-decoration: underline;
}
#generalinfo ul{
	margin: 10px 0 0 70px;
}
#generalinfo ul li{
	background: url(../images/content_arrow.gif) 0px 3px no-repeat;
	font: normal 11px "Arial", Verdana, Tahoma;
	line-height: 14px;
	color: #565656;
	padding: 0px 0 0 25px;
	margin: 5px 0 0 0px;
}
#generalinfo ul li a{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#generalinfo ul li a:hover{
	text-decoration: underline;
}

/* ################## Order Confirmation & Cancellation Content Area #################### */

#contentorderingbg{
	width: 820px;
	height: 390px;
	position: relative;
	margin: 0 auto;
	background: url(../images/bg_content.gif);
}
#orderingheader{
	position: absolute;
	width: 700px;
	left: 30px;
	padding: 0 0 0 0;
}
#orderingheader h1{
	font: bold 20px "Arial", Verdana, Tahoma;
	color: #014F95;
	padding: 0px 0px 0px 0px;
}


/*  About Us Container  */

#ordering{
	position: absolute;
	width: 500px;
	left: 30px;
	top: 50px;
	padding: 0 0 0 0;
}
#ordering p{
	font: bold 14px "Arial", Verdana, Tahoma;
	color: #565656;
	padding: 0px 0px 10px 0px;
}
#ordering p a{
	font: bold 14px "Arial", Verdana, Tahoma;
	color: #014F95;
	text-decoration: none;
}
#ordering p a:hover{
	text-decoration: underline;
}