@charset "UTF-8";
/* CSS Document */


body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	margin:0px;
	padding:0px;
	background-image:url(nav/backgroundgradient.jpg);
	background-repeat:repeat-x;
	text-align:center;
}
h2{
	color:#003E74;
}
table{
	font-size:1.2em;
}

td{
	padding:5px;
}
#applicationContainer{
	width:800px;
	margin:5px auto 0px auto;
	padding:0px;
	position:relative;
	text-align:left;
}
#applicationContainer input, #applicationContainer select{
	border:auto;
	margin:0px 0px 5px 0px;
}

#applicationContainer a:link, #applicationContainer a:visited{
	color:#00AAD3;
	text-decoration:none;
	font-weight:bold;
}
#applicationContainer a:hover{
	color:#666666;
} 

#applicationContainer h1{
	color:#00AAD3;
	font-size:1.6em;
	font-weight:bold;
	margin:0px;
	padding:0px;
	
}


#applicationContainer h2{
	color:#003E74;
	font-size:1.4em;
	font-weight:bold;
}
#applicationContainer H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
    COLOR: #77B800
}
#applicationContainerPopup
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 5px auto 0px;
    WIDTH: 100%;
    PADDING-TOP: 0px;
    POSITION: relative;
    TEXT-ALIGN: center
}
#applicationContainerPopup INPUT
{
    MARGIN: 0px 0px 5px
}
#applicationContainerPopup SELECT
{
    MARGIN: 0px 0px 5px
}
#applicationContainerPopup A:link
{
    FONT-WEIGHT: bold;
    COLOR: #00aad3;
    TEXT-DECORATION: none
}
#applicationContainerPopup A:visited
{
    FONT-WEIGHT: bold;
    COLOR: #00aad3;
    TEXT-DECORATION: none
}
#applicationContainerPopup A:hover
{
    COLOR: #666666
}
#applicationContainerPopup H1
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.6em;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #00aad3;
    PADDING-TOP: 0px
}
#applicationContainerPopup H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.4em;
    COLOR: #003e74
}
#ImportantInfo H1
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #77B800;
    PADDING-TOP: 0px
}
#ImportantInfo H2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.6em;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #00aad3;
    PADDING-TOP: 0px;
	text-decoration: underline
}

#ImportantInfoCharges tr
{
	border: 1px #000000 solid
}
#ImportantInfoCharges td
{
	border: 1px #000000 solid
}
#ImportantInfo
{
	text-align: center;
}
#ImportantInfoContents
{
	background-color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px
}
#applicationForm{
	width:700px;
	padding:0px;
	margin:0px;
	position:relative;
}

#applicationFormHeader{
	width:700px;
	height:10px;
	margin:0px 0px -5px 0px;
	padding:0px;
	background-image:url(nav/applicationHeader.jpg);
	background-repeat:no-repeat;
}

#applicationFormMiddle{
	margin:0px;
	padding:0px 10px 10px 10px;
	background-image:url(nav/applicationBackground.jpg);
	background-repeat:repeat-y;
	font-size:1.2em;
	
}
#applicationFormFooter{
	width:700px;
	height:10px;
	background-image:url(nav/applicationFooter.jpg);
	background-repeat:no-repeat;
}

#applicationMonster{
	position:absolute;
	top:-89px;
	right:10px;
}

* html #applicationMonster {
top:-89px;
right:60px;} /*style for IE*/


#applicationFormQuote{
	width:800px;
	position:relative;
}

#applicationFormHeaderQuote{
	width:800px;
	height:10px;
	margin:0px 0px -5px 0px;
	padding:0px;
	background-image:url(nav/quoteHeader.jpg);
	background-repeat:no-repeat;
}

#applicationFormMiddleQuote{
	
	padding:0px 10px 10px 10px;
	background-image:url(nav/quoteBack.jpg);
	background-repeat:repeat-y;
}

#applicationFormFooterQuote{
	width:800px;
	height:10px;
	background-image:url(nav/quoteFooter.jpg);
	background-repeat:no-repeat;
}
a#continueLink{
	overflow:hidden;
	background-image: url(nav/continue.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:80px;
	display:block
	
		}
a:hover#continueLink {
	background-image: url(nav/continueOn.gif);
}
A#requoteLink
{
    DISPLAY: block;
    BACKGROUND-IMAGE: url(nav/requote.gif);
    OVERFLOW: hidden;
    WIDTH: 80px;
    PADDING-TOP: 30px;
	height: 0px !important;
	height /**/:30px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 30px
}
A#requoteLink:hover
{
    BACKGROUND-IMAGE: url(nav/requoteOn.gif)
}
A#deleteLink
{
    DISPLAY: block;
    BACKGROUND-IMAGE: url(nav/delete.gif);
    OVERFLOW: hidden;
    WIDTH: 80px;
    PADDING-TOP: 30px;
	height: 0px !important;
	height /**/:30px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 30px
}
A#deleteLink:hover
{
    BACKGROUND-IMAGE: url(nav/deleteOn.gif)
}
a#moreinfoLink{
	overflow:hidden;
	background-image: url(nav/moreInfo.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:132px;
	display:block;
	margin:19px 0px 0px 0px;
	float:right;
}
a:hover#moreinfoLink {
	background-image: url(nav/moreInfoOn.gif);
}
a#loginLink{
	overflow:hidden;
	background-image: url(nav/login.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:132px;
	display:block;
	float:right;
}
a:hover#loginLink {
	background-image: url(nav/loginOn.gif);
}
A#homeLink
{
    DISPLAY: block;
    BACKGROUND-IMAGE: url(nav/home.gif);
    OVERFLOW: hidden;
    WIDTH: 77px;
	height: 0px !important;
	height /**/:30px;
    PADDING-TOP: 30px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 30px
}
A#homeLink:hover
{
    BACKGROUND-IMAGE: url(nav/homeOn.gif)
}
BODY#legal
{
	background-image: none
}
A#closeLink
{
    DISPLAY: block;
    BACKGROUND-IMAGE: url(nav/close.gif);
    OVERFLOW: hidden;
    WIDTH: 80px;
    PADDING-TOP: 30px;
	height: 0px !important;
	height /**/:30px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 30px
}
A#closeLink:hover
{
    BACKGROUND-IMAGE: url(nav/closeOn.gif)
}
a#gobackLink{
	overflow:hidden;
	background-image: url(nav/goBack.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:80px;
	display:block	
		}
a:hover#gobackLink {
	background-image: url(nav/gobackOn.gif);
}
a#importantInfoLink{
	overflow:hidden;
	background-image: url(nav/ImportantInfo.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:162px;
	position: relative;
	display:block	
		}
a:hover#importantInfoLink {
	background-image: url(nav/importantInfoOn.gif);
}
a#findaddressLink{
	overflow:hidden;
	background-image: url(nav/findAddress.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:122px;
	position: relative;
	display:block;
}
a:hover#findaddressLink {
	background-image: url(nav/findAddressOn.gif);
}
a#helpLink{
	overflow:hidden;
	background-image: url(nav/information.jpg);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:32px;
	position: relative;
	display:block;
}
a:hover#helpLink {
	background-image: url(nav/informationOn.jpg);
}
A#detailsptocc
{
	overflow:hidden;
	background-image: url(nav/changedetails.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:122px;
	position: relative;
	display:block;
}
A#detailsptocc:hover
{
    BACKGROUND-IMAGE: url(nav/changedetailsOn.gif)
}
A#detailsMedical
{
	overflow:hidden;
	background-image: url(nav/changedetails.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:122px;
	position: relative;
	display:block;
}
A#detailsMedical:hover
{
    BACKGROUND-IMAGE: url(nav/changedetailsOn.gif)
}
A#detailsConvict
{
	overflow:hidden;
	background-image: url(nav/changedetails.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:122px;
	position: relative;
	display:block;
}
A#detailsConvict:hover
{
    BACKGROUND-IMAGE: url(nav/changedetailsOn.gif)
}
A#kondetails
{
	overflow:hidden;
	background-image: url(nav/changedetails.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:122px;
	position: relative;
	display:block;
}
A#kondetails:hover
{
    BACKGROUND-IMAGE: url(nav/changedetailsOn.gif)
}
A#details
{
	overflow:hidden;
	background-image: url(nav/changedetails.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:122px;
	position: relative;
	display:block;
}
A#details:hover
{
    BACKGROUND-IMAGE: url(nav/changedetailsOn.gif)
}

A#changeModDetails
{
	overflow:hidden;
	background-image: url(nav/changedetails.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:122px;
	position: relative;
	display:block;
}
A#changeModDetails:hover
{
    BACKGROUND-IMAGE: url(nav/changedetailsOn.gif)
}

.InitialCaps
{
    FONT-SIZE: x-small;
    TEXT-TRANSFORM: capitalize
}
.AllCaps
{
    TEXT-TRANSFORM: uppercase
}
.defaults
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #00468c;
    FONT-STYLE: normal;
    FONT-FAMILY: sans-serif
}
A#detailsClaim
{
	overflow:hidden;
	background-image: url(nav/changedetails.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:122px;
	position: relative;
	display:block;
}
A#detailsClaim:hover
{
    BACKGROUND-IMAGE: url(nav/changedetailsOn.gif)
}
a#occSearch, a#busSearch{
	overflow:hidden;
	background-image: url(nav/search.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:62px;
	position: relative;
	display:block;	
}
a:hover#occSearch, a:hover#busSearch {
	background-image: url(nav/searchOn.gif);
}
a#gobackquoteLink{
	overflow:hidden;
	background-image: url(nav/gobackquote.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:72px;
	position: relative;
	display:block;	
}
a:hover#gobackquoteLink {
	background-image: url(nav/gobackquoteOn.gif);
}
a#saveexitLink{
	overflow:hidden;
	background-image: url(nav/saveexit.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:92px;
	position: relative;
	display:block;
}
a:hover#saveexitLink {
	background-image: url(nav/saveexitOn.gif);
}
a#exitLink{
	overflow:hidden;
	background-image: url(nav/exit.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:92px;
	position: relative;
	display:block;
}
a:hover#exitLink {
	background-image: url(nav/exitOn.gif);
}
a#priceLink{
	overflow:hidden;
	background-image: url(nav/pricecomparison.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:122px;
	position: relative;
	display:block;	
}
a:hover#priceLink {
	background-image: url(nav/pricecomparisonOn.gif);
}

a#findVehicleLink{
	overflow:hidden;
	background-image: url(nav/findvehicle.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:122px;
	position: relative;
	display:block;	
}
a:hover#findVehicleLink {
	background-image: url(nav/findvehicle_on.gif);
}
a#payinfullLink{
	overflow:hidden;
	background-image: url(nav/payinfull.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:132px;
	position: relative;
	display:block;
	margin:0px auto;
}
a:hover#payinfullLink {
	background-image: url(nav/payinfullOn.gif);
}


a#payinstallLink{
	overflow:hidden;
	background-image: url(nav/paybyinstall.gif);
	background-repeat: no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:132px;
	position: relative;
	display:block;
	margin:0px auto;
}
a:hover#payinstallLink {
	background-image: url(nav/paybyinstallOn.gif);
}
#quoteTable
{
    FONT-SIZE: 0.6em;
    MARGIN: 0px;
    BACKGROUND-COLOR: #eeeeee
}
#quoteTable H1
{
    FONT-SIZE: 1.2em;
    COLOR: #003399
}
#quoteTable TD
{
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-BOTTOM: #ffffff 1px solid
}
#quotePrice
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    COLOR: #ffffff;
    PADDING-TOP: 10px;
    HEIGHT: 100px;
    BACKGROUND-COLOR: #0099cc;
    TEXT-ALIGN: center
}
#quoteOffset
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.8em;
    PADDING-BOTTOM: 10px;
    COLOR: #ffffff;
    PADDING-TOP: 10px;
    HEIGHT: 60px;
    BACKGROUND-COLOR: #77b800
}
#carbonOffset
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    COLOR: #ffffff;
    PADDING-TOP: 10px;
    HEIGHT: 100px;
    BACKGROUND-COLOR: #003e74;
    TEXT-ALIGN: center
}
.payNow{
	background-color:#D9F2F8;
	padding:10px;
}

.largeText{
	font-size:5em;
	font-weight:bold;
}

.mediumText{
	font-size:1.2em;
	font-weight:bold;
}

.mediumText strong{
	font-size:1.3em;
}

.smallText{
	font-size:0.8em;
	font-weight:bold;
}

.appBottomPanel{
	padding:10px;
}

.greenText{
	color:#77B800;
	font-weight:bold;
	font-size:1.3em;
}