@charset 'UTF-8';

* {
    letter-spacing: 0px;
}

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

body, td, div, p, h1, h2 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #444444;
}

img {
    behavior: url('/css/htc/iepngfix.htc');
    border: 0px;
}

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

a:hover, a:active {
    color: #00296B;
    text-decoration: none;
}

h1 {
    margin: 5px 0;
    padding: 0px;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
}

h2 {
    margin: 5px 0;
    padding: 0px;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
	color:#00296b;
}

h3 {
    margin: 5px 0;
    padding: 0px;
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
}

h4 {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
}

p {
    margin: 0 0 1em 0;
    padding: 0px;
	font-size: 12px;
}

td, div, p, span {
    line-height: 110%;
}

form {
    margin: 0px;
    padding: 0px;
}

center {
    margin: 0px;
    padding: 0px;
}

ul {
    margin: 0;
    padding: 0px;
}

ul li {
    margin: 0;
    padding:0;
}

ul.nobullet li {
    list-style-type: none;
}

ol {
    margin: 10px 0 10px 10px;
    padding: 0px;
}

ol li {
    margin: 0 0 4px 16px;
    padding: 0 0 0 -4px;
}

/*** PAGE LAYOUT ***/

.buildingsign{
	float:right;
	border:1px solid #000000;
	margin:5px;
}

#products-categoryheader{
	padding: 4px;
	background-image:url(../images/lightbgd.gif);
	background-repeat:repeat-x;
	background-color: #CCCCCC;
	font-weight: bold;
    text-align: left;
}

#legend{
	width:300px;
	border:1px solid #000000;
	float:left;
	padding:5px;
	margin:5px 0 0 30px;
}

#legendright{
	float:left;
	width:75px;
}

#legendleft{
	float:left;
	width:225px;
}

#legendcolor1{
	width:40px;
	height:40px;
	background-color:#6b90aa;
	border:1px solid #000000;
	margin:0 0 0 15px;
}

#legendcolor2{
	width:40px;
	height:40px;
	background-color:#f7e977;
	border:1px solid #000000;
	margin:25px 0 0 15px;
}

#legendcolor3{
	width:40px;
	height:40px;
	background-color:#ba7b7e;
	border:1px solid #000000;
	margin:10px 0 0 15px;
}

#legendcolor4{
	width:40px;
	height:40px;
	background-color:#9874b3;
	border:1px solid #000000;
	margin:10px 0 0 15px;
}

#legendcolor5{
	width:40px;
	height:40px;
	background-color:#6aa982;
	border:1px solid #000000;
	margin:10px 0 0 15px;
}

#homeoffice{
	width:auto;
	border:2px solid #6b90aa;
	padding:10px;
}

#homeofficeleft{
	float:left;
}

#homeofficeright{
	float:left;
	width:300px;
}

#area2{
	width:auto;
	border:2px solid #f7e977;
	padding:10px;
}

#area1{
	width:auto;
	border:2px solid #6b90aa;
	padding:10px;
}

#area3{
	width:auto;
	border:2px solid #ba7b7e;
	padding:10px;
}

#area4{
	width:auto;
	border:2px solid #9874b3;
	padding:10px;
}

#area5{
	width:auto;
	border:2px solid #6aa982;
	padding:10px;
}


#map{
	float:left;
}

#container {
    position: relative;
    margin: 10px auto;
    width: 703px;
}

#content{
	margin:5px;
	width:690px;
}

#homeleft{
	width:375px;
	float:left;
}

#rotating{
	width:80px;
	float:left;
	margin:25px 10px 0 10px;
}

#rotating img{
	border:1px solid #000000;
	margin-bottom:15px;
}

#righthome{
	width:214px;
	float:left;
}

#boxtop1{
	height:8px;
	width:213px;
	overflow:hidden;
	background-image:url(../images/home/topbox/top.gif);
}

#boxmiddle1{
	height:195px;
	width:213px;
	overflow:hidden;
	background-image:url(../images/home/topbox/middle.gif);
}

#boxbottom1{
	height:8px;
	width:213px;
	overflow:hidden;
	background-image:url(../images/home/topbox/bottom.gif);
	margin-bottom:5px;
}

#boxtop2{
	height:5px;
	width:213px;
	overflow:hidden;
	background-image:url(../images/home/bottombox/top.gif);
}

#boxmiddle2{
	height:117px;
	width:213px;
	overflow:hidden;
	background-image:url(../images/home/bottombox/middle.gif);
}

#boxbottom2{
	height:6px;
	width:213px;
	overflow:hidden;
	background-image:url(../images/home/bottombox/bottom.gif);
}

/***Nav**/
#nav					{ position: relative; height: 30px; z-index: 50; background-color: #FFFFFF; width: 703px; margin:-3px 0 5px 0; }
#nav li 				{ position: relative; height: 30px; list-style: none; float: left }
#nav li a			 	{ position: relative; height: 30px; display:block; text-decoration:none; cursor: pointer; }
#nav li strong 			{ position: absolute; top: 0px; left: 0px; display: block; height: 30px; }
#nav li, #nav li a, #nav li strong, #nav li div	{ background-image: url(../images/nav.gif); }
#home #nav a:hover		{ text-decoration: none;}


#nav li.nav1, #nav li.nav1 a, #nav li.nav1 a strong		{ background-position: 0 0; width: 82px; }
#nav li.nav2, #nav li.nav2 a, #nav li.nav2 a strong		{ background-position: -82px 0px; width: 87px }
#nav li.nav3, #nav li.nav3 a, #nav li.nav3 a strong		{ background-position: -174px 0px; width: 100px }
#nav li.nav4, #nav li.nav4 a, #nav li.nav4 a strong		{ background-position: -274px 0px; width: 146px }
#nav li.nav5, #nav li.nav5 a, #nav li.nav5 a strong		{ background-position: -420px 0px; width: 89px }
#nav li.nav6, #nav li.nav6 a, #nav li.nav6 a strong		{ background-position: -509px 0px; width: 67px }
#nav li.nav7, #nav li.nav7 a, #nav li.nav7 a strong		{ background-position: -581px 0px; width: 124px }

/* HOVER STATE */
#nav li.nav1, #nav li.nav1 a:hover strong		{ background-position: 0px -30px; width: 82px }
#nav li.nav2, #nav li.nav2 a:hover strong		{ background-position: -82px -30px; width: 87px }
#nav li.nav3, #nav li.nav3 a:hover strong		{ background-position: -174px -30px; width: 100px }
#nav li.nav4, #nav li.nav4 a:hover strong		{ background-position: -274px -30px; width: 146px }
#nav li.nav5, #nav li.nav5 a:hover strong		{ background-position: -420px -30px; width: 89px }
#nav li.nav6, #nav li.nav6 a:hover strong		{ background-position: -509px -30px; width: 67px }
#nav li.nav7, #nav li.nav7 a:hover strong		{ background-position: -581px -30px; width: 124px }

#nav li ul li a:link, #nav li ul li a:visited	{
background: #152A51 url(images/arrow_white.gif) no-repeat 10px 10px;
border-bottom: 1px solid #2b4068;
color: #fff;
display: block;
font-size: 9px;
height: 100%;
padding: 6px 5px 6px 15px;
text-decoration: none;
width: 110px
}

* html #nav li ul li a:link, #nav li ul li a:visited	{ width: 130px; w\idth: 110px;}

#nav li ul li	{ height: auto; width: auto; border-bottom: 1px solid #081835;}

#nav li ul li a:hover {	background: #081835 url(images/arrow_yellow.gif) no-repeat 10px 10px; color: #fc0; }

#nav ul 	{ list-style: none; } /* all lists */
#nav li ul  { display: none; position: absolute; top: 25px;	left: 0px; z-index: 50; } /* second-level lists */
#nav li>ul 	{ top: 25px; left: 0px; z-index: 50; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
#nav li.nav10 ul  { top: 25px;	left: -44px; z-index: 50; } /* second-level lists */

/* lists nested under hovered list items */
#nav li:hover ul, #nav li.over ul 	{ display: block; padding: 0px; opacity: .95; filter: alpha(opacity=95); z-index: 50; }

/***End Nav***/

#greyline{
	background-color:#a3a3a3;
	overflow:hidden;
	height:1px;
	width:auto;
	margin:5px 0 5px 0;
}

#footer {
    margin: 4px auto;
    width: 900px;
    font-size: 10px;
    text-align: center;
}

#footer a:link, #footer a:visited {
    color: #333333;
}

#footer a:hover, #footer a:active {
	    color: #333333;
		text-decoration:underline;
}


/*** OTHER ***/

.curved {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/css/htc/border-radius.htc);
}

fieldset {
    border: 1px solid #CCCCCC;
    margin: 1em 0;
    padding: 1em;
}

fieldset legend {
    display: block;
}

/* MESSAGE CLASS */

.message-err {
    margin-bottom: 10px;
    padding: 5px 0 5px 30px;
    border: 1px solid #FF0000;
    color: #FF0000;
}

.message-msg {
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #000000;
    color: #000000;
}

.message-success {
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #008000;
    color: #000000;
}

/* VALIDATION */

.formRequired_fail {
    border: 1px solid #FF0000;
}

input.validation-failed, textarea.validation-failed {
    border: 1px solid #FF3300;
    color : #FF3300;
}

input.validation-passed, textarea.validation-passed {
    border: 1px solid #00CC00;
    color : #000;
}

.validation-advice, .custom-advice {
    margin: 0 5px;
    color: #FF0000;
}