
/* -------------------- ADJUST FONT --------------------- */
#adjustFont {
	color: #036;
	text-transform: uppercase;
	margin: 0 0 1.63em 0;
	}
	
#adjustFont .smaller {
	font-size: 0.75em;
	}
	
#adjustFont .larger {
	font-size: 1.25em;
	}

/* -------------------- BEHAVIOR GRAPHIC --------------------- */
#behaviorGraphic {	
	margin-bottom: 20px;
	display: none;
	}
/* ------------This style will hide the printable footer--------------- */
.noDisplay {
	display: none;
	visibility:hidden;
	left: auto;
}
/* -------------------- BREAD CRUMBS --------------------- */
ul#breadCrumb {
	color: #03c;
	margin: 0;
	padding: 0;
	}

ul#breadCrumb li {
	background: transparent url("http://cd.progressive.com/cdn.2.0.0.720/images/breadcrumb_seperator.gif") 100% 60% no-repeat;
	float: left;
	white-space: nowrap; 
	margin: 0 5px 0 0;
	padding: 0 12px 0 0;
	}

ul#breadCrumb li#currentPageBreadCrumb {
	background: transparent none 0 0 no-repeat;
	}

.breadCrumbBreaker {
	clear: both;
	height: 0em;
	line-height: 0em;
	}

#template1Wrapper #subWrapper .breadCrumbWrapper,
#template2Wrapper #subWrapper .breadCrumbWrapper,
#template6Wrapper #subWrapper .breadCrumbWrapper,
#blogWrapper #subWrapper .breadCrumbWrapper,
#olsPageWrapper #subWrapper .breadCrumbWrapper,
#templateNewsroomWrapper #subWrapper .breadCrumbWrapper {
	padding: 5px 0 5px 0;
	}

#template3Wrapper #subWrapper .breadCrumbWrapper,
#template4Wrapper #subWrapper .breadCrumbWrapper

 {
	padding: 5px 0 25px 0;
	}

/* -------------------- CAT --------------------- */
#cat {
	margin-bottom: 40px;
	display:none;
	}
/* -------------------- Investors Contact Promo - added by JW on 9/18/07 --------------------- */
#investorContact {
	width: 196px;
	height:55px;
	border:solid #999999 1px;
	padding: 2px;
	margin-bottom: 40px;
	}
#investorContactTitle {
	background-color:#405e7c;
	background-position:center;
	margin-bottom: 5px;
	padding: 5px 3px 3px 5px;
	height: 15px;
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 1em;
	font-weight:bold;
	}
	/* -------------------- Investors ticker (short display) - added by JW on 9/18/07 --------------------- */
#investorTickerShort {
	width: 196px;
	height:55px;
	padding: 2px;
	margin-bottom: 20px;
	margin-top: 18px;
	}

/* -------------------- DISCLAIMER --------------------- */
#disclaimer {
	clear: right;
	line-height: 1.09em;
	float:left;
	}

#disclaimer img {
	float: right;
	}

#disclaimer p { 
	margin: 1em 0 0 0;
	line-height: normal;
	}



/* -------------------- LEFT NAVIGATION --------------------- */
ul#leftNav ul a {
	font-size: 1em;
	font-weight: normal;
	}

ul#leftNav li {
	padding: 0 0 0 15px;
	border-bottom: 1px solid #cbd6df;
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/arrow_right.gif");
	background-position: 0 0.35em;
	background-repeat: no-repeat;
	}

ul#leftNav li.parentActive {
	border-bottom: 1px solid #cbd6df;
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/arrow_down.gif");
	background-position: 0 0.30em;
	background-repeat: no-repeat;
	}

ul#leftNav li a, ul#leftNav li.parentActive {
	display: block;
	height: 1%;
	padding: 0.27em 0 0.27em 0;
	}

ul#leftNav li.parentActive {
	padding-left: 15px;
	}

ul#leftNav ul {
	padding: 1em 0 1em 0;
	}

ul#leftNav li.parentActiveLink ul li.activeLink {
	padding-bottom: 0.5em;
	}
	
ul#leftNav ul li{
	padding-left: 0px;
	background-image: none;
	border: none;
	}
	
ul#leftNav ul li a {
	display: block;
	height: 1%;
	padding: 0 0 0.5em 0;
	}


ul#leftNav ul ul {
	padding: 1em 0 1em 0;
	}
	

ul#leftNav ul ul li {
	padding-left: 7px;
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/bullet_dash.gif");
	background-position: 0 0.3em;
	background-repeat: no-repeat;
	}


/* -------------------- MENU LINKS -------------- */

ul.linkMenu li {
	line-height: normal;
	padding-bottom: 1.6em;
	}

ul.linkMenu li li {
	padding-bottom: 0.2em;
	}
	
ul.linkMenu li ul {
	padding-top: 0.4em;
	}

/* -------------------- OLS --------------------- */

div.loginErrorMessage {
	color: #f00;
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/error-right.gif");
	background-repeat: no-repeat;
	padding: 12px 20px 10px 55px;
	width: 155px;
	height: 50px;
	font-size: 10px;
	display: none;	
	position:absolute;
	top: 210px;
	right: 210px;
	z-index:100000;
	overflow: visible;
	}

#olsPageWrapper div.loginErrorMessage {
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/error-left.gif");
	padding: 12px 20px 10px 55px;
	top: 55px;
	left: 190px;
	}
	
img#lock {
	display: none;
	}

.WaterMarkUsername,
.WaterMarkPassword {
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/login-input-watermark.gif');
	background-repeat: no-repeat;
	border: 1px solid #7f9db9;
	}	

.WaterMarkUsername {
	background-position: -10px 3px;
	}
	
.username, .password {
	border: 1px solid #7f9db9;
	}
	
.WaterMarkPassword {
	background-position: -10px -18px;
	}


/* -------------------- PAGE TOOLS --------------------- */


ul#pageTools {
	list-style: none;
	margin-bottom: 30px;
	}

ul#pageTools img{
	margin-right: 5px;
	}

ul#pageTools li {
	display: inline;
	margin-right: 10px;
	}

#irvPromo {
	margin: 0;
	display: none;
	}	

#homepageWrapper #irvPromo, #olsPageWrapper #irvPromo, #template1Wrapper #irvPromo {
	margin-left: 235px;
	}

#homepageWrapper ul#pageTools, #olsPageWrapper ul#pageTools, #template1Wrapper ul#pageTools {
	float: right;
	vertical-align: bottom;
	}
	
#template1Wrapper ul#pageTools, #olsPageWrapper ul#pageTools {
	display: none;
	}
/* -------------------- POP UP -------------------------- */

#popup {
	padding: 80px 20px;
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/popup_hdr_img.jpg");
	background-repeat: no-repeat;
	background-position: 20px 0;
	}	

#popup p {
	margin-bottom: 30px;
	}

#popup ul {
	border-top: 1px solid #cbd6df;
	padding-top: 15px;
	float: left;
	width: 100%;
	}
	
#popup ul li {
	display: block;
	float: left;
	width: 49%;
	margin: 15px 0;
	}
/* -------------------- QUOTE BLOCK --------------------- */

#quote {
	width: 202px;
	height: 400px;
	background-image:url("http://cd.progressive.com/cdn.2.0.0.720/images/inbound/interior-quote_block.gif");
	background-repeat: no-repeat;	
	position: relative;
	margin: 0 0 20px 0;
	}

#quote ul {
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.09em;
	position: absolute;
	}
	
#quote ul li {
	padding-bottom: 5px;
	}

#quote input, #quote select { 
	width: 132px;
	color: #666;
	margin-bottom: 5px;
	padding: 1px;
	font-size: 1.09em;
	}
	
#quote select { 
	width: 138px;
	}

#quote a .agentButton {
	position: absolute;
	}

#quote a {
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
	}
	
/* -------------------- BUTTON ONLY QUOTE START --------------------- */
#qsButton{
position:absolute;
top:-105px;
left:-220px;


}
	
/* -------------------- QUOTE BLOCK (Content Page) --------------------- */

#quote ul {
	top: 145px;
	left: 30px;
	}

#quote a .agentButton {
	top: 338px;
	left: 2px;
	}


/* -------------------- QUOTE BLOCK (Landing Page) --------------------- */

#template1Wrapper #quote{
	width:682px;
	height:235px;
	background-image:url("http://cd.progressive.com/cdn.2.0.0.720/images/car-vehicle-main.jpg");
	background-repeat:no-repeat;
	clear: left;
}


#template1Wrapper #quote ul {
	top: 30px;
	left: 220px;
	}

#template1Wrapper #quote a .agentButton {
	top: 195px;
	left: 2px;
	}

#template2Wrapper #quote ul {
	top: 30px;
	left: 240px;
	}

#template2Wrapper #quote a .agentButton {
	top: 170px;
	left: 2px;
	}





/* -------------------- VALUE PROP --------------------- */
.valuePropWrapper {
	margin: 0px 0 10px 0;
	position: relative;
	display: block;
	cursor: pointer;
	clear:both;

	}

	
.valuePropWrapper .valueProp a.arrowLink {

	width:100px;
	background:url('http://cd.progressive.com/cdn.2.0.0.720/images/chevron.gif') no-repeat;
	padding-left:20px;
	margin:15px 0 0 0px;
	}

.valuePropWrapper .valuePropNoImage a.arrowLink {

	width:100px;
	background:url('http://cd.progressive.com/cdn.2.0.0.720/images/chevron.gif') no-repeat;
	display: block;
	padding-left:10px;
	margin:15px 0 0 0px;
	}

a.valuePropWrapper:hover {
	text-decoration: none;
}

.valuePropWrapper .valueProp .valuePropTitle{
	font-weight:bold;
	margin: 0 0 15px 0px;
	color:#003366;
}

.valuePropWrapper .valuePropNoImage .valuePropTitle{
	font-weight:bold;
	margin: 0 0 15px 0px;
	color:#003366;
}

.valuePropWrapper .valueProp .valuePropImage{
	float: left;
	height:120px;
	margin-right:10px;

}

.valuePropWrapper .valueProp .divider{

background:url(http://cd.progressive.com/cdn.2.0.0.720/images/slash-divider.gif) repeat-x;
width:90%;
height:10px;
margin: 20px 0 10px 13px;

}

.valuePropWrapper .valuePropNoImage .divider{

background:url(http://cd.progressive.com/cdn.2.0.0.720/images/slash-divider.gif) repeat-x;
width:90%;
height:10px;
margin: 20px 0 10px 0px;

}

.valuePropWrapper .valueProp p{
margin:0 0 10px 0;
}

#petValueProp {
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/pet-valueprop.gif");
	background-repeat: no-repeat;
	width: 201px;
	height: 110px;
	position: relative;
	}

#petValueProp #petValuePropImage {
	position: absolute;
	left: 103px;
	top: 29px;
	width: 88px;
	text-align: center;
	}

.valuePropWrapper #petValuePropMeta {
	position: absolute;
	top: 90px;
	left: 103px;
	width: 88px;
	}

#petBanner {
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/pet-banner.gif");
	width: 419px;
	height: 115px;
	position: relative;
	display: block;
	cursor: pointer;
	}

#petBanner #petBannerImage {
	position: absolute;
	left: 175px;
	top: 25px;
	width: 122px;
	text-align: center;
	}
	
#petBanner #petBannerImage img {
	margin: 0 auto 0 auto;
	}

#petBanner span {
	position: absolute;
	left: 305px;
	top: 38px;
	font-weight: bold;
	color: #092a4f;
	display: block;
	width: 150px;
	}




/*----- Bullest List added by JB on 8/03----->*/
ul.bulletList {
	list-style:circle;
	list-style-type: disc;
	margin: 0 0 0 30px;
}
/*----- Bullest List added by RJ on 08/03/10----->*/
ul.bulletListCompact {
	margin: 0px 0px 0px 15px;
	list-style-type: disc;
}



/*----- promoBox added by JP on 8/17----->*/
.promoBox{
border:1px solid #cbd6df;
width:202px;
}

.promoBox .label{
	position:relative;
	margin:10px auto 0 auto;
	width:80%;
	background-color:#3b6e8e;
	padding:10px;
	font-size:1.12em;
	font-weight:bold;
	color:#FFFFFF;
}

.promoBox .title{
font-size:1em;
font-weight:bold;
color:#003a63;
padding:10px;
margin:0 auto;
width: 182px;
}

.promoBox img{
margin: 0 auto 0 auto;
display:block;
}


.promoBox p{
font-size:1em;
line-height:1em;
margin:10px;
}

/* -------------------- Image Viewer --------------------- */

.imageViewer{
width:413px;

}
/* -------------------- Product Images --------------------- */

img.product {
	float: right;
	margin: 0 0 20px 20px;
	}

/* -------------------- Claims Callout --------------------- */

.claimStartCallOut{
	border-top: 1px solid #cbd6df;
	border-bottom: 1px solid #cbd6df;
	margin:20px 0 20px 20px;;
	width:190px;
	line-height:1.09em;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	color:#036;
	float:right;
	clear:right;


}

/*------------------- Vehicle Recall Search ---------------------*/
.vehicleRecallSearchBorder{
border:solid 1px #cbd6df;
padding: 10px;
width: 150px;


}

.vehicleRecallSearch{
	padding: 1em;
	background-color:#cbd6df;

}

.vehicleRecallSearch .label{
margin: 10px 0 0 0;
}

.vehicleRecallSearch .input{
margin: 10px 0 0 0;
}


.vehicleRecallSearch .form{
	width:110px;
	margin:0 0 10px 0;

}

/*----------------- Print All Bar------------------------*/
a#print-all-bar{
	display:block;
	width:404px;
	height:24px;
	background-image:url("http://www.progressive.com/shop/images/print-background.gif");
	background-repeat:no-repeat;
	font-weight:bold;
	cursor:pointer;
	padding: 6px 0 0 15px;
	
 }
a#print-all-bar-short{
	display:block;
	width:390px;
	height:24px;
	background-image:url("http://www.progressive.com/shop/images/print-background-short.gif");
	background-repeat:no-repeat;
	font-weight:bold;
	cursor:pointer;
	padding: 6px 0 0 15px;
	
 }
 
 /* --------------- Promo Styles --------------------------*/
 /*<-----The following styles are for the div around the promo box that indicates the article continues below----->*/
div.promoSeparator {
	position:relative;
	padding: 15px 0 15px 0;
	border-top: solid 1px #cbd6df;
	border-bottom: solid 1px #cbd6df;
	background-color:#FFFFFF;
	margin:0 0 20px 0;
}
p.promoContinues{
	position:absolute;
	top: -10px;
	left: 140px;
	color:#0056b7;
	font-size:1em;
	line-height:1.5em;
	margin:0;
}
p.promoContinues span{
	background-color:#FFFFFF;
	padding:0 3px 0 3px;
}
	
/*<-----The following styles control basic parts of the promo box and are necessary to have in every promo variation----->*/
div.promo {
	position: relative;
	background-color:#FFFFFF;
	border: solid 1px #cbd6df;
	width:415px;
	padding:3px 3px 6px 3px;
	margin-bottom:1em;
	overflow: hidden;
	width: 100%;
}
div.promo p{
	font-size:1em;
	line-height:1.5em;
	margin-bottom: .5em;
	padding-left:7px;
}
p.promoHeading {
	color:#FFFFFF;
	background-color:#405e7c;
}
p.promoSubHead {
	color:#092a4f;
}
div.promo a {
	padding-left:7px;
	margin-bottom: 0;
	line-height:1.5em;
}
	
/*<-----The following styles control variations of the box, like when there is an image, bullet list, two columns----->*/
div.indent {
	margin-left: 90px;
}
div.promo ul.bulletList {
	margin-bottom:5px;
	padding-left:24px;
}
div.promo ul.bulletList li{
	line-height:1.5em;
	margin: 0;
}
div.promo img {
	margin-left:6px;
	float:left;
}
div.promoPopupLinks {
	border-top: solid 1px #cbd6df;
	margin: 0 7px 0 7px;
	padding: 5px 0 0 0;
}
div.promoPopupLinks img{
	margin-left:0;
}
div.promoLeftColumn {
	float:left;
	width:50%;
}
div.promoRightColumn {
	width:50%;
	float:right;
}
div.promoClear {
	clear:both;
	padding-top:10px;
}

/*--------- Interactive Claims Map ---------*/

#conciergeMap{
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
    border-bottom:solid 1px #cccccc;
    width:402px;
  }
  
#claimsMap{
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	width:402px;
  }
  
  /*------------------ VIDEO PLAYER PROMO ----------------------*/
#videoPlayerPromo{
	width: 180px;
	background-color: #CCC;
	float:left;
	margin:5px 10px 10px 10px;
	display:inline;
}

.largeVideo{
	width:320px; 
	background-color:#FFFFFF;
	border:#c2cfdb 1px solid; 
	margin-bottom:20px; 
	padding: 5px;
	clear:both;
	
	}

.largeVideo p{
	width:320px;
	font-size:10px;
	line-height:normal;
	color:#666666;
}

/*--------------------- News Scroller -------------------- */

#newsScroller {
margin: 20px 0 20px 0;
width:218px;
}

#newsScroller #topCap{
	display: none;
}
#newsScroller #content{
	border:1px solid #c3cfdb;
	overflow:hidden;
}
#newsScroller #content h3{
font-size: 1.09em;
margin:3px 3px 3px 3px;
padding:5px 5px 5px 9px;
background-color: #c3cfdb;
}

 #marqueecontainer{
        position: relative;
        height: 180px; 
        background-color: white;
        overflow: hidden;
       	margin: 3px 0 3px 0;
		padding: 0 6px 0 12px;
		border-top:1px solid #c3cfdb;
    }
#newsScroller #content p{
	width:197px;		
}
#newsScroller #content p span{
	font-style:italic;
	font-weight:normal;
}
#newsScroller #content p a{
text-decoration:none;
font-weight:bold;
}
#newsScroller #content p a:hover{
text-decoration:underline;	
}
/*-------------------- Privacy --------------------- */
div.indentSmall {
	margin-left: 2px;
}
div.privSeparator {
	position:relative;
	padding: 15px 0 15px 0;
	border-top: solid 1px #cbd6df;
	border-bottom: solid 1px #cbd6df;
	background-color:#FFFFFF;
	margin:0 0 20px 0;
}

div.priv {
	position: relative;
	background-color:#FFFFFF;
	border: solid 1px #cbd6df;
	width:415px;
	padding:3px 3px 6px 3px;
	margin-bottom:1em;
	overflow: hidden;
	width: 100%;
}

div.priv p{
	font-size:1em;
	line-height:1.5em;
	margin-bottom: .5em;
	padding-left:7px;
}

p.privHeading {
	color:#FFFFFF;
	background-color:#405e7c;
}
p.privSubHead {
	color:#092a4f;
}
/* ================================= TEMPORARY SITE REFRESH =========================== */

/* ~~~~~~~~~~~~ TEMPORARY home-refresh.css ~~~~~~~~~~~~~~~~~~~ */

/*.homePageWrapper, 
#template4Wrapper{
width:930px;
margin:20px auto 0px auto;
position:relative;
}*/

.carousel{
	position:absolute;
	left:0;
}

.hero{
float:left;
position:relative;
}

#nav{

width:100px;
position:absolute;
top:378px;
left:100px;
z-index:100;

}

#nav a{
font-family:Arial, Helvetica, sans-serif;
margin-right: 10px;
font-size:12px;
color:#035ebb;
text-decoration:none;
font-weight:bold;
}

#nav a:hover{
color:#092a4f;
text-decoration:none;

}

#nav a.activeSlide{
color:#ff8a00;
text-decoration:none;

}

.quote{
width:313px;
height:160px;
background:url('http://cd.progressive.com/cdn.2.0.0.720/images/refresh-placeholder/quote.jpg') no-repeat;
float:left;
margin-top:50px;
}

/*.login{
background:url('http://cd.progressive.com/cdn.2.0.0.720/images/refresh-placeholder/login.jpg') no-repeat;
width:313px;
height:101px;
float:left;
}*/
/* This section will need to be removed once refresh goes live
.valueProp{
	margin:20px 0 0 0;
	width:140px;
	float:right;
}

.social{
	margin:20px 20px 0 0;
	width:140px;
	float:right;
}

.valueProp a, .social a{
background:url('http://cd.progressive.com/cdn.2.0.0.720/images/chevron.gif') no-repeat;
padding-left:13px;
}

.valueProp h3 a, .social h3 a{
display:block;
background:none;
padding:0;
margin-bottom:10px;
}

*/

.ticker{
margin-top:50px;
width:314px;
clear:both;
float:right;
}


/*----------------- Ticker Toggler!-------------------------*/
.tickerDisplay { 
		height: auto;
		width: 314px;
		position: absolute;
		left: 616px;

		font-family: Verdana, Arial, Helvetica, sans-serif;	
		}
#backgroundImage { 
		height: 203px;
		width: 314px;
		display: block;
		background-image:url('http://cd.progressive.com/cdn.2.0.0.720/images/ticker-bg-hidden.png');
		background-repeat:no-repeat;	
	}
#tickerAnimate { 
		height: 37px;
		display: block;
		width: 314px;
		position: relative;
		overflow:hidden;		
	}
#tickerContent { 
		height: 170px;
		display: block;
		width: 314px;
		padding: 10px 0 0 10px;
		position: relative;	
	}
.triggerContainer {
	position: relative;
	height: 37px;
	width: 314px;
	color: #0056b7;
	cursor: pointer;	
	}
.triggerContainer ul {
	margin: 0;
	padding: 5px 0 0 5px;
	}

ul li.trigger {
	width: 314px;
	color: #0056b7;
	cursor: pointer;
	list-style:none;
	line-height: 2em;
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/ticker-arrow-right.gif');
	background-position: 5px 5px;
	background-repeat: no-repeat;
	padding: 3px 0 0 30px;
	margin: 0 0 0 0;
}
ul li.trigger a.regular{ 	
		font-size: 1.09em;	
		text-decoration: none; 
		color: #0056b7;	
		}
ul li.trigger a.regular:hover { 
		text-decoration: underline; 
		}
a.close {	
		text-decoration: none; 
		line-height: 1.27em;
		font-size: 12px;
		font-family: Wingdings;
		width: 85px;
		height: 16px;
		position: absolute;
		left: 298px;
		top: 3px;
		text-decoration: none; 
		position: absolute;
		color: #0056b7;
	}
a.close:hover {	
		text-decoration: underline; 
	}






/* ~~~~~~~~~~~~ TEMPORARY blocked in styles from homepage ----------------- */

input {
	font-size: 12px;
	color: #666;
	}

div.homepage_quoteStart input,
div.homepage_quoteStart select {
	font-size: 12px;
	color: #666;
	}
		

div.homepage_quoteStart {
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/quoteStart-BG-home.gif');
	background-repeat: no-repeat;
	position: relative;
	width: 313px;
	height: 160px;
	float:left;
	margin-top:50px;
	}

div.homepage_quoteStart input.zipCode {
	
	position: absolute;
	top: 60px;
	left: 15px;
	width: 65px;
	height: 21px;
	border: 0px solid #fff;
	padding: 6px 0 0 6px;
	}

div.homepage_quoteStart select.productDropdown {
	position: absolute;
	padding: 1px;
	top: 64px;
	left: 100px;
	border: none;
	width: 145px;	
	}

div.homepage_quoteStart input.submit {
	position: absolute;
	top: 60px;	
	left: 258px;
	}

div.homepage_quoteStart a.retrieveQuote {
	position: absolute;
	top: 98px;
	left: 15px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	line-height: 16px;
	}

div.homepage_quoteStart a.findAgent {
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/quoteStart-findAgent.gif");
	background-repeat: no-repeat;
	display: block;
	width: 277px;
	height: 21px;
	position: absolute;
	top: 130px;
	left: 15px;
	}


div.insurancechoice_quoteStart input,
div.insurancechoice_quoteStart select {
	font-size: 12px;
	color: #666;
	}
		

div.insurancechoice_quoteStart {
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/quoteStart-BG-interior.gif');
	background-repeat: no-repeat;
	position: relative;
	width: 237px;
	height: 215px;
	float: left;
	margin-bottom: 30px;
	}

div.insurancechoice_quoteStart input.zipCode {
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/quoteStart-inputZip-interior.gif');
	background-repeat: no-repeat;	
	position: absolute;
	top: 60px;
	left: 33px;
	width: 157px;
	height: 21px;
	border: 0px solid #fff;
	padding: 6px 0 0 6px;
	}

div.insurancechoice_quoteStart select.productDropdown {
	position: absolute;
	padding: 1px;
	top: 95px;
	left: 33px;
	border: none;
	width: 163px;	
	}

div.insurancechoice_quoteStart input.submit {
	position: absolute;
	top: 130px;	
	left: 33px;
	}

div.insurancechoice_quoteStart a.retrieveQuote {
	position: absolute;
	top: 180px;
	left: 119px;
	width: 104px;
	height: 17px;
	display: block;
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/quoteStart-retrieveQuote-interior.gif");
	background-repeat: no-repeat;
	}

div.insurancechoice_quoteStart a.findAgent {
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/quoteStart-findAgent-interior.gif");
	background-repeat: no-repeat;
	display: block;
	width: 100px;
	height: 18px;
	position: absolute;
	top: 180px;
	left: 10px;
	}

div.homepage_login {
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/login-bg-home.gif");
	background-repeat: no-repeat;
	width: 314px;
	height: 100px;
	position: relative;
	margin-top: 5px;
	}

div.homepage_login input.username,
div.homepage_login input.password {
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/login-input.gif');
	background-repeat: no-repeat;	
	width: 95px;
	height: 22px;
	border: 0px solid #fff;
	padding: 9px 0 0 9px;	
	}

div.homepage_login input.username {
	position: absolute;
	top: 36px;
	left: 15px;
	}
	
div.homepage_login input.password {
	position: absolute;
	top: 36px;
	left: 128px;
	}

div.homepage_login input.submit {
	position: absolute;
	top: 36px;
	left: 240px;	
	}

div.homepage_login div.rememberMe {
	position: absolute;
	left: 15px;
	top: 76px;
	}

div.homepage_login div.rememberMe input {
	float: left;
	}

div.homepage_login div.rememberMe label {
	display: block;
	float: left;
	padding: 0 0 2px 5px;
	color: #000;
	font-size: 10px;
	}


div.homepage_login a {
	display: block;
	padding-left: 8px;
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/link-chevron.gif");
	background-repeat: no-repeat;
	background-position: 0 3px;
	font-size: 10px;
	}

div.homepage_login a.forgotPassword {
	position: absolute;
	left: 130px;
	top: 76px;	
	}	

div.homepage_login a.register {
	position: absolute;
	left: 245px;
	top: 76px;	
	}	

/*level1loginpage */
div.level1page_login input,
div.level1page_login select {
	font-size: 12px;
	color: #666;
	}
		
div.level1page_login {
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/login-bg-interior.gif");
	background-repeat: no-repeat;
	width: 236px;
	height: 214px;
	position: relative;
	margin-top: 5px;
	}

div.level1page_login input.username,
div.level1page_login input.password {
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/login-input-interior.gif');
	background-repeat: no-repeat;	
	width: 154px;
	height: 18px;
	border: 0px solid #fff;
	padding: 9px 0 0 9px;	
	}

div.level1page_login input.username {
	position: absolute;
	top: 45px;
	left: 30px;
	}
	
div.level1page_login input.password {
	position: absolute;
	top: 75px;
	left: 30px;
	}

div.level1page_login input.submit {
	position: absolute;
	top: 110px;
	left: 30px;	
	}

div.level1page_login div.rememberMe {
	position: absolute;
	left: 30px;
	top: 148px;
	}

div.level1page_login div.rememberMe input {
	float: left;
	}

div.level1page_login div.rememberMe label {
	display: block;
	float: left;
	padding: 1px 0 0 3px;
	color: #000;
	font-size: 10px;
	}


div.level1page_login a {
	display: block;
	padding-left: 8px;
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/link-chevron.gif");
	background-repeat: no-repeat;
	background-position: 0 3px;
	font-size: 10px;
	}

div.level1page_login a.forgotPassword {
	position: absolute;
	left: 30px;
	top: 172px;	
	}	

div.level1page_login a.register {
	position: absolute;
	left: 30px;
	top: 185px;	
	}	


div.claimpage_login input,
div.claimpage_login select {
	font-size: 12px;
	color: #666;
	}

div.claimpage_login {
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/login-bg-claims.gif");
	background-repeat: no-repeat;
	width: 236px;
	height: 214px;
	position: relative;
	margin-top: 5px;
	}

div.claimpage_login input.username,
div.claimpage_login input.password {
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/login-input-claims.gif');
	background-repeat: no-repeat;	
	width: 154px;
	height: 18px;
	border: 0px solid #fff;
	padding: 9px 0 0 9px;	
	}

div.claimpage_login input.username {
	position: absolute;
	top: 45px;
	left: 30px;
	}
	
div.claimpage_login input.password {
	position: absolute;
	top: 77px;
	left: 30px;
	}

div.claimpage_login input.submit {
	position: absolute;
	top: 145px;
	left: 30px;	
	}

div.claimpage_login select.dropdown {
	position: absolute;
	top: 110px;
	left: 30px;		
	width: 163px;
	}

div.claimpage_login div.rememberMe {
	position: absolute;
	left: 30px;
	top: 183px;
	}

div.claimpage_login div.rememberMe input {
	float: left;
	}

div.claimpage_login div.rememberMe label {
	display: block;
	float: left;
	padding: 4px 0 0 3px;
	color: #000;
	font-size: 10px;
	}


div.claimpage_login a {
	display: block;
	padding-left: 8px;
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/link-chevron.gif");
	background-repeat: no-repeat;
	background-position: 0 3px;
	font-size: 10px;
	}

div.claimpage_login a.forgotPassword {
	position: absolute;
	left: 30px;
	top: 172px;	
	}	

div.claimpage_login a.register {
	position: absolute;
	left: 30px;
	top: 185px;	
	}	

/*------------------------------ GENERAL HEADER STYLES ----------------------------------*/
#header {
	width: 926px;
	height: 80px;
	background-color: #fff;
	padding-top: 0;
	position: relative;
	color: #333;
	overflow: visible;
	}
	

	
#header img#logo{
	clear: both;
	float: left;
	padding-top: 2px;
	margin-right: 4px;
	}
#header p{
	font-size: 11px;  /*move this to text.css*/
	}
#header h4{
	text-transform: none;  /*move this to text.css*/
	color: #ff8a00;
	}	
#header p.smallEmphasis {  /*This should be moved to the text.css file so anyone can use it*/
	padding: 5px 0 0 229px;
	margin: 0;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	color: #666;
	}
h4#phone {
	position: absolute;
	top: 80px;
	right: 10px;
	text-transform: uppercase;
	}	
#siteSearch {
	position: absolute;
	top: 40px;
	right: 20px;
	width: 205px;
	}			
input.searchBox {
	height: 18px;
	width: 180px;
	border: 0;
	padding: 0 0 0 0;
	background-color: transparent;
	}					
/*---------------------------------- UTILITY NAV ---------------------------------------*/
.utilityNav, .utilityNav * {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.utilityNav {
	line-height: 1.0;
	float: right;
	margin-bottom: 2px;
	}
.utilityNav a {
	display: block;
	position: relative;
	padding: .75em .9em .75em .9em;
	text-decoration: none;
	background-color: #fff;
	z-index: 998;  /*this line keeps the inactive tabs BELOW flyouts*/
	}
.utilityNav a:hover {
	z-index: 1000;  /*this line keeps the active tab ABOVE the flyouts*/
	}
.utilityNav a:focus, .utilityNav a:hover, .utilityNav a:active {
	text-decoration: underline;
	}
.utilityNav a, .utilityNav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #0056b7;
	}
.utilityNav ul {
	position: absolute;
	top: -999em;
	width: 140px; /* left offset of submenus need to match (see below) */
	}
.utilityNav li {
	float: left;
	position: relative;
	}
.utilityNav li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
	}
.utilityNav li:hover ul,
.utilityNav li.sfHover ul {
	left: 0;
	top: 2.5em; /* match top ul list item height */
	z-index: 99;
	}
.utilityNav ul li {
	width: 100%;
	}
.utilityNav ul li a {
	padding: 0 0 4px 0; /*rests the padding set that's applied to the main nav items*/
	text-decoration: none;
	}
.utilityNav li ul {
	margin-top: -2px;
	padding: 0;
	background:	url(http://cd.progressive.com/cdn.2.0.0.720/images/header/flyout-utility-tile.png) repeat-x bottom;  /*this keeps the bg image w/shadow on even when JS is turned off*/
	}
* html .utilityNav li ul {
	background:	none;  /*IE6 style to make sure the shadow bg image does not display*/
	}
ul.utilityNav li:hover li ul,
ul.utilityNav li.sfHover li ul {
	top: -999em;
	}
ul.utilityNav li li:hover ul,
ul.utilityNav li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
	}
ul.utilityNav li li:hover li ul,
ul.utilityNav li li.sfHover li ul {
	top: -999em;
	}
ul.utilityNav li li li:hover ul,
ul.utilityNav li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
	}
ul.utilityNav li.sfHover {
	outline: 0;
	border: 1px solid #f0f0f0;
	margin: -1px;   /*this keeps the addition of the border from shifting everything by 1px*/
	z-index: 999;  /*this line keeps the flyout ABOVE the inactive tabs*/
	}
ul.utilityNav li.sfHover ul li {
	border: none;
	margin: 0;
	}
div.utilityFlyoutBorder{
	border: 1px solid #f0f0f0;
	padding: 20px 20px 20px 20px;  
	margin-bottom: 7px; /*This margin separates the border from the bg shadow image, so the shadow appears on the outside of the border*/
	background-color: #fff;
	}
.utilityNav li ul.aboutFlyout {
	width: 200px;
	margin-left: -140px;
	}
.utilityNav li ul.careersFlyout {
	width: 200px;
	margin-left: -126px;
	}
.utilityNav li ul.contactFlyout {
	width: 190px;
	margin-left: -120px;
	}
.utilityNav li ul.loginFlyout {
	width: 400px;
	margin-left: -343px;
	}
.loginFlyout h4{
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 5px;
	margin: 7px 0 0 0;
	padding-left: 25px;
	}
.utilityNav li ul.loginFlyout a{			
	padding-left: 0;
	background-image: none;	
	display: inline;
	text-decoration: none;
	}
.utilityNav li ul.loginFlyout a:hover{			
	text-decoration: underline;
	}
.utilityNav li ul.loginFlyout p.helpLinks{			
	color: #c2cfdb;
	}
.utilityNav li ul.loginFlyout div {
	padding: 0;
	}
.utilityNav li ul.loginFlyout p.reportClaim {
	background-color: #edf1f4;
	padding: 4px 20px 8px 25px;
	}
*html .utilityNav li ul.loginFlyout p.reportClaim {
	background-color: #fff;
	}
.utilityNav li ul.loginFlyout p.reportClaim a {		
	text-decoration: underline;
	background-color:#edf1f4;
	}
*html .utilityNav li ul.loginFlyout p.reportClaim a{ 
	background-color:#fff; 
	}
.utilityNav li ul.loginFlyout p.reportClaim a:hover {			
	text-decoration: none;
	}
.utilityNav li ul.loginFlyout .rememberMe {
    position: absolute;
    top: 74px;
    .top: 62px;
	left: 28px;
	}
.utilityNav li ul.loginFlyout label {
	margin-left: 44px;
	padding-top: 12px;
	.padding-top: 0px;
	}
.utilityNav li ul.loginFlyout .forgotPassword {
    position: absolute;
    top: 74px;
    .top: 66px;
	left: 160px;
	}
.utilityNav li ul.loginFlyout .register {
    position: absolute;
    top: 74px;
    .top: 66px;
	left: 295px;
	}
.utilityNav .loginFlyout span.loginNotRequired{
	display: block;
	float: left;
	margin: 30px 0 10px 0;
	padding-left: 3px;
	padding-bottom: 1px;
	}
.globalNav li ul li div a.onlineDemo{
	margin-bottom: 10px;
	}
.loginFlyout p{			
	line-height: 1.2em;
	}
.utilityNav .loginFlyout p.helpLinks{			
	margin: 0 0 5px 0;
	}
.utilityNav li ul.loginFlyout input {
	margin-right: 3px;
	}
.utilityNav li ul.loginFlyout label {			
	position: absolute;
	top: 63px;
	.top: 67px;
	left: 5px;
	}
.utilityNav li ul.loginFlyout label a{			
	text-decoration: none;
	}
.utilityNav li ul.loginFlyout label a:hover{			
	text-decoration: underline;
	}
.utilityNav li ul.loginFlyout input.username {
	margin-left: 25px;
	}
.utilityNav li ul.loginFlyout p.reportClaim{			
	clear: left;
	}
.flyoutLabel {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
	}
.flyoutP {
	line-height: 1.2em;
	padding-bottom: 12px;
	background-image: none;
	}
.utilityNav li ul.loginFlyout .username, .utilityNav li ul.loginFlyout .password {
	margin-bottom: 4px;
	}
.utilityNav li ul.loginFlyout .username, .utilityNav li ul.loginFlyout .password  {	
	width: 110px;
	padding: 2px 0 2px 8px;
	vertical-align: top;
	font-size: 11px;
	border: 1px solid #7f9db9;
	}
	
.utilityNav li ul.loginFlyout .WaterMarkUsername {
	background-position: -10px 1px;
	}
		
.utilityNav li ul.loginFlyout .WaterMarkPassword {
	background-position: -10px -20px;
	}

.utilityNav li ul.loginFlyout h4 {
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
	}	
.utilityNav li ul.loginFlyout img#lock {
	display: block;
	margin-top: 5px;
	padding-top: 3px;
	}
	
/*----------------------------- GLOBAL NAV ----------------------------------*/
.globalNav, .globalNav * {
	margin:			0;
	padding:		0;
	list-style:		none;
	}
.globalNav {
	line-height:	1.0;
	}
.globalNav ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	}
.globalNav ul li {
	width:			100%;
	}
.globalNav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
.globalNav li {
	float:			left;
	position:		relative;
	}
.globalNav a {
	display:		block;
	position:		relative;
	color: #0056b7;
	}
.globalNav li:hover ul,
.globalNav li.sfHover ul {
	left:			0;
	top:			34px; /* match top ul list item height */
	z-index:		99;
	}
ul.globalNav li:hover li ul,
ul.globalNav li.sfHover li ul {
	top:			-999em;
	}
ul.globalNav li li:hover ul,
ul.globalNav li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
	}
ul.globalNav li li:hover li ul,
ul.globalNav li li.sfHover li ul {
	top:			-999em;
	}
ul.globalNav li li li:hover ul,
ul.globalNav li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
	}
.globalNav {
	float: left;
	}
.globalNav a {
	height: 34px;
	text-decoration:none;
	}
.globalNav a:hover {
	text-decoration: underline;
	}
.globalNav a, .globalNav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #0056b7;
	}
.globalNav li ul li a {
	height: auto;
	padding: 0 0 4px 0;
	text-decoration:none;
	}
.globalNav li:hover, .globalNav li.sfHover,
.globalNav a:focus {
	outline:		0;
	}
a.hiddenText {
 	text-indent: -9000px;
	overflow: hidden;	
	height: 34px;
	}
/*Active State for Global Nav
	li#insuranceChoices a.hiddenText:active {
	background: url(http://cd.progressive.com/cdn.2.0.0.720/images/header/insurance-choices.png) 0 -68px no-repeat;
	}*/
.globalNav li ul.insuranceChoicesFlyout {
	width: 721px;
	margin-left: -12px;
	}
/*Active State for Global Nav
li#claimsCenter a.hiddenText:active {
	background: url(http://cd.progressive.com/cdn.2.0.0.720/images/header/claims-center.png) 0 -68px no-repeat;
	}*/
.globalNav li ul.claimsCenterFlyout {
	width: 380px;
	margin-left: -12px;
	}
/*Active State for Global Nav
li#customerService a.hiddenText:active {
	background: url(http://cd.progressive.com/cdn.2.0.0.720/images/header/customer-service.png) 0 -68px no-repeat;
	}*/
.globalNav li ul.customerServiceFlyout {
	width: 393px;
	margin-left: -12px;
	}
div.globalFlyoutBorder{
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	padding: 20px 20px 20px 35px;  
	margin-bottom: 7px; /*This margin separates the border from the bg shadow image, so the shadow appears on the outside of the border*/
	background-color: #fff;
	}
.claimsCenterFlyout div.globalFlyoutBorder{
	padding: 20px 0 0 0;  
	}
.globalNav li ul li div a.flyoutLabel{
	background: none;
	padding-left: 0;
	font-weight: bold;
	margin-bottom: 7px;
	}
.globalNav li ul li div h4.flyoutLabel{
	margin-bottom: 10px;
	}
div.col1, div.col2, div.col3, div.col4{
	float: left;
	}
.insuranceChoicesFlyout div.col1, .insuranceChoicesFlyout div.col2 {
	margin-right: 30px;
	}
.insuranceChoicesFlyout div.col3 {
	margin-right: 28px;
	}
.insuranceChoicesFlyout div.col4 {
	margin-right: 0;
	}
.claimsCenterFlyout div.col1 {
	margin: 0 40px 0 0;
	padding-left: 30px;
	}
.claimsCenterFlyout div.col2 {
	margin-right: 20px;
	margin-bottom: 20px;
	}
.claimsCenterFlyout div.row1 {
	background-color: #c2cfdb;
	clear: left;
	padding: 4px 0 4px 20px;
	}
#header .claimsCenterFlyout h4.flyoutLabel {
	color: #092a4f;
	display: inline;
	margin-right: 10px;
	}
#header .claimsCenterFlyout a.flyoutLabel {
	font-weight: bold;
	}
.claimsCenterFlyout div.row1 a {
	display: inline;
	}
.customerServiceFlyout div.col1 {
	margin-right: 40px;
	}
.customerServiceFlyout div.col1 img{
	margin-bottom: 10px;
	}
.customerServiceFlyout div.col1 a{
	width: 120px;
	}
.customerServiceFlyout div.col2 {
	margin-right: 15px;
	}
#header .customerServiceFlyout a.flyoutLabel {
	font-weight: bold;
	}
#header .customerServiceFlyout span.loginNotRequired {
	display: block;
	margin: 0 0 15px 10px;
	font-size: 9px;
	}
a.flyoutLabel {
	font-weight: normal; 
	}
	
/*#gridBasicWrapper li#insuranceChoices {
	background: url(http://cd.progressive.com/cdn.2.0.0.720/images/header/insurance-choices.png) 0 -68px no-repeat;
	}
#gridBasicWrapper li#insuranceChoices:hover, .globalNav li#insuranceChoices.sfHover {
	background: url(http://cd.progressive.com/cdn.2.0.0.720/images/header/insurance-choices.png) 0 -34px no-repeat;
	outline: none;
	}*/
		

/*----------------------- UTILITY NAV SHADOWS (FOR ALL BROSWERES BUT IE6) ---------------------------*/
.sf-shadow ul {
	background:	url(http://cd.progressive.com/cdn.2.0.0.720/images/header/flyout-utility-tile.png) repeat-x bottom;
	padding: 0 0 0 0;
	margin-bottom: 0;
	}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
	}

/* ------------------------- FOOTER ---------------------- */
.footer {
	width: 930px;
	clear: both;
	border-top:3px #0056b7 solid;
	position:relative;
	margin-top:30px;
	font-size: 10px;
	}

.footer .footerLinks {
	position: relative;
	border: 1px solid #00F;
	}
	
#template1Wrapper .footer {
	margin-top:0px;
	}
	
.footer .column1{
	position: relative;
	float: left;
	width:235px;
	margin-top:10px;
	}

.footer .rightContainer {
	float: left;
	}

.footer .column2{
	float:left;
	width:230px;
	margin-top:10px;
	}

.footer .horizontalNav {
	position: absolute;
	left: 218px;
	bottom: 15px;
	width: 650px;
	}

.footer .horizontalNav ul.utility li {
	padding: 1em 0px 0px 14px;
	}

.footerLine {
	border-top:3px #0056b7 solid;
	width: 930px;
	height: 2px;
	clear: both;
	}

.footertitle{
	font-weight:bold;
	margin-bottom:3px;
	}
	
.links{
	float:left;
	}

ul.utiltiy {
	clear: both;
	padding: 1em 0 1em 0;
	margin: 10px 0 0 20px;
	}
	
ul.utility li {
	display:inline;
	padding: 1em 0 0 .2em;
	}	
	
ul.products {
	padding: 0 0 15px 0px;
	float:left;
	}
	
ul.products li, ul.corp li, ul.resources li, ul.about li, ul.featured li{
	padding: .4em 0 0 0;
	}
	
ul.corp{
	float:left;
	}

ul.resources{
	padding-top:20px;
	clear:both;
	}
ul.footerNav li.noSeperator, #headerContact li.noSeperator {
	background: transparent none 0 0 no-repeat;
	}
#disclaimer {
	margin:5px 0 50px 0;
	position:relative;
	width:930px;
	}

#tagline {
	margin-top: 10px;
	}

#copyright{
	margin-bottom:10px;
	}

#googlePlusOne{
	margin-top:2px;
	float:left;
	clear:none;
	margin-right:3px;
}
.chickletContainer{
	margin-top: 20px;
}
.chickletContainer h5{
	margin-bottom: 6px;
}
.chickletContainer a.chicklet{
	margin-top: 0;
}
/*------------ QUOTE START -----------------*/

#quote {
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/quoteStart-bg-interior.gif');
	background-repeat: no-repeat;
	width: 236px;
	height: 215px;
	float: left;
	margin-top: 40px;
	}
	
#quote input.zipCode {
	width: 147px;
	height: 12px;
	margin: 0;
	padding: 5px;
	position: absolute;
	left: 35px;
	top: 64px;
	}

#quote select.productDropdown {
	width: 163px;
	position: absolute;
	left: 35px;
	top: 95px;
	}
	
#quote input.submit {
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/quoteStart-submit-interior.gif');
	background-repeat: no-repeat;
	width: 168px;
	height: 29px;
	position: absolute;
	left: 33px;
	top: 125px;
	}

#quote .findAgent {
	display: block;
	background: url('http://cd.progressive.com/cdn.2.0.0.720/images/quoteStart-findAgent-interior.gif') no-repeat;	
	width: 170px;
	height: 16px;
	position: absolute;
	left: 33px;
	top: 168px;
	}
	
#quote .retrieveQuote {
	display: block;
	background: url('http://cd.progressive.com/cdn.2.0.0.720/images/quoteStart-retrieveQuote-interior.gif') no-repeat;
	width: 110px;
	height: 16px;
	position: absolute;
	left: 30px;
	top: 185px;
	}
	
	
#quote .retrieveQuote span,
#quote .findAgent span {
	visibility: hidden;
	}

#template2Wrapper #quote {
	margin-top: 55px;	
	}
	
/*------------ END QUOTE START -----------------*/
	
/*------------ HOMEPAGE QUOTE -----------------*/

.homePageWrapper #quote {
	background: url('http://cd.progressive.com/cdn.2.0.0.720/images/quoteStart-bg-home.jpg') no-repeat;
	width: 342px;
	height: 156px;
	margin: 45px 0 5px 0;	
	}

.homePageWrapper #quote input.zipCode {
	width: 52px;
	left: 15px;
	padding: 2px 0 2px 8px;
	font-size: 11px;
	color: #003366;
	}

.homePageWrapper #quote select.productDropdown {
	top: 64px;
	left: 85px;	
	width: 147px;
	font-size: 11px;
	color: #006699;	
	font-weight: bold;
	}

.homePageWrapper #quote input.submit {
	background: url('http://cd.progressive.com/cdn.2.0.0.720/images/quoteStart-submit.gif') no-repeat;
	width: 89px;
	height: 29px;	
	top: 60px;
	left: 237px;	
	}
	
.homePageWrapper #quote a.findAgent {
	background: url('http://cd.progressive.com/cdn.2.0.0.720/images/quoteStart-button-findAgent.gif') no-repeat;
	width: 174px;
	height: 16px;
	top: 123px;
	left: 16px;
	}	

.homePageWrapper #quote a.retrieveQuote {
	background: url('http://cd.progressive.com/cdn.2.0.0.720/images/quoteStart-button-retrieveQuote.gif') no-repeat;
	width: 127px;
	height: 16px;
	top: 123px;
	left: 203px;
	}	
	
/*------------ END HOMEPAGE QUOTE -----------------*/


/*------------ HOMEPAGE OLS LOGIN -----------------*/
	
.homePageWrapper .subWrapper .servicing {
	position: relative;
	background: url('http://cd.progressive.com/cdn.2.0.0.720/images/servicing-bg-home.jpg') no-repeat;
	width: 342px;
	height: 98px;
	float:left;
	}
	
.homePageWrapper .subWrapper .servicing input.username,
.homePageWrapper .subWrapper .servicing input.password {
	width: 95px;
	padding: 4px 0 4px 8px;
	font-size: 11px;
	}	
	
.homePageWrapper .subWrapper .servicing input.username {
	position: absolute;
	top: 35px;
	left: 15px;
	}

.homePageWrapper .subWrapper .servicing input.password {
	position: absolute;
	top: 35px;
	left: 130px;
	}
	
.homePageWrapper .subWrapper .servicing input.WaterMarkUsername,
.homePageWrapper .subWrapper .servicing input.WaterMarkPassword {
	width: 95px;
	padding: 4px 0 4px 8px;
	font-size: 11px;
	}	
	
.homePageWrapper .subWrapper .servicing input.WaterMarkUsername {
	position: absolute;
	top: 35px;
	left: 15px;
	}

.homePageWrapper .subWrapper .servicing input.WaterMarkPassword {
	position: absolute;
	top: 35px;
	left: 130px;
	}	

.homePageWrapper .subWrapper .servicing input.submit {
	position: absolute;
	background: url('http://cd.progressive.com/cdn.2.0.0.720/images/servicing-submit-home.gif') no-repeat;
	width: 85px;
	height: 29px;
	top: 34px;
	left: 241px;
	}
	
.homePageWrapper .subWrapper .servicing .rememberMe {
	position: absolute;
	top: 70px;
	left: 15px;
	}
	
.homePageWrapper .subWrapper .servicing label {
	position: absolute;
	top: 73px;
	left: 33px;
	font-size: 10px;
	}
	
.homePageWrapper .subWrapper .servicing .register {
	position: absolute;
	top: 73px;
	left: 140px;
	font-size: 10px;
	}
	
.homePageWrapper .subWrapper .servicing .forgotPassword {
	position: absolute;
	top: 73px;
	left: 255px;
	font-size: 10px;
	}
	
#gridBasicWrapper #claimsWrapper #rightColumn .servicing {
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/OLS-bg-interior.gif');
	background-repeat: no-repeat;
	width: 236px;
	height: 215px;
	float: left;
	margin-top: 40px;
	position: relative;
	}
	
/*------------ END HOMEPAGE OLS LOGIN -----------------*/
	
/*------------ CLAIMS OLS LOGIN -----------------*/
 
#claimsWrapper .servicing {
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/OLS-bg-interior.gif');
	background-repeat: no-repeat;
	width: 236px;
	height: 215px;
	float: left;
	margin-top: 30px;
	margin-bottom: 20px;
	position: relative;
	}
	
#claimsWrapper .servicing input.username {
	width: 150px;
	margin: 0;
	padding: 5px;
	position: absolute;
	left: 35px;
	top: 70px;
	}
	
#claimsWrapper .servicing input.password {
	width: 150px;
	margin: 0;
	padding: 5px;
	position: absolute;
	left: 35px;
	top: 101px;
	}

#claimsWrapper .servicing  input.submit {
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/OLS-submit-interior.gif');
	background-repeat: no-repeat;
	width: 166px;
	height: 29px;
	position: absolute;
	left: 35px;
	top: 135px;
	}
 
	
#claimsWrapper .servicing .rememberMe {
	position: absolute;
	top: 170px;
	left: 35px;
	}
	
#claimsWrapper .servicing label {
	font-size: 10px;
	position: absolute;
	top: 174px;
	left: 55px;
}


#claimsWrapper .servicing .forgotPassword {
	position: absolute;
	left: 120px;
	top: 174px;
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/link-chevron.gif");
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 10px;
	font-size: 10px;
}

#claimsWrapper .servicing .register {
	position: absolute;
	left: 120px;
	top: 189px;
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/link-chevron.gif");
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 10px;
	font-size: 10px;
}

#claimsWrapper .servicing .makePayment, #claimsWrapper .servicing span.loginNotRequired {
	display: none;
}

/*------------ END CLAIMS OLS LOGIN -----------------*/

/*------------ CUST SERVICE OLS LOGIN -----------------*/

#customerServiceWrapper .servicing {
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/OLS-bg-interior-cust-service.gif');
	background-repeat: no-repeat;
	width: 236px;
	height: 256px;
	float: left;
	margin-top: 31px;
	margin-bottom: 20px;
	position: relative;
	}
	
#customerServiceWrapper .servicing input.username {
	width: 147px;
	margin: 0;
	padding: 5px;
	position: absolute;
	left: 30px;
	top: 70px;
	}
	
#customerServiceWrapper .servicing input.password {
	width: 147px;
	margin: 0;
	padding: 5px;
	position: absolute;
	left: 30px;
	top: 103px;
	}
		
#customerServiceWrapper .servicing  .submit {
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/OLS-submit-interior-cust-service.gif');
	background-repeat: no-repeat;
	width: 166px;
	height: 29px;
	position: absolute;
	left: 30px;
	top: 160px;
	}

#customerServiceWrapper .servicing .rememberMe {
	position: absolute;
	top: 196px;
	left: 30px;
	}
		
#customerServiceWrapper .servicing label {
	font-size: 10px;
	position: absolute;
	top: 198px;
	left: 53px;
	}

#customerServiceWrapper .servicing .register {
	position: absolute;
	left: 21px;
	top: 50px;
	padding-left: 10px;
	font-size: 10px;
	}

#customerServiceWrapper .servicing .forgotPassword {
	position: absolute;
	left: 21px;
	top: 140px;
	padding-left: 10px;
	font-size: 10px;
	}
	
#customerServiceWrapper .servicing .makePayment {
	position: absolute;
	left: 31px;
	.left: 34px;
	bottom: 25px;
	width: 120px;
	background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/link-chevron.gif");
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 23px;
	.padding-left: 20px;
	font-size: 10px;
	}

#customerServiceWrapper .servicing span.loginNotRequired{
	position: absolute;
	left: 53px;
	.left: 54px;
	bottom: 10px;
	font-size: 10px;
	}
	
/*------------ END CUST SERVICE OLS LOGIN -----------------*/
/*------------ CUST SERVICE OLS LOGIN -----------------*/

div.leftLogin .servicing {
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/OLS-bg-interior-left-column.jpg');
	background-repeat: no-repeat;
	width: 190px;
	height: 267px;
	float: left;
	margin-top: 30px;
	margin-bottom: 20px;
	position: relative;
	}
	
div.leftLogin .servicing input.username {
	width: 147px;
	margin: 0;
	padding: 5px;
	position: absolute;
	left: 12px;
	top: 70px;
	}
	
div.leftLogin .servicing input.password {
	width: 147px;
	margin: 0;
	padding: 5px;
	position: absolute;
	left: 12px;
	top: 102px;
	}
		
div.leftLogin .servicing  .submit {
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/OLS-submit-interior-cust-service.gif');
	background-repeat: no-repeat;
	width: 166px;
	height: 29px;
	position: absolute;
	left: 12px;
	top: 160px;
	}

div.leftLogin .servicing .rememberMe {
	position: absolute;
	top: 200px;
	left: 10px;
	}
		
div.leftLogin .servicing label {
	font-size: 10px;
	position: absolute;
	top: 199px;
	left: 29px;
	}
	
div.leftLogin .servicing .forgotPassword {
	position: absolute;
	left: 12px;
	top: 137px;
	font-size: 10px;
	}
	
div.leftLogin .servicing a.forgotPassword:hover {
	text-decoration: underline;
	}

div.leftLogin .servicing .register {
	position: absolute;
	left: 12px;
	top: 50px;
	font-size: 10px;
	}
	
div.leftLogin .servicing .makePayment {
    position: absolute;
    top: 220px;
    left: 10px;
    background-image: url("http://cd.progressive.com/cdn.2.0.0.720/images/link-chevron.gif");
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 15px;
	font-size: 10px;
   }
   
div.leftLogin .servicing .loginNotRequired {
    position: absolute;
    top: 235px;
    left: 25px;
    font-size: 10px;
   }
   
 

	
/*------------ END CUST SERVICE OLS LOGIN -----------------*/
/*------------ INTERIOR PAGE OLS LOGIN THAT APPEARS IN CONTENT AREA -----------------*/
div.interiorLogin {
	width: 229px;
	height: auto;
	position: relative;
	}

div.interiorLogin input {
	font-size: 11px;
	color: #092a4f;
	}

div.interiorLogin input.username,
div.interiorLogin input.password {
	width: 215px;
	padding: 5px;	
	}

div.interiorLogin input.username {
	position: absolute;
	top: 10px;
	}

div.interiorLogin input.password {
	position: absolute;
	top: 45px;
	}

div.interiorLogin .servicing .rememberMe {
	position: absolute;
	top: 85px;
	}

div.interiorLogin .servicing label {
	font-size: 9px;
	position: absolute;
	top: 85px;
	left: 20px;
	}

div.interiorLogin .servicing .submit {
	position: absolute;
	top: 118px;
	left: 0px;
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/interior-login-submit.gif');
	background-repeat: no-repeat;
	width: 228px;
	height: 29px;
	}


div.interiorLogin .register, div.interiorLogin h4, div.interiorLogin .reportClaim, div.interiorLogin .slash {
	visibility:hidden;
}

/*------------ END INTERIOR PAGE OLS LOGIN THAT APPEARS IN CONTENT AREA -----------------*/


/*------------ LOGIN.ASPX OLS SUBMIT BUTTONS (MUST BE DIFFERENT TO ALIGN WITH EACH OTHER) -----------------*/


	
div#loginRightColumn .submit {
	position: absolute;
	top: 220px;
	float: left;
	}
	
div#loginLeftColumn .servicing {
	width: 250px;
	}
	
div#loginLeftColumn div.interiorLogin .servicing .submit {
	position: absolute;
	top: 148px;
	left: 0px;
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/interior-login-submit.gif');
	background-repeat: no-repeat;
	width: 228px;
	height: 29px;
	}

div#loginLeftColumn div.interiorLogin .servicing .flyoutDividerLogin {
	display: none;
	}
	
div#loginLeftColumn div.interiorLogin .servicing label {
	.top: 89px;
	.padding-left: 3px;
	}
	
div#loginLeftColumn div.interiorLogin .servicing a.makePayment, div#loginLeftColumn div.interiorLogin .servicing span.loginNotRequired {
	display: block;
	margin-top: 25px;
	float: left;
	}

div#loginLeftColumn div.interiorLogin .servicing span.loginNotRequired {
	padding-left: 3px;
	}
		
div#loginLeftColumn div.interiorLogin .servicing a.forgotPassword {
	position: relative;
	top: 135px;
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/link-chevron.gif');
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 10px;
	font-size: 11px;
	text-decoration: none;
	}

*html div#loginLeftColumn div.interiorLogin .servicing a.forgotPassword {
	padding-top: 2px;
}

div#loginLeftColumn div.interiorLogin .servicing .makePayment {
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/link-chevron.gif');
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 10px;
	}
	
div#loginLeftColumn div.interiorLogin .servicing a.makePayment:hover, div#loginLeftColumn div.interiorLogin .servicing a.forgotPassword:hover {
	text-decoration: underline;
	}

/*------------ END LOGIN.ASPX OLS LOGIN ) -----------------*/

/*------------ CLAIM NEUTRAL OLS LOGIN -----------------*/

#olsWrapper .servicing {
	width: 236px;
	position: relative;
	left: 250px;
	}
	
#olsWrapper .servicing input.username {
	width: 147px;
	margin: 0;
	padding: 5px;
	position: absolute;
	left: 30px;
	top: 50px;
	}
	
#olsWrapper .servicing input.password {
	width: 147px;
	margin: 0;
	padding: 5px;
	position: absolute;
	left: 30px;
	top: 82px;
	}
	
#olsWrapper .servicing  .submit {
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/OLS-submit-interior-cust-service.gif');
	background-repeat: no-repeat;
	width: 166px;
	height: 29px;
	position: absolute;
	left: 30px;
	top: 120px;
	}

#olsWrapper .servicing .rememberMe {
	position: absolute;
	top: 155px;
	left: 30px;
	}
		
#olsWrapper .servicing a {
	font-size: 10px;
	color: #fff;
	}

#olsWrapper .servicing label {
	position: absolute;
	top: 159px;
	left: 51px;
	}
	
#olsWrapper .servicing a.forgotPassword {
	position: absolute;
	top: 155px;
	background-image: url('http://cd.progressive.com/cdn.2.0.0.720/images/link-chevron.gif');
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 10px;
	font-size: 9px;
}

#olsWrapper .servicing h4, #olsWrapper .servicing .register {
	visibility: hidden;
	}
/*------------ CLAIM NEUTRAL OLS LOGIN -----------------*/

/*------------ RETRIEVE QUOTE -----------------*/
#retieve1 {
	float: left;
	width: 150px;
	padding-right: 20px;
	border-right: #d1dbe4 1px solid;
	}
	
#retieve2 {
	float: right;
	padding-right: 50px;
	pading-bottom: 60px;
	width: 150px;
	}
	
#retrieve input {
	padding-left: 4px;
	}
	
#retrieve input, #retrieve select{
	margin-bottom: 15px;
	}
	
#liBirthDate input{
	width: 31px;
	}
	
#liBirthDate {
	vertical-align: text-top;
	}
	
.retrieveButtonInput {
	width: 114px;
	height: 23px;
	background: url("http://cd.progressive.com/cdn.2.0.0.720/images//BTN_retrieve_secondary.gif") no-repeat;
	}

/*------------------ Styles for Super Service Stories Accordion - added by JW on 12/3/2008 - note: SSS shares the Blogs template ----------------------*/
#storyTopCap {
	 background-image:url(http://cd.progressive.com/cdn.2.0.0.720/images/top-banner-service-stories.jpg);
	 background-repeat:no-repeat;
	 background-position:top;
	 display: block;
	 height: 47px;
	 width: 452px;
	 margin: 14px 0 0 0;
}
#storyTopGradient {
	 background-image:url(http://cd.progressive.com/cdn.2.0.0.720/images/service-stories-bg-top.jpg);
	 background-repeat:no-repeat;
	 background-position:top;
	 height: 65px;
	 width: 452px;
}
#storyBottomCap {
	 background-image:url(http://cd.progressive.com/cdn.2.0.0.720/images/service-stories-bg-bottom.jpg);
	 background-repeat:no-repeat;
	 background-position:top;
	 height: 58px;
}	
#storyContent {
	 background-image:url(http://cd.progressive.com/cdn.2.0.0.720/images/service-stories-bg-content.gif); 
	 margin: -62px 0 0 0;
	 padding-left: 8px;
}	
.title{	
	font-size: 1.09em;
	line-height: 1.27em;
	height: auto;
	width: 430px;
	cursor:pointer;
	padding: 10px 0 5px 0;
}
.teaserCopy {	
	font-weight: normal;
}
.title a {
	color: #0056b7;
	text-decoration:none;
	display: block;
}
.title a:hover {
	text-decoration: underline;
}
.title a#close{	
	font-size: 0.95em;
	line-height: 1.27em;
	color: #0056b7;
	text-decoration: none;
	font-weight:normal;	
}
.title a#close:hover{	
	text-decoration: underline;
}
.selected p{
	font-size:1em;
}
.selected{
	background-repeat:repeat-y;
}
.selected .title {
	height: auto;
	display: block;
	padding: 10px 0 5px 0;
}
.selected .teaserCopy {	
	font-weight: normal;
}
.selected .title a{
	color:#092a4f;
	font-weight:normal;
	text-decoration:none;
}
.selected .title a:hover{
	text-decoration: underline;
}
.selected div ul{
	width:420px;
}
.selected div ul li em{
	font-style:italic;
	text-align:center;
	display: block;
}
.selected div ul li em a{
	font-style: normal;
	text-align:center;
	display: block;
}
a#ReadMoreLink {
	font-size: 0.9em;
	background-image: url(http://cd.progressive.com/cdn.2.0.0.720/images/serviceStories_arrow_right.jpg);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	padding: 0 0 5px 17px;
	margin: -15px 0 0 0;
}
.selected a#ReadMoreLink {
	background-image: url(http://cd.progressive.com/cdn.2.0.0.720/images/serviceStories_arrow_down.jpg);
}
.chickletContainer{
	width:230px;
	float: left; 
	clear: both;
}
/*-----------------------------------Carousel for Mobile Hub page - added by Rhiannon Johnson 08/2010---------------------------------------------*/
#mobileHub #hero .next {
	z-index: 2000; 
	left: 858px; 
	cursor: pointer; 
	position: absolute; 
	top: 185px
}
#mobileHub #hero .more {
	z-index: 3000; 
	background: url(http://www.progressive.com/images/arrows/next.gif); 
	left: 858px; 
	width: 55px; 
	cursor: pointer; 
	position: absolute; 
	top: 185px; 
	height: 159px
}
#mobileHub #hero .nextClicked {
	z-index: 3000; 
	background: url(http://www.progressive.com/images/arrows/next-enabled.gif); 
	left: 891px; 
	width: 22px; 
	cursor: pointer; 
	position: absolute; 
	top: 185px; 
	height: 159px
}
#mobileHub #hero .prevEnabled {
	z-index: 3000; 
	background: url(http://www.progressive.com/images/arrows/previous-enabled.gif); 
	left: 200px; 
	width: 22px; 
	cursor: pointer; 
	position: absolute; 
	top: 185px; 
	height: 159px
}
#mobileHub #hero .prevDisabled {
	z-index: 2000; 
	background: url(http://www.progressive.com/images/previous-disabled.jpg); 
	left: 0px; 
	visibility: hidden; 
	width: 21px; 
	cursor: default; 
	position: absolute; 
	top: 389px; 
	height: 118px
}
#mobileHub #hero .carousel {
	height:400px;
	width:688px;
	margin-left:218px;
	z-index: 100; 
	left: 0px; 
	overflow: hidden; 
	position: relative; 
	top: 25px;
	padding:0;
}
/*-----------------------------------End Carousel for Mobile Hub page - added by Rhiannon Johnson 08/2010---------------------------------------------*/
#geoLocation {
	display: none;
}
#tickerDisclaimer
{
    display: none;
}

/* -------------------- Channel Neutral --------------------- */
.channelneutralsafe {
	display: none
	}/*-----------------------------------Sprites added by Rhiannon Johnson 01/2011---------------------------------------------*/
ul.globalNav,li#insuranceChoices,.globalNav li#insuranceChoices:hover,.globalNav li#insuranceChoices.sfHover,li#claimsCenter,.globalNav li#claimsCenter:hover,.globalNav li#claimsCenter.sfHover,li#customerService,.globalNav li#customerService:hover,.globalNav li#customerService.sfHover,.utilityNav li ul.loginFlyout .makePayment,.globalNav li ul li div a,#header #logo,.utilityNav li ul li div a, .utilityNav li ul li div a.flyoutButton,.globalNav li ul li div a.flyoutLabel.auto,.globalNav li ul li div a.flyoutLabel.home,.globalNav li ul li div a.flyoutLabel.motorcycle,.globalNav li ul li div a.flyoutLabel.computer,.globalNav li ul li div a.flyoutLabel.twentyfourseven,.footer .chicklet,ul.footerNav li,.verisign, .flyoutDivider,.utilityNav li ul.loginFlyout input.submit,input.searchButton{background-image:url(http://cd.progressive.com/cdn.2.0.0.720/images/sprite_header_footer.png);background-repeat:no-repeat;}
ul.globalNav{background-position:0 0;width: 708px;padding-left: 11px;}
li#insuranceChoices {background-position:0 -41px; width:171px; height:34px;}
.globalNav li#insuranceChoices:hover, .globalNav li#insuranceChoices.sfHover {background-position:0 -75px;outline:none;}
li#claimsCenter{background-position:-184px -41px;width: 142px;height: 34px;margin-left: -19px}
.flyoutDivider{background-position:0px -285px; margin:10px 0 10px 0;width:131px;height:7px;}
.globalNav li#claimsCenter:hover, .globalNav li#claimsCenter.sfHover{background-position:-184px -75px;outline;none;}
li#customerService{background-position:-336px -41px;width: 168px;height: 34px;margin-left: -16px}
.globalNav li#customerService:hover, .globalNav li#customerService.sfHover{background-position:-336px -75px;outline:none;}
#header #logo{background-position:-516px -39px;clear:both;float:left;padding-top:2px;margin-right:4px;text-indent:-9999px;display:block;width:203px;height:26px;}
input.searchButton{background-position:-1px -255px;position:absolute;top:-3px;right:0;width:16px;height:20px;}
.utilityNav li ul.loginFlyout input.submit{background-position:-514px -103px;width:85px;height:25px;margin:0;}
.utilityNav li ul li div a{background-position:-25px -253px;padding-left:10px;}
.utilityNav li ul.loginFlyout .makePayment {background-position:-25px -253px;float:left;  margin:30px 0 10px 25px;padding-left:14px;}
.globalNav li ul li div a{background-position:-25px -253px;padding-left:10px;line-height:1.2em;} 
.utilityNav li ul li div a.flyoutButton{background-position:-514px -76px;padding-left:0;width:141px;height:23px;text-indent:-9999px;}
.globalNav li ul li div a.flyoutLabel.auto{background-position:0 -155px;padding:80px 0 0 0;font-weight:bold;margin-bottom:12px;display:block;height:14px;width:120px;}
.globalNav li ul li div a.flyoutLabel.home{background-position:-147px -155px;padding:80px 0 0 0;font-weight:bold;margin-bottom:12px;display:block;height:14px;width:120px;}
.globalNav li ul li div a.flyoutLabel.motorcycle{background-position:-294px -155px;padding:80px 0 0 0;font-weight:bold;margin-bottom:12px;display:block;height:14px;width:160px;}
.globalNav li ul li div a.flyoutLabel.computer{background-position:-515px -155px;padding:65px 0 0 0;font-weight:bold;margin-bottom:12px;display:block;height:14px;width:100px;}
.globalNav li ul li div a.flyoutLabel.twentyfourseven{background-position:-624px -155px;padding:30px 0 0 0;font-weight:bold;margin-bottom:12px;display:block;height:14px;text-indent:-9999px;}
.footer .chicklet{display:block;text-indent:-9999px;margin-top:20px;width:19px;height:35px;float:left;clear:none;margin-right:3px;}
.footer .chicklet.rss {background-position:-461px -256px;}
.footer .chicklet.youTube {background-position:-504px -256px;}
.footer .chicklet.facebook {background-position:-440px -256px;}
.footer .chicklet.twitter {background-position:-482px -256px;}
ul.footerNav li{background-position:-631px -256px;float:left;line-height:normal;white-space:nowrap;margin:0 5px 0 0;padding:0 12px 0 0;}
.verisign{background-position:-530px -256px;width:93px;height:45px;position:absolute;top:0;right:0;cursor:pointer;}

