/*

Default Main Style Sheet - GEICO Field Representatives
--------------------------------------------*/

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: 
http://developer.yahoo.com/yui/license.html
version:  3.3.0
build:  3167
*/

html { color: #4b4b4b; background: #055b92; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }

/* to preserve line-height and selector appearance */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }

/*to enable resizing for IE*/
input, textarea, select { *font-size: 100%; }

/*because legend doesn't inherit in IE */
legend { color: #000; }


/*

Fonts Initialization
--------------------------------------------*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 17, 2011 */
@font-face {
    font-family: 'KlavikaRegular';
    src: url('type/KlavikaWebBasicRegularSub.eot');
    src: url('type/KlavikaWebBasicRegularSub.eot?#iefix') format('embedded-opentype'),
         url('type/KlavikaWebBasicRegularSub.woff') format('woff'),
         url('type/klavika-regular-webfont.ttf') format('truetype'),
         url('type/klavika-regular-webfont.svg#KlavikaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*

Initialization/Defaults
--------------------------------------------*/

/* --- Block Elements --- */
a img { border: none; }
img { vertical-align: top; }

/* --- Header Text --- */
h1 { font: 30px/35px 'KlavikaRegular', Arial, Helvetica, sans-serif; color: #015083; margin-bottom: 5px; }
h2 { font: 21px/26px 'KlavikaRegular', Arial, Helvetica, sans-serif; color: #1c507e; margin-bottom: 0px; }
h3 { font: 14px/25px 'KlavikaRegular', Arial, Helvetica, sans-serif; color: #696767; margin-bottom: 10px; }
h4 { font-size: 12px; color: #000000; margin-bottom: 2px; }
h5 { font-size: 11px; color: #000000; margin-bottom: 2px; }
h6 { font-size: 10px; color: #000000; margin-bottom: 2px; }

/* --- Block Text --- */
p, blockquote, caption, div { margin-bottom: 10px; } 

/* --- Text Elements --- */
a { color: #015083; text-decoration: none; }
a:hover { color: #ff0000; }
sup { font-size: 9px; }
small { font-size: 10px; }
strong { font-weight: bold; }
em { font-style: italic; }

/* --- List Items --- */
ul, ol { list-style: none outside none; }
ul {}
ul li {}
ol {}
ol li {}

/* --- Definition Elements --- */
dl, dt, dd {}
dl {}
dt {}
dd {}

/* --- Table  Elements --- */
table {}
th {}
thead {}
tbody {}
tr {}
td {}
tfoot {}

/* --- Inputs --- */
fieldset { border: 0; }
legend, label { font-size: 10px; color: #696767; font-weight: bold; text-transform: uppercase; }
form { }
input { margin-bottom: 0; }
select { margin-bottom: 0; }
button {}
textarea { margin-bottom: 0; }

/* --- Clearfix Hack --- */

/* slightly enhanced, universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; line-height: 0; content: " "; clear: both; height: 1px; width: 1px; margin: 0 -1px -1px 0; overflow: hidden; }
.clearfix { display: inline-block; }


/* 
     Utility ID's
     ----------------------- */      
.clear { display: block; clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; border: 0; font-size: 0; line-height: 0; }
.hide { position: absolute; left: -9999px; }


/*

Site Styles
--------------------------------------------*/

/* 
	Body
-----------------------------*/
body { font: 13px/20px Arial, Helvetica, sans-serif; } 


/* 
	Container
-----------------------------*/
.container { width: 912px; margin: 0 auto; padding: 0 0 0 27px; background: transparent url(/public/images/gfr/backgrounds/bkg-container.png) no-repeat 0 0; }


/* 
	Header
-----------------------------*/
.header { width: 835px; height: 77px; margin: 0; padding: 21px 24px 0 26px; }
	.header h1 { position: absolute; left: -9999px; }
	.header ul { position:relative; float: right; margin: 31px 0 0; }
		.header li { float: left; margin: 0 0 0 10px; }
		.header li a { display: block; margin: 0; padding: 0; text-indent: -200px; overflow: hidden; }
			.header .managePolicy:hover, .header .managePolicy:focus { background-position: -131px 0; }
			.header .managePolicy { width: 131px; height: 24px; background: transparent url(/public/images/gfr/links/link-managepolicy.png) no-repeat 0 0; }
			.header .manageInfo { position:relative; top:2px; left:5px; width:22px; height:22px; cursor:pointer; background: transparent url(/public/images/gfr/links/manageInfo.png) no-repeat 0 0; }
			.header #manageHoverInfo { display:none; position:absolute; top:35px; left:0px; width:165px; padding:10px; background:#fff; border:2px solid #055B92; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; z-index:1000; }
			.header #manageHoverInfo ul { margin-top:0px; }
			.header .payBill { background-image: url(/public/images/gfr/links/link-paybill.png); width: 88px; }
				.header .payBill:hover, .header .payBill:focus { background-position: -88px 0; }
		
.siteLogo { float: left; }


/* 
	Information Block
-----------------------------*/
.infoBlock { width: 860px; margin: 0; padding: 0 0 0 25px; background: transparent url(/public/images/gfr/backgrounds/bkg-infoblock.gif) repeat-y 0 0; color: #000000; }
	.infoBlock .top { display: block; width: 885px; height: 22px; margin: 0 0 0 -25px; padding: 0; background: transparent url(/public/images/gfr/backgrounds/bkg-infoblock_top.png) no-repeat 0 0; font-size: 0; line-height: 0; }
	.infoBlock .bottom { display: block; width: 885px; height: 11px; margin: 0 0 0 -25px; padding: 0; background: transparent url(/public/images/gfr/backgrounds/bkg-infoblock_bottom.png) no-repeat 0 0; font-size: 0; line-height: 0; float: none; clear: both; }
	
	.infoBlock img { border: 3px solid #b0b0b0; }
		.infoBlock a img { border: none; }
	.infoBlock h2 { font: 21px/25px 'KlavikaRegular', Arial, Helvetica, sans-serif; color: #1c8300; padding: 0 0 10px; background: transparent url(/public/images/gfr/backgrounds/bkg-location.gif) repeat-x 0 100%; } /* 18px/22px */
	.infoBlock h3 { font: 14px/25px 'KlavikaRegular', Arial, Helvetica, sans-serif; color: #696767; padding: 0 0 5px; background: transparent url(/public/images/gfr/backgrounds/bkg-location.gif) repeat-x 0 100%; text-transform: uppercase; } 

.infoBlockDirect { width: 860px; margin: 0; padding: 0 0 0 25px; background: transparent url(/public/images/gfr/backgrounds/bkg-infoblockdirect.gif) repeat-y 0 0; color: #000000; }
	.infoBlockDirect .top { display: block; width: 885px; height: 22px; margin: 0 0 0 -25px; padding: 0; background: transparent url(/public/images/gfr/backgrounds/bkg-infoblockdirect_top.png) no-repeat 0 0; font-size: 0; line-height: 0; }
	.infoBlockDirect .bottom { display: block; width: 885px; height: 11px; margin: 0 0 0 -25px; padding: 0; background: transparent url(/public/images/gfr/backgrounds/bkg-infoblockdirect_bottom.png) no-repeat 0 0; font-size: 0; line-height: 0; float: none; clear: both; }
	
	.infoBlockDirect img { border: 3px solid #b0b0b0; }
		.infoBlockDirect a img { border: none; }
	.infoBlockDirect h2 { font: 21px/25px 'KlavikaRegular', Arial, Helvetica, sans-serif; color: #1c8300; padding: 0 0 10px; background: transparent url(/public/images/gfr/backgrounds/bkg-location.gif) repeat-x 0 100%; } /* 18px/22px */
	.infoBlockDirect h3 { font: 14px/25px 'KlavikaRegular', Arial, Helvetica, sans-serif; color: #696767; padding: 0 0 5px; background: transparent url(/public/images/gfr/backgrounds/bkg-location.gif) repeat-x 0 100%; text-transform: uppercase; } 

/* Second Version */
.secondBlock { background-image: url(/public/images/gfr/backgrounds/bkg-secondblock.gif); }
	.secondBlock .top { background-image: url(/public/images/gfr/backgrounds/bkg-secondblock_top.png); }
	.secondBlock .bottom { background-image: url(/public/images/gfr/backgrounds/bkg-secondblock_bottom.png); }
	
	.secondBlock h2 { margin: 0; padding: 0 0 12px; background: #ffffff none; font-size: 25px; line-height: normal; }
	
	.socialMedia { float: left; width: 110px; }
		.socialMedia ul { margin: 10px 0 0; }
		.socialMedia li { padding: 0 0 1px; }
		.socialMedia a { text-transform: uppercase; font: 12px/1 'KlavikaRegular', Arial, Helvetica, sans-serif; }
			.socialMedia a img { padding: 3px 3px 0 0; }	
	
	.vitae { float: left; width: 267px; padding: 0 15px 0 0; font-size: 12px; line-height: 17px; color: #000000; }
		.byline { font: 18px/22px 'KlavikaRegular', Arial, Helvetica, sans-serif; }
		.vitae strong { display: block; margin-bottom: 5px; color: #696767; text-transform: uppercase; font:14px 'KlavikaRegular', Arial, Helvetica, sans-serif; }
		
		.location { margin: 0; padding: 10px 0 0; background: transparent url(/public/images/gfr/backgrounds/bkg-location.gif) repeat-x 0 0; font-size: 14px; line-height: 19px; }
			.location strong { display: block; margin-bottom: 5px; color: #696767; text-transform: uppercase; font-weight: normal; font-family: 'KlavikaRegular', Arial, Helvetica, sans-serif; }
			.location .landmark { font-size:11px; }
			.location ul { min-height: 22px; }			
			.location li { float: left; padding: 0 7px 0 0; }
			.location li a { display: block; width: 126px; height: 22px; margin: 0; padding: 0; text-indent: -200px; overflow: hidden; }
				.location li a:hover, .location li a:focus { background-position: -126px 0; }
				.drivingDirections { background: transparent url(/public/images/gfr/links/link-drivingdirections.png) no-repeat 0 0; }
				.officeHours { background: transparent url(/public/images/gfr/links/link-officeHours.png) no-repeat 0 0; }
			 
	
	
	.contactQuote { float: left; width: 207px; margin: 0; padding: 0 10px 0 15px; }
		
		.contactQuote dl { margin: 0 0 5px; padding: 0 2px 0 0; }
			.contactQuote dt { display: block; color: #696767; text-transform: uppercase; font-size: 10px; font-weight: bold; }		
			.contactQuote dd { display: block; }
			
		.phoneNumber, .agentLister .phoneNumber { display: block; color: #015083; font-size: 24px; line-height: 24px; font-weight: normal; margin: 0 0 10px; }
	
	
	.getQuote { float: right; width: 205px; min-height: 260px; margin: 0 0 -10px; padding: 0 15px; background: transparent url(/public/images/gfr/backgrounds/bkg-gecko.png) no-repeat 100% 100%; }

		/* Zip Code Field */
		#zipCode { width: 143px; height: 22px; padding: 0 2px; background: transparent url(/public/images/gfr/backgrounds/bkg-textfield_zip.png) no-repeat 0 0; border: none; }
		#address { width: 270px; height: 22px; padding: 0 2px; background: transparent url(/public/images/gfr/backgrounds/bkg-textfield_address.png) no-repeat 0 0; border: none; }
		
		.getQuote .buttonWell { padding-right: 57px; height: 20px; }
			.submit { display: block; width: 90px; height: 20px; margin: 0; padding: 0; background: transparent url(/public/images/gfr/buttons/btn-getquote.png) no-repeat 0 0; text-indent: -200px; overflow: hidden; border: none; float: right; cursor: pointer; }
				.submit:hover, .submit:focus { background-position: -90px 0; }
		
		.stateSubmit { display: block; width: 50px; height: 20px; margin: 0; padding: 0; background: transparent url(/public/images/gfr/buttons/btn-go.png) no-repeat 0 0; text-indent: -200px; overflow: hidden; border: none; float: right; cursor: pointer; }
		
	.freeQuote { float: right; width: 447px; background: transparent url(/public/images/gfr/backgrounds/bkg-freequote.gif) repeat-y 212px 0; }
	
		.freeQuote .contactQuote { width: 194px; padding: 0; }		
		.freeQuote .getQuote { width: 195px; padding: 0 20px 0 0; }		
		.freeQuote .buttonWell { padding-right: 47px; }	
				

/* 
	Content Wrapper
-----------------------------*/
.contentWrapper { width: 765px; min-height: 260px; margin: 0; padding: 0 60px; background: transparent url(/public/images/gfr/backgrounds/bkg-contentwrapper.gif) repeat-y 0 0; }
	.contentWrapper .top { display: block; width: 885px; height: 260px; margin: 0 0 0 -60px; padding: 0; background: transparent url(/public/images/gfr/backgrounds/bkg-contentwrapper_top.png) no-repeat 0 0; font-size: 0; line-height: 0; }
	.contentWrapper .bottom { display: block; width: 885px; height: 64px; margin: 0 0 0 -60px; padding: 0; background: transparent url(/public/images/gfr/backgrounds/bkg-contentwrapper_bottom.png) no-repeat 0 0; font-size: 0; line-height: 0; }
	
	
/* 
	Content
-----------------------------*/
.content { margin: -228px 0 -40px; padding: 0; position: relative; }


/* 
	About Section
-----------------------------*/
.about { border-bottom: 5px solid #d4d5d6; margin: 0 0 18px; padding: 0 0 16px; }

/* 
	Office Hours
-----------------------------*/
#officeHoursContainer { position:absolute; font: 15px 'KlavikaRegular', Arial, sans-serif; }
#officeHours { display:none; position:absolute; top:-230px; left:103px; width:160px; height:175px; padding:10px; background:#fff; border:2px solid #055B92; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; z-index:1000; }
#officeHours .hoursDay { text-align:right; }
#officeHours .hoursNumber { padding-left:5px; }
#officeHours .closeBtn { border:none; position:absolute; right:5px; padding:5px; cursor:pointer; }



/* 
	Lower Block Wrapper
-----------------------------*/
.lowerBlock { margin: 0; background: transparent url(/public/images/gfr/backgrounds/bkg-content.gif) repeat-y 255px 0; }


/* 
	Article
-----------------------------*/
.article { float: left; margin: 0; padding: 0; width: 250px; }


/* 
	Sidebar
-----------------------------*/
.sidebar { float: left; margin: 0; padding: 0px 0px 0px 15px; width: 457px; }

	.productTable { margin: 0 0 20px; padding: 0; background: transparent url(/public/images/gfr/backgrounds/bkg-producttable.gif) repeat-x 0 0; }
		.productTable td { padding: 15px 0; vertical-align: top; text-align: center; background: transparent url(/public/images/gfr/backgrounds/bkg-producttable.gif) repeat-x 0 100%; }
		
	/* Product Links */
	.productLink { display: block; width: 99px; height: 83px; margin: 0; padding: 0; background: transparent url(/public/images/gfr/links/link-product_atv.png) no-repeat -1px 0; text-indent: -400px; overflow: hidden; } /* ATV is default */
		
		.auto { width: 99px; background-image: url(/public/images/gfr/links/link-product_auto.png); } 
		.atv { width: 99px; background-image: url(/public/images/gfr/links/link-product_atv.png); } 
		.boat { width: 99px; background-image: url(/public/images/gfr/links/link-product_boat.png); } 			
		.commercial { width: 99px; background-image: url(/public/images/gfr/links/link-product_commercial.png); } 
		.condo { width: 99px; background-image: url(/public/images/gfr/links/link-product_condo.png); } 
		.homeowners { width: 99px; background-image: url(/public/images/gfr/links/link-product_home.png); } 
		.mobile_home { width: 99px; background-image: url(/public/images/gfr/links/link-product_mobilehome.png); } 
		.motorcycle { width: 99px; background-image: url(/public/images/gfr/links/link-product_motorcycle.png); } 
		.renters { width: 99px; background-image: url(/public/images/gfr/links/link-product_renters.png); } 
		.rv { width: 99px; background-image: url(/public/images/gfr/links/link-product_rv.png); } 
		.umbrella { width: 99px; background-image: url(/public/images/gfr/links/link-product_umbrella.png); } 
		
		/*
		.productLink:hover, .productLink:focus { background-position: -99px 0; }
			.auto:hover, .auto:focus { background-position: -99px 0; }	
			.atv:hover, .atv:focus { background-position: -99px 0; }
			.boat:hover, .boat:focus { background-position: -99px 0; }	
			.commercial:hover, .commercial:focus { background-position: -99px 0; }	
			.condo:hover, .condo:focus { background-position: -99px 0; }	
			.homeowners:hover, .homeowners:focus { background-position: -99px 0; }
			.mobile_home:hover, .mobile_home:focus { background-position: -99px 0; }		
			.motorcycle:hover, .motorcycle:focus { background-position: -99px 0; }			
			.renters:hover, .renters:focus { background-position: -99px 0; }	
			.rv:hover, .rv:focus { background-position: -99px 0; }				
			.umbrella:hover, .umbrella:focus { background-position: -99px 0; }	
		*/
			
/* 
	Footer
-----------------------------*/
.footer { width: 865px; margin: 0 0 20px 0; padding: 30px 0 0 20px; color: #becbcc; }
	.footer p, .footer ul, .footer li { float: left; }
	.footer p { margin-right: 10px; }
	.footer li { padding: 0 5px 0 10px; background: transparent url(/public/images/gfr/lists/list-footer.gif) no-repeat 0 5px; }
		.footer li:first-child { background: transparent none; padding-left: 0; }
	.footer a { color: #becbcc; text-decoration: underline; }


/* 
	Lister Page
-----------------------------*/
body.lister .byline { width: 686px; margin: 0 0 5px -25px; padding: 0 174px 15px 25px; font-size: 17px; line-height: 25px; border-bottom: 1px solid #e4e4e4; }

body.lister .infoBlock { background: #ffffff none; }
	body.lister .infoBlock .top { background-image: url(/public/images/gfr/backgrounds/bkg-listerblock_top.png); }
	body.lister .infoBlock .bottom { background-image: url(/public/images/gfr/backgrounds/bkg-listerblock_bottom.png); }

.gecko { display: block; width: 174px; height: 200px; margin: -205px 0 0; padding: 0; float: right; background: transparent url(/public/images/gfr/backgrounds/bkg-gecko_lister.png) no-repeat 0 0; }

.agentLister { width: 885px; margin-left: -25px; margin-bottom:-5px; }
	.agentLister li { border-bottom: 5px solid #055b92; padding: 0 25px 5px; }
	.agentLister .photo { float: left; margin-top: 18px; }
	
	.agentLister dl { width: 718px; min-height: 150px; margin: 0; padding: 0; float: right; background: transparent url(/public/images/gfr/backgrounds/bkg-listerinfo.png) no-repeat 236px 60px; }
		.agentLister dt { margin: 0 0 10px; padding: 18px 0 10px; font: 26px/31px 'KlavikaRegular', Arial, Helvetica, sans-serif; color: #015083; background: transparent url(/public/images/gfr/backgrounds/bkg-location.gif) repeat-x 0 100%; } 
		
		.visitSite { float: right; margin: -50px 0 0; }
			.visitSite a { display: block; width: 123px; height: 24px; margin: 0; padding: 0; background: transparent url(/public/images/gfr/links/link-visitsite.png) no-repeat 0 0; text-indent: -200px; overflow: hidden; }
				.visitSite a:hover, .visitSite a:focus { background-position: -123px 0; }
		
		.agentLister .location { width: 235px; background: transparent none; padding: 0; float: left; }
			.agentLister strong { display: block; color: #696767; font: bold 10px/1 Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 7px; }
			
		.phone { width: 183px; float: left; padding: 0 20px; }
		
		.email { width: 219px; float: right; padding: 0 20px; }
		
.stateLister { width: 885px; margin-left: -25px; margin-bottom:-5px; }
	.stateLister li { border-bottom: 5px solid #055b92; padding: 0 25px 5px; }
	.stateLister img { border: 0px; }
	.stateLister .photo { float: left; margin-top: 5px; }
	
	.stateLister dl { width: 718px;  margin: 0; padding: 0; float: right; background: transparent url(/public/images/gfr/backgrounds/bkg-listerinfo.png) no-repeat 236px 60px; }
		.stateLister dt { margin: 0 0 10px; padding: 18px 0 10px; font: 26px/31px 'KlavikaRegular', Arial, Helvetica, sans-serif; color: #015083;  } 
		
		.findAgent { float: right; margin: -50px 0 0; }
			.findAgent a { display: block; width: 123px; height: 24px; margin: 0; padding: 0; background: transparent url(/public/images/gfr/links/link-findagent.png) no-repeat 0 0; text-indent: -200px; overflow: hidden; }
		
		.stateLister .location { width: 235px; background: transparent none; padding: 0; float: left; }
			.stateLister strong { display: block; color: #696767; font: bold 10px/1 Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 7px; }