/* 
START - Global Styles 
	These styles are used a various elements throughout the site 
*/
body {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px;
	background			: url(/_assets/graphics/siteBackground.jpg) top repeat-x;
	background-color	: #FFFFFF;
}
table {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px;
}
a {
	color				: #0067b4;
}
form {
	padding				: 0px;
	margin				: 0px;
}
hr {
	border				: none;
	border-top			: 1px solid #A5A5A5;
}
/*
END - Global Styles 
*/

/*
START - System Message Styles
	These styles are used for display error messages or notifications to the user
*/
#SystemMessage {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px;
	font-weight			: bold;
	width				: 100%; 
	padding				: 5px 0px; 
	margin-bottom		: 1em;
}
#SystemMessage.notice {
	color				: #006600;
	background-color	: #ccffcc;
	border-bottom		: 1px solid #006600;
	border-top			: 1px solid #006600;
}
#SystemMessage.error {
	color				: #660000;
	background-color	: #FFCCCC;
	border-bottom		: 1px solid #660000;
	border-top			: 1px solid #660000;
}
/*
END - System Message Styles
*/

/*
START - Site Styles
	These styles are used to define the overall site width along with the header portion
*/
#Site {
	font-family			: Verdana, Geneva, sans-serif;
	font-size			: 12px;
	width				: 970px;
}
#Site td.header {
	padding				: 5px 20px;
	height				: 82px;
}
#Site td.header_img {
	background			: url(/_assets/graphics/siteStatement.jpg) center no-repeat;
}
#Site td.gap {
	height				: 35px;
}
#Site td.footer, #Site td.footer a {
	color				: #000000;
	font-size			: 10px;
	padding				: 2px 3px;
}
#Site td.mainContent {
	background-color	: #FFFFFF;
	vertical-align		: top;
	padding				: 10px 0px;
}
#Site span.searchBtn {
	width				: 15px; 
	height				: 15px; 
	position			: absolute;	
	cursor				: pointer;
}
#Site td.welcomeText, #Site a.welcomeText, #Site td a.globalLink {
	color				: #999999;
}
/*
END - Site Styles
*/

/*
START - Navigation Bar Styles
	These styles are used for the sites navigation. They style a links and the main category buttons.
*/
#NaviBar {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px;
	background			: url(/_assets/graphics/naviBar.jpg) center no-repeat;
	height				: 35px;
	padding				: 0px 20px;
}
#NaviBar a {
	color				: #000000;
	font-size			: 11px;
	text-decoration		: none;
}
#NaviBar a.selected {
	font-style			: italic;
	font-weight			: normal;
}
#NaviBar td.categories {
	font-weight			: bold;
}
/*
END - Navigation Bar Styles
*/

/*
START - Search Input Styles
*/
#SearchBox {
	font-family			: Verdana, Geneva, sans-serif;
	font-size			: 12px;
}
#SearchBox input.text {
	border				: 0px;
	font-size			: 10px;
	padding				: 0px;
	margin				: 0px 0px 0px 10px;
	width				: 160px;
	color				: #999;
}
#SearchBox td.searchBG {
	background			: url(/_assets/graphics/roundSearchBox.jpg) no-repeat; 
	height				: 26px; 
	width				: 198px;
}
/*
END - Search Input Styles
*/

/*
START - NSPanel Styles
	These styles are used to display information in a panel style. They have pronounced headers.
*/
#NSPanel {
	font-family			: Verdana, Geneva, sans-serif;
	font-size			: 12px;
	width				: 100%;
}

/* NSPanel A Styles (Buttons) */
#NSPanel a.noLine {
	text-decoration		: none;
}
#NSPanel a.resultLink {
	font-size			: 12px;
	font-weight			: bold;
}
#NSPanel a.blackLink {
	color				: #000;
}

/* NSPanel Global Styles */
#NSPanel .pointer {
	cursor				: pointer;
}
#NSPanel .standardFont {
	font-size			: 12px;
}

/* NSPanel TH Styles */
#NSPanel th {
	font-size			: 12px;
	text-align			: left;
	padding				: 5px 15px;
	font-weight			: normal;
}
#NSPanel th.blueHeader {
	background-color	: #5C8ACF;
	color				: #FFF;
}
#NSPanel th.darkGrayHeader {
	background-color	: #808285;
	color				: #FFF;
}
#NSPanel th.lightGrayHeader {
	background-color	: #B2B4B6;
	color				: #000;
	font-weight			: bold;
}
#NSPanel th.redHeader {
	background-color	: #E31837;
	color				: #FFF;
	font-weight			: bold;
	font-size			: 14px;
}
#NSPanel th span.subHeader {
	display				: block;
	font-size			: 11px;
	font-weight			: normal;
}
#NSPanel th.bottomBorder {
	border-bottom		: 2px solid #F1F2F2;
}

/* NSPanel TD Styles */
#NSPanel td {
	font-size			: 11px;
}
#NSPanel td.footer {
	border-top			: 2px solid #F1F2F2;
	background-color	: #5C8ACF;
	color				: #FFFFFF;
	text-align			: right;
	padding				: 5px 15px;
}
#NSPanel td.footer a {
	color				: #FFFFFF;
}
#NSPanel td.odd {
	background-color	: #F1F2F2;
	padding-left		: 15px;
	padding-right		: 15px;
}
#NSPanel td.even {
	background-color	: #DCDDDF;
	padding-left		: 15px;
	padding-right		: 15px;
}
#NSPanel td.highlight {
	background-color	: #AEBEE4;
	padding-left		: 15px;
	padding-right		: 15px;
}
#NSPanel td.white {
	background-color	: #FFFFFF;
	padding-left		: 15px;
	padding-right		: 15px;
}
#NSPanel td.whiteout {
	background-color	: #FFFFFF;
	padding				: 0px 5px;
}
#NSPanel td.support {
	width				: 75px;
	background			: url(/_assets/graphics/keyPad.jpg) center;
	overflow			: hidden;
}
#NSPanel td.label {
	text-align			: right;
	padding-right		: 5px;
}
#NSPanel td.date {
	font-style			: italic;
	font-size			: 10px;
	border-top			: 1px solid #A5A5A5;
	text-align			: right;
}

#NSPanel div.date {
	font-style			: italic;
	text-align			: right;
	border				: none;
	font-size			: 11px;
}
/*
END - NSPanel Styles
*/

/*
START - Tech Spec Styles
*/#TechSpecs {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px;
}
#TechSpecs td.label {
	background-color	: #F1F2F2;
	border				: 1px solid #B2B4B6;
	border-top			: none;
	font-weight			: bold;
}
#TechSpecs td.data {
	border				: 1px solid #B2B4B6;
	border-top			: none;
}
/*
END - Tech Spec Styles
*/

/*
START - Dealer Locator Styles
	These styles are used for the dealer locator search.
*/
.mapBox {
	width				: 375px;
	height				: 375px;
	background-color	: #CCCCCC;
	border				: medium solid #000000;
}
.contactAddress {
	display				: block;
	text-transform		: capitalize;
	text-align			: center;
}
/*
END - Dealer Locator Styles
*/

/*
START - DD, DL, DT Styles
*/
dt {
	font-size			: 12px;
	font-weight			: bold;
	color				: #0067b4;
	text-decoration		: underline;
	cursor				: pointer;
}
dt.selected {
	font-size			: 12px;
	font-weight			: bold;
	color				: #0067b4;
	text-decoration		: none;
	cursor				: auto;
}
dd {
	margin				: 5px 10px 10px 10px;
	display				: none;
}
/*
END - DD, DL, DT Styles
*/

.required {
	color				: #FF0000;
}
span.required {
	padding				: 5px 0px;
	margin				: 0px 0px 5px;
	display				: block;
	border-bottom		: 1px solid #A5A5A5;
	font-weight			: bold;
}

span.importantMessage {
	margin				: 0px 0px 5px;
	display				: block;
	color				: #FF0000;
	font-weight			: bold;
}

span.message {
	margin				: 0px 0px 10px;
	color				: #000000;
	display				: block;
}

.padLeft5 {
	padding-left		: 5px;
}
.padRight5 {
	padding-right		: 5px;
}
.padBottom5 {
	padding-bottom		: 5px;
}
.padTop5 {
	padding-top			: 5px;
}
.fullPad5 {
	padding				: 5px;
}

.leftColumn {
	width				: 290px
}