@charset "UTF-8";
@import url("formstyles.css");
@import url("navigation.css");
@import url("SpryTabbedPanels.css");
@import url("SpryValidationTextField.css");
/* CSS Document */

body {
	background-color: #FFFFFF;
	background-image: url(../img/background.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font: 12px "Trebuchet MS", Helvetica, sans-serif;
}
a {
	color: #004400;
}
a:hover {
	text-decoration: none;
}
a img {border:none;}
h1 {
	font: bold 32px "Trebuchet MS", Helvetica, sans-serif;
	color: #004400;
	display: block;
	margin: 0px 0px 10px;
	padding: 0px;
}
h2 {
	font: bold 18px "Trebuchet MS", Helvetica, sans-serif;
	color: #004400;
	display: block;
	margin: 0px 0px 15px;
	padding: 0px;
}
h3 {
	font-size: 13px;
	margin: 0px 0px 10px;
	padding: 0px;
	color: #666666;
	font-weight: bold;
}

/*** CLEAR FLOAT ***/
.clearfloat {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
.tab-border {
	background: url(../img/tab-border.gif) no-repeat left center;
}
#spmFiller {
	display: none;
}
.hidden {
	display: none;
}
.onpage {
	background: url(../img/arrow_bg.gif) left top;
	color:#004400;
}

/*** CONTAINER ***/
#container {
	padding: 0px;
	width: 800px;
	margin: 0px auto;
	background: url(../img/containerbg.jpg) no-repeat center top;
}

/******************************************
		PAGE DISPLAY AREA
******************************************/
#container #home_display {
	height: 267px;
	width: 800px;
	background: url(../img/home_display.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
}
#container #products_display {
	height: 202px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

/********/

/******************************************
    SINGLE COLUMN STYLES
******************************************/

#container #singleColumn {
	padding: 20px;
	margin: 0px;
	font-size: 12px;
}
#container #singleColumn h1 {
	font-size: 28px;
}

/********/


/* ---------------------------------------- HOME PAGE ITEMS BELOW -----------------------------------------------*/
/* DREAMWEAVER HAS THE CAPABILITIES TO COLLAPES CODE TO BETTER FIND INFORMATION.  IF THE CODE BETWEEN THE LINE ABOVE THIS AND THE END TAG IS NOT COLLAPES, IT WILL BE HELPFULL TO DO SO. */

/******************************************
		HOME PAGE CENTER NAVIGATION
******************************************/
#container #home_centerNav {
	height: 120px;
	width: 800px;
	color: #FFF;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}
#container #home_centerNav ul {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 800px;
}
#container #home_centerNav ul li {
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
	background: #272c2d;
}
#container #home_centerNav ul li:hover a {
	color:#004400;
	}  
#container #home_centerNav ul li a {
	color: #FFFFFF;
	display: block;
	margin: 0px;
	padding: 18px 8px 0px;
	height: 100px;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	width: 117px;
	line-height:30px;
}
#container #home_centerNav .home_centerNav_Gray {
	color: #939696;
	line-height: 16px;
	font-size: 13px;
	font-weight: normal;
}

/********/

/******************************************
	HOME LOCATOR BOX
******************************************/
#home_locater {
	margin: 0px;
	padding: 25px 20px 20px;
	float: left;
	width: 280px;
}
#home_locater #locator {
	height: 31px;
	background: #c8d6c9;
	margin: 0px;
	padding: 12px 0px;
}
#home_locater p {
	margin: 10px 0px 0px;
	padding: 0px;
	font-size: 12px;
	color: #333333;
}
#home_locater #locator #text {
	float: left;
	width: 60px;
	padding-left: 10px;
	font-size: 13px;
	color: #004400;
	font-weight: bold;
	height: 31px;
	line-height: 31px;
}
#home_locater #locator #zipcode {
	float: right;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	width: 200px;
	height: 31px;
}
#home_locater #locator #zipcode #zip {
	width: 167px;
	margin: 3px 0px 0px;
	padding: 0px;
	float: left;
	height: 24px;
	line-height: 24px;
	color: #004400;
	font-size: 14px;
}
#home_locater #locator #zipcode #Search {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 31px;
	width: 26px;
	display: block;
	border-style: none;
}

/********/


#home_welcome {
	float: left;
	margin: 0px;
	padding: 25px 20px 0px 0px;
	font-size: 12px;
	width: 457px;
}
#home_welcome p {
	margin: 0px 0px 10px;
	padding: 0px;
}

/*
#home_welcome #contactForm .text {
	width: 75px;
	height: 20px;
	line-height: 20px;
}
#home_welcome #contactForm .text_short {
	width: auto;
	padding-left: 6px;
	height: 20px;
	line-height: 20px;
}
#home_welcome #contactForm .fields {
	width: 350px;
	min-height: 20px;
	height: auto !important;
}
#home_welcome #contactForm .fields input {
	width: 300px;
}
#home_welcome #contactForm .fields textarea {
	width: 302px;
	height:100px;
}
#home_welcome #contactForm .fields_short{
	width: 132px;
	height: 20px;
}
#home_welcome #contactForm .fields_short input {
	width: 132px;
}
#contactForm input {
}*/
/********/

/* ---------------------------------------- END HOME PAGE ITEMS -----------------------------------------------*/

/******************************************
	OTHER PAGE ITEMS
******************************************/
#container #left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 320px;
}
#left #gray_spacer {
	background: #272c2d;
	height: 58px;
	width: 320px;
	margin: 0px 0px 50px;
	padding: 0px;
}
#left #product_navigation ul {
	margin: 0px;
	padding: 0px;
	width: 320px;
}
#left #product_navigation ul li {
	list-style: none;
	margin: 0px;
	font-size: 11pt;
	font-weight: bold;
}
#left #product_navigation ul li a {
	color: #272c2d;
	display: block;
	border-bottom: 1px solid #8c9090;
	padding: 8px 0px 8px 50px;
	width: 270px;
	text-decoration: none;
	background: url(../img/arrow_bg.gif) no-repeat left -5px;
}
#left #product_navigation ul li a:hover {
	color: #004400;
	text-decoration: none;
}

#container #right {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 480px;
}
#container #right #overview-container {
	width:283px;
	float:left;
}
#right  #small_gray_spacer  {
	background: #272c2d;
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 480px;
}
#right #technical_specs_nav {
	margin: 0px 0px 20px;
	padding: 0px;
	background: url(../img/tech_bg.gif) no-repeat 0px 0px;
	font: 10pt Helvetica;
}
#right #technical_specs_nav ul {
	margin: 0px;
	padding: 0px;
	width: 480px;
	float: left;
}
#right #technical_specs_nav ul li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#right #technical_specs_nav ul li a {
	display: block;
	line-height: 48px;
	padding-right: 24px;
	padding-left: 24px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

#right #content {
	width: 460px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
#right #content ul {
	font-size: 10pt;
	font-weight: normal;
	margin: 0px 0px 0px 13px;
	padding: 0px;
}
#right #content ul li {
	margin: 0px 0px 5px;
}


/******************************************
	FOOTER AREA
******************************************/
#container #footer {
	font-size: 11px;
	padding: 15px;
	width: 770px;
	background: #d4d5d5;
	margin: 30px 0px 0px;
}
#container #footer #footer_left {
	float: left;
	width: 500px;
	font-weight: bold;
}
#container #footer #footer_left a {
	color: #000000;
	text-decoration: none;
}
#container #footer #footer_right {
	float: right;
	width: 270px;
	text-align: right;
	color: #004400;
	font-weight: bold;
	margin:0;
	padding:0;
}
#container #footer #footer_right img {
	margin:0;
	padding:0;
}

/******************************************
	FEATURES LIST
******************************************/
div .TabbedPanelsContent ul {
	padding-left:20px;
}

.TabbedPanelsContent ul li {
	font-size:12px;
}


/******************************************
	DATA CHARTS
******************************************/
#spectable {
font-family:Arial, Helvetica, sans-serif;
width:460px;
text-align:center;
}
#spectable td {
border-bottom:1px solid #666;
}
#table-header {
background-color:#004400;
color:#fff;
font-size:10px;
font-weight:bold;
height:30px;
}
#table-subhead {
background-color:#336933;
color:#fff;
font-size:12px;
font-weight:bold;
text-align:center;
height:20px;
}
#table-data {
font-size:11px;
height:20px;
}
#footnote {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
font-style:italic;
color:#000;
}
.vrc-images {
	float: right;
	border: 1px solid #004400;
	margin-bottom: 10px;
	margin-left: 10px;
}
.dimensions {
	text-align: center;
	line-height: 20px;
	margin-right: 20px;
	width: 440px;
	border-bottom: 1px solid #666;
}
.dimensions td {
	width: 88px;
	padding-bottom: 3px;
}
.dimension-header {
	color: #FFFFFF;
	background: #004400;
}