@charset "UTF-8";
@import "reset.css";
@import "lightbox.css";
@import "menu.css";

/* !Structure for page layout */

html {
	height: 100%;
}

body {
	text-align: center;
	background: #e0e5e9 url('../images/bg.gif') repeat-x;
	margin: 0;
}

body.splash {
	background: #00387f url('../images/splash-bg.gif') repeat-x;
}

/* !Structural elements */

div#mainwrap {
	width: 1022px;
	margin: 10px auto;
	position: relative;
	text-align: left;
}

#header {
	width: 1022px;
	height: 139px;
	background: transparent url('../images/header-bg.gif') top left no-repeat;	
	position: relative;
}

#header div.login_notice {
	position:absolute;
	right:10px;
	bottom:5px;
	color:#fff;
}

#menu {
	position: absolute;
	top: 139px;
	left: 0px;
	width: 1022px;
	height: 40px;
	background: #24456e url('../images/menu-bg.gif') no-repeat;
	z-index: 8;
}

#content {
	background: #fff url('../images/content-bg.gif') repeat-y top right;
	min-height: 445px;
	_height: 445px; /* IE6 doesn't support min-height but height is the same! */
	padding-top: 82px;
	padding-left: 25px;	
	position: relative;
	
}

#footer { 
	width: 1022px;
	height: 104px;
	background: transparent url('../images/footer-bg.gif') no-repeat;
	position: relative;	
}

#footer-bg {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}

/* !Design elements */

#logo {
	width: 329px;
	height: 146px;
	margin: 0 auto;
	position: absolute;
	top: 54px;
	left: 347px;
	z-index: 9;
}

#logo img.logo {
	width: 329px;
	height: 146px;
}

#content #copy {
	width: 500px;
	min-height: 432px;
	_height: 432px; /* IE6 doesn't support min-height but height is the same! */
	padding-right: 58px;
	border-right: solid 1px #d0d1d3;
}

#mainwrap.home #content #copy {
	border-right: 0px;
}

#content #copy-left {
	width: 500px;
	min-height: 430px;
	_height: 430px; /* IE6 doesn't support min-height but height is the same! */
	border-right: solid 1px #ccc;
	float: left;
	position: relative;
	margin-bottom: 10px;
	padding-right: 58px;
}

#content #copy-right {
	float: right;
	margin-left: 10px;
	width: 425px;	
}

#content #slideshow {
	position: absolute;
	top: 42px;
	right: 0px;
	width: 418px;
	height: 485px;
}

#content #hero {
	position: absolute;
	top: 82px;
	right: 13px;
	width: 418px;
	height: 237px;
	overflow: hidden;
}

#content #slideshow img {
	position: absolute;
	top: 0px;
	left: 0px;
}

#footer #address {
	position: absolute;
	right: 0px;
	top: 20px;
	color: #fff;
	width: 420px;
}

	#footer #address img {
		float: left;
		margin-right: 10px;
	}

.widget {
	padding: 15px;
	background: #e2e3e3;
	margin-right: 10px;
	margin-bottom: 15px;
}

/* Style for PRODUCT CATEGORY listing */

ul#product_categories {
	list-style: disc inside;
	margin: 0px;
	padding: 0px;
	position: relative;
}

ul#product_categories li.top {
	background: #e2e3e3;
	margin: 5px 0 0 0;
	padding: 0px 5px; 
	font-size: 16px;
}

ul#product_categories li a {
	text-transform: uppercase; 
	font-size: 14px;
}

/* Drop down list */
ul#product_categories ul.dropdown {
	width: 185px; 
	background: #b2c2cb url('../images/menu-drop-bg.gif') repeat-x; 

	position: absolute; 
	top: 0px; 
	_top: 4px;
	right: 0px; 
	z-index: 9;

	display: none; 
	text-align: left;
	font-size: 10px; 
	color: #004270;
	
	padding: 0px;
	margin: 0px;
	list-style: none;
}

ul#product_categories ul.dropdown li {
	margin: 0; 
	padding: 2px 0 0 5px;
	width: 185px;
	font-size: 10px;
	text-transform: none;
	font-weight: normal;
	background: none;
	text-align: left;
	_margin-left: -15px; /* IE6 hack... I cannot figure this one out! */
}

/* Brochure download list */

ul#brochure_downloads {

	list-style: disc;
	list-style-position: inside;
	padding: 0px;
	margin: 0px;

}

ul#brochure_downloads li {
	margin: 10px 0;
	padding: 0 5px;
	color: #004270
}

ul#brochure_downloads li a {
	font-size: 14px;
}

h2.instruction_manual_block {
	margin: 15px 0 0 0;
}

a.instruction_manual {
	display: block;
	width: 240px;
	color: #4c4c4c;
	float: left;
}

/* !Styles for page entities */

h1, h2 { 
	font-size: 15px;
	color: #004270;
	text-transform: uppercase;
	font-weight: bold;
}

h3 {
	color: #004270;
	font-weight: bold;
	display: inline;
}

h4 {
	color: #4c4c4c; 
	font-weight: normal;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 10px;
}

.product-listing div#copy-left h1 a:hover {
	color: #989898;
}

.stdcopy { 
	font-family: ‘Trebuchet MS’,Trebuchet, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #4c4c4c;
}

.bright {
	color: #0A709B;
}

hr {
	width: 100%;
	height: 0px;
	margin: 15px 0;
	_margin: 10px 0;
	border: 0px;
	border-top: solid 1px #ccc;	
}

#content li {
	margin-left: 30px;
	padding-left: 20px;
}

#content #copy-right h1 {
	font-size: 16px;
}

#content #copy-right {
	font-size: 13px;
}

bright {
	color: #004270;

}

input[type=text],input[type=password],input[type=search], textarea { 
	border-right: solid 1px #eee;
	border-bottom: solid 1px #eee;
	border-left: solid 1px #ccc;
	border-top: solid 1px #ccc;
	padding: 5px;
}

input[type=checkbox] { 

}

a {
	text-decoration: none;
	color: #0A709B;
}

a:hover, a.current {
	color: #004270;
}

div.clear { 
	clear: both; 
	height: 0px;
	_height: 1px; 
	overflow: hidden;
}