@charset 'UTF-8';

* {
    letter-spacing: 0px;
}

html {
    margin: 0px;
    padding: 0px;
    overflow-y: scroll;
}

body {
    padding: 0;
    margin: 0;
    background-color: #F9F9F9;
    background-image: url('/images/layout/header_bg.png');
    background-repeat: repeat-x;
}

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

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

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

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

h1 {
    margin: 5px 0 15px 0;
    padding: 0px;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    text-shadow: 2px 2px 1px #CCCCCC;
}

h2 {
    margin: 5px 0;
    padding: 0px;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #555555;
}

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: 0;
}

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

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

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

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

ul li {
    margin: 0 0 4px 14px;
    padding: 0 0 0 -2px;
}

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 */

.products-border{
	border:1px solid #000000;
}

#container {
    position: relative;
    margin: 0px auto;
    width: 900px;
}

#header {
    position: relative;
    height: 324px;
}

#header h1 {
    margin: 0px;
    padding: 0px;
}

#header_quote {
    position: absolute;
    top: 120px;
    left: 16px;
}

#header_image-skewed {
    position: absolute;
    top: 72px;
    left: 410px;
}

#topnav {
    padding: 15px 0 0 4px;
}

#content {
    padding: 10px;
}

#content, #content td, #content div, #content p {
    line-height: 18px;
}

#footer {
    min-height: 35px;
    margin: 4px auto;
    background-image: url('/images/layout/footer_bg.jpg');
    background-repeat: repeat-x;
    text-align: center;
    font-size: 10px;
}

#footer_address-phone {
    padding-top: 10px;
}

#footer_nav {
    padding-top: 20px;
}

#footer a:link, #footer a:visited {
}

#footer a:hover, #footer a:active {
}

#footer-copyright {
    margin: 20px 0;
    text-align: center;
    font-size: 12px;
}

#footer-copyright a {
    color: #333333;
}

.content-image{
	float:right;
	padding-left:15px;
	margin-right:15px;
}

/* 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;
}

/* MISC */

.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;
}

/* NAVIGATION */

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

.nav li.nav1, .nav li.nav1 a, .nav li.nav1 a strong     { background-position: 0 0; width: 56px; }
.nav li.nav2, .nav li.nav2 a, .nav li.nav2 a strong		{ background-position: -56px 0px; width: 86px }
.nav li.nav3, .nav li.nav3 a, .nav li.nav3 a strong		{ background-position: -142px 0px; width: 103px }
.nav li.nav4, .nav li.nav4 a, .nav li.nav4 a strong		{ background-position: -245px 0px; width: 86px }
.nav li.nav5, .nav li.nav5 a, .nav li.nav5 a strong		{ background-position: -331px 0px; width: 92px }
.nav li.nav6, .nav li.nav6 a, .nav li.nav6 a strong		{ background-position: -423px 0px; width: 90px }

/* HOVER STATE */
.nav li.nav1, .nav li.nav1 a:hover strong, .nav li.nav1 a strong.selected   { background-position: 0px -26px; width: 56px }
.nav li.nav2, .nav li.nav2 a:hover strong, .nav li.nav2 a strong.selected   { background-position: -56px -26px; width: 86px }
.nav li.nav3, .nav li.nav3 a:hover strong, .nav li.nav3 a strong.selected	{ background-position: -142px -26px; width: 103px }
.nav li.nav4, .nav li.nav4 a:hover strong, .nav li.nav4 a strong.selected	{ background-position: -245px -26px; width: 86px }
.nav li.nav5, .nav li.nav5 a:hover strong, .nav li.nav5 a strong.selected	{ background-position: -331px -26px; width: 92px }
.nav li.nav6, .nav li.nav6 a:hover strong, .nav li.nav6 a strong.selected	{ background-position: -423px -26px; width: 90px }

.nav li ul li a:link, .nav li ul li a:visited	{
    background: #F6F6F6 no-repeat 10px 10px;
    color: #000000;
    display: block;
    font-size: 9px;
    height: 100%;
    padding: 6px 5px 6px 15px;
    text-decoration: none;
    width: 168px;
	border-bottom:1px solid #939496;
	border-left:1px solid #939496;
	border-right:1px solid #939496;
	font-size:12px;
}

* html .nav li ul li a:link, .nav li ul li a:visited	{ width: 168px; w\idth: 168px; }

.nav li ul li	{ height: auto; width: auto; top:0px; left:0px;}

.nav li ul li a:hover {background: #F6F6F6 no-repeat 10px 10px; color: #000000; text-decoration:underline; }

.nav ul 	{ list-style: none; margin:35px 0 0 0px; }
.nav li ul  { display: none; position: absolute; top: -10px; left: -1px; z-index: 50; }
.nav li>ul 	{ top: -10px; left: -1px; z-index: 50; }

.nav li:hover ul, .nav li.over ul 	{ display: block; padding: 0px; opacity: .95; filter: alpha(opacity=95); z-index: 50; }