@charset "UTF-8";
/* CSS Document */

/*layout & base typography*/

<style type="text/css">
img, div { behavior: url(iepngfix.htc) }
</style>

img { border: none; }

body {
	background:#fff url("../images/bg.jpg") top left repeat-x;
	padding:20px 10px 20px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
#container {
	width: 950px;
	position: relative;
	margin: auto;
	height: 100%;
}
#pagestyle {
	background:url("../images/decoration-middle.png") top center repeat-y;
	padding-left: 40px;
	padding-right: 40px;
	float: left;
	padding-bottom: 40px;
}
#decorationtop {
	width:950px;
	margin:-20 auto;
	height:20px;
	background:url("../images/decoration-top.png") top center no-repeat;
	float: left;
}
#navigation {
	padding-top: 30px;
	padding-bottom: 10px;
	color: #CCCCCC;
	height: 60px;
	float: left;
	width: 870px;
}
#logo img {
	float: right;
	margin-top: -30px;
}
#maincontent {
	background:#d9e1eb url("../images/bg-odell.jpg") top left repeat-x;
	width:790px;
	padding:40px;
	clear: both;
	float: left;
}
#contentleft {
	width:460px;
	color: #003479;
	line-height: 1.75em;
	padding-right: 30px;
	float: left;
}
#contentright {
	width:300px;
	float: right;
	color: #003479;
	text-align: center;
}
#contentrightprod {
	color: #003479;
	width:240px;
	float: right;
	padding-left:60px;
}
#product-carousel {
	width:790px;
	overflow:hidden;
	padding-top:40px;
	clear:both;
	float: left;
}			
.product-info {
	width:230px;
	background:#fff;
	border:1px solid #fff;
	padding:10px;
	margin-right:20px;
	float: left;
}
.product-info img { float:left;	margin-top: -40px;	margin-right: 0; margin-bottom: -10px; margin-left: 0px; }				
.product-info { background:#819bbe url("../images/product-bg-odell.jpg") top left repeat-x; }
.product-info p { margin:0; text-align:right; font-size:10px; color:#40699f; }

#subnav { width:810px; float: left; }

#decorationbottom {	width:950px; height:20px; background:url("../images/decoration-bottom.png") bottom center no-repeat; float: left; }

#signoff {
	float: none;
	clear: both;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#accred {
	float: none;
	clear: both;
	padding-top: 10px;
	text-align: center;
}

#signoff span { float:right; }


/*typography - links etc */

p {margin: 0; }

body a { color: #003479; font-weight:bold; text-decoration: none; }
body a:hover {color: #999999; text-decoration: underline; }
body a:visited { color: #003479; }

#navigation p {	font-weight:bold; }
h1 {margin-top: 0px; line-height: 120%;	font-size: 22px; }
#contentrightprod p span {
	margin-top: 0px;
	font-size: 16px;
	font-weight: bold;
}

#navigation a			{ color:#003479; font-weight:bold; text-decoration:none; }
#navigation a:active	{ color:#999999; text-decoration:none; }
#navigation a:visited	{ color:#003479; }
#navigation a:hover		{ color:#999999; text-decoration:underline; }

#signoff span a			{ color:#999999; font-weight:bold; text-decoration:none; }
#signoff span a:active	{ color:#999999; text-decoration:none; }
#signoff span a:visited	{ color:#999999; }
#signoff span a:hover	{ color:#fd871f; text-decoration:underline; }

.product-info h3 { color: #003479; font-size:13px; margin:0 0 0.5em 0; text-align:right; line-height:16px; }

a			{ color:#003479; font-weight:bold; text-decoration:none; }
a:active	{ color:#003479; text-decoration:none; }
a:hover		{ color:#999999; text-decoration:underline; }
a:visited	{ color:#003479; }

ul, ol { margin:0 0 1em 1.5em; }


/*clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
#contentleftwide {
	width: 790px;
	color: #003479;
	float: left;
}
#boxshots {
	float: left;
	height: 121px;
	width: 98px;
	margin-right: 20px;
	margin-top: 5px;
}