@charset "UTF-8";

/* ===== colors ==================================== */

.color1 { color: #A60000; } /* header, anchors */

.success {
	font-weight: bold;
	color: #090;
}

.error,
.required {
	font-weight: bold;
	color: #C00;
}

/* ===== base ====================================== */

html,
body {
	background-color: #CCC;
	padding: 0;
	margin: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #555;
	text-align: center;
}

a {
	color: #A60000;
	outline: none;
}

a:hover { color: #000; }

a img { border: 0; }

em,
strong { color: #000; }

h2 { font-size: 21px; }

h3 { font-size: 18px; }

h4 { font-size: 16px; }

h5 { font-size: 14px; }

h6 {
	font-size: 12px;
	margin-bottom: 0;
}

h2,
h3,
h4,
h5,
h6 { color: #A60000; }

address { margin: 1em 0; }

dd {
	margin-top: .5em;
	margin-bottom: 1em;
}

/* ===== layout ==================================== */

#container {
	position: relative;
	background-color: #FFF;
	width: 970px;
	border: 1px solid #FFF;
	border-top: none;
	margin: 0 auto;
	text-align: left;
}

#container2 {
	position: relative;
	background: transparent url('../images/container2.gif') repeat-y left top;
	border: 1px solid #FFF;
	border-right: none;
	border-left: none;
}

#ribbon_newSite {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url('../images/ribbon_newSite.png') no-repeat left top;
	width: 187px;
	height: 465px;
	text-indent: -9999px;
	z-index: 9999;
}

/* ===== header ==================================== */

#header {
	background: #C5C4C3 url('../images/header.jpg') no-repeat left top;
	padding-left: 50px;
	height: 100px;
}

#header a {
	display: block;
	width: 190px;
	height: 100px;
}

/* ===== nav ======================================= */

#nav {
	background: #000 url('../images/nav.jpg') no-repeat left top;
	height: 30px;
}

#nav li { float: left; }

#nav a {
	display: block;
	background: #000 url('../images/nav.jpg') no-repeat left top;
	height: 30px;
}

#nav a.nav1 {
	background-position: left top;
	width: 117px;
}

#nav a.nav2 {
	background-position: -117px top;
	width: 92px;
}

#nav a.nav3 {
	background-position: -209px top;
	width: 132px;
}

#nav a.nav4 {
	background-position: -341px top;
	width: 176px;
}

#nav a.nav5 {
	background-position: -517px top;
	width: 278px;
}
#nav a.nav6 {
	background-position: -795px top;
	width: 103px;
}

#nav a.nav1:hover { background-position: left -30px; }

#nav a.nav2:hover { background-position: -117px -30px; }

#nav a.nav3:hover { background-position: -209px -30px; }

#nav a.nav4:hover { background-position: -341px -30px; }

#nav a.nav5:hover { background-position: -517px -30px; }

#nav a.nav6:hover { background-position: -795px -30px; }

#nav li.on a.nav1 { background-position: left bottom; }

#nav li.on a.nav2 { background-position: -117px bottom; }

#nav li.on a.nav3 { background-position: -209px bottom; }

#nav li.on a.nav4 { background-position: -341px bottom; }

#nav li.on a.nav5 { background-position: -517px bottom; }

#nav li.on a.nav6 { background-position: -795px bottom; }

/* ===== subnav ==================================== */

#subnav {
	background-color: #D7D6D5;
	width: 135px;
	float: left;
}

#subnav li { float: left; }

#subnav a {
	display: block;
	background: transparent url('../images/subnav.jpg') no-repeat left top;
	width: 45px;
	height: 465px;
}

#subnav a.nav1 { background-position: left top; }

#subnav a.nav2 { background-position: -45px top; }

#subnav a.nav3 { background-position: -90px top; }

#subnav a.nav1:hover { background-position: left bottom; }

#subnav a.nav2:hover { background-position: -45px bottom; }

#subnav a.nav3:hover { background-position: -90px bottom; }

/* ===== content =================================== */

#content {
	background: transparent url('../images/content00.jpg') no-repeat right top;
	width: 335px;
	padding: 30px 475px 30px 25px;
	float: right;
}

#min-height {
	width: 1px;
	height: 405px;
	float: right;
}

#content li { margin: .5em auto; }

h2.hdr {
	display: block;
	height: 18px;
	margin: 0;
}

h2.hdr_AboutUs { background: transparent url('../images/hdr_AboutUs.gif') no-repeat left top; }

h2.hdr_CustomerSupport { background: transparent url('../images/hdr_CustomerSupport.gif') no-repeat left top; }

h2.hdr_Employment { background: transparent url('../images/hdr_Employment.gif') no-repeat left top; }

h2.hdr_LegalStatement { background: transparent url('../images/hdr_LegalStatement.gif') no-repeat left top; }

h2.hdr_PrivacyStatement { background: transparent url('../images/hdr_PrivacyStatement.gif') no-repeat left top; }

h2.hdr_SiteMap { background: transparent url('../images/hdr_SiteMap.gif') no-repeat left top; }

h2.hdr_Template { background: transparent url('../images/hdr_Template.gif') no-repeat left top; }

h2.hdr_WarrantyInformation { background: transparent url('../images/hdr_WarrantyInformation.gif') no-repeat left top; }

/* ===== index ===================================== */


#Home #container2 {
	height: 465px;
	overflow: hidden;
}

#Home #content {
	background: transparent url('../images/i_spot01.jpg') no-repeat left top;
	padding: 382px 0 0 0;
	width: 835px;
}

#Home .description {
	background: #CDCBCA url('../images/i_description.jpg') no-repeat left top;
	padding: 20px 25px;
	border-top: 1px solid #FFF;
	color: #555;
}

#Home .description p { margin: 0; }

/* ===== footer ==================================== */

#footer {
	background: #000 url('../images/footer.jpg') no-repeat left top;
	padding: 15px 0 0 0;
	height: 45px;
	font: normal 9px/9px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
}

#footer a { color: #FFF; }

#container #footer ul { margin-bottom: 5px; }

#footer li { display: inline; }

#footer li a {
	display: inline-block;
	padding: 0 5px 0 7px;
	border-left: 1px solid #FFF;
	text-decoration: none;
}

#footer li.first a {
	padding-left: 0;
	border: none;
}

#footer a:hover { text-decoration: underline; }

#footer small { font-size: 9px; }

/* ===== tables ==================================== */

table.super {
	border-collapse: collapse;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

table.super th,
table.super td {
	padding: .5em 1em;
	border: 1px solid #CCC;
}

table.super th { background-color: #EEE; }

table.super thead th,
table.super tfoot td {
	background-color: #DDD;
	text-align: center;
}

table.super td { background-color: #FFF; }

table.super tr.odd th { background-color: #DDD; }

table.super tr.odd td { background-color: #EEE; }

/* ===== forms ===================================== */

label {
	display: inline-block;
	width: 125px;
}

li li label { display: inline; }

.textfield,
.textarea,
.select,
.multiselect {
	font-size: .92em;
	border: 1px solid #999;
	color: #000;
}

.textfield:focus,
.textarea:focus,
.select:focus,
.multiselect:focus { border-color: #000; }

.multiselect,
.textarea { vertical-align: top; }

.textfield { width: 190px; }

.textarea {
	width: 190px;
	height: 100px;
}

.select,
.multiselect { width: 192px; }

/* ===== default =================================== */

a.pdf {
	display: inline-block;
	background: transparent url('../images/icon_pdf.gif') no-repeat right top;
	padding-right: 16px;
}

.left {
	margin: 0 1em 1em 0;
	float: left;
}

.right {
	margin: 0 0 1em 1em;
	float: right;
}

.clear { clear: both; }

.reduced,
form,
fieldset,
fieldset ol,
h1,
#nav ul,
#subnav ul,
#footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border: none;
}

.hid,
h1,
.hdr,
#nav,
#subnav { text-indent: -9999px; }

.hide,
.print { display: none; }