/* default tag styles */

BODY, TH, TD, P, FORM, UL, OL, DIV, SPAN, FONT {
	color:#000000; /* #666666 */
	font-size:11px;
	font-family:Verdana;
}

B {
	font-weight:bold;
}

UL {
	padding-top:0px;
	padding-left:55px;
	padding-right:19px;
	padding-bottom:15px;
	margin:0px;
}

LI {
	margin-bottom:7px;
}


A {
	color:#666666;
}

A:link {
	/*color:#666666;*/
	color: #cc0000;
}

A:hover {
	color:#666666;
	text-decoration:none;
}

A:active {
	color:#666666;
	text-decoration:none;
}

/*
A:visited {
	color:#969696;
}
*/

/* Form elements */
FORM {
	padding:0px;
	margin:0px;
}

INPUT {
	color:#333333;
	font-family: Verdana;
	font-size: 11px;
	margin-top:2px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	padding:0px;
}

INPUT.noBottomMargin {
	color:#333333;
	font-family: Verdana;
	font-size: 11px;
	margin-top:2px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
}

SELECT {
	color:#333333;
	font-family: Verdana;
	font-size: 11px;
	margin-top:2px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	padding:0px;
	width: 171px;
}



SELECT.verdana {
	color:#333333;
	font-family: Verdana;
	font-size: 11px;
	margin-top:2px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	padding:0px;
	width: 171px;
}

TEXTAREA {
	color:#333333;
	font-family:Verdana;
	font-size: 11px;
	margin-top:2px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	padding:0px;
}

INPUT.radiocheck {
	color:#333333;
	font-family:Courier,Monaco;
	margin-top:9px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
	width:14px;
	height:14px;
}

INPUT.browse {
	color:#333333;
	font-family:Courier,Monaco;
	font-size:12px;
	margin-top:2px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	height:20px;
	padding:0px;
}

.text44 {
	width: 44px;
}

.size10 {
	font-size: 10px;
}

SELECT.state {
	width: 160px;
	font-size:11px;
}
SELECT.ccmonth {
	width: 40px;
	font-size:11px;
}
SELECT.ccyear {
	width: 55px;
	font-size:11px;
}
SELECT.chips {
	width: 90px;
	font-size:11px;
	margin-bottom:7px;
}

SELECT.sched {
	width: 150px;
	font-size:11px;
}

SELECT.company {
	width: 225px;
	font-size:11px;
}

SELECT.survey {
	width: 320px;
	font-size:11px;
}

SELECT.jobtitle {
	width: 350px;
	font-size:11px;
}

/* Nav Styles */
TABLE.nav {
	font-size:10px;
	font-family:Verdana;
	color:#FFFFFF;
	text-decoration:none;
}

TABLE.nav A:link {
	font-size:10px;
	font-family:Verdana;
	color:#DDDDDD;
	text-decoration:none;
}

TABLE.nav A:visited {
	font-size:10px;
	font-family:Verdana;
	color:#DDDDDD;
	text-decoration:none;
}

TABLE.nav A:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

TABLE.nav A:active {
	color:#FFFFFF;
	text-decoration:underline;
}

/* Generic Styles */
.midcontent P {
	padding-top:0px;
	padding-left:19px;
	padding-right:19px;
	padding-bottom:15px;
	margin:0px;
}

.midcontent DIV {
	padding-top:0px;
	padding-left:19px;
	padding-right:19px;
	padding-bottom:15px;
	margin:0px;
}

.midcontent DIV.bgFFFFFF {
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	margin:0px;
}

.midcontent .floatright A {
	color:#cc0000;
}

.midcontent DIV.locations {
	padding-top:0px;
	padding-left:19px;
	padding-right:0px;
	padding-bottom:0px;
	margin:0px;
}

.midcontent DIV.locations P {
	padding-top:0px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:0px;
	margin:0px;
}

.midcontent .required {
	float:right;
	padding-right:19px;
	color:#CC0000;
}

.midcontent .floatright {
	float:right;
	padding-right:19px;
}


.rightcontent P {
	padding-top:0px;
	padding-left:16px;
	padding-right:13px;
	padding-bottom:14px;
	margin:0px;
	color:#666666;
}

.rightcontent UL {
	padding-top:0px;
	padding-left:16px;
	padding-right:13px;
	padding-bottom:14px;
	margin: 0px 16px;
	color:#666666;
}

.rightcontent DIV.rightnav {
	padding-top:0px;
	padding-left:16px;
	padding-right:13px;
	padding-bottom:14px;
	margin:0px;
	color:#999999;
}

.rightcontent .head {
	padding-top:0px;
	padding-left:16px;
	padding-right:13px;
	padding-bottom:3px;
	margin:0px;
	color:#666666;
}

.rightcontent .rightnav TABLE TD {
	color:#333333;
	text-decoration:none;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:7px;
	margin:0px;
}

.rightcontent .rightnav TABLE TD A {
	color:#cc0000;
	text-decoration: underline;
}

.finelalign {
 left: 0; 
 color:#999999;
 font-size:9px;
 text-align:left;
}  

.left-element {
   position: absolute;
   left: 0;
}

.small {
	font-size: 9px;
}

.fineprint {
	color:#999999;
	font-size:9px;
	padding-top:8px;
	padding-left:4px;
	margin:0px;
}

.fineprint A {
	color:#999999;
	text-decoration:none;
}

.fineprint A:hover {
	color:#999999;
	text-decoration:underline;
}

.fineprint {
	color:#999999;
	font-size:9px;
	padding-top:8px;
	padding-left:4px;
	margin:0px;
}


.rank TD {
	color:#666666;
	font-size:9px;
	padding-top:2px;
	margin:0px;
 	text-align: center;
 }

.rank INPUT, INPUT.rank {
	color:#333333;
	font-family:Courier,Monaco;
	margin-top:2px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
	width:14px;
	height:14px;
}

.bgFFFFFF {
	background-color:#FFFFFF;
}

.text000000 {
	color:#000000;
}

.text333333 {
	color:#333333;
}

.textCC0000 {
	color:#CC0000;
}

.confirm {
	color:#333333;
	line-height:18px;
}

/* Home styles */
.homefloat {
	color:#FFFFFF;
	padding-top:0px;
	padding-left:31px;
	padding-right:15px;
	padding-bottom:4px;
	margin:0px;
}

.homecenter {
	padding-top:10px;
	padding-left:13px;
	padding-right:13px;
	padding-bottom:4px;
	margin:0px;
}

.homecenter A {
	text-decoration:none;
}

.homecenter A:hover {
	text-decoration:underline;
}

.homecenter P {
	padding-top:3px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:3px;
	margin:0px;
}


.homeright {
	color:#999999;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:4px;
	margin:0px;
}

.homeright P {
	padding-top:3px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:3px;
	margin:0px;
}


/* quote styles */
.leftnav {
	padding-top:10px;
	padding-left:11px;
	padding-right:11px;
	padding-bottom:8px;
	margin:0px;
}

DIV.leftnav {
	padding-top:10px;
	padding-left:11px;
	padding-right:11px;
	padding-bottom:8px;
	margin:0px;
	background-color:#F8F8F8;
}

.midcontent DIV.leftnav {
	padding-top:10px;
	padding-left:11px;
	padding-right:11px;
	padding-bottom:8px;
	margin:0px;
	background-color:#FFFFFF;
}

.leftnav TABLE TD {
	font-size:11px;
	color:#666666;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:5px;
	margin:0px;
}

.leftnav TABLE TD A {
	color:#333333;
	text-decoration:none;
}

.leftnav TABLE TD A:hover {
	text-decoration:underline;
}


/* locator styles */

.locator P {
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:6px;
	margin:0px;

}

.locator INPUT {
	margin-top:9px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:1px;
	padding:0px;
}

.locator A {
	text-decoration:underline;
}

.locator A:hover {
	text-decoration:none;
}

.locator A#artext1 {
	text-decoration:none;
}

.locator A:hover#artext1 {
	text-decoration:underline;
}

.pop {
	padding-top:12px;
	padding-left:16px;
	padding-right:16px;
	padding-bottom:12px;
	margin:0px;
	color:#333333;
}

.poppage {
	padding-top:4px;
	padding-left:16px;
	padding-right:8px;
	padding-bottom:4px;
	margin:0px;
}

.popnav {
	padding-top:4px;
	padding-left:8px;
	padding-right:16px;
	padding-bottom:4px;
	margin:0px;
}

.popnav A {
	color:#333333;
	text-decoration:none;
}

.popnav A:hover {
	text-decoration:underline;
}
/* Instant Quote - vehicle information page styles */
h4 {
	font-size: 11px;
	background-color: #CCC;
	color: #333;
	margin: 0;
	padding: 3px 13px 3px 16px;
}
H5
{
	color: #999;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding:0px;
	padding-left:16px;
	padding-right:13px;
}

.leftcontent P {
	padding-top:0px;
	padding-left:16px;
	padding-right:13px;
	padding-bottom:5px;
	margin:0px;
	color:#333;
}

.leftcontent A, .leftcontent A:link, .leftcontent A:visited {
	color:#CC0000;
}
.leftcontent A:hover, .leftcontent A:active {
	color:#CC0000;
	text-decoration: normal;
}

.leftContentHeading
{
	color: #cc0000;
}

.leftContentSubHeading
{
	color: #666;
	font-size: 11px;
	font-weight: normal;
}

/* Instant Quote - quote page styles */

BLOCKQUOTE.quote
{
	border-color: #666;
	border-style: solid;
	border-width: 1px;
	padding:0px;
	margin: 0px 20px;
}

blockquote.schedule
{
	padding:0px;
	margin: 0px 20px;
}

INPUT.radiocheck2 {
	color:#333333;
	font-family:Courier,Monaco;
	margin-top:2px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
	width:14px;
	height:14px;
}
TD.iquote A, TD.iquote A:link, TD.iquote A:visited
{
	color:#CC0000;
	text-decoration: underline;
}
A.detail, A.detail:link, A.detail:visited {
	text-decoration: none;
}
A.detail:hover, A.detail:active {
	text-decoration: underline;
}


 A.accessQuote {
	color:#FFFFFF;
}

 A.accessQuote:link {
	color:#FFFFFF;
}

 A.accessQuote:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

A.accessQuote:active {
	color:#FFFFFF;
	text-decoration:underline;
}

/* New classes created as a result of usability changes */
/* TODO: Move these to more sensible locations later */
.content {
	width: 740px;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
}

.midcontent h1 {
	margin: 0px;
	padding: 0px 19px 15px;
	color: #033568;
	font-size: 16px;
	text-decoration: bold;
}

.link {
	color: #CC0000;
	text-decoration: underline;
}

.midcontent a {
	color: #CC0000;
	text-decoration: underline;
}

.rightcontent a {
	color: #CC0000;
	text-decoration: underline;
}

/* Layout for the survey pages */
/* Basic Layout rules
   page width: 740px 
   left column width: 79px
   right column width: 78px
   center column width: 583px */
#surveyHeader {
	width: 740px;  /* page width */
	margin-left: auto;
	margin-right: auto;
}

#surveyContainer {
	width: 740px;  /* page width */
	min-height: 200px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

/* Used to get equal height columns refer to: 
   http://www.alistapart.com/articles/holygrail */
#surveyContainer .column {
	padding-bottom: 20010px;  /* X + padding-bottom */
	margin-bottom: -20000px;  /* X */
}

#surveyCenter {
	float: left;
	width: 583px;  /* center width - 2x padding */
	padding: 0px;
	background-color: #ffffcc;  /* Needed to continue the color of surveyCenterContent to the top of the footer */
}

#surveyCenter b {
	color: #333333;
}

#surveyCenterHeader {
	/*width: 543px;*/  /* center width - 2x padding */
	width: 700px;
	padding: 20px;
	margin: 0px;
	background-color: #ffffff;
}

#surveyCenterContent {
	/*width: 543px;*/  /* center width - 2x padding */
	width: 700px;
	padding: 20px;
	margin: 0px;
	background-color: #ffffcc;
}

#surveyLeft {
	/*width: 59px;*/  /* LC width - 2x padding */
	float: left;
	/*padding: 10px;*/  /* padding */
	background-color: #f3f3f3;
	margin: 0px;
}

#surveyRight {
	/*width: 58px;*/  /* RC width - 2x padding */
	float: left;
	/*padding: 10px;*/  /* padding */
	background-color: #f3f3f3;
	margin: 0px;
}

#surveyFooter {
	clear: both;
	width: 740px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#errorMessage {
	color: #cc0000;
}