@charset "utf-8";

/* CSS Document */



* {

padding:0;

margin:0;

}



body,html {

background: #FFFFFF url(/images/bg.jpg) top center;

background-repeat:repeat-x;

font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

font-size:90%;

margin:0 auto;

padding:0;

color:#333333

}



a.footer {

color:#d7e6ee;

text-decoration:none

}



a.footer:hover {

color:#FFFFFF;

}



a.privacy {

color:#0066CC;

text-decoration:none;

font-size:10px

}



a.privacy:hover {

color:#0044CC;

}



#mytownwrapper{

margin:0 auto;

width:960px;

position:relative;

}



#header {

width:960px;

height:100px;

}



#logo {

float:left;

width:236px;

height:62px;

background:url(/images/logo.png) top center no-repeat;

position:absolute;

top:20px;

left:20px;

overflow:hidden

}



#logo h1 {

text-indent:5000px;

}



#contact {

float:right;

width:300px;

height:60px;

padding-top:10px;

text-align:right;

color:#FFFFFF;

position:absolute;

top:20px;

right:20px

}



h2{

font-size:24px;

margin:0;

padding:0;

font-family: "Arial Rounded MT Bold", Arial, sans-serif;

}



h3{

font-size:18px;

margin:0;

padding:0;

font-family: "Arial Rounded MT Bold", Arial, sans-serif;

}



h4{

font-size:14px;

margin:0;

padding:0;

font-family: "Arial Rounded MT Bold", Arial, sans-serif;

}



h5{

font-size:11px;

margin:0;

padding:0;

font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

text-transform:uppercase;

font-weight:bold

}



#nav {

background:url(/images/nav-bg.png) top center no-repeat;

width:960px;

height:43px;

margin:0 auto;

padding:0;

line-height:40px;

}



#nav ul {

	margin: 0 0 0 10px;

	padding: 0;

	list-style: none;

}



#nav li {

	float: left;

	margin: 0;

	padding: 0;

	height: 35px;

	background: url(/images/nav-bg-break.png) top right no-repeat;

	width:auto;



}



#nav li a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	float: left;

	display: block;

	line-height: 41px;

	padding: 0 18px 0 20px;

	color: #0081a6;

	text-decoration: none;

}



#nav li a:hover {

	color: #00a1cf;

}





#family-homepage {

background:url(/images/family.jpg) top center no-repeat;

width:705px;

height:320px;

position:absolute;

top: 226px;

left:80px;

}



#slogan-homepage {

background:url(/images/slogan-homepage.png) top center no-repeat;

width:355px;

height:90px;

position:absolute;

top:220px;

left:20px;

text-indent:-5000px;

}



#form-homepage {

background:url(/images/homepage-form-bg.png) top center no-repeat;

width:285px;

height:315px;

position:absolute;

top:220px;

right:30px;

}



.homepage-form-wrapper {

color: #0081a6;

padding:20px;

}



#homepage-buttons{

width:920px;

height:80px;

margin:0 auto;

padding:0 0 0 15px;

position:absolute;

top:565px;

}



#homepage-buttons ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#homepage-buttons li.seperator {

	float: left;

	margin: 0;

	padding: 0;

	height: 55px;

	background: url(/images/mid-row-seperator.png) top center no-repeat;

	width:9px;



}





#homepage-buttons li.auto-insurance a {

	float: left;

	display: block;

	text-indent:-5000px;

	background:url(/images/auto-insurance.png) top left no-repeat;

	width:202px;

	height:75px;

	overflow:hidden;

}



#homepage-buttons li.auto-insurance a:hover {

	background-position: 0px -75px;

}





#homepage-buttons li.home-insurance a {

	float: left;

	display: block;

	text-indent:-5000px;

	background:url(/images/home-insurance.png) top left no-repeat;

	width:216px;

	height:75px;

	overflow:hidden;

}



#homepage-buttons li.home-insurance a:hover {

	background-position: 0px -75px;

}





#homepage-buttons li.renters-insurance a {

	float: left;

	display: block;

	text-indent:-5000px;

	background:url(/images/renters-insurance.png) top left no-repeat;

	width:235px;

	height:75px;

	overflow:hidden;

}



#homepage-buttons li.renters-insurance a:hover {

	background-position: 0px -75px;

}



#homepage-buttons li.rental-insurance a {

	float: left;

	display: block;

	text-indent:-5000px;

	background:url(/images/rental-prop-insurance.png) top left no-repeat;

	width:265px;

	height:75px;

	overflow:hidden;

}



#homepage-buttons li.rental-insurance a:hover {

	background-position: 0px -75px;

}



#homepage-text {

width:560px;

height:400px;

margin:0 auto;

padding:20px;

position:absolute;

top:660px;

color:#444;

}



#template-text {

width:560px;

margin:0 auto;

padding:20px;

color:#444;

float:right;

}



#template-wide-container {

width:960px;

min-height:400px;

margin:0 auto;

padding:20px;

position:absolute;

top:190px;

color:#444;

}



.template-text {

font-family:Trebuchet MS, Arial, sans serif;

font-size:11px;

line-height:18px;

margin:0;

padding:5px 0 0 0;

}



.homepage-text {

font-family:Trebuchet MS, Arial, sans serif;

font-size:11px;

line-height:18px;

margin:0;

padding:5px 0 0 0;

}



.template-headline {

width:560px;

height:150px;

text-indent:-5000px;

margin:10px 0px;

background:url(/images/autoquoteheader.png) top center no-repeat;

}



.home-quote-headline {

width:560px;

height:150px;

text-indent:-5000px;

margin:10px 0px;

background:url(/images/homequoteheader.png) top center no-repeat;

}



.renters-quote-headline {

width:560px;

height:150px;

text-indent:-5000px;

margin:10px 0px;

background:url(/images/rentersquoteheader.png) top center no-repeat;

}



.rental-quote-headline {

width:560px;

height:150px;

text-indent:-5000px;

margin:10px 0px;

background:url(/images/rentalquoteheader.png) top center no-repeat;

}



.contact-headline {

width:560px;

height:150px;

text-indent:-5000px;

margin:10px 0px;

background:url(/images/contactheader.png) top center no-repeat;

}



.auto-faq-headline {

width:560px;

height:150px;

text-indent:-5000px;

margin:10px 0px;

background:url(/images/autofaqheader.png) top center no-repeat;

}



.home-faq-headline {

width:560px;

height:150px;

text-indent:-5000px;

margin:10px 0px;

background:url(/images/homefaqheader.png) top center no-repeat;

}



.mytown-headline {

width:560px;

height:150px;

text-indent:-5000px;

margin:10px 0px;

background:url(/images/mytownheader.png) top center no-repeat;

}



.privacy-headline {

width:560px;

height:150px;

text-indent:-5000px;

margin:10px 0px;

background:url(/images/privacyheader.png) top center no-repeat;

}



.terminology-headline {

width:560px;

height:150px;

text-indent:-5000px;

margin:10px 0px;

background:url(/images/terminologyheader.png) top center no-repeat;

}



.homepage-headline {

background:url(/images/homepage-headline.png) top center no-repeat;

width:425px;

height:23px;

text-indent:-5000px;

margin:10px 0px;

}



.contact-us-today {

background:url(/images/contactustoday.png) top center no-repeat;

width:115px;

height:14px;

margin:10px 0px;

overflow:hidden;

position:absolute;

top:0;

right:0

}



.contact-header {

background:url(/images/contact-header.png) top center no-repeat;

width:145px;

height:26px;

margin:10px 0px;

overflow:hidden;

position:absolute;

top:25px;

right:3px;

}



.contact-us-now-headline {

background:url(/images/contact-us-now-headline.png) top center no-repeat;

width:197px;

height:23px;

text-indent:-5000px;

margin:10px 0px;

}



.why-choose-us-headline {

background:url(/images/why-choose-us-headline.png) top center no-repeat;

width:197px;

height:23px;

text-indent:-5000px;

margin:10px 0px;

}



.learn-more-about-headline {

background:url(/images/learn-more-about-headline.png) top center no-repeat;

width:197px;

height:23px;

text-indent:-5000px;

margin:10px 0px;

}



.get-a-quote-headline {

background:url(/images/get-a-quote-now-headline.png) top center no-repeat;

width:197px;

height:23px;

text-indent:-5000px;

margin:10px 0px;

}



#homepage-text p {

padding:5px 0;

}



.clear { 

clear: both; 

}



.bold {

font-weight:bold

}



.ten {

font-size:10px

}



.eleven {

font-size:11px

}



.twelve {

font-size:12px

}



.thirteen {

font-size:13px

}



.fourteen {

font-size:14px

}



.sixteen {

font-size:16px

}



.italic {

font-style:italic

}



.padded-three {

padding:3px;

}



.hangfive {

margin-top:5px

}



.hangseven {

margin-top:7px

}



.hangten {

margin-top:10px

}



.hangtwenty {

margin-top:20px

}



.both {

clear:both

}



.homepage-form-left {

float:left; 

width:80px;

margin-bottom:15px;

}



.homepage-form-right {

float:right; 

width:140px;

margin-bottom:15px;

}



.homepage-bottomform-right {

float:right; 

width:180px;

margin-bottom:15px;

}



#bottom-homepage-right {

width:300px;

height:400px;

margin:0 auto;

padding:20px;

position:absolute;

top:660px;

right:0;

color:#444;

background:url(/images/homepage-bottom-right-bg.jpg) top left repeat-y;

}



#template-left {

width:300px;

min-height:400px;

margin:0 auto;

padding:20px;

float:left;

color:#444;

}



.send-this-btn {

background:url(/images/sendthis-btn.png) top center no-repeat;

width:85px;

height:28px;

display:block;

text-indent:-5000px;

outline:none

}



.send-this-btn:hover {

background:url(/images/sendthis-btn-hvr.png) top center no-repeat;

}



.next-step-btn {

background:url(/images/next-step-btn.png) top center no-repeat;

width:85px;

height:28px;

display:block;

text-indent:-5000px;

outline:none

}



.next-step-btn:hover {

background:url(/images/next-step-btn-hvr.png) top center no-repeat;

}



.read-more-btn {

background:url(/images/readmore-btn.png) top center no-repeat;

width:85px;

height:28px;

display:block;

cursor:pointer;

text-indent:-5000px;

}



.read-more-btn:hover {

background:url(/images/readmore-btn-hvr.png) top center no-repeat;

}



.home-insurance-learn-more-btn {

background:url(/images/home-insurance-learn-more.png) top center no-repeat;

width:261px;

height:87px;

display:block;

cursor:pointer;

text-indent:-5000px;

}



.home-insurance-learn-more-btn:hover {

background:url(/images/home-insurance-learn-more-hvr.png) top center no-repeat;

}



.home-insurance-faq-btn {

background:url(/images/home-insurance-faq.png) top center no-repeat;

width:261px;

height:87px;

display:block;

cursor:pointer;

text-indent:-5000px;

}



.home-insurance-faq-btn:hover {

background:url(/images/home-insurance-faq-hvr.png) top center no-repeat;

}



.auto-insurance-learn-more-btn {

background:url(/images/auto-insurance-learn-more.png) top center no-repeat;

width:261px;

height:87px;

display:block;

cursor:pointer;

text-indent:-5000px;

}



.auto-insurance-learn-more-btn:hover {

background:url(/images/auto-insurance-learn-more-hvr.png) top center no-repeat;

}



.auto-insurance-faq-btn {

background:url(/images/auto-insurance-faq.png) top center no-repeat;

width:261px;

height:87px;

display:block;

cursor:pointer;

text-indent:-5000px;

}



.auto-insurance-faq-btn:hover {

background:url(/images/auto-insurance-faq-hvr.png) top center no-repeat;

}



.renters-insurance-learn-more-btn {

background:url(/images/renters-insurance-learn-more.png) top center no-repeat;

width:261px;

height:87px;

display:block;

cursor:pointer;

text-indent:-5000px;

}



.renters-insurance-learn-more-btn:hover {

background:url(/images/renters-insurance-learn-more-hvr.png) top center no-repeat;

}



.rental-insurance-learn-more-btn {

background:url(/images/rental-insurance-learn-more.png) top center no-repeat;

width:261px;

height:87px;

display:block;

cursor:pointer;

text-indent:-5000px;

}



.rental-insurance-learn-more-btn:hover {

background:url(/images/rental-insurance-learn-more-hvr.png) top center no-repeat;

}





#homepage-footer {

position:absolute;

top:1250px;

left:0;

background: #0191db url(/images/footer-bg.png) repeat-x;

height: 250px;

width:100%;

margin:0 auto;

}



#auto-quote-footer {

background: #0191db url(/images/footer-bg.png) repeat-x;

height: 250px;

width:100%;

margin:100px auto 0 auto;

clear:both;

}



.footer-wrapper {

width:920px;

padding:30px;

color:#FFFFFF;

margin:0 auto;

font-size:10px;

}



.footer-home,.footer-auto,.footer-renter{

float:left;

width:200px;

text-align:left;

margin-right:30px;

}



.footer-rental {

float:left;

width:170px;

text-align:left;

margin-right:20px;

}



.copyright {

float:right;

width:220px;

text-align:right;

font-size:11px;

margin:0;

padding:0;

font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

text-transform:uppercase;

font-weight:bold

}



.jqTransformTextarea, 

.jqTransformSelectWrapper   { margin: 0 0 8px 0; }



label                       { width: 150px; display: block; float:left; padding:6px; margin-right:20px; cursor:pointer }



input[type=text], textarea, text { width: 250px; outline: none; padding:6px; border: solid 1px #CCCCCC; color: #545454 }



select {padding:5px; border: solid 1px #CCCCCC; color:#545454;}



input[type=checkbox] {margin:6px 6px 6px 0px;}



.rowElem 

label.error                 { float: none; font-style: italic; color: red;

                              position: absolute; top: 16px; left: 0; 

                              font-size: 12px; }

                              

.rowElem #jqTransformTextarea-mm

label.error                 { top: 28px; }



#changeTypeArea             { float: left; margin: 0 0 10px 0; width: 250px; }



.rowElem                    { position: relative; clear: both; min-height: 35px; }

.rowElemSelect              { clear: both; min-height: 35px; }



.thanks                     { color: green; font-weight: bold; }













#nav ul.menu {list-style:none; margin: 0 0 0 10px; padding: 0; list-style: none;}

#nav ul.menu * {margin:0; padding:0}



#nav ul.menu li {display:block;

	float: left;

	padding: 0;

	height: 35px;

	background: url(/images/nav-bg-break.png) top right no-repeat;

	width:auto;

	position:relative; 

	margin-right:0px;}



#nav ul.menu li a {font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	float: left;

	display: block;

	line-height: 41px;

	padding: 0 18px 0 20px;

	color: #0081a6;

	text-decoration: none;

	background:none;}

	

#nav ul.menu li a:hover {color: #00a1cf;}



#nav ul.menu ul {position:absolute; top:40px; left:0; display:none; opacity:0; list-style:none; width:180px;}

#nav ul.menu ul li{position:relative; border:1px solid #dfdfdf; border-top:none; margin:0; display:inline !important}

#nav ul.menu ul li a {display:inline; padding:3px 0px 2px 7px !important; background-color:#edf2f3; color: #0081a6; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; width:170px; margin:0 !important; height:35px; line-height:35px;}

#nav ul.menu ul li a:hover {display:inline; padding:3px 0px 2px 7px !important; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; width:170px; background: #c5dee6; color: #FFFFFF; margin:0 !important}


#nav ul.menu ul li ul{left:150px; top:0;}










#letterselect a { font-size:11px; padding:4px; border:solid 1px #CCCCCC; background:#EFEFEF; color:#454545; text-decoration:none}

#letterselect a:hover { font-size:11px; padding:4px; border:solid 1px #BBBBBB; background:#C0C0C0; color:#333333}

#letterselect {margin:0px 0px 10px 0px;}





#addURLSArea, #addURLSAreaVehicle, #addURLSTicketArea { display:none }