﻿/* ----------------- GLOBAL ------------------- */

body
{
	margin: 0px 0px 80px 0px;
	padding: 0px;
	background: url('../images/bodyBg.jpg');
	font-family: Arial;
	font-size: 12px;
	color: #49505B;
	width: 100%;
}

#containerLarge
{
	width: 100%;
	background: url('../images/siteBg.jpg') no-repeat center 0px;
}

#container
{
	width: 981px;
	margin: 0px auto;
}

a
{
	color: #FFCC00;
}

.ratelink
{
	color: #000000;
}

p
{
	font-family: Arial;
}

p.noHeader
{
	margin-top: 10px;
}
/* ----------------- HEADER ------------------- */

div.header
{
	height: 350px;
	width: 100%;
	background: url('../images/headerBg.jpg') no-repeat;
	position: relative;
	overflow: hidden;
}

div.header.smallHeader
{
	height: 138px;
	background: url('../images/headerBgSmall.jpg') no-repeat;
	overflow: visible;
}

div.header h1
{
	height: 86px;
	width: 224px;
	background: url('../images/logoIMG.png') no-repeat 0px 5px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	z-index: 5000px;
}

div.header a#lnkHome
{
	position: absolute;
	top: 5px;
	left: 10px;
	width: 210px;
	height: 86px;
	text-indent: -5000px;
	display: block;
}

div.header a#lnkSpanish
{
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 10px;
	text-decoration: none;
}

div.header a#lnkHelp
{
	position: absolute;
	top: 5px;
	right: 80px;
	font-size: 10px;
	text-decoration: none;
}

div.header a#lnkContact
{
	position: absolute;
	top: 5px;
	right: 120px;
	font-size: 10px;
	text-decoration: none;
}

/* ------ LOGIN BOX ------ */

div.header div#Login
{
	height: 40px;
	width: 282px;
	position: absolute;
	top: 31px;
	left: 490px;
}

div.header div#Login h3
{
	margin: 0px;
	border: 0px;
	text-indent: -5000px;
	background: url('../images/hdrMyIMG.jpg') no-repeat;
}

div.header div#Login input
{
	color: #FFFFFF;
}

div.header div#Login input#txtUserName, div.header div#Login input#txtPassword
{
	background: url('../images/fieldUsername.jpg') no-repeat;
	width: 100px;
	height: 21px;
	border: none;
	padding: 3px;
	font-size: 10px;
	position: absolute;
	top: 15px;
}
div.header div#Login input#txtUserName
{
	left: 0px;
}
div.header div#Login input#txtPassword
{
	left: 105px;
}

div.header div#Login input#btnSubmit
{
	background: url('../images/btnGo.jpg') no-repeat;
	height: 21px;
	width: 21px;
	text-indent: -5000px;
	border: 0px;
	position: absolute;
	left: 208px;
	top: 15px; /* IE FIXES */
	font-size: 0px;
	display: block;
	line-height: 0px;
}

div.header div#Login a#lnkForget
{
	position: absolute;
	top: 23px;
	left: 235px;
	font-size: 10px;
	color: #B89C2D;
}


/* ------ SEARCH BOX ------ */

div.header div#Search
{
	height: 40px;
	width: 185px;
	position: absolute;
	top: 31px;
	left: 772px;
	border-left: dotted 1px #656565;
	padding-left: 15px;
}

div.header div#Search h3
{
	margin: 0px;
	border: 0px;
	text-indent: -5000px;
	background: url('../images/hdrSearchIMG.jpg') no-repeat;
}

div.header div#Search input#txtSearch
{
	background: url('../images/fieldSearch.jpg') no-repeat;
	width: 160px;
	height: 21px;
	border: none;
	padding: 3px;
	font-size: 10px;
	position: absolute;
	top: 15px;
	color: #FFFFFF;
}

div.header div#Search input#btnSearch
{
	background: url('../images/btnSearch.jpg') no-repeat;
	height: 21px;
	width: 20px;
	text-indent: -5000px;
	border: 0px;
	position: absolute;
	left: 175px;
	top: 15px; /* IE FIXES */
	font-size: 0px;
	display: block;
	line-height: 0px;
}


/* --------------- NAVIGATION ----------------- */

ul.siteNav
{
	width: 980px;
	height: 30px;
	display: block;
	margin: 22px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	background: url('../images/navBg.jpg') no-repeat;
	position: relative;
	top: 212px;
}

ul.siteNav li
{
	float: left;
	display: block;
	height: 30px;
	padding: 0px;
	text-align: center;
	text-indent: -5000px;
}

ul.siteNav li a
{
	font-family: Times New Roman;
	font-size: 11px;
	color: #F6F6F6;
	display: block;
	height: 30px;
	text-transform: uppercase;
	text-decoration: none;
}

ul.siteNav li.nav1
{
	width: 197px;
}
ul.siteNav li.nav1 a:hover, ul.siteNav li.currentSection.nav1 a
{
	background: url('../images/navBg.jpg') no-repeat 0px -30px;
}
ul.siteNav li.nav2
{
	width: 197px;
}
ul.siteNav li.nav2 a:hover, ul.siteNav li.currentSection.nav2 a
{
	background: url('../images/navBg.jpg') no-repeat -197px -30px;
}
ul.siteNav li.nav3
{
	width: 197px;
}
ul.siteNav li.nav3 a:hover, ul.siteNav li.currentSection.nav3 a
{
	background: url('../images/navBg.jpg') no-repeat -394px -30px;
}
ul.siteNav li.nav4
{
	width: 197px;
}
ul.siteNav li.nav4 a:hover, ul.siteNav li.currentSection.nav4 a
{
	background: url('../images/navBg.jpg') no-repeat -591px -30px;
}
ul.siteNav li.nav5
{
	width: 197px;
}
ul.siteNav li.nav5 a:hover, ul.siteNav li.currentSection.nav5 a
{
	background: url('../images/navBg.jpg') no-repeat -788px -30px;
}
/*
ul.siteNav li.nav6 {width:130px;}
ul.siteNav li.nav6 a:hover, 
ul.siteNav li.currentSection.nav6 a {background: url('../images/navBg.jpg') no-repeat -700px -30px}
ul.siteNav li.nav7 {width:150px;}
ul.siteNav li.nav7 a:hover, 
ul.siteNav li.currentSection.nav7 a {background: url('../images/navBg.jpg') no-repeat -830px -30px}

/* --------------- BREADCRUMBS ---------------- */

div#breadcrumbs
{
	clear: both;
}

div#breadcrumbs a
{
	color: #49505B;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	padding-right: 15px;
	margin-right: 5px;
	float: left;
	background: url('../images/bulletArrow.jpg') no-repeat right 3px;
}
div#breadcrumbs a.lastLink
{
	background: none;
}

/* ----------------- CONTENT ------------------ */

div.mainContent
{
	background: #F2F3F3;
	width: 960px;
	height: auto;
	padding: 10px 10px 10px 10px;
}

div.mainContent h2
{
	padding: 0px;
	margin: 0px 0px 20px 0px;
	font-size: 35px;
	font-weight: normal;
	background: url('../images/headerDots.jpg') no-repeat left bottom;
	clear: both;
}

div.contentSection
{
	width: 605px;
	min-height: 460px;
	float: left;
	background: #FFFFFF;
	position: relative;
	padding: 0px 10px 10px 10px;
}

div.contentSection.long
{
	padding: 0px 10px 250px 10px;
}

div.contentSection.wide
{
	width: 940px;
}

div.contentSection h3
{
	margin-top: 10px;
	font-size: 15px;
}

div.contentSection h5
{
	color: #C18330;
	font-size: 15px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

div.contentSection h5.green
{
	color: #669900;
	margin: 0px;
}

div.contentSection h6
{
	color: gray;
	font-size: 10px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

div.contentSection img.cornerUL
{
	position: absolute;
	top: 0px;
	left: 0px;
}
div.contentSection img.cornerUR
{
	position: absolute;
	top: 0px;
	right: 0px;
}
div.contentSection img.cornerLL
{
	position: absolute;
	bottom: 0px;
	left: 0px;
}
div.contentSection img.cornerLR
{
	position: absolute;
	bottom: 0px;
	right: 0px;
}

dl.contactInfo
{
	text-align: left;
	float: left;
	width: 300px;
	margin: 0px;
}
dl.contactInfo dt, dl.contactInfo dd
{
	margin: 0px;
}
dl.contactInfo dt
{
	font-weight: bold;
}

/* ------ COVERAGE ------ */

div#coverage
{
	width: 288px;
	float: right;
	background: url('../images/coverageBg.jpg') #FFFFFF no-repeat center top;
	padding: 150px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}
div#coverage div.optionButton
{
	position: relative;
	background: url('../images/btnOption.jpg') no-repeat 10px 0px;
	padding: 2px 15px 0px 15px;
	margin-top: 5px;
	height: 50px;
	width: 265px;
}
div.optionButton a
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 268px;
	height: 50px;
	display: block;
	text-indent: -5000px;
}
div.optionButton span
{
	color: #FF6600;
	padding: 0px;
	font-weight: bold;
	font-size: 13px;
}
div.optionButton p
{
	color: White;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
}

div#coverage a#lnkAll
{
	background: url('../images/btnAllProducts.jpg') no-repeat;
	margin: 0px;
	width: 288px;
	height: 21px;
	text-indent: -5000px;
	display: block;
}

/* ------ QUICK LINKS ------ */

div#quickLinks
{
	width: 287px;
	height: 65px;
	float: right;
	background: url('../images/bgQuickLinks.jpg') #FFFFFF no-repeat bottom left;
	position: relative;
}

div#quickLinks h2
{
	background: url('../images/hdrQuickLinks.jpg') no-repeat top center;
	text-indent: -5000px;
}

div#quickLinks .quickLinks
{
	position: absolute;
	top: 35px;
	left: 10px;
	margin-top: 0px;
}



/* ----------------- FOOTER ------------------- */

div.footer
{
	background: url('../images/footerBg.jpg') no-repeat 0px 0px;
	width: 982px;
	height: 180px;
	margin: 0px auto;
	position: relative;
}

div.footer ul
{
	position: absolute;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div.footer ul li
{
	display: block;
	float: left;
	padding-left: 15px;
	background: url('../images/bulletGray.jpg') no-repeat 6px 7px;
}

div.footer ul li.noBullet
{
	padding-left: 0px;
	background: none;
}

div.footer ul li a
{
	color: #959C9F;
	text-decoration: none;
	font-size: 11px;
}

div.footer ul.footerNavLeft
{
	left: 10px;
	top: 35px;
}
div.footer ul#footerNavRight
{
	right: 0px;
	top: 55px;
}

div.footer p#footerCopyright
{
	position: absolute;
	right: 0px;
	top: 35px;
	color: #AEAEAE;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

div.awards
{
	height: 100px;
	width: 304px;
	margin: 0px auto;
	position: relative;
	padding-top: 130px;
}

div.awards img
{
	float: left;
	margin: 10px;
}

div.footerImage
{
	position: absolute;
	left: 210px;
	bottom: 140px;
	width: 475px;
	height: 250px;
	background: url('../images/contentBoat.png') no-repeat center top;
	z-index: 3000;
}

/* ------------- RAD NAV ------------- */

.radNav
{
	width: 980px;
	height: 30px;
	display: block;
	margin: 22px 0px 0px 0px;
	padding: 0px;
	position: relative;
	top: 234px;
	background: url('../images/navBg.jpg') no-repeat;
	z-index: 5000;
}

div.header.smallHeader .radNav
{
	top: 22px;
}

.radNav a.rtsLink
{
	font-family: Times New Roman;
	font-size: 12px;
	color: #F6F6F6;
	display: block;
	height: 22px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	margin-top: 0px;
	padding-top: 8px;
}

.radNav a.rtsLink.nav1
{
	width: 196px;
}
.radNav a.rtsLink.nav1:hover, .radNav a.rtsLink.nav1.currentSection
{
	background: url('../images/navBg.jpg') no-repeat 0px -30px;
}
.radNav a.rtsLink.nav2
{
	width: 193px;
}
.radNav a.rtsLink.nav2:hover, .radNav a.rtsLink.nav2.currentSection
{
	background: url('../images/navBg.jpg') no-repeat -196px -30px;
}
.radNav a.rtsLink.nav3
{
	width: 196px;
}
.radNav a.rtsLink.nav3:hover, .radNav a.rtsLink.nav3.currentSection
{
	background: url('../images/navBg.jpg') no-repeat -389px -30px;
}
.radNav a.rtsLink.nav4
{
	width: 198px;
}
.radNav a.rtsLink.nav4:hover, .radNav a.rtsLink.nav4.currentSection
{
	background: url('../images/navBg.jpg') no-repeat -585px -30px;
}
.radNav a.rtsLink.nav5
{
	width: 197px;
}
.radNav a.rtsLink.nav5:hover, .radNav a.rtsLink.nav5.currentSection
{
	background: url('../images/navBg.jpg') no-repeat -783px -30px;
}

/* ------------- DROP UPS ------------- */

div#bannerDiv
{
	background: url('../images/IMGBannerExample.png') no-repeat;
	position: absolute;
	height: 237px;
	width: 980px;
	top: 83px;
	left: 0px;
}

div#dropUp
{
	position: absolute;
	height: 237px;
	width: 980px;
	top: 83px;
	left: 0px;
	display: none;
	background: url('../images/bgDropUp.png') no-repeat;
	z-index: 4000;
}

span#dropUpBG
{
	height: 237px;
	width: 980px;
	display: block;
	background: url('../images/bgDropUp.png') no-repeat;
}

div#dropUp div
{
	display: block;
	height: 237px;
}

div#dropUp div div
{
	display: block;
}

div#dropUp div div ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 17px;
	z-index: 5000;
}

div#dropUp div div ul li
{
	background: url('../images/dropArrow.png') no-repeat top left;
	background-position: 0px 2px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 15px;
	font-size: 11px;
	text-align: left;
}


div#dropUp div div ul li p
{
	margin: 0px;
	padding: 0px;
	color: #CCCCCC;
}

div#dropUp div div h4
{
	margin: 6px 0 0 0;
	padding: 0px;
	color: #AC7932;
	font-size: 13px;
	font-family: Times New Roman;
}

div#dropUp div div h4 a
{
	color: #E5A244;
	display: block;
}
div#dropUp div div h4 a:hover
{
	color: #FF9900;
	background: none;
}

div#dropUp div div a
{
	color: #FFFFFF;
	text-decoration: none;
}
div#dropUp div div a:hover
{
	color: #FFFFFF;
	background-color: #666666;
	text-decoration: none;
}

div#dropUp div div.column
{
	position: relative;
	width: 200px;
	margin: 60px 0px 0px 60px;
	float: left;
}

div#dropUp div.Products div.column
{
	margin: 50px 0px 0px 60px;
}

div#dropUp div div.column.smallMargin
{
	margin-left: 10px;
}

div#dropUp div div.column.longColumn
{
	width: 300px;
}

div#dropUp div.login
{
	position: relative;
	float: left;
	margin: 60px 50px 0 50px;
	width: 300px;
}

div#dropUp div.login input
{
	color: #FFFFFF;
}

div#dropUp div.login input.UsernameB, div#dropUp div.login input.PasswordB
{
	background: url('../images/fieldUsernameB.jpg') no-repeat;
	width: 100px;
	height: 23px;
	border: none;
	padding: 3px;
	font-size: 10px;
	position: absolute;
	top: 25px;
}
div#dropUp div.login input.UsernameB
{
	left: 0px;
}
div#dropUp div.login input.PasswordB
{
	left: 105px;
}

div#dropUp div.login input.SubmitB
{
	background: url('../images/btnGo.jpg') no-repeat;
	height: 21px;
	width: 21px;
	text-indent: -5000px;
	border: 0px;
	position: absolute;
	left: 208px;
	top: 25px; /* IE FIXES */
	font-size: 0px;
	display: block;
	line-height: 0px;
}

div#dropUp div.login a.lnkForgetB
{
	position: absolute;
	top: 33px;
	left: 235px;
	font-size: 10px;
	color: #B89C2D;
}

div#dropUp div
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

/* ------------- Get Info Table ------------- */

.getInfoTable
{
	width: 600px;
	border: solid 1px #ffffff;
	color: #454545;
}

.getInfoTable th
{
	background-color: #CCCCCC;
	font-size: 9pt;
	text-align: center;
	height: 20px;
	border: solid 1px #ffffff;
}

.getInfoTable td
{
	border: solid 1px #ffffff;
	font-size: 10pt;
	vertical-align: middle;
	text-align: center;
	background-color: #F1F0EF;
}

.watermark
{
	color: #999999;
	text-align: center;
	font-size: 9pt;
}

.nonuswatermark
{
	color: #999999;
	text-align: center;
	font-size: 9pt;
}

.watermarkLeft
{
	color: #999999;
	font-size: 9pt;
}

/* ------------- QUOTE PAGES ------------- */

/* ------ OPTIONS ------ */

div#options
{
	width: 288px;
	float: right;
	background: url('../images/footerOptions.jpg') #FFFFFF no-repeat center bottom;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
}

div#options h2
{
	background: url('../images/hdrOptions.jpg') no-repeat;
	width: 288px;
	height: 33px;
	margin: 0px;
	padding: 0px;
	text-indent: -5000px;
}

div#options a
{
	margin: 5px 10px 0px 10px;
	width: 268px;
	height: 50px;
	display: block;
	text-indent: -5000px;
}
div#options a#lnkOption01
{
	background: url('../images/btnOption01.jpg') no-repeat;
}
div#options a#lnkOption02
{
	background: url('../images/btnOption02.jpg') no-repeat;
}
div#options a#lnkOption03
{
	background: url('../images/btnOption03.jpg') no-repeat;
}
div#options a#lnkOption04
{
	background: url('../images/btnOption04.jpg') no-repeat;
}


div.quoteQuestion
{
	background: url('../images/questionBg.jpg') no-repeat top left;
	width: 590px;
	height: 45px;
	padding: 10px 0px 10px 10px;
	clear: both;
}

div.quoteQuestion span
{
	display: block;
	width: 470px;
	float: left;
	margin: 0px 20px 0px 0px;
}

div.quoteQuestion span p
{
	margin: 0px;
	padding: 0px;
}

div.quoteQuestion .RadComboBox_Default
{
	float: right;
}

div.dottedLine
{
	width: 100%;
	text-align: center;
	border-top: dotted 1px #CCCCCC;
	border-bottom: dotted 1px #CCCCCC;
	margin-top: 10px;
	padding: 8px 0px 8px 0;
}
div.dottedLine a.btnQuote
{
	background: url('../images/btnQuote.jpg') no-repeat;
	width: 155px;
	height: 21px;
	display: block;
	text-indent: -5000px;
	margin-left: 220px;
}

a.submit
{
	background: url('../images/btnSubmit.jpg') no-repeat;
	width: 115px;
	height: 22px;
	display: block;
	text-indent: -5000px;
	margin: 10px 0px 10px 0px;
}

a.generateproposal
{
	background: url('../images/btnSubmitNoText150.jpg') no-repeat;	
	width: 150px;
	height: 22px;
	display: block;
	color: White;
	text-indent: 5px;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	margin-top: 3px;
	padding-top: 3px;
}

a.back
{
	background: url('../images/btnOptionFlipped.jpg') no-repeat;
	width: 115px;
	height: 22px;
	display: block;
	color: White;
	text-indent: 80px;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	margin-top: 3px;
	padding-top: 3px;
}

.paddingCells
{
	padding-left: 10px;
}

.tableLine
{
	position: absolute;
	top: 81px;
	left: 377px;
	border-left: solid 1px gray;
	width: 1px;
	height: 232px;
}

hr.quote
{
	color: White;
	background-color: White;
}

