/* --------------------------------------------
|  GLOBAL STYLES
--------------------------------------------- */

body {
	margin: 0 0 0 0;
	line-height: 13px; 
	border: none;
	background: #707998;
}

body, td {
	font-size: 11px;
	color: #FFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

img {border: 0;}
p {margin-top: 0;}

form {margin: 0}

/* --------------------------------------------
|  NAVIGATION
--------------------------------------------- */
#nav li.requestQuote {float: right;}
#siteContainer {
	background: url(graphics/bg_body.gif) 0 0 repeat-x;
	margin: 0 0 0 0;
	padding: 8px 0 0 0;
	text-align: center;
}
#nav, #header, #contentArea, #footer {
	text-align: left;
}
/* -- main nav -- */
#nav {
	margin: 0 auto;
	clear: both;
	width: 751px;
	height: 34px;
	background: url(graphics/bg_nav.gif) repeat-x;
}
#navList {
	margin: 0;
	padding: 0;
	width: 751px;
	height: 34px;
	list-style-type: none;
}
/* -- main nav li elements -- */

#navList li {float: left;}
#navList li img {display: block;}

/* -- nested ul (dropdown) -- */
#navList li div {
	display: none;
	margin: 3px 0 0 0;
	padding: 0 2px 0 0;
	background: url(graphics/bg_nav_trans.png) 100% 100% no-repeat;
	position: absolute;
	z-index: 15;
}
#navList li.lastItem a {
	padding-bottom: 4px;
}
#navList li ul {
	list-style: none;
	position: relative;
	border-top: 1px solid #303a5e;
	top: -3px;
	margin: 0;
	padding: 0;
	width: 200px;
}
#navList li ul li {
	border-left: 1px solid #303a5e;
	border-right: 1px solid #303a5e;
	width: 198px;
	background: #6c80b0;
}
#navList li ul li a {
	/*background: url(graphics/bullet_orange_arrow.gif) 9px 5px no-repeat;*/
	color: #FFF;
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 15px;
	line-height: 15px;
	padding: 0 10px 0 20px;
	text-decoration: none;
}

#navList li ul li a:hover {
	background: #283356 url(graphics/bullet_orange_arrow.gif) 9px 5px no-repeat;
	color: #ff9900;
}

#navList li:hover div, #navList li.sfhover div {
	display: block; /* lists nested under hovered list items */
}
/* --------------------------------------------
|  STRUCTURE
--------------------------------------------- */

/* -- HEADER -- */
#header {
	width: 751px;
	height: 236px;
	padding: 0 0 0 0;
	margin: 0 auto;
	overflow: hidden;
}

#newsletter {
	width: 146px;
	height: 92px;
	float: right;
	background: url(graphics/bg_newsletter.jpg) no-repeat;
}
#flashContainer {
	float: left;
	height: 236px;
	overflow: hidden;
}
#sideBox {
	width: 146px;
	height: 144px;
	float: right;
	clear: right;
}
#newsletter .inputText {
	width: 114px;
	height: 13px;
	margin: 40px 0 0 10px;
	background: #333;
	border: none;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #FFF;
}
#newsletter .inputImage {
	margin: 5px 0 0 73px;
}
/* -- BODY -- */
#home #contentArea {
	background: url(graphics/bg_home_content.jpg) no-repeat;
}
#contentArea {
	background: url(graphics/bg_content.jpg) no-repeat;
	width: 751px;
	height: 290px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 14px;
}

#colLeft {
	float: left;
	width: 460px;
}
#colRight {
	width: 291px;
	float: right;
	font-size: 11px;
}

/* -- FOOTER -- */
#footer {
	width: 751px;
	background: url(graphics/bg_footer.jpg) no-repeat;
	margin: 0 auto 20px auto;
}
#footer p {
	margin-top: 30px;
	text-align: center;
	color: #aabce0;
}
#footerNav {
	margin: 0 0 0 30px;
	padding: 17px 0 0 0;
	list-style: none;
}
#footerNav li {
	line-height: 14px;
}
#footerNav li a {
	background: url(graphics/bullet_orange_arrow.gif) 0 5px no-repeat;
	padding-left: 11px;
	color: #FFF;
	text-decoration: none;
}
#footerNav li a:hover {
	background: url(graphics/bullet_orange_arrow.gif) 2px 5px no-repeat;
	color: #FF9900;
}

/* --------------------------------------------
|  CONTENT SPECIFIC
--------------------------------------------- */
/*-- use this same name but target it specific as to not be redundant -- */
#colLeft .paddingCont {padding: 12px 20px 0 36px;}
.paddingCont {padding: 12px 24px 0 36px;}
#contentArea p {
	line-height: 16px;
}
/* -- HEADERS -- */
#contentArea h1 {
	margin: 0;
	padding: 0;
	height: 43px;
}
#contentArea h1 img {
	vertical-align: bottom;
}
#contentArea h1 span {
	font-weight: bold;
	font-size: 14px;
	color: #FFF;
	padding-left: 0;
	line-height: 30px;
	margin-top: 15px;
}
#contentArea ul {
	margin: 10px 10px 20px 15px;
	padding: 0;
	list-style: none;
}
#contentArea ul li {
	background: url(graphics/bullet_orange_arrow.gif) 0 5px no-repeat;
	padding-left: 10px;
	margin: 3px 0;
}
#contentArea h1 span strong {padding-right: 6px;font-family: Arial, Helvetica, sans-serif;}
h2, h3 {
	margin-bottom: 5px;
	color: #FFF;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
/* -- HOME RIGHT COLUMN -- */
#colRight ul {
	margin: 0 0 0 26px;
	padding: 0 0 0 0;
	list-style: none;
}
#colRight ul li {
	background: url(graphics/bullet_orange_arrow.gif) 0 15px no-repeat;
	padding: 10px 43px 0 12px;
}
#colRight ul li span {
	font-weight: bold;
	color: #FFCC00;
}
#home .squareButton {margin-top: 3px;}
.squareButton {
	display: block;
	width: 40px;
	height: 14px;
	margin-top: 6px;
}
.squareButton img {background: #333333;}
.squareButton:hover img {background: #555555;}
/* -- CONTENT ANCHORS -- */
#contentArea a {color: #FF9900; text-decoration: none;}
#contentArea a:hover {color: #FF9900; text-decoration: underline}
.clearBoth {clear: both}


/* --------------------------------------------
|  PAGE SPECIFIC
--------------------------------------------- */



/* --------------------------------------------
|	ScrollBar
--------------------------------------------- */ 
#scrollBar {
	background: url(graphics/bg_scrollbar.gif) no-repeat;
	width: 42px;
	height: 231px;
	margin-top: -12px;
	float: right;
}
#scrollBar img,#scrollBar a {display: block;}
#scrollBar #scrollDown {margin-top: 139px;}
#scrollContentMask {
	height: 207px;
	overflow: hidden;
	z-index: 10;
}
#scrollDot {
	height: 3px;
	width: 3px;
	background: white;
	overflow: hidden;
	position: absolute;
	margin-left: 31px;
	margin-top: 25px;
}

/* --------------------------------------------
|	FAQ
--------------------------------------------- */

#faqCategories {
	list-style: none;
	margin-top: -214px;
	padding: 0;
	width: 176px;
	height: 211px;
	background: url(graphics/bg_faq_cat.gif) 100% 0 repeat-y;
} 
#faqCategories a {
	margin: 7px 0 0 0;
	width: 166px;
	padding: 0;
	color: #FFF;
	display: block;
	text-decoration: none;
} 
#faqCategories a:hover {
	color: #FFF;
	text-decoration: none;
}
#faqCategories span {
	position: relative;
	top: 3px;
	display: block;
}
#faqCategories span span {
	padding: 10px 5px 10px 43px;
	font-weight: bold;
	line-height: 16px;
	font-size: 12px;
	text-decoration: none;
	position: relative;
	top: -3px;
	display: block;
	background: url(graphics/icon_folder_large_01.gif) 5px 50% no-repeat; 
}
#faqCategories a:hover, #faqCategories a.currentFaq {background: url(graphics/bg_faq_button_02.gif) 0 0 no-repeat;}
#faqCategories a:hover span, #faqCategories a.currentFaq span {background: url(graphics/bg_faq_button.gif) 0 100% no-repeat;}
#faqCategories a:hover span span, #faqCategories a.currentFaq span span {background: url(graphics/icon_folder_large_02.gif) 5px 50% no-repeat; color: #FFF;}

#faqList {
	margin: 0 0 0 191px;
}
#faqList ul {
	list-style: none;
	display: none;
	margin: 0;
	padding: 0;
}
#faq0 {display: none;}
#faqList .openFaq {display: block;}
#faqList ul li {
	background: url(graphics/bullet_orange_arrow.gif) 0 10px no-repeat;
	padding: 5px 0 5px 14px;
}
#faqList ul li a {
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
	color: #FFF;
}
#faqList ul li a:hover {
	text-decoration: underline;
	color: #FFF;
}

#contentArea .paddingCont h1 {
	font-size: 14px;
	margin: 0 0 7px 0;
	padding: 0 0 10px 0;
	clear: left;
	height: auto;
	background: url(graphics/bg_faq_header.gif) 0 100% repeat-x;
}

#scrollContentMask #faqHistory {
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	background: url(graphics/bg_faq_history.gif) no-repeat;
	padding-left: 21px;
	padding-bottom: 10px;
	display: block;
	float: left;
	height: 16px;
	line-height: 14px; 
	color: #FFF;
}
#scrollContentMask #faqHistory:hover {
	text-decoration: underline;
	color: #FFF;
}

#faqContent {
	margin-top: 10px;
}


/* --------------------------------------------
|	FORM PAGES
--------------------------------------------- */ 
.formColumns .formLeft {
	float: left;
	font-size: 11px;
	width: 195px;
}
.formColumns table {
	width: 443px;
	float: right;
}
.formColumns table td {
	border-style: solid none none none;
	border-width: 1px;
	border-color: #999;
	padding: 2px 3px 3px 0;
	background: url(graphics/bg_border_right.gif) 100% 100% no-repeat;
}
.formColumns table th {
	border-style: solid none none none;
	border-width: 1px;
	border-color: #999;
	border-top: 1px solid #999;
	background: url(graphics/bg_border_left.gif) 0 100% no-repeat;
	width: 120px;
	text-align: right;
	font-weight: bold;
	font-size: 10px;
	color: #FFF;
}
.formColumns table tr.submitRow td {
	border: none;
	background: none;
	text-align: right;
	padding: 4px 1px 0 0;
}
.formColumns table th span {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 2px;
	color: #FF9900;
}
#contentArea .inputText, #contentArea .inputSelect {
	border: 1px solid #7c7c7c;
	background: #292b36;
	vertical-align: middle;
	width: 307px;
	font-size: 11px;
	padding: 2px;
	float: right;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
#contentArea .inputSelect {
	width: 313px;
}
#contentArea .inputCheck {
	vertical-align: middle;
	margin-left: 7px;
	margin-bottom: 3px;
}
.formContainer {
	width: 443px;
}
.formContainer div {
	border: 1px solid #999;
	padding: 2px 3px;
	margin: 0 0 1px 0;
}
.formContainer label {
	display: block;
	line-height: 19px;
	padding: 0 15px 0 0;
}
.reqNote {
	font-size: 10px;
	padding: 0 0 3px 0;
	margin: 0;
	text-align: right;
}
.reqNote span {
	color: #FF9900;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 2px;
}
#contactAddress {
	background: url(graphics/icon_contact_mail.gif) no-repeat;
	padding-left: 55px;
}
#contactPhone {
	background: url(graphics/icon_contact_phone.gif) no-repeat;
	padding-left: 55px;
}
#contactPhone a {font-weight: bold;}


/* --------------------------------------------
|	SLIDESHOW 
--------------------------------------------- */ 
#slideContent {
	height: 195px;
	padding-right: 25px;
}
#slideBar {
	list-style: none;
	overflow: hidden;
	position: absolute;
	margin: 0 0 0 -17px;
	width: 707px;
	text-align: center;
}
#slideBar li {
	display: inline;
}
#slidePrev {text-align: left; width: 800px;}
#slideNext {text-align: right; width: 800px;}

#slideStatus {
	padding-top: 6px;
	white-space: nowrap;
	text-align: center;
}
#slideContent .floatRight {
	float: right;
	margin: 0 0 5px 10px;
}

/* --------------------------------------------
|	SITEMAP LIST 
--------------------------------------------- */ 
#sitemapList {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sitemapList ul {
	padding: 0;
	margin: 0 0 0 4px;
	list-style: none;
	background: url(graphics/bg_sitemap.gif) 0 100% no-repeat;
}
#sitemapList li a {
	font-weight: bold;
}
#sitemapList li li a {
	font-weight: bold;
	margin-left: 13px;
	margin: 0 0 0 3px;
}
#sitemapList a:hover {
	text-decoration: none;
	color: #FFF;
}
#sitemapList li {
	line-height: 18px;
	background: url(graphics/bg_faq_history.gif) 0 2px no-repeat;
}
#sitemapList ul li {
	line-height: 18px;
	background: url(graphics/bg_sitemap_sub.gif) 0 50% no-repeat;
}

/* --------------------------------------------
|	TABLE STYLES 
--------------------------------------------- */ 
.defaultTable {
	border-collapse: collapse;
	width: 550px;
	margin: 15px 0 0 1px;
}
.defaultTable td, .defaultTable th {
	border: 1px solid #575965;
}
.defaultTable .columnRow td {
	border-top: none;
	border-left: none;
	background: none;
}
.defaultTable .columnRow th {
	text-align: center;
	width: 33%;
}
.defaultTable th {
	padding: 5px 8px;
	background: url(graphics/bg_table_th.gif) 100% 100% no-repeat;
	text-align: right;
}

.defaultTable td {
	padding: 5px;
	background: #252733;
}


/* --------------------------------------------
|	DATA SYSTEM
--------------------------------------------- */ 
#dataSystem {
	margin: 0;
	padding: 0;
}
#dataSystem ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	height: 1px;
	overflow: hidden;
	background: url(graphics/bg_data.gif) 0 100% no-repeat;
	width: 400px;
}
#dataSystem ul li {
	margin: 3px 0;
	line-height: 16px;
}
#dataSystem ul li a {
	margin: 0;
}
#dataSystem .dataOpen a {
	color: red !important;
}
ul#dataSystem .rootList {
	width: 600px;
	background: url(graphics/data_folder_big.gif) 0 4px no-repeat;
	line-height: 21px;
}
ul#dataSystem .rootList a {
	color: #FFF;
	padding-left: 18px;
	font-weight: bold;
	font-size: 12px;
}
ul#dataSystem .rootList ul li {
	background: url(graphics/bg_data_small_folder.gif) 0 4px no-repeat;
	padding: 0 0 0 29px;
}
ul#dataSystem .rootList ul a {
	padding: 0;
	font-size: 10px;
}
ul#dataSystem .rootList a:hover {
	color: #FFF;
}