/* -----------------------------------*/
/* ---------->>> PRINT <<<-----------*/ 
/* -----------------------------------*/


body, dd, dl, dt, fieldset, legend, blockquote, form, h1, h2, h3, h4, h5, h6, li, ol, ul {
	margin: 0;
	border: 0 none #FFFFFF;
	padding: 0;
	}

h1, h2, h3, h4, h5, h6 {	font-weight:normal;	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;}

h1 {	font-size:2.8em;	line-height:1.2em}
h2 {	font-size:2em;	line-height:1em;	padding-bottom:15px}
h3 {	font-size:1em}

ul {	list-style:none}

html, body {height:100%}
	
body {
	font: 0.7em Arial, Helvetica, Verdana, sans-serif;
	line-height:1.6em;
	color:#000;
	background: #FFF url(../images/main-shadow.gif) top left repeat-y;
	padding:0;
	margin:0;
	}

a {			color:#FFF;	text-decoration:underline;	background-color:transparant}
a:hover {	text-decoration:none}
a:visited {	font-style:italic}

img {border: 0}

.pageClear {	clear: both;	height: 1px;	overflow: hidden;	margin-bottom: 1px;	font-size: 1px;	line-height: 1px}
	
/* -----------------------------------*/
/* ------>>> GLOBAL STYLING <<<-------*/ 
/* -----------------------------------*/

#pageContainer {
	margin-left:10px;
	height:100%;
	text-align:left;
	background-color: #FFF;
	min-width:800px;
	}
	
* html #pageContainer
{
	w\idth: expression(document.documentElement.clientWidth < 800 ? "800px" : "auto");
}
	
#header {
	background-color:#000;
	width:100%;
	color:#FFF;
	margin:0;
	padding:0;
	}
#benefits {
	clear:none;
	margin-left:370px;
	background-color:#000;
	}
#benefits li {background: transparent url(../images/tick.gif) 25px 0.1em no-repeat;	padding-left:50px;	line-height:2em;	padding-bottom:0.1em}
#benefits strong {font-weight:normal;	font-size:1.1em}	
#logo {
	float:left;	
	display:inline;	
	width:340px;
	padding:10px;
	text-align:center;
	}
#logo strong {font-size:2.8em;	line-height:1.2em}
#logo p {	margin:5px;	font-size:1.2em}
#benefits, #logo {	padding-top:15px}

#navigation {
	border-top:1px solid #FFF;
	background-color:#237286;
	padding-left:10px;
	}
	
#navigation ul {
	list-style:none;
	height:2.5em;
	padding:5px 0;
	}
#navigation li {float:left}
#navigation li a {line-height:2.4em}

#navigation li a,#navigation li a:hover,#navigation li a:visited, #navigation li.current {
	color:#FFF;	
	padding:2px 10px;
	margin-right:10px;
	border:1px solid #FFF;
	text-decoration:none;
	}	
#navigation li a:hover, #navigation li.current {
	background-color:#000;
	line-height:2em;
	}
	
#products {
	clear:both;
	width:100%;
	padding-bottom:30px;
	margin:10px auto;
	margin-top:30px;
	}
#products h1 {font-size:1.8em;	padding:5px 0 10px 0}
#products h2 {font-size:1.8em}
#products h3 {background-color:#000;	color:#FFF;	text-align:center;}
div.feature {
	float:left;
	clear:none;
	width:30%;
	margin-left:10px;
	border:1px solid #237286;
	margin-bottom:30px;
	}
div.feature img {	padding:15px 0}
div.feature h3 {	padding:5px 0;	font-size:1.2em}
div.feature div.header {
	background-color:#237286;
	color:#FFF;
	text-align:center;
	font-size:0.9em;
	}
#products div.productFeatures {padding-top:10px}
#products div.productFeatures h1, #products div.productLinks h2 {	padding-left:10px;	color:#237286}
#products div.productFeatures h1 {	font-size:1.6em}
#products div.productLinks h2 {	font-size:1.2em}
div.productFeatures li, #imagery li {background: transparent url(../images/bullet.gif) 10px 0.3em no-repeat}
div.productLinks li a {background: transparent url(../images/arrow.gif) 16px 0.5em no-repeat;	color:#000;	text-decoration:none}
div.productLinks li a:hover {	text-decoration:underline}
div.productFeatures li, #imagery li, div.productLinks li a {padding-left:25px;	line-height:1em;	padding-bottom:8px}
div.productLinks strong {color:#237286}
div.productLinks {	padding:20px 0}


/* -----------------------------------*/
/* --------->>> PROD PAGE <<<---------*/ 
/* -----------------------------------*/

#content {clear:both}
#imagery {
	float:left;
	width:415px;
	height:100%;
	background: #FFF url(../images/prod-shadow.gif) top right repeat-y;
	margin-right:20px;
	}
#content h1 {	font-size:3em;	color:#237286;	padding:20px 10px;	border-bottom:1px solid #237286}

div.pricepoint {
	position:relative;
	top:-320px;
	left:15px;
	width:240px;
	font-size:0.7em;
	}
	
h2.type {background-color:#237286;	border-bottom:1px solid #FFF}
h2.price {background-color:#000}
h2.type, h2.price {	color:#FFF;	padding:10px 15px;	font-weight:800}

.proddetail {padding:10px;	margin-bottom:20px;	clear:right}
.proddetail img {	float:right;	width:150px;	border:1px solid #237286;	margin:0 10px 20px 15px}

#details {	padding:10px 10px;	margin-left:430px}
#details h2, #details h1 {	border:none}
#details h1 {font-size:1.8em;	padding:20px 0 10px 0}
#details h2 {font-size:1.6em}
th {width:200px;	font-weight:800;	color:#237286;	padding-left:25px}

/* -----------------------------------*/
/* --------->>> FOOTER <<<------------*/ 
/* -----------------------------------*/


#footer {	clear:both;	width:100%;	background-color:#000;	color:#FFF;	padding-top:10px}
#footer img {	float:left;	width:310px;	padding:10px 30px 20px 10px}
#footer div.links {float:left;	width:45%;	padding-left:30px;	font-size:2em;	margin-bottom:30px}
#footer li {padding:7px}
#footer li a {background: transparent url(../images/arrow-footer.gif) 10px 0.3em no-repeat;	padding-left:25px;	text-decoration:none}
#footer li a:hover {background: transparent url(../images/arrow-footer-ro.gif) 20px 0.3em no-repeat;	padding-left:35px}
#footer a {color:#FFF}
#footer p {	text-align:center;	clear:both}
#footer p a {text-decoration:none}
#footer p a:hover {text-decoration:underline}
#footer h1 {padding:10px; border-bottom:none;	color:#FFF}

div.contactInfo {	float:left;	width:40%;	font-size:1.2em;	padding:20px;	margin-bottom:30px}
div.contactInfo h3 {	padding:10px}
div.contactInfo a {	color:#000;	text-decoration:underline}