/*----------------------------------------------------------------------------------------------------
///////////////////      Genral Style Sheet Rules       //////////////////////////////////////////////
------------------------------------------------------------------------------------------------------

- ID and Classname selectors should be semantically named.
 
- Use comments liberally as they will be removed on the server.

- All attempts to avoid css filters should be exhausted before using a filter. If a filter must 
be used please use the underscore ie 6 hack (ex. _property:value;) to target IE 6 only, and the star 
hack to target IE 7 and IE 6 (ex. *property:value;).

- ID and Classname selectors will use Hungarian Naming. Underscores or hyphens should not be used.

- All font declarations are done in the global file by adding selectors to the font size section.

- Be sure to maintin the style sheet information by creating logical sections of content for
each style sheet and making sure you identify the pages that the style sheet will be include on.
 
- Make sure you do not re-create the wheel, use the Common Styles! Add ones if neccessary.

- Be exact with selectors ".XXX" - not - "table tr td.XXX"

- This style sheet was tested in the follow browsers:
 
	* Firefox 2.x+ OSX and Windows XP
    * Firefox 3.x+ OSX, Windows XP, Vista
    * Safari 3.x+ OSX, Windows XP, Vista
    * IE 6 windows XP service pack 2
    * IE 7 windows XP and Vista


------------------------------------------------------------------------------------------------------
///////////////////      Global Style Sheet Rules       //////////////////////////////////////////////
------------------------------------------------------------------------------------------------------

- Use the body ID to create unique styles for page specific scenarios. The idea being that by using
the body #id you can overight styles in global style sheet for page specifics needs

------------------------------------------------------------------------------------------------------
///////////////////      Style Sheet Information       /////////////////////////////////////////////
------------------------------------------------------------------------------------------------------

Author: cody lindley (cody@fluid.com)
Version & Date: 8/14/08
Included on the following .html page:
	=All .html pages

Contains:
	=Font Sizing
	=Base Links/Anchors/Buttons
	=Common Styles
	=Customer Quote
	=Generate Quote
	=Headings
	=Global Elements header, footer
	=Main Nav : Sub-Nav
	=Template 1
	=Template 2
	=Template 3
	=Template 4
	=Template 5
	=Breadcrumb
	=Homepage
	=Partners Page
	=Tabs
	=DOM Windows
	=Column 3 Common Styles
	=Column 3 Vehicle Info Module
	=Column 3 Promo Module
	=Column 3 Agent Module
	=Plan Icon Links
	=Form Block
	=Graphical Curved Containers
	=Sign In DOM Window
	=Calendar

----------------------------------------------------------------------------------------------------*/
/* =Base/Reset Styles
----------------------------------------------------------------------------------------------------*/

* {/* set all elements to have 0 margin and padding */
	margin:0;
	padding:0;
}

p, ul, ol, dl {/* reset specific elements */
	text-align:left;
	list-style:none;
}

p {
	line-height:1.4em;
}

fieldset, img { border:0; }

address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}

caption, th { text-align:left; }

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

q:before, q:after { content:''; }

abbr, acronym {
	border:0;
	font-variant:normal;
}

sup, sub {
	line-height:-1px;
	vertical-align: text-top;
}

sub { vertical-align:text-bottom; }

hr {
	border-top: 1px solid #333;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin:7px 0;
	*margin:0 0; /* IE 7 & 6 filter, by default IE adds 7px margin */
}

html {
	
}

body {
background-color:#666;
	color:#666; /* global font color, except for form elements */
	font-family: Arial, Helvetica, sans-serif;
	line-height:1;
	font-size:100%;
	background-image:url();
	background-repeat:no-repeat;
	background-position:center top;
	text-align:center;
}
body.DOMWindowIframe{
overflow:hidden;
background-color:#F0F7FC;
}

input, textarea, select { 
	font-family:"Trebuchet MS",Trebuchet,verdana,Sans-Serif;
	color:#666;
	font-size:11px;
	margin-top:1px;
}

select option {padding:0px 0px;}

table {
	border-collapse:collapse;
	border-spacing:0;
}

pre, code, kbd, samp, tt {
	font-family:monospace;
	line-height:99%;
}

legend{
	margin:0;
	padding:0;
	color:#000000;
	font-weight:normal;
}

img {
	vertical-align: bottom;	
}

/* =Font Sizing
----------------------------------------------------------------------------------------------------*/
/*

!!!!!!! VERY IMPORTANT !!!!!!!!!

If you do not need to support text sizing in IE 6 & 7 then remove the *font-size:XX% below. If you
leave it in this styles sheet then you will have to deal with font size inheritence. Its the
opinion of the this developer that font sizing in IE 6 and IE 7 is not worth the hacks and 
inheritence issues. Choose wisely.

Fonts sizes for all elements should be define in this style sheet and each selector should be 
on its own line with comments following (base styles are the exception).

Ex.

.menu, 
.errorMessage p,
#fe .fi .fo
{ font-size:15px; *font-size: 100% }

*/

/*Base Size*/
#planDetail table th
{ font-size:10px; /**font-size:61%;*/  } /* =10 */

#breadcrumb, #mainNavSubNavBg ul li, #headerNav, #footerCopyright, #promoWrap, #partnersMsg a.return, a.moreFeedback, .tooltipInServiceDate span, #vehicleInfo li,
.ui-tabs-nav li a, #completeQuote, #columnTwo .details p, .detailsContainer li, .details a, table.planCompare, table.costs, .domWindow .disclaimer, .domWindow .details p, .domWindow a.link, .detailsContainer a.iconDocument, .plansInclude a, #planTabsWide .description, #planDetail table td,
#mainNav li a,
#quotesNav li#myQuotes a,
#getAQuoteDropDwnBtn li#myQuotes2 a,
#myQuotesDropDwnBtn li#myQuotesB a,
.formBlock a,
#getAQuote .specialMsging p,
#getAQuote #planRecap fieldset,
#getAQuote .miniBlock div,
#getAQuote .miniBlock a,
#getAQuote .costBreakdown li,
.highlight a,
#termsSelect .miniBlock label,
.detailsContainer .startsAt,
#planSelect a.learnMore,
.recommendedPlan a.planIcon,
.customizePlan,
#getAQuote .ui-tabs-panel .planTotals,
.myQuotesListItemNav a,
.formBlock span.error,
.formBlock span.required,
#getAQuoteDropDwn .formBlock label,
#getAQuoteDropDwn .formBlock .quoteitem,
#getMyQuotesForm input,
.signIn .formBlock p,
#buttons span,
.additionalPlans .startsAt,
#paymentBlock .paymentOptions,
#paymentBlock .paymentOptions label,
#paymentBlock p.footnote,
.formBlock .vinInService label span,
.formBlock .vinInService .instructions,
#planSelect .recommendedPlan a.planIcon span,
#planRecap .costBreakdown li.textLeft span,
.planTotals
{ font-size:11px; /**font-size:69%;*/ } /* =11 */

#footerNav ul li, 
#mainContent,
#leftContent,
#promoWrap p span,
.formBlock input,
.formBlock select,
.ui-tabs-nav li.ui-tabs-selected a,
#getAQuote .ui-tabs-panel .miniBlock select,
.startsAt,
.recommendedPlan a.planIcon span,
.customizePlan th,
.myQuotesListItemTitle,
.myQuotesErrorMessage,
.formBlock label,
.formBlock span.title,
#paymentBlock .paymentOptions span.total,
.costBreakdown li.payMonthly span.txt
{ font-size:12px; /**font-size: 77%;*/ } /* =12 */

#getQuote input, table.planCompare th.group, #columnThree #vehicleInfo li.vehicleModel, #quoteNumber, #getAQuote .miniBlock span.hdr, #getAQuote #planRecap .miniBlock input, #getAQuote .ui-tabs-panel span.hdr,
#myQuotesListItemLabel,#getMyQuotesForm label,
.domContent .formBlock span.subHdr, .formBlock .vinInService label, ul.termsDeductable li, #ui-datepicker-div, #getAQuoteDDSteps
{ font-size:13px; /**font-size: 85%;*/ } /* =13 */

#getQuoteDsp input, table.planCompare th.group, #columnThree #vehicleInfo li.vehicleModel, #quoteNumber, #getAQuote .miniBlock span.hdr, #getAQuote #planRecap .miniBlock input, #getAQuote .ui-tabs-panel span.hdr,
#myQuotesListItemLabel,#getMyQuotesForm label,
.domContent .formBlock span.subHdr, .formBlock .vinInService label, ul.termsDeductable li, #ui-datepicker-div, #getAQuoteDDSteps
{ font-size:13px; /**font-size: 85%;*/ } /* =13 */

#partnersMsg p, #columnThree h3, #columnThree .agentDetails .title, #columnThree .agentDetails p span, .tooltipInServiceDate span.title, a.domNavArrow, #columnTwo .detailsContainer h2, #getAQuote .specialMsging strong, #getAQuote .ui-tabs-panel .planTotals .monthlyTotal, .signIn .benefitsList ul, #planRecap  li.grandTotal, .costBreakdown li.payMonthly span.monthlyTotal, .planTotals .monthlyTotal
{ font-size:14px; /**font-size: 93%;*/} /* =14 */

#promoWrap h2, .domWindow .details span.subHdr, .customizePlan td.termLength, #getAQuoteTitle
{ font-size:15px; /**font-size: 100%;*/} /* =15 */

.domWindow div.hdr span,
#paymentBlock  li.grandTotal
{ font-size:16px; /**font-size: 108%;*/ } /* =16 */

.domContent .formBlock span.hdr
{ font-size:17px; /**font-size: 114%;*/ } /* =17 */

add selectors here
{ font-size:18px; /**font-size: 122%;*/ } /* =18 */

#phoneNumber
{font-size:24px; /**font-size: 136%;*/ } /* =19 */

#vehicleInfo p, .domWindow div.hdr
{font-size:19px; /**font-size: 136%;*/ } /* =19 */

.domWindow table.planCompare td.component, .plansInclude .hdr
{ font-size:20px; /**font-size: 144%;*/ } /* =20 */

#getAQuote h2
{ font-size:21px; /**font-size: 152%;*/ } /* =21 */

.signIn .benefitsList span
{ font-size:22px; /**font-size: 159%;*/} /* =22 */

add selectors here 
{ font-size:23px; /**font-size: 167%;*/ } /* =23 */

#findAPlan #columnTwo h2, #planTabsWide .description .hdr
{ font-size:24px; /**font-size: 174%;*/ } /* =24 */

.domWindow .details h1
{ font-size:25px; /**font-size: 182%;*/ } /* =25 */

add selectors here 
{ font-size:26px; /**font-size: 189%;*/ } /* =26 */

add selectors here 
{ font-size:27px; /**font-size: 197%;*/ } /* =27 */


/* =Base Links/Anchors/Buttons
----------------------------------------------------------------------------------------------------*/

a:link {
	color: #D86615;
	font-weight: normal;
	outline:none;
	text-decoration:none;
}

a:visited {
	color: #D86615;
	font-weight: normal;
	outline:none;
	text-decoration:none;
}

a:hover {
	outline:none;
	text-decoration:underline;
}

a:active {
	outline:none;
	text-decoration:none;
}

a:focus {
	outline:none;
	text-decoration:none;
}


:focus {
	-moz-outline-style:none;
	text-decoration: none;
	outline:none;
}

.promo .details a {
	bottom: 0;
	float: right;
	margin-bottom: 5px;
	position: absolute;
	right: 10px;
}
#partnersMsg a {
	color: #069;
	font-weight: normal;
}
#partnersMsg a.return {
	color: #690;
	float: right;
	font-weight: bold;
	margin-top: 17px;
}

/* ----- anchors ----- */
a {

}

/* ----- anchor buttons ----- */
a.button,
button.button,
a.buttonBig,
button.buttonBig, 
#getQuote input.buttonBig, 
#getQuoteDsp input.buttonBig, 
#columnTwo input.buttonBig,
#columnTwo #planRecap input.buttonBig,
#columnTwo #planRecap input.applyCode, 
#columnTwo input.buttonBig,
#columnTwo #paymentBlock input.applyCode, 
#columnTwo #planRecap input.saveChanges,
#columnThree input.completeQuote, 
#columnThree #completeQuote input.buttonBig,
.signIn .formBlock input.buttonBig,
input.button,
input.signIn,
input.buttonBig {
	border: 0;
	cursor: pointer;
	display: block;
	height: 22px;
	text-indent: -9999px;
}
.button:hover,
a.liveChat:hover,
.promo .details a.liveChat:hover {
	background-position: 0 -22px;
}
a.buttonBig,
button.buttonBig, 
#getQuote input.buttonBig,
#getQuoteDsp input.buttonBig,
#columnTwo #planRecap input.buttonBig,
#columnTwo input.buttonBig,
#columnThree #completeQuote input.buttonBig,
.signIn .formBlock input.buttonBig,
input.signIn,
input.buttonBig {
	height: 45px;
}
.buttonBig:hover,
.btnBigHover,
#getQuote input.buttonBig:hover,
#getQuoteDsp input.buttonBig:hover,
#columnTwo input.buttonBig:hover,
#columnThree #completeQuote input.buttonBig:hover,
.signIn .formBlock input.buttonBig:hover {
	background-position: 0 -45px;
}
button.go, #getQuote input.go {
	background: url("../images/homepage/btnGo.png") 0 0 no-repeat;
	margin: 40px 0 0 190px;
	width: 92px;
	position: absolute;
}
button.go, #getQuoteDsp input.go {
	background: url("../images/homepage/btnGo.png") 0 0 no-repeat;
	margin: 40px 0 0 190px;
	width: 92px;
	position: absolute;
}
button.findPlans {
	background: url("../images/findAPlan/btnFindPlans.png") 0 0 no-repeat;
	display: inline;
	float: right;
	margin: 0 30px 0 0;
	width: 175px;
}
button.getAQuoteBig,
#columnThree #completeQuote input.getAQuoteBig {
	background: url("../images/btnGetAQuoteBig.png") 0 0 no-repeat;
	display: block;
	margin: 0 0 10px 15px;
	width: 201px;
}
button.nextYourQuote, input.nextYourQuote {
	background: url("../images/getAQuote/btnNextYourQuote.png") 0 0 no-repeat;
	float: right;
	margin: 0 0 10px 15px;
	width: 245px;
}
button.applyCode,
#columnTwo #paymentBlock input.applyCode,
#columnTwo #planRecap input.applyCode {
	background: url("../images/getAQuote/btnApplyCode.png") 0 0 no-repeat;
	width: 92px;
}
button.saveChanges,
#columnTwo #planRecap input.saveChanges {
	background: url("../images/getAQuote/btnSaveChanges.png") 0 0 no-repeat;
	float: left;
	margin-top: 12px;
	width: 105px;
}
button.buyNow, #buttons input.buyNow {
	background: url("../images/getAQuote/btnBuyNow.png") 0 0 no-repeat;
	float: right;
	width: 155px;
}
button.payment, input.payment {
	background: url("../images/getAQuote/btnPayment.png") 0 0 no-repeat;
	float: right;
	width: 210px;
}
button.continue, input.continue {
	background: url("../images/btnContinue.png") 0 0 no-repeat;
	float: right;
	width: 155px;
}
button.signIn,
input.signIn {
	background: url("../images/btnSignIn.png") 0 0 no-repeat;
	float: right;
	width: 140px;
}
button.createAccount {
	background: url("../images/btnCreateAccount.png") 0 0 no-repeat;
	float: right;
	width: 228px;
}
a.liveChat,
.promo .details a.liveChat {
	background: url("../images/homepage/btnLiveChat.png") 0 0 no-repeat;
	margin-bottom: 0;
	width: 75px;
}
a.savethis, input.savethis,
.promo .details a.savethis {
	background: url("../images/getAQuote/btnSaveChanges.png") 0 0 no-repeat;
	margin-bottom: 0;
	width: 175px;
}
a.startYourQuote, input.startYourQuote {
	background: url("../images/partners/btnStartYourQuote.png") 0 0 no-repeat;
	float: right;
	margin-left: 20px;
	width: 259px;
}
a.getAQuote {
	background: url("../images/btnGetAQuote.png") 0 0 no-repeat;
	display: inline;
	float: left;
	margin: 10px 0 0 9px;
	width: 101px;
}
table.twoPlanMatches a.getAQuote {
	margin-left: 32px;
}
a.searchDiffVehicle {
	background: url("../images/findAPlan/btnSearchDiffVehicle.png") 0 0 no-repeat;
	height: 29px;
	left: 5px;
	position: absolute;
	top: -10px;
	width: 245px;
}
a.searchDiffVehicle:hover {
	background-position: 0 -29px;
}


/* =Common Styles
----------------------------------------------------------------------------------------------------*/

.clearFloatNoHeight {
	clear: both;
	line-height: 0;
	height: 0;
	display: block;
	overflow:hidden;
	width:0;
}

.clearFloat {
	clear: both;
	display: block;
}

.floatRight { float:right; }
.floatLeft { float:left; }
.textLeft { text-align:left; }
.textRight { text-align:right; }
.displayNone { display:none; }
.displayBlock { display:block; }
.highlightYellow { background-color:#FFFFCC; }
.redTxt { color:#d04461; }
p.last { margin-bottom:0; }
.positionRelative{ position:relative; }

.dividerDotted {
	background: url("../images/dividerDotted.gif") 0 100% repeat-x;
	clear: both;
	height: 2px;
	line-height: 2px;
	margin: 0;
	padding-top: 15px;
	text-indent: -9999px;
}

.dividerDottedBlue {
	background: url("../images/dividerDottedBlue.gif") 0 100% repeat-x;
	clear: both;
	height: 2px;
	line-height: 2px;
	margin: 0;
	padding-top: 15px;
	text-indent: -9999px;
}

/* =Customer Quote
----------------------------------------------------------------------------------------------------*/
blockquote {
	background: url("../images/iconQuotes.png") 38px 8px no-repeat;
	color: #817e7e;
	font-family: georgia, times, serif;
	font-style: italic;
	line-height: 15px;
	margin-top: 25px;
	padding: 11px 10px 0 38px;
	text-align: left;
	width: 130px;
}
blockquote span.iconQuotes {
	display: -moz-inline-box;
	display: inline-block;
	width: 15px;
}
blockquote span.customer {
	font-style: normal;
	font-weight: bold;
}
blockquote span.location {
	font-style: normal;
}
a.moreFeedback {
	display: inline;
	float: right;
	margin: 20px 10px 0 0;
	text-align: left;
	width: 50%;
}

/* =Customer Quote
----------------------------------------------------------------------------------------------------*/
.blockquote2 {
	background: url("../images/iconQuotes.png") 38px 8px no-repeat;
	color: #817e7e;
	font-family: georgia, times, serif;
	font-style: normal;
	line-height: 15px;
	margin-top: 15px;
	padding: 11px 10px 0 38px;
	text-align: left;
	width: 400px;
}
.blockquote2 span.iconQuotes2 {
	display: -moz-inline-box;
	display: inline-block;
	width: 15px;
}
.blockquote2 span.customer2 {
	font-style: normal;
	font-weight: bold;
}
.blockquote2 span.location2 {
	font-style: normal;
}

/* =Generate Quote
----------------------------------------------------------------------------------------------------*/
.generatingQuote {
height:182px;
width:605px;
background-image:url(../images/generatingQuote.png);
background-repeat:no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/generatingQuote.png', sizingMethod='image');
_background: none;
}

#generatingQuoteAnimText{
position:relative;
top:103px;
left:172px;
width:190px;
height:17px;
}

#generatingQuoteAnimText img{
display:block;
position:absolute;
top:0;
left:0;
z-index:8;
filter:alpha(opacity=0);   
-moz-opacity: 0.0;   
opacity: 0.0;
}

#generatingQuoteAnimText img.active {
z-index:10;
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}

#generatingQuoteAnimText img.last-active {
z-index:9;
}


/* =Headings
----------------------------------------------------------------------------------------------------*/

/* ----- Add descrption here ----- */
h1#logo a {
width:498px;
height:62px;
position:absolute;
top:39px;
left:36px;
background-image:url(../images/ProvidaGroupLogo.png);
display:block;
text-indent:-999em;
}

h1#logo2 a {
width:525px;
height:75px;
position:absolute;
top:39px;
left:36px;

display:block;
text-indent:-999em;
}


h1#pageContentTitle { text-indent: -9999px; }


#leftContent p {
	color: #666666;
	font-family:Helvetica, sans-serif;
	padding: 0px 0px 0 0px;
	text-align:left;
	margin-left:0px;
	vertical-align: top;
}

#leftContent p.smaller {
	color: #666666;
	font-family:Helvetica, sans-serif;
	text-align:left;
	margin-left:0px;
	vertical-align: top;
	padding: 0 0 5px 10px;
	font-size:11px;
}

p.subheader {
	color: #666666;
	font-family:Helvetica, sans-serif;
	text-align:left;
	margin-left:0px;
	vertical-align: top;
	padding: 0 0 5px 10px;
	font-size:11px;
}

#leftContent ul {
	color: #666;
	float: left;
	padding: 5px 0 0 5px;
}
#leftContent li {
	font-family:Helvetica, sans-serif;
	background: url("../images/iconCheckmarkGreen.png") 0 0 no-repeat;
	padding: 0 0 5px 15px;
	font-size:11px;
}
#leftContent h1.contactUs  {	
	background: url("../images/template1/ContactUs.png") 28px -3px no-repeat;
}
#leftContent h1.myths  {	
	background: url("../images/template1/Myths.png") 28px 25px no-repeat;
}
#leftContent td.check  {	
	background: url("../images/iconCheckmarkGreen.png") no-repeat;
	left: 5px;
	top: 7px;
	position: relative;
}


h2#pageContentTitle {}

#findAPlan h2.subhead {
	
	font-weight:normal;
	color: #09c;
	float: left;
	font-family: Arial;
	text-align: left;
	width: 628px;
	height: 35px;
}

h4#pageContentTitle {}

#findAPlan h4.subhead {
	
	font-weight:bold;
	color: #09c;
	float: left;
	font-family: Arial;
	text-align: left;
	width: 628px;
	height: 20px;
}

#findAPlan h2.subheadbullet {
	
	font-weight:normal;
	color: #09c;
	float: left;
	font-family: Arial;
	text-align: left;
	width: 25px;
	height: 35px;
	vertical-align: middle;
}

#findAPlan h4.subheadbullet {
	
	font-weight:bold;
	color: #09c;
	float: left;
	font-family: Arial;
	text-align: left;
	width: 25px;
	height: 20px;
	vertical-align: middle;
}

/* ----- Add descrption here ----- */
h2 { }

/* ----- Add descrption here ----- */
h3 { }

/* ----- Add descrption here ----- */
h4 { }

/* ----- Add descrption here ----- */
h5 { }

/* ----- Add descrption here ----- */
h6 { }



/* =Global Elements header, footer
----------------------------------------------------------------------------------------------------*/
#centerContent{
width:994px;
margin:10px auto 0 auto;
}

#siteHeader{
width:994px;
height:166px;
background-image:url(../images/headerBg.png);
text-align:left;
position:relative;
z-index:10000
}

.template4 #siteHeader,
.template5 #siteHeader {
	height: 156px;
}

#quotesNav li, #myQuotesDropDwnBtn li, #getAQuoteDropDwnBtn li{
float:left;
}

#getAQuoteDropDwnBtn li a span, #myQuotesDropDwnBtn li a span, #quotesNav li a span{
display:block;
width:0px;
height:0px;
overflow:hidden;
}

#getAQuoteDropDwnBtn li a:hover, #myQuotesDropDwnBtn li a:hover, #quotesNav li a:hover{
background-position:0 -35px;
text-decoration:none;
}

#getAQuoteDropDwnBtn li#getAQuote1 a{
display:block;
height:35px;
width:118px;
background-image:url(../images/getAQuoteDropDwnBtn1.png);
background-repeat:no-repeat;
}

#getAQuoteDropDwnBtn li#myQuotes2 a:link, #getAQuoteDropDwnBtn li#myQuotes2 a:visited, #getAQuoteDropDwnBtn li#myQuotes2 a:active{
display:block;
height:35px;
width:31px;
background-image:url(../images/getAQuoteDropDwnBtn2.png);
background-repeat:no-repeat;
line-height:35px;
padding-left:103px;
color:#006699;
}

#quotesNav li#getAQuoteBtn a:link, #quotesNav li#getAQuoteBtn a:visited, #quotesBtn li#getAQuote a:active{
display:block;
height:35px;
width:122px;
background-image:url(../images/getAQuoteBtn.png);
background-repeat:no-repeat;
}

#quotesNav li#myQuotes a:link, #quotesNav li#myQuotes a:visited, #quotesNav li#myQuotes a:active{
display:block;
height:35px;
width:32px;
background-image:url(../images/myQuotesBtn.png);
background-repeat:no-repeat;
line-height:35px;
padding-left:99px;
color:#006699;
}

#myQuotesDropDwnBtn li#getAQuoteA a:link, #myQuotesDropDwnBtn li#getAQuoteA a:visited, #myQuotesDropDwnBtn li#getAQuoteA a:active{
display:block;
height:35px;
width:127px;
background-image:url(../images/myQuotesDropDwnBtn1.png);
background-repeat:no-repeat;
}

#myQuotesDropDwnBtn li#myQuotesB a{
display:block;
height:35px;
width:32px;
background-image:url(../images/myQuotesDropDwnBtn2.png);
background-repeat:no-repeat;
line-height:35px;
padding-left:94px;
color:#006699;
}

#myQuotesDropDwn, #getAQuoteDropDwn{
position:absolute;
top:64px; left:714px; 
z-index:1000000000; 
width:254px;
display:none;
}

.quotesDropDwnBottom{
width:254px;
background-image:url(../images/quoteHeaderDropDwnBottom.png);
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/quoteHeaderDropDwnBottom.png', sizingMethod='image');
_background: none;
background-repeat:no-repeat;
height:15px;
}

.quotesDropDwnContent{
width:254px;
background-image:url(../images/quoteHeaderDropDwnBg.png);
_background-image:url(../images/quoteHeaderDropDwnBg.gif);
}

.quotesDropDwnBottom1{
width:254px;
background-image:url(../images/quoteHeaderDropDwnBottom1.png);
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/quoteHeaderDropDwnBottom1.png', sizingMethod='image');
_background: none;
background-repeat:no-repeat;
height:15px;
}

.quotesDropDwnContent1{
width:254px;
background-image:url(../images/quoteHeaderDropDwnBg1.png);
_background-image:url(../images/quoteHeaderDropDwnBg1.gif);
}

.quotesDropDwnContentPadding{
padding:20px 9px 0 9px;
*padding:0px 9px 0 9px;
}

.myQuotesListItemTitle{
color:#006699;
font-weight:bold;
}

.myQuotesListItem{
height:30px;
width:216px;
background-image:url(../images/myQuotesListItemBg.png);
margin-bottom:5px;
padding:10px
}

.myQuotesListItemDivider{
border-bottom:dashed 1px #d8d1c9;
height:1px;
margin:10px 0;
_margin:0 0 10px 0;
}

#myQuotesListItemLabel{
margin:0 0 5px 10px;
display:block;
}

.myQuotesErrorMessage{
margin:0 10px 0 10px;
color:#ff3300;
}

.closeQuotesDropDwn{
background-image:url(../images/closeDropDwn.png);
height:20px;
width:20px;
background-repeat:no-repeat;
text-indent:-9999em;
overflow:hidden;
display:block;
float:right;
margin:5px 5px 0 0;
_margin:5px 2px 0 0;
}

.closeQuotesDropDwn:hover{
background-position:0 -20px;
}

#getMyQuotesForm label{
margin:0 0 5px 10px;
display:block;
}

a.getMyQuotesBtn{
background-image:url(../images/retrieveQuoteBtn.png);
background-repeat:no-repeat;
width:111px;
float:right;
margin:10px 8px 0 0;
_margin-right:5px;
}

#mainNav {
margin:21px 0 0 38px;
}

#mainNav li{
float:left;
border-right:solid 1px #bbb;
}

#mainNav li a:link, #mainNav li a:visited, #mainNav li a:active{
display:block;
line-height:29px;
height:27px;
color:#C46B28;
text-transform:uppercase;
font-weight:normal;
letter-spacing:2px;
text-align:center;
border-top:solid 1px #ccc;
font-weight:bold;
}

#mainNav li#ourPlan a:link,#mainNav li.ourPlan2 a:link,#mainNav li#ourPlan a:visited, #mainNav li.ourPlan2 a:visited, #mainNav li#ourPlan a:active, #mainNav li.ourPlan2 a:active { width:117px; margin-right:1px;}
#mainNav li#warrantyBasic a:link, #mainNav li#warrantyBasic a:visited, #mainNav li#warrantyBasic a:active{width:169px;margin-right:1px;}
#mainNav li#aboutUs a:link, #mainNav li#aboutUs a:visited, #mainNav li#aboutUs a:active{width:105px;margin-right:0px;}
#mainNav li#customerService a:link, #mainNav li#customerService a:visited, #mainNav li#customerService a:active{width:177px;margin-right:1px;}
#mainNav li#claims a:link, #mainNav li#claims a:visited, #mainNav li#claims a:active{width:120px;}
#mainNav li#claims2 a:link, #mainNav li#claims2 a:visited, #mainNav li#claims2 a:active{width:140px;}

#mainNav li.mainNavSelected a:link,#mainNav li.mainNavSelected a:visited, #mainNav li.mainNavSelected a:active{
background-color:#fff;
}

#mainNav li a:hover{
text-decoration:none;
cursor:default;
}

#mainNav li#claims a:hover{
border-top:solid 1px #999;
text-decoration:none;
background-color:#FFFFFF;
cursor:pointer;
}
#mainNav li#claims2 a:hover{
border-top:solid 1px #999;
text-decoration:none;
background-color:#FFFFFF;
cursor:pointer;
}

#mainNav li#ourPlan a:link.hoverOn,#mainNav li.ourPlan2 a:link.hoverOn,#mainNav li#ourPlan a:visited.hoverOn, #mainNav li.ourPlan2 a:visited.hoverOn, #mainNav li#ourPlan a:active.hoverOn, #mainNav li.ourPlan2 a:active.hoverOn {
width:115px;border-left:solid 1px #999;border-right:solid 1px #999;border-top:solid 1px #999;text-decoration:none;background-color:#FFFFFF;
background-image:url(../images/ourPlansTopBG.gif);
background-repeat:no-repeat;
}
#mainNav li#warrantyBasic a:link.hoverOn, #mainNav li#warrantyBasic a:visited.hoverOn, #mainNav li#warrantyBasic a:active.hoverOn{
width:167px;border-left:solid 1px #999;border-right:solid 1px #999;border-top:solid 1px #999;text-decoration:none;background-color:#FFFFFF;
background-image:url(../images/warrantyBasicsTopBG.gif);
background-repeat:no-repeat;
}
#mainNav li#aboutUs a:link.hoverOn, #mainNav li#aboutUs a:visited.hoverOn, #mainNav li#aboutUs a:active.hoverOn{
width:104px;border-left:solid 1px #999;border-right:solid 0px #999;border-top:solid 1px #999;text-decoration:none;background-color:#FFFFFF;
background-image:url(../images/aboutUsTopBG.gif);
background-repeat:no-repeat;
}
#mainNav li#customerService a:link.hoverOn, #mainNav li#customerService a:visited.hoverOn, #mainNav li#customerService a:active.hoverOn{
width:175px;border-left:solid 1px #999;border-right:solid 1px #999;border-top:solid 1px #999;text-decoration:none;background-color:#FFFFFF;
background-image:url(../images/customerServiceTopBG.gif);
background-repeat:no-repeat;
}


#mainNav li ul.mainNavDropDown{
position:absolute;
top:46px;
display:none;
}

#mainNav li ul.mainNavDropDown li{
float:none;
}

#mainNav li ul.mainNavDropDown li a:link, #mainNav li ul.mainNavDropDown li a:visited, #mainNav li ul.mainNavDropDown li a:active{
display:block;
line-height:normal;
height:auto;
color:#006699;
text-transform:none;
font-weight:normal;
letter-spacing:normal;
text-align:left;
padding:6px 0px 6px 8px;
border:none;
border-top:solid 1px #e4e4e4;
font-weight:bold;
color:#666666;
margin:0;
cursor:pointer;
}

#mainNav li#ourPlan .mainNavDropDown li,
#mainNav li.ourPlan2 .mainNavDropDown li{
width:124px;
background-image:url(../images/findAPlanBg.png);
background-repeat:repeat-y;
_background-image:url(../images/findAPlanBg.gif);
}

#mainNav li#ourPlan ul.mainNavDropDown li.mainNavDropDownBottom,
#mainNav li.ourPlan2 ul.mainNavDropDown li.mainNavDropDownBottom{
background-image:url(../images/findAPlanBottom.png);
background-repeat:no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/findAPlanBottomIE6.png', sizingMethod='image');
_background: none;
height:18px;
}

#mainNav li#ourPlan .mainNavDropDown li a:link, #mainNav li.ourPlan2 .mainNavDropDown li a:link, #mainNav li#ourPlan .mainNavDropDown li a:visited, #mainNav li.ourPlan2 .mainNavDropDown li a:visited, #mainNav li#ourPlan .mainNavDropDown li a:active, #mainNav li.ourPlan2 .mainNavDropDown li a:active{
width:104px;
margin-left:3px;
background-color:#FFFFFF;
}

#mainNav li#warrantyBasic .mainNavDropDown li{
width:176px;
background-image:url(../images/warrantyBasicsBG.png);
_background-image:url(../images/warrantyBasicsBGIE6.png);
background-repeat:repeat-y;
}

#mainNav li#warrantyBasic ul.mainNavDropDown li.mainNavDropDownBottom{
background-image:url(../images/warrantyBasicsBottom.png);
background-repeat:no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/warrantyBasicsBottomIE6.png', sizingMethod='image');
_background: none;
height:18px;
}

#mainNav li#warrantyBasic .mainNavDropDown li a:link, #mainNav li#warrantyBasic .mainNavDropDown li a:visited, #mainNav li#warrantyBasic .mainNavDropDown li a:active{
width:156px;
margin-left:3px;
background-color:#FFFFFF;
}

#mainNav li#aboutUs .mainNavDropDown li{
width:112px;
background-image:url(../images/aboutUsBg.png);
_background-image:url(../images/aboutUsBgIE6.png);
background-repeat:repeat-y;
}

#mainNav li#aboutUs ul.mainNavDropDown li.mainNavDropDownBottom{
background-image:url(../images/aboutUsBottom.png);
background-repeat:no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/aboutUsBottomIE6.png', sizingMethod='image');
_background: none;
height:18px;
}

#mainNav li#aboutUs .mainNavDropDown li a:link, #mainNav li#aboutUs .mainNavDropDown li a:visited, #mainNav li#aboutUs .mainNavDropDown li a:active{
width:92px;
margin-left:3px;
background-color:#FFFFFF;
}

#mainNav li#customerService .mainNavDropDown li{
width:184px;
background-image:url(../images/customerServiceBg.png);
_background-image:url(../images/customerServiceBgIE6.png);
background-repeat:repeat-y;

}

#mainNav li#customerService ul.mainNavDropDown li.mainNavDropDownBottom{
background-image:url(../images/customerServiceBottom.png);
background-repeat:no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/customerServiceBottomIE6.png', sizingMethod='scale');
_background: none;
height:18px;

}

#mainNav li#customerService .mainNavDropDown li a:link, #mainNav li#customerService .mainNavDropDown li a:visited, #mainNav li#customerService .mainNavDropDown li a:active{
width:164px;
margin-left:3px;
background-color:#FFFFFF;
}

#mainNav li#warrantyBasic .mainNavDropDown li a:hover,
#mainNav li#ourPlan .mainNavDropDown li a:hover,
#mainNav li.ourPlan2 .mainNavDropDown li a:hover,
#mainNav li#aboutUs .mainNavDropDown li a:hover,
#mainNav li#customerService .mainNavDropDown li a:hover,
#mainNav li#claims .mainNavDropDown li a:hover{
border-top:solid 1px #e4e4e4;
background-color:#e3f4fa;
border-right:none;
border-left:none;
color:#0099cc;
cursor:pointer;
}
#mainNav li#claims2 .mainNavDropDown li a:hover{
border-top:solid 1px #e4e4e4;
background-color:#e3f4fa;
border-right:none;
border-left:none;
color:#0099cc;
cursor:pointer;
}

#siteFooter{
width:994px;
align:center;
}

#footerNav ul li{
display:inline;
color:#FFFFFF;
border-left:1px solid #fff;
padding-left:15px;
margin-right:10px;
}

#footerNavDropShadow{
position:relative;
margin-left:320px;
height:40px; 
margin-top:6px;
}

#footerNavBottom #footerNav ul li{
border-left:1px solid #333;
}

#footerNav{
width:650px;
overflow:hidden;
}

#footerNav a{
	font-weight: normal;
}

#footerNavTop{
position:absolute; 
z-index:2;
top:0;
left:0;
}

#footerNavBottom{
position:absolute; 
top:1px;
left:1px;
z-index:1;
}

#footerNav ul{
margin-left:-16px;
}


#headerNav{
width:500px;
float:right;
list-style:none;
margin:30px 40px 0 0;
_margin-right:20px;
text-align:right;
color:#333;
}

#welcomeMessage{
margin-right:20px;
}

#headerNav li{
display:inline;
text-align:right;
}

#contactUsBtnHeaderNav{
margin-right:0px;
}

#usaSiteBtnHeaderNav.selectedCountry, #canadaSiteBtnHeaderNav.selectedCountry{
color:#006699;
font-weight:bold;
}

#headerNav li a:link, #headerNav li a:visited, #headerNav li a:active {
color:#333333;
font-weight: normal;
}

#headerNav li#canadaSiteBtnHeaderNav a:link, 
#headerNav li#canadaSiteBtnHeaderNav a:visited, 
#headerNav li#canadaSiteBtnHeaderNav a:active,
#headerNav li#usaSiteBtnHeaderNav a:link, 
#headerNav li#usaSiteBtnHeaderNav a:visited, 
#headerNav li#usaSiteBtnHeaderNav a:active {
color:#999;
}

#phoneNumber{
float:right;
width:300px;
text-align:right;
color:#D76412;
font-family:Helvetica, sans-serif;
margin:25px 40px 0 0;
_margin-right:20px;
}

#footerNav a:link, #footerNav a:visited, #footerNav a:active {
color:#fff;
}

#footerNavBottom #footerNav a:link, #footerNavBottom #footerNav a:visited, #footerNavBottom #footerNav a:active {
color:#333;
}

#footerCopyright{
color:#FFFFFF;
height:100px;
}

#footerContent{
margin-bottom:125px;
}

#footerContent ul{
margin-left:59px;
}

#footerContent ul li{
display:inline;
float:left;
}

#footerContent ul li a, #footerContent ul li a:visited, #footerContent ul li a:active, #footerContent ul li a:hover{
display:block;
height:101px;
background-image:url(../images/footerContentBg.png);
text-indent:-999em;
}

#webAssured a{
width:104px;
}

#BBB a{
background-position:-104px 0;
width:128px;
}

#DMA a{
background-position:-232px 0;
width:132px;
}

#verisign a{
background-position:-364px 0;
width:139px;
}

#hackersafe a{
background-position:-503px 0;
width:147px;
}

#DandBListed a{
background-position:-650px 0;
width:221px;
}


#getAQuoteTitle{
text-transform:uppercase;
width:130px;
float:left;
font-weight:bold;
letter-spacing:2px;
margin-top:-12px;
_margin-top:0;
line-height:18px;
}

#getAQuoteDDSteps{
float:right;
width:80px;
text-align:right;
margin-top:9px;
_margin-top:19px;
}

#getAQuoteHeaderTxt{
width: 218px;
margin-left:9px;
background-image:url(../images/getAQuoteBGBorder.png);
background-position:left bottom;
background-repeat:repeat-x;
padding-bottom:10px;
margin-bottom:5px;
}

a#getAQuoteNextBtnToStepTwo:link, a#getAQuoteNextBtnToStepTwo:visited, a#getAQuoteNextBtnToStepTwo:hover{
height:36px;
display:block;
text-indent:-999em;
background-image:url(../images/getAQuoteNextBtnToStepTwo.png);
background-repeat:no-repeat;
width:96px;
float:right;
} 

a#getAQuoteNextBtnToStepTwo:hover{
background-position:0 -37px;
}

a#getAQuoteBtnSubmit:link, a#getAQuoteBtnSubmit:visited, a#getAQuoteBtnSubmit:hover{
height:36px;
display:block;
text-indent:-999em;
background-image:url(../images/getAQuoteBtnSubmit.png);
background-repeat:no-repeat;
width:124px;
float:right;
} 

a#getAQuoteBtnSubmit:hover{
background-position:0 -40px;
}

a.getAQuoteBtnSubmit2:link, a.getAQuoteBtnSubmit2:visited, a.getAQuoteBtnSubmit2:hover{
height:36px;
display:block;
text-indent:-999em;
background-image:url(../images/getAQuoteBtnSubmit.png);
background-repeat:no-repeat;
width:124px;
float:right;
} 

a.getAQuoteBtnSubmit2:hover{
background-position:0 -40px;
}

#backToStepTwo{
display:block;
float:right;
margin:0 10px 0 0;
width:50px;
height:36px;
text-align:right;
line-height:36px;
}


/* =Main Nav : Sub Nav
----------------------------------------------------------------------------------------------------*/
#mainNavSubNavTop{
background-image:url(../images/mainNavSubNavTop.png);
height:23px;
width:185px;
}

#mainNavSubNavBg{
background-image:url(../images/mainNavSubNavBg.png);
width:185px;
background-repeat:repeat-y;
}

#mainNavSubNavBottom{
background-image:url(../images/mainNavSubNavBottom.png);
height:21px;
width:185px;
}

#mainNavSubNavBg ul{
margin-left:16px;
padding-top:7px;
}

#mainNavSubNavBg ul li a:link, #mainNavSubNavBg ul li a:visited{
line-height: 13px;
border-bottom:1px dashed #ccc;
display:table-cell;
display:inline-block;
padding: 6px 8px 5px 11px;
font-weight:bold;
color:#666;
width: 150px;
}

#mainNavSubNavBg ul li a:hover,
#mainNavSubNavBg ul li.active a:link,
#mainNavSubNavBg ul li.active a:visited {
color:#09c;
text-decoration:none;
}

#mainNavSubNavBg ul li.sub a:link, #mainNavSubNavBg ul li.sub a:visited {
color:#0099cc;
text-decoration:none;
width: 140px;
}


/* =Template 1
----------------------------------------------------------------------------------------------------*/
.template1 #mainContent{
background-image:url(../images/template1/mainContentBg.png);
background-repeat:repeat-y;
width:994px;
}

.template1 #mainContentBottom{
background-image:url(../images/template1/mainContentBottom.png);
height:27px;
width:994px;
}

.template1 #mainContent #mainContentPadding{
width:919px;
margin:0 0 0 17px;
padding:0 20px 10px 20px;
position: relative;
}



/* =Breadcrumb
----------------------------------------------------------------------------------------------------*/
#breadcrumb ul {
	float: left;
	padding-left: 43px;
}
#breadcrumb li {
	float: left;
	font-style: normal;
	padding: 0 0 0 5px;
}
#breadcrumb li a {
	color: #666;
	font-style: italic;
	font-weight: normal;
	padding: 0 5px 0 0;
	text-decoration: underline;
}

/*----- Utility Nav -----*/
#breadcrumb #utilityNav {
	float: right;
	padding-left: 0;
	padding-right: 35px;
}
#breadcrumb #utilityNav li {
	padding: 0;	
}
#breadcrumb #utilityNav li a {
	font-style: normal;
	padding: 0 10px;
	text-decoration: none;
}
#breadcrumb #utilityNav li a:hover {
	text-decoration: underline;	
}


/* =Homepage
----------------------------------------------------------------------------------------------------*/
#mainMessaging {
	margin: 0px 0 0px -6px;
	*margin-left: -14px;
	position: relative;
	width: 928px;
}
.template1 #leftContent{
background-image:url(../images/template1/leftContentPadding.png);
background-repeat:repeat-y;
width: 928px;
margin-left: -14px;
}

.template1 #leftContentTopContactUs{
background-image:url(../images/template1/leftContentTopContactUs.png);
width: 928px;
height:57px;
margin-left: -14px;
}
.template1 #leftContentTopMyths{
background-image:url(../images/template1/leftContentTopMyths.png);
width: 928px;
height:57px;
margin-left: -14px;
}
.template1 #leftContentTopBasics{
background-image:url(../images/template1/leftContentTopBasics.png);
width: 928px;
height:57px;
margin-left: -14px;
}
.template1 #leftContentTopFAQ{
background-image:url(../images/template1/leftContentTopFAQ.png);
width: 928px;
height:57px;
margin-left: -14px;
}
.template1 #leftContentTopBlank{
background-image:url(../images/template1/leftContentTopBlank.png);
width: 928px;
height:57px;
margin-left: -14px;
}
.template1 #leftContentTopOurPlans{
background-image:url(../images/template1/leftContentTopOurPlans.png);
width: 928px;
height:57px;
margin-left: -14px;
}
.template1 #leftContentTopPrivacy{
background-image:url(../images/template1/leftContentTopPrivacy.png);
width: 928px;
height:57px;
margin-left: -14px;
}
.template1 #leftContentTopSiteMap{
background-image:url(../images/template1/leftContentTopSiteMap.png);
width: 928px;
height:57px;
margin-left: -14px;
}
.template1 #leftContentTopTerms{
background-image:url(../images/template1/leftContentTopTerms.png);
width: 928px;
height:57px;
margin-left: -14px;
}
.template1 #leftContentTopAsSeenOnTV{
background-image:url(../images/template1/leftContentTopAsSeenOnTV.png);
width: 928px;
height:57px;
margin-left: -14px;
}
.template1 #leftContentTopPartners{
background-image:url(../images/template1/leftContentTopPartners.png);
width: 928px;
height:57px;
margin-left: -14px;
}
.template1 #leftContentTopThanks{
background-image:url(../images/template1/leftContentTopThanks.png);
width: 928px;
height:57px;
margin-left: -14px;
}

.template1 #leftContent #leftContentPadding{
width: 928px;
position: relative;
}
.template1 #leftContentBottom{
background-image:url(../images/template1/leftContentBottom.png);
height:42px;
width: 928px;
margin-left: -14px;
}

#leftContent h2 {
	font-weight:bold;
	color: #A2AD62;
	font-family: Arial;
	text-align: left;
	height: 21px;
	font-size: 16px;
}

#leftContent h1 {
	font-weight:bold;
	color: #94A33E;
	font-family: Arial;
	text-align: left;
	height: 21px;
	font-size: 20px;
}
.classh3 {
	font-weight:bold;
	color:#3F8ABF;
	font-family: Arial;
	text-align: left;
	font-size: 12px;
}

img.inset,
ul.benefits {
	float: left;	
	padding-left:5px;
}
img.inset {
	margin: 5px 20px 10px 0;	
}

/*----- Get A Quote Inset -----*/
#getQuoteDsp {
	background: url("../images/homepage/bgGetQuoteDsp.png") 0 0 no-repeat;
	_background: url("../images/homepage/bgGetQuoteDsp.png") 0 0 no-repeat;
	display: block;
	height: 398px;
	left: 634px;
	_left: 560px;
	position: absolute;
	text-align: left;
	top: 13px;
	width: 290px;
}
#getQuoteDsp p {
	color: #666666;
	font-family:Helvetica, sans-serif;
	padding: 0 5px 0 5px;
	text-align:right;
	width:60px;
	margin-left:20px;
}
#getQuoteDsp p.willdrive1 {
	color: #666666;
	font-family:Helvetica, sans-serif;
	padding: 3px 5px 0 5px;
	text-align:right;
	width:60px;
	margin-left:20px;
}
#getQuoteDsp p.willdrive2 {
	color: #666666;
	font-family:Helvetica, sans-serif;
	padding: 3px 5px 0 5px;
	text-align:left;
	width:30px;
	margin-left:54px;
}
#getQuoteDsp input {
	color: #666;
	font-weight: normal;
	font-size: 11px;
	height: 16px;
	width: 130px;
	position: relative;
	margin-top:1px;
	padding: 0px 2px;
}
#getQuoteDsp input.willdrive {
	color: #666;
	font-weight: normal;
	font-size: 11px;
	height: 16px;
	width: 50px;
	position: absolute;
	padding: 0px 2px;
}

#getQuoteDsp input.phoneAreaCode,
#getQuoteDsp input.phonePrefix {
	margin-right: 5px;
	width: 25px;
}
#getQuoteDsp input.phoneLast4 
{
	margin-right: 7px;
	width: 33px;
}

#getQuoteDsp #slider {
	background: url("../images/homepage/bgSlider.png") 0 0 no-repeat;
	height: 89px;
	margin: 30px 0 0 30px;
	position: relative;
	width: 309px;
}

#getQuote {
	background: url("../images/homepage/bgGetQuote.png") 0 0 no-repeat;
	_background: url("../images/homepage/bgGetQuote.png") 0 0 no-repeat;
	display: block;
	height: 398px;
	left: 634px;
	_left: 560px;
	position: absolute;
	text-align: left;
	top: 13px;
	width: 290px;
}
#getQuote p {
	color: #666666;
	font-family:Helvetica, sans-serif;
	padding: 0 5px 0 5px;
	text-align:right;
	width:60px;
	margin-left:20px;
}
#getQuote p.willdrive1 {
	color: #666666;
	font-family:Helvetica, sans-serif;
	padding: 3px 5px 0 5px;
	text-align:right;
	width:60px;
	margin-left:20px;
}
#getQuote p.willdrive2 {
	color: #666666;
	font-family:Helvetica, sans-serif;
	padding: 3px 5px 0 5px;
	text-align:left;
	width:30px;
	margin-left:54px;
}
#getQuote input {
	color: #666;
	font-weight: normal;
	font-size: 11px;
	height: 16px;
	width: 130px;
	position: relative;
	margin-top:1px;
	padding: 0px 2px;
}
#getQuote input.willdrive {
	color: #666;
	font-weight: normal;
	font-size: 11px;
	height: 16px;
	width: 50px;
	position: absolute;
	padding: 0px 2px;
}

#getQuote input.phoneAreaCode,
#getQuote input.phonePrefix {
	margin-right: 5px;
	width: 25px;
}
#getQuote input.phoneLast4 
{
	margin-right: 7px;
	width: 33px;
}

#getQuote #slider {
	background: url("../images/homepage/bgSlider.png") 0 0 no-repeat;
	height: 89px;
	margin: 30px 0 0 30px;
	position: relative;
	width: 309px;
}
#sliderViewer{
margin-left:1px;
}
#sliderViewer, #sliderViewer ul, #sliderViewer ul li{
width:302px; 
height:69px;
}
#sliderViewer ul{
overflow:hidden;
}
#getQuote #controls {
	bottom: 10px;
	position: absolute;
	right: 20px;
	width: 70px;
}
#getQuote ul#controls li {
	float: left;	
}
#getQuote ul#controls li a {
	background: url("../images/homepage/sliderControls.png") 0 0 no-repeat;
	cursor: pointer;
	float: left;
	height: 11px;
	text-indent: -9999px;
	width: 14px;
}
#getQuote ul#controls li.previous a { background-position: 0 0; }
#getQuote ul#controls li.previous a:hover { background-position: 0 -11px; }
#getQuote ul#controls li.promo1 a { background-position: -14px 0; }
#getQuote ul#controls li.promo1 a:hover { background-position: -14px -11px; }
#getQuote ul#controls li.promo2 a { background-position: -28px 0; }
#getQuote ul#controls li.promo2 a:hover { background-position: -28px -11px;}
#getQuote ul#controls li.promo3 a { background-position: -42px 0; }
#getQuote ul#controls li.promo3 a:hover { background-position: -42px -11px; }
#getQuote ul#controls li.next a { background-position: -56px 0; }
#getQuote ul#controls li.next a:hover { background-position: -56px -11px; }

/*----- Bottom Promo Container -----*/
#promoWrap {
	background: url("../images/homepage/promoWrapBtm.png") 0 100% no-repeat;
	display: inline-block;
	margin: 0 0 0 -6px;
	*margin-left: -14px;
	width: 928px;
}
#promoWrap #top {
	background: url("../images/homepage/promoWrapTop.png") 0 0 no-repeat;
	height: 20px;
	text-indent: -9999px;
}
/*----- Bottom Promo Columns & Details -----*/
#promoWrap .promo {
	float: left;
	padding: 0 10px 0 10px;
	position: relative;
	width: 277px;
}
#promoWrap .one {
	display: inline;
	margin-left: 6px;	
}
#promoWrap .two {
	width: 299px;	
}
#promoWrap .promo h2 {
	color: #94A33E;
	font-weight: bold;
	padding: 10px 0 12px 0;
	text-align: left;
	width: 150px;
}
#promoWrap .promo p,
#promoWrap .promo ul {
	line-height: 1.4em;
	padding-left: 8px;
	width: 142px;
}
#promoWrap .promo li {
	background: url("../images/bulletBlueSml.gif") 0 5px no-repeat;
	_background-position: 0 6px;
	padding: 0 0 0 9px;
}
#promoWrap .promo p span {
	color: #069;
	display: block;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 5px;
}
#promoWrap .promo img {
	float: left;
	margin: -5px 0 0 0;
	vertical-align: top;
}
#promoWrap .one img {
	padding: 0;	
}
#promoWrap .promo .details {
	float: right;
	_height: 130px; /* DEV NOTE: If more space is needed due to content, increase _height for IE6 and min-height for all other browsers. */
	min-height: 130px; /* DEV NOTE: If more space is needed due to content, increase _height for IE6 and min-height for all other browsers. */
	margin-bottom: 10px;
	position: relative;
	width: 150px;
}
#promoWrap .promo .details3 {
	float: left;
	_height: 130px; /* DEV NOTE: If more space is needed due to content, increase _height for IE6 and min-height for all other browsers. */
	min-height: 130px; /* DEV NOTE: If more space is needed due to content, increase _height for IE6 and min-height for all other browsers. */
	margin-bottom: 10px;
	position: relative;
	width: 250px;
}
#promoWrap .one .details,
#promoWrap .one h2 {
	margin-top: -5px;
}
#promoWrap .two .details,
#promoWrap .two h2 {
	width: 179px;
	margin-top: -5px;
}
#promoWrap .two p,
#promoWrap .two ul {
	width: 171px;
}
#promoWrap .three .details,
#promoWrap .three h2 {
	width: 250px;
	margin-top: -8px;
	margin-left: 50px;
}
#promoWrap .three p,
#promoWrap .three ul {
	width: 250px;
	margin-left: 10px;
}
#promoWrap .three a {
	margin-left: 170px;
}

/* =Partners Page
----------------------------------------------------------------------------------------------------*/
.partners {
	position: relative;
}
/*----- Messaging Container -----*/
#partnersMsg {
	height: 215px;
	left: 373px;
	position: absolute;
	text-align: left;
	top: 124px;
	width: 540px;
}
#partnersMsg img#banner {
	left: 0;
	position: absolute;
	top: 0;
}
#partnersMsg img#base {
	left: 0;
	position: absolute;	
	top: 82px;
}
#partnersMsg p {
	padding: 15px 0 10px 10px;
} 
#partnersMsg ul {
	padding-left: 10px;	
}
#partnersMsg li {
	background: url("../images/bulletBlueBig.gif") 0 50% no-repeat;
	float: left;
	line-height: 1.6em;
	padding-left: 12px;
	width: 95%;
}
#partnersMsg .partnerLinks {
	bottom: 25px;
	position: absolute;
	right: 20px;
}


/* =Tabs
----------------------------------------------------------------------------------------------------*/
.ui-tabs-hide {
	display: none;
}
.ui-tabs-nav {
	background: url("../images/tabs/curveTop643.png") 0 30px no-repeat;
	height: 40px;
	margin: 0;
	padding: 0;
	width: 643px;
}
#planTabsNarrow .ui-tabs-nav {
	background: url("../images/tabs/curveTop504.png") 0 30px no-repeat;
	width: 504px;
}
#planTabsWide .ui-tabs-nav {
	background: url("../images/tabs/curveTop668.png") 0 30px no-repeat;
	width: 668px;
}
#planTabs .ui-tabs-nav li,
#planTabsNarrow .ui-tabs-nav li,
#planTabsWide .ui-tabs-nav li {
	background: none;
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
	width: 173px;
}
#columnTwo .ui-tabs-nav li a {
	background: url("../images/tabs/tabBtn.png") 0 0 no-repeat;
	color: #666;
	float: left;
	height: 19px;
	letter-spacing: 1px;
	margin: 0;
	padding: 13px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 173px;
}
#columnTwo .ui-tabs-nav li.short a {
	background: url("../images/tabs/tabBtnShort.png") 0 0 no-repeat;
	width: 66px;
}
#columnTwo .ui-tabs-nav li a:hover {
	background-position: 0 -31px;
	text-decoration: none;
}
#columnTwo .ui-tabs-nav li.ui-tabs-selected a,
#columnTwo .ui-tabs-nav li.ui-tabs-selected a:hover {
	background-position: 0 -63px;
	color: #069;
}
.tabsContainer {
	background: url("../images/tabs/bg643.png") 0 0 repeat-y;
	margin: 0;
	padding: 15px 0 0 0;
	width: 643px;
}
#planTabsNarrow .tabsContainer {
	background: url("../images/tabs/bg504.png") 0 0 repeat-y;
	width: 504px;
}
#planTabsWide .tabsContainer {
	background: url("../images/tabs/bg668.png") 0 0 repeat-y;
	width: 668px;
}
.tabsContainer .curveBtm {
	background: url("../images/tabs/curveBtm643.png") 0 0 no-repeat;
	_background-position: 0 2px;
	height: 10px;
	text-indent: -9999px;
	width: 643px;
}
#planTabsNarrow .tabsContainer .curveBtm {
	background: url("../images/tabs/curveBtm504.png") 0 0 no-repeat;
	width: 504px;
}
#planTabsWide .tabsContainer .curveBtm {
	background: url("../images/tabs/curveBtm668.png") 0 0 no-repeat;
	width: 668px;
}


/* =DOM Windows
----------------------------------------------------------------------------------------------------*/
.domWindow {
	background-color: #f0f7fc;
	padding: 55px 0 25px 0;
	position: relative;
}
.wide { width: 925px; }
.narrow { width: 790px; }
.mini { width: 567px; }
.signIn { width: 856px; }
.domWindow .curveBtm,
.domWindow .curveTop {
	clear: both;
	height: 12px;
	_overflow: hidden;
	text-indent: -9999px;
}
.domContent {
	display: block;
	margin: 0;
}
.wide .domContent,
.narrow .domContent,
.mini .domContent,
.signIn .domContent {
	margin-left: 25px;
	*margin-left: 0;	
}
.domWindow span.hdr {
	display: block;
	height: 25px;
	left: 40px;
	position: absolute;
	text-indent: -9999px;
	top: 20px;
	width: 297px;
}
.domWindow span.compareComponents {
	background: url("../images/domWindow/hdrCompareComponents.png") 0 0 no-repeat;
}
.domWindow span.addlCoverage {
	background: url("../images/domWindow/hdrAddlCoverage.png") 0 0 no-repeat;
}
.domWindow span.planSummary {
	background: url("../images/domWindow/hdrPlanSummary.png") 0 0 no-repeat;
}
.domWindow span.signIn {
	background: url("../images/domWindow/hdrSignIn.png") 0 0 no-repeat;
	height: 28px;
}
.wide .curveTop {
	background: url("../images/domWindow/curvesContent874.png") 0 -12px no-repeat;
}
.wide .domContent {
	background: url("../images/domWindow/bgContent874.png") 0 0 repeat-y;
	width: 874px;
}
.wide .curveBtm {
	background: url("../images/domWindow/curvesContent874.png") 0 0 no-repeat;
}
.narrow .curveTop {
	background: url("../images/domWindow/curvesContent739.png") 0 -12px no-repeat;
}
.narrow .domContent {
	background: url("../images/domWindow/bgContent739.png") 0 0 repeat-y;
	width: 739px;
}
.narrow .curveBtm {
	background: url("../images/domWindow/curvesContent739.png") 0 0 no-repeat;
}
.mini .curveTop {
	background: url("../images/domWindow/curvesContent514.png") 0 -12px no-repeat;
}
.mini .domContent {
	background: url("../images/domWindow/bgContent514.png") 0 0 repeat-y;
	width: 516px;
}
.mini .curveBtm {
	background: url("../images/domWindow/curvesContent514.png") 0 0 no-repeat;
}
.signIn .curveTop {
	background: url("../images/domWindow/curvesContent394.png") 0 -12px no-repeat;
}
.signIn .domContent {
	background: url("../images/domWindow/bgContent394.png") 0 100% no-repeat;
	display: inline;
	float: left;
	width: 394px;
}
.signIn .right {
	margin-left: 10px;
}
a.domBtnClose {
	background: url("../images/domWindow/btnClose.png") 0 0 no-repeat;
	height: 40px;
	position: absolute;
	right: 5px;
	top: 3px;
	width: 40px;
}
a.domBtnClose:hover {
	background-position: 0 -40px;
	text-decoration: inherit;
}
a.domNavArrow {
	color: #999;
	float: left;
	height: 48px;
	line-height: 48px;
	font-weight: bold;
	margin-left: 405px;
	padding-left: 58px;
	text-align: left;
	width: auto;
}
a.down { background: url("../images/domWindow/navArrowDown.png") 0 0 no-repeat; }
a.up { background: url("../images/domWindow/navArrowUp.png") 0 0 no-repeat; }
a.domNavArrow:hover {
	background-position: 0 -48px;
	text-decoration: none;
}


/* =Column 3 Common Styles
----------------------------------------------------------------------------------------------------*/
#columnThree h3 {
	color: #069;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.3em;
	padding: 10px 0;
	text-align: center;
	text-transform: uppercase;
}
#findAPlan #columnThree a,
#findAPlanResults #columnThree a,
#planDetail #columnThree a {
	float: right;
	margin: 10px 20px 10px 0;
}
#columnThree a.liveChat {
	float: right;
	margin: 10px 20px 10px 0;
}


/* =Column 3 Vehicle Info Module
----------------------------------------------------------------------------------------------------*/
#columnThree #vehicleInfo {
	display: inline-block;
	position: relative;
	z-index: 100;	
}
#columnThree #vehicleInfo h3 {
	background: url("../images/iconCar.png") 0 50% no-repeat;
	border-bottom: 1px solid #c9c9c9;
	color: #666;
	line-height: 1.0em;
	padding-left: 50px;
	text-align: left;
}
#columnThree #vehicleInfo p {
	background: url("../images/iconArrowBlue.png") 0 5px no-repeat;
	color: #09c;
	font-family: georgia;
	font-style: italic;
	margin: 30px 0 25px 20px;
	padding: 0 0 0 25px;
}
#columnThree #vehicleInfo ul {
	display: table-cell;
	display: inline-block;
	padding-bottom: 15px;	
}
#columnThree #vehicleInfo li.vehicleModel {
	border-bottom: 1px dotted #d8d1c9;
	color: #069;
	font-weight: bold;
	padding: 12px 10px 10px 10px;
	width: 213px;
}
#columnThree #vehicleInfo li {
	float: left;
	padding: 8px 0 0 20px;
	width: 213px;
}
#columnThree #vehicleInfo li span {
	float: left;
	width: 65px;	
}
#columnThree #vehicleInfo li.actions {
	margin-left: -5px;
	padding-top: 10px;
}
#columnThree #vehicleInfo li.actions a {
	float: none;
	font-weight: normal;
	margin: 0 5px;
}


/* =Column 3 Promo Module
----------------------------------------------------------------------------------------------------*/
#columnThree .highlight p {
	padding: 0 17px;	
}
#columnThree .highlight img {
	margin: 5px 0 10px 0;
}
#columnThree .highlight img.hdr {
	margin-left: -15px;
}
#columnThree .highlight img.photo {
	border: 1px solid #666;
}
#columnThree .highlight ul {
	margin-left: 10px;
}
#columnThree .highlight li {
	background: url("../images/bulletGraySml.gif") 0 5px no-repeat;
	line-height: 1.4em;
	padding: 0 0 10px 10px;
}
#columnThree .highlight li.highlight {
	background: url("../images/bulletBlueSml.gif") 0 5px no-repeat;
	color: #09c;
	font-weight: bold;
}


/* =Column 3 Agent Module
----------------------------------------------------------------------------------------------------*/
#columnThree .agentDetails {
	width: 213px;
}
#columnThree .agentDetails img {
	float: left;
	margin-right: 15px;
}
#columnThree .agentDetails .title {
	color: #09c;
	font-family: georgia;
	font-style: italic;
	padding-bottom: 5px;
}
#findAPlan #columnThree .agentDetails p {
	padding: 0;	
}
#columnThree .agentDetails p span {
	color: #069;
	display: block;
	font-weight: bold;
	padding: 8px 0 3px 0;
}


/* =Plan Icon Links
----------------------------------------------------------------------------------------------------*/
a.planIcon {
	color: #666;
	display: block;
	height: 90px;
	position: relative;
	text-decoration: none;
	width: 260px;
}
a.planIcon:hover {
	background-position: 0 -90px;	
	text-decoration: none;
}
a.planIcon span {
	font-weight: normal;
	line-height: 1.2em;
	position: absolute;
	right: 0;
	text-align: left;
	top: 40px;
	width: 162px;
}
.ExtremeWrap { background: url("../images/planIcons/extremeWrap.png") 0 0 no-repeat; }
.PowerShield  { background: url("../images/planIcons/powerShield.png") 0 0 no-repeat; }
.LuxuryCare { background: url("../images/planIcons/luxuryCare.png") 0 0 no-repeat; }
.SecureCare { background: url("../images/planIcons/secureCare.png") 0 0 no-repeat; }
.MajorCare { background: url("../images/planIcons/majorCare.png") 0 0 no-repeat; }
.XtraCare { background: url("../images/planIcons/xtraCare.png") 0 0 no-repeat; }
.PowerWrap { background: url("../images/planIcons/powerWrap.png") 0 0 no-repeat; }
.PowerTrain { background: url("../images/planIcons/powerTrain.png") 0 0 no-repeat; }
.Standard { background: url("../images/planIcons/standard.png") 0 0 no-repeat; }
.ElitePlus { background: url("../images/planIcons/elitePlus.png") 0 0 no-repeat; }

a.planIconSml {
	color: #666;
	display: block;
	height: 61px;
	margin: 15px 0 0 15px;
	text-decoration: none;
	width: 211px;
}
a.planIconSml:hover {
	background-position: 0 -61px;	
	text-decoration: none;
}
.ExtremeWrapSml { background: url("../images/planIcons/extremeWrapSml.png") 0 0 no-repeat; }
.PowerShieldSml { background: url("../images/planIcons/powerShieldSml.png") 0 0 no-repeat; }
.LuxuryCareSml { background: url("../images/planIcons/luxuryCareSml.png") 0 0 no-repeat; }
.SecureCareSml { background: url("../images/planIcons/secureCareSml.png") 0 0 no-repeat; }
.MajorCareSml { background: url("../images/planIcons/majorCareSml.png") 0 0 no-repeat; }
.XtraCareSml { background: url("../images/planIcons/xtraCareSml.png") 0 0 no-repeat; }
.PowerWrapSml { background: url("../images/planIcons/powerWrapSml.png") 0 0 no-repeat; }
.PowerTrainSml { background: url("../images/planIcons/powerTrainSml.png") 0 0 no-repeat; }
.StandardSml { background: url("../images/planIcons/standardSml.png") 0 0 no-repeat; }
.ElitePlusSml { background: url("../images/planIcons/elitePlusSml.png") 0 0 no-repeat; }



/* =Form Block
----------------------------------------------------------------------------------------------------*/

/*----- Inner Container Titles: Get a Quote Step 1 -----*/
.formBlock .innerBorder img {
	display: block;
	margin: 5px 0 10px 25px;
}

/*----- Find A Plan: Inner Padding -----*/
.formBlock .innerPadding {
	padding: 0 25px;
	width: 441px;	
}
.formBlock .innerPadding img {
	display: block;
	margin-left: 10px;
}

/*----- Form Structure: Default -----*/
.formBlock fieldset {
	float: left;
	padding: 15px 25px 5px 30px;
	width: 220px;
}
#paymentBlock .formBlock fieldset {
	padding-right: 0;
	width: 280px;
}
#paymentBlock .right .formBlock label {
	width: 87px;
}
#paymentBlock .right .formBlock span.error {
	margin-left: 95px;
}
.formBlock fieldset.firstOwner {
	clear: both;
	height: auto;
	/*line-height: 18px; may not need */
	padding: 0;
}
.formBlock label, .formBlock .quoteitem {
	float: left;
	line-height: 18px;
	margin: 0 10px 10px 0;
	text-align: right;
	width: 68px;	
}
.formBlock label.firstOwner {
	margin: 0 0 10px 10px;
	text-align: left;
	width: 110px;
}
.formBlock .vehicleExtras label.serviceDate {
	clear: both;
	display: block;
	width: 220px;
}
.formBlock input,
.formBlock select {
	float: left;
	line-height: 18px;
	margin: 0 0 10px 0;
	padding: 0 2px;
	width: 96px;
}
.formBlock select {
	padding-right: 0;
	width: 98px;
}
.formBlock fieldset.firstOwner input {
	margin: 2px 0 0 75px;
	*margin-top: -2px;
	width: 15px;
}

.formbox
{
	width: 132px;
}

#vehicleMakeContainer, #vehicleModelContainer, #vehicleMakeContainerDD, #vehicleModelContainerDD{
width:132px; 
height:29px; 
float:left;
}

.formBlock span.title {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
	width: 100%;
}

/*----- Form Structure: Vehicle Extras -----*/
.formBlock fieldset.vehicleExtras {
	padding-top: 0;
	*padding-top: 5px;
	padding-left: 35px;
	width: 210px;
}
.formBlock .vehicleExtras label,
.formBlock .vehicleExtras .quoteitem {
	margin: 0 0 3px 0;
	text-align: left;
	width: 185px;
	*width: 186px;
}
.formBlock .vehicleExtras input {
	height: 16px;
	margin: 2px 10px 3px 0;
	width: 15px;
}
.formBlock input#serviceDate, .formBlock input.serviceDate2, 
.formBlock input#serviceDateDD, .formBlock input.serviceDateDD2{
	background: url("../images/iconCalendar.gif") 100% 1px no-repeat;
	display: inline;
	height: auto;
	margin-right: 3px;
	padding: 0 10px 0px 2px;
	width: 96px;
}
.formBlock .vehicleExtras a.icon,
a.icon {
	float: left;
	height: 23px;
	margin: 0;
	text-indent: -9999px;
	width: 23px;
}
.formBlock .vehicleExtras a.questionMark,
.formBlock .vehicleExtras a.questionMark2,
a.questionMark, a.questionMark2 {
	background: url("../images/iconQuestionMark.png") 0 0 no-repeat;
	clear: none;
	cursor: help;
}

/*----- Tooltip -----*/
.tooltipInServiceDate {
	background: url("../images/findAPlan/tooltipSml.png") 0 0 no-repeat;
	display:none;
	float: left;
	height: 98px;
	position: absolute;
	width: 218px;
	z-index: 10000000000000;
}
.tooltipInServiceDate span {
	float: left;
	font-weight: normal;
	line-height: 1.3em;
	padding: 10px 20px 25px 40px;
	width: 158px;
	text-align:left;
}
.tooltipInServiceDate span.title {
	color: #069;
	font-weight: bold;
	line-height: 1.0em;
	padding: 0 0 5px 0;
	text-align:left;
}

/*----- Tooltip -----*/
.tooltipSecureCode {
	background: url("../images/securitycode.jpg") 0 0 no-repeat;
	display:none;
	float: left;
	height: 264px;
	position: absolute;
	width: 258px;
	z-index: 10000000000000;
}


/*----- Form Structure: Contact Info -----*/
.formBlock .contactInfo label.radioLabel {
	width: auto;	
}
.formBlock .contactInfo input {
	width: 126px;
}
.formBlock .contactInfo input.contactPhoneEmail {
	height: 13px;
	margin: 2px 5px 0 0;
	padding: 0;
	width: 15px;	
}
.formBlock .contactInfo input.phoneAreaCode,
.formBlock .contactInfo input.phonePrefix {
	margin-right: 5px;
	width: 25px;
}
.formBlock .contactInfo input.phoneLast4 
{
	margin-right: 7px;
	width: 33px;
}
.formBlock .contactInfo a {
	clear: both;
	font-weight: normal;
	margin: 0 0 0 75px;
}

/*----- Form Structure: Required & Error Messaging -----*/
.formBlock span.required {
	display: block;
	text-align: right;
	width: 95%;
}
.formBlock span.error {
	clear: both;
	color: #f30;
	display: block;
	/* display: none; */
	font-weight: normal;
	line-height: 1.0em;
	margin: 0 0 0 78px;
	padding: 0 0 5px 0;
}
.formBlock .vehicleExtras span.error {
	*float: left;
	margin: 0;
	padding: 5px 0 0 0;
	*width: 100%;
}

/*----- Find A Plan Overrides -----*/
.formBlock .innerPadding fieldset {
	padding: 15px 5px 5px 5px;
	width: 210px;
}
.formBlock .innerPadding fieldset.firstOwner {
	padding: 0;
}
.formBlock .innerPadding .vehicleExtras {
	margin-left: 15px;
	padding-left: 0;
	padding-right: 0;
	width: 200px;
}
.formBlock .innerPadding .vehicleExtras label,
.formBlock .innerPadding .vehicleExtras .quoteitem {
	width: 175px;
}
.formBlock .innerPadding .vehicleExtras label.serviceDate {
	width: 200px;
}
.formBlock .innerPadding input#serviceDate, .formBlock .innerPadding input.serviceDate2 {
	_margin-left: -15px;
}

/*----- Get A Quote Step 3 Overrides -----*/
#paymentBlock .formBlock fieldset {
	padding-left: 20px;
	padding-right: 0;
	width: 280px;
}
#paymentBlock .formBlock .contactInfo label {

}
#paymentBlock .formBlock select.phoneLocation {
	display: inline;
	margin: 0 0 0 5px;
	width: auto;
}
#paymentBlock .formBlock span.required {
	width: 90%;
}

/*----- Get A Quote Dropdown Overrides -----*/
#getAQuoteDropDwn .formBlock {
	background: none;
	display: inline-block;
	left: 12px;
	position: relative;
	top: -5px;
	width: 222px;
}
#getAQuoteDropDwn .formBlock {
	background: none;
}
#getAQuoteDropDwn .formBlock fieldset {
	margin: 0;
	padding: 0 0 5px 0;
	width: 210px;
}
#getAQuoteDropDwn .formBlock label {
	width: 53px;
}
#getAQuoteDropDwn .vehicleExtras label,
#getAQuoteDropDwn .vehicleExtras .quoteitem {
	width: 185px;
}
#getAQuoteDropDwn .formBlock label.firstOwner {
	margin-bottom: 0;
	width: 110px;
}
#getAQuoteDropDwn .contactInfo label {
	width: 60px;
}
#getAQuoteDropDwn .formBlock .contactInfo label.radioLabel {
	width: auto;	
}
#getAQuoteDropDwn .formBlock fieldset.firstOwner input,
#getAQuoteDropDwn .vehicleInfo span.error {
	margin-left: 60px;
}
#getAQuoteDropDwn .contactInfo span.error {
	margin-left: 70px;
}
#getAQuoteDropDwn span.title {
	width: 210px;
}


/* =Graphical Curved Containers
----------------------------------------------------------------------------------------------------*/
/*----- Default Setup -----*/
.curvedContainer {

}
.curvedContainer .curveTop {
	height: 12px;
	_overflow: hidden;
	text-indent: -9999px;
}
.curvedContainer .curveBtm {
	clear: both;
	height: 12px;
	text-indent: -9999px;
}

/*----- Solid Blue Background : 639px Wide : Ex. getAQuoteStep1.shtml -----*/
.blue639 {
	background: url("../images/curvedContainers/blue639Bg.png") 0 0 repeat-y;
	_display: inline-block;
	margin: 10px 0 10px 12px;
}
.blue639 .curveTop {
	background: url("../images/curvedContainers/blue639CurveTop.png") 0 0 no-repeat;
	height: 8px;
}
.blue639 .curveBtm {
	background: url("../images/curvedContainers/blue639CurveBtm.png") 0 100% no-repeat;
	height: 8px;
}

/*----- Solid Blue Background : 336px Wide : Ex. getAQuoteStep2.shtml - One Plan Match -----*/
.blue336 {
	background: #e5f1f9 url("../images/curvedContainers/blue336Curves.png") 0 -10px no-repeat;
	_display: inline-block;
	margin: 10px 0 10px 12px;
	width: 336px;
}
.blue336 .curveBtm {
	background: url("../images/curvedContainers/blue336Curves.png") 0 0 no-repeat;
	height: 10px;
	overflow: hidden;
}

/*----- Solid Blue Background : 294px Wide : Ex. getAQuoteStep2.shtml - Plan Total -----*/
.blue294 {
	background: #e5f1f9 url("../images/curvedContainers/blue294Curves.png") 0 -10px no-repeat;
	_display: inline-block;
	width: 294px;
}
.blue294 .curveBtm {
	background: url("../images/curvedContainers/blue294Curves.png") 0 0 no-repeat;
	height: 10px;
	overflow: hidden;
}

/*----- Solid Blue Background : 294px Wide : Ex. getAQuoteStep2.shtml -----*/
.blue294 {
	background: #e5f1f9 url("../images/curvedContainers/blue294Curves.png") 0 -10px no-repeat;
	_display: inline-block;
	width: 294px;
}
.blue294 .curveBtm {
	background: url("../images/curvedContainers/blue294Curves.png") 0 0 no-repeat;
	height: 10px;
	overflow: hidden;
}

/*----- Glow on Blue Background : 627px Wide : Ex. getAQuoteStep3.shtml -----*/
.glowOnBlue627 {
	background: url("../images/curvedContainers/glowOnBlue627Bg.png") 0 0 repeat-y;
	margin: 0 0 0 5px;
	width: 627px;
}
.glowOnBlue627 .curveTop {
	background: url("../images/curvedContainers/glowOnBlue627Curves.png") 0 -12px no-repeat;
	height: 12px;
}
.glowOnBlue627 .curveBtm {
	background: url("../images/curvedContainers/glowOnBlue627Curves.png") 0 0 no-repeat;
	height: 12px;
}
.glowOnBlue587 {
	background: url("../images/curvedContainers/glowInnerOnBlue587BgOff.png") 0 0 repeat-y;
	margin: 0 0 0 5px;
	width: 587px;
}
.glowOnBlue587 .curveTop {
	background: url("../images/curvedContainers/glowInnerOnBlue587CurvesOff.png") 0 -10px no-repeat;
	height: 10px;
}
.glowOnBlue587 .curveBtm {
	background: url("../images/curvedContainers/glowInnerOnBlue587CurvesOff.png") 0 0 no-repeat;
	height: 10px;
	overflow: hidden;
}
#termsSelect div.selected {
	background: url("../images/curvedContainers/glowInnerOnBlue587Bg.png") 0 0 repeat-y;
}
#termsSelect div.selected .curveTop {
	background: url("../images/curvedContainers/glowInnerOnBlue587Curves.png") 0 -10px no-repeat;
}
#termsSelect div.selected .curveBtm {
	background: url("../images/curvedContainers/glowInnerOnBlue587Curves.png") 0 0 repeat-y;
}

/*----- Glow on Blue Background : 315px Wide : Ex. getAQuoteStep3.shtml -----*/
.glowOnBlue315 {
	background: url("../images/curvedContainers/glowOnBlue315Bg.png") 0 0 repeat-y;
	width: 315px;
}
.glowOnBlue315 .curveTop {
	background: url("../images/curvedContainers/glowOnBlue315Curves.png") 0 -12px no-repeat;
	height: 12px;
}
.glowOnBlue315 .curveBtm {
	background: url("../images/curvedContainers/glowOnBlue315Curves.png") 0 0 no-repeat;
	height: 12px;
}

/*----- Inner Blue Glow on Blue Background : 486px Wide : Ex.findAplan.shtml -----*/
.glowInnerOnBlue486 {
	background: url("../images/curvedContainers/glowInnerOnBlue486Bg.png") 0 0 repeat-y;
	margin: 15px 0 10px 0;
	_margin-top: 7px;
}
.glowInnerOnBlue486 .curveTop {
	background: url("../images/curvedContainers/glowInnerOnBlue486Curves.png") 0 -25px no-repeat;
	height: 25px;
}
.glowInnerOnBlue486 .curveBtm {
	background: url("../images/curvedContainers/glowInnerOnBlue486Curves.png") 0 0 no-repeat;
	height: 25px;
}

/*----- Gray Shadow on White Background : 504px Wide : Uses Same Graphics as Narrow Tab Container Except for Closed Top : Ex. One Plan Return Layout on findAPlanResults.shtml -----*/
.gray504 {
	display: inline-block;
	background: url("../images/tabs/bg504.png") 0 0 repeat-y;
	margin: 15px 0 0 -5px;
	padding: 0 0 0 0;
	width: 504px;
}
.gray504 .curveBtm,
.gray504 .curveTop {
	background: url("../images/tabs/curveBtm504.png") 0 0 no-repeat;
	_background-position: 0 2px;
	height: 10px;
	width: 504px;
}
.gray504 .curveTop {
	background: url("../images/tabs/curveTop504Closed.png") 0 0 no-repeat;
	_background-position: 0 0;
}

/*----- Special Messaging with Red Border : 643px Wide : Ex.getAQuoteStep2.shtml -----*/
.specialMsging {
	background: url("../images/curvedContainers/specialMsging643Bg.png") 0 0 repeat-y;
	margin: 5px 0 20px 12px;
	width: 643px;
}
.specialMsging .curveTop {
	background: url("../images/curvedContainers/specialMsging643Curves.png") 0 -12px no-repeat;
}
.specialMsging .curveBtm {
	background: url("../images/curvedContainers/specialMsging643Curves.png") 0 0 no-repeat;
}

/*----- Adds Padding to .blue639 on getAQuoteStep2.shtml -----*/
#planSelect .curveTop {
	padding-bottom: 10px; 
}
#planSelect .curveBtm {
	padding-top: 10px; 
}

/*----- Inner Boder with Inner Blue Glow on Blue Background : 275px Wide : Ex.getAQuoteStep1.shtml -----*/
.shadowBlue275 {
	background: url("../images/curvedContainers/shadowBlue275Bg.png") 0 0 repeat-y;
	display: inline;
	float: left;
	margin: 10px 0 10px 29px;
	width: 275px;
}
.shadowBlue275 .curveTop {
	background: url("../images/curvedContainers/shadowBlue275Curves.png") 0 -10px no-repeat;
	height: 10px;
}
.shadowBlue275 .curveBtm {
	background: url("../images/curvedContainers/shadowBlue275Curves.png") 0 0 no-repeat;
	height: 10px;
	_margin-bottom: -2px;
}


/* =Sign In DOM Window
----------------------------------------------------------------------------------------------------*/
.signIn .domContent {
	margin: 0;
}
.signIn .domContentWrap {
	display: -moz-inline-box;
	display: inline-block;
	width: 788px;
}
.signIn .formBlock {
	background: none;
	display: inline;
	float: left;
	margin: 0 5px;
	padding: 15px 15px 15px 20px;
	_height: 260px;
	min-height: 260px;
	position: relative;
	width: 349px;
}
.tall .formBlock {
	height: 320px;
	padding-top: 15px;
}
.signIn .formBlock fieldset {
	padding-left: 0;
	width: 319px;
}
.signIn .formBlock label {
	width: 110px;
}
.signIn .formBlock input {
	width: 162px;
}
.signIn .formBlock span.hdr {
	color: #069;
	font-weight: bold;
	height: auto;
	padding: 0 0 10px 0;
	position: static;
	text-align: left;
	text-indent: 0;
	width: auto;
}
.signIn .formBlock span.subHdr {
	color: #666;
	display: block;
	font-weight: bold;
	text-align: left;
}
.signIn .formBlock span.error {
	display: none;
	margin: 0 0 0 120px;
	text-align: left;
}
.signIn .formBlock a {
	clear: both;
	display: inline;
	float: left;
	font-weight: normal;
	line-height: 20px;
	margin: 0 0 0 120px;
	text-align: left;
	width: 125px;
}
.signIn .formBlock .buttonBig, .signIn .formBlock input.buttonBig {
	display: inline;
	float: left;
	position: absolute;
	left: 135px;
	bottom: 20px;
}
.signIn .benefitsList {
	clear: both;
	display: -moz-inline-box;
	display: inline-block;
	padding: 20px 0 0 0;
	width: 789px;
}
.signIn .benefitsList span {
	color: #09c;
	float: left;
	font-family: Georgia;
	font-style: italic;
	text-align: right;
	width: 380px;
}
.signIn .benefitsList ul {
	color: #666;
	float: left;
	padding: 5px 0 0 30px;
}
.signIn .benefitsList li {
	background: url("../images/iconCheckmarkBlueMed.png") 0 0 no-repeat;
	padding: 0 0 12px 20px;
}

/* =Calendar
----------------------------------------------------------------------------------------------------*/

/* Main Style Sheet for jQuery UI date picker */
#ui-datepicker-div, .ui-datepicker-inline {
	padding: 0;
	margin: 0;
}
#ui-datepicker-div {
	display: none;
	z-index: 100000000000; /*must have*/
	background-image:url(../images/calendarBg.png);
	background-repeat:no-repeat;
	height:225px;
	padding:3px 8px 0 3px;
	_background:url(../images/calendarBgIE6.gif);
	font-weight:bold;
}

.ui-datepicker-inline {
	float: left;
	display: block;
	border: 0;
}

.ui-datepicker-rtl {
	direction: rtl;
}

.ui-datepicker-disabled {
	position: absolute;
	z-index: 100000000000;
	background-color: white;
	opacity: 0.5;
}
button.ui-datepicker-trigger {
	width: 25px;
}
img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}
.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .ui-datepicker-prompt {
	width: 185px;
}
.ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
}

.ui-datepicker-links, .ui-datepicker-control {
display:none;
}

.ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
}

.ui-datepicker-header {
	padding: 5px 0;
	text-align: center;
}
.ui-datepicker-header select.ui-datepicker-new-month {
margin-right:5px;
}
.ui-datepicker {
	text-align: center;
	border-collapse:separate;
}
.ui-datepicker a {
	display: block;
	width: 100%;
}
.ui-datepicker-title-row {
	background: #fff;
}
.ui-datepicker-title-row td{
	padding:5px 0;
	border: 1px solid #e4e4e4;
}
.ui-datepicker-days-row {
	background: #fff;
	color: #666;
}
.ui-datepicker-week-col {
	background: #f2f2f2;
}
.ui-datepicker-days-cell {
	color: #000;
	border: 1px solid #e4e4e4;
}
.ui-datepicker-days-cell a{
	display: block;
}
.ui-datepicker-week-end-cell {
	background: #f2f2f2;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #f2f2f2;
}

.ui-datepicker-unselectable {
	color: #ccc;
	padding:5px 0;
}

.ui-datepicker-current-day {
	background: #dcecf8 !important;
}
.ui-datepicker-current-day a {
	color:#0099cc !important;
}
.ui-datepicker-status {
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a{
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #666;
	padding:5px 0;
}

.ui-datepicker-title-row a {
	color: #666 !important;
}

.ui-datepicker-title-row a:hover {
	background: #ddd !important;
	color: #333 !important;
}

#ui-datepicker-div a:hover, .ui-datepicker-inline a:hover{
background-color:#dcecf8; !important;
text-decoration:none; !important;
color:#0099cc; !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #777;
}
.ui-datepicker-one-month {
	float: left;
	width: 185px;
}
.ui-datepicker-new-row {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

#getAQuoteDDStep1 .formbox
{
	width: 132px;
}

.formBlock .contactInfo span.contactEmailPhone input[type="radio"],
#columnThree #completeQuote span.contactEmailPhone input[type="radio"]
{
	display:inline; float:none;
	height: 13px;
    margin: 2px 5px 0 0;
    padding: 0;
    width: 15px;   
}
.formBlock .contactInfo span.contactEmailPhone label,
#columnThree #completeQuote span.contactEmailPhone label
{
	display:inline; float:none;
	width: auto;
}

.formBlock .contactInfo a.privacy
{
	clear: both;
	font-weight: normal;
	display:inline; float:none;
	height: 13px;
    margin: 2px 5px 0 0;
    padding: 0;
}
.formBlock .contactInfo a.privacy2
{
clear: both;
font-weight: normal;
display:inline; float:none;
height: 13px;
margin: 2px 5px 0 130px;
padding: 0;
}

.errorSummary {
	margin-left: 70px;
	font-size:12px; 
	clear: both;
	color: #f30;
	display: block;
	/* display: none; */
	font-weight: normal;
	line-height: 1.0em;
	padding: 0 0 5px 0;
}

.termLength 
{
	padding-left: 0;
	width: 125px;	
	color: #069;
	font-weight: bold;
	padding: 2px 5px 2px 0;	
	font-size:15px;
}

.expires
{
	display:block;
	padding-left: 0;
}

#getMyQuotesForm li.quoteResult
{
	color:#016798;
	font-size:12px;
	font-weight: bold;
	display:block;
	background-repeat:no-repeat;
	line-height:35px;
	padding-left:10px;
	color:#006699;
}

#getMyQuotesForm a.quoteResultLink
{
	color:#7e9e0c;
	font-size: 11px;
	padding-left:10px;
	padding-right: 6px;
	border-right:1px solid #acacac;
}

#getMyQuotesForm a.quoteResultLink2
{
	color:#7e9e0c;
	font-size: 11px;
	padding-left:10px;
	padding-right: 6px;
}

#getMyQuotesForm .noQuoteError
{
	font-size: 12px;
	padding-left:10px;
	color: Red;
}

#columnTwo input.findPlans{
	background: url("../images/findAPlan/btnFindPlans.png") 0 0 no-repeat;
	display: inline;
	float: right;
	margin: 0 30px 0 0;
	width: 175px;
}

#findAPlan h1.manageMyQuotes {
background: url("../images/hdrManageMyQuotes.png") 0 0 no-repeat;
}


#findAPlan h1.billing {
background: url("../images/hdrBilling.png") 0 0 no-repeat;
}


#findAPlan h1.myAccount {
background: url("../images/hdrMyAccount.png") 0 0 no-repeat;
}


#findAPlan h1.myPlans {
background: url("../images/hdrMyPlans.png") 0 0 no-repeat;

}


#findAPlan h1.planDetails {
background: url("../images/hdrPlanDetails.png") 0 0 no-repeat;

}
.dividerDottedLong {
	background: url("../images/dividerDotted.gif") 0 100% repeat-x;
	clear: both;
	height: 5px;
	line-height: 2px;
	margin: 0;
	padding-top: 15px;
	text-indent: -9999px;
}
.aBlue20{
color:#006699;
font-weight:bold;
font-size: 20px;
}
.aGray20{
color:#999999;
font-weight:bold;
font-size: 20px;
}
.aGray15{
color:#999999;
font-size: 15px;
}
.aRed12{
color:#ff3300;
font-size: 12px;
}



/*----- Get A Quote Inset -----*/
#getQuoteBlank {
	background: url("../images/homepage/bgGetQuoteBlank.png") 0 0 no-repeat;
	_background: url("../images/homepage/bgGetQuoteBlank.png") 0 0 no-repeat;
	display: block;
	height: 398px;
	left: 634px;
	_left: 560px;
	position: absolute;
	text-align: left;
	top: 13px;
	width: 290px;
}

#getQuoteBlank p {
	color: #666666;
	font-family:Helvetica, sans-serif;
	padding: 0 5px 0 5px;
	text-align:right;
	width:60px;
	margin-left:20px;
}
