﻿/* Hartville Brand Pet Insurance
   Begin Date: 04/17/07
****************************************/
body 
{
	background: url(images/body_bg.gif); 
	margin:0 auto; 
	padding:0; 
	text-align:center; 
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: .8em;
	color: #484848;
	line-height: 1.5em;
}

/*headings*/
h1 
{
	color: #029DB9;
	font-family: Georgia, Times New Roman, Serif;
	font-weight: bold;
	font-size: 1.5em;
	display: block;
	margin: 0 0 .5em 0;
}

h1 span 
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #606060;
	font-size: .8em;
	font-weight: bold;
}

h2
{
	font-size: 1.35em;
	color: #029DB9;
	font-family: Georgia, Times New Roman, Serif;
	font-weight: bold;
	margin-bottom: .25em;
}

h3 
{
	font-size: 1.2em;
}

h4
{
	font-size: 1em;
	font-weight: bold;
}

/*links*/
a 
{
	color: #E30C19;
}

a:hover 
{
	text-decoration: none;
}

/*tags*/
p 
{
	margin: 0 0 1.5em 0;
} 
	
/* =Homepage 
****************************************/

/*Left Column*/

#hartville 
{
	width: 958px;
	border: 1px solid #cccccc;
	background: #ffffff  url(images/home_bg2.jpg) no-repeat;
	text-align: right;
	margin: 0 auto;
	border: 1px solid #9B8E74;
	border-top: none;
}

#contents 
{
	padding: 0 0 115px 0;
}

#leftcol 
{
	width: 400px;
	float: left;
	padding-top: 42px;
	text-align: left;
}

#leftcol h3
{
    font-size: 4em;
}


.hartvillelogo
{
	margin: 0 0 24px 0;
}

#leftcol fieldset 
{
	margin-top:  48px;
	color: #ffffff;
	font-weight: bold;
	padding: 0 0 0 31px;
}

#leftcol fieldset label
{
	display: block;
	margin: .25em 0;
	font-size: 1.1em;
}

#leftcol fieldset ul 
{
	margin: 0 0 .75em 0;
	padding: 0;
	list-style: none;
}

#leftcol input.textbox 
{
	margin-right: .25em;
	float: left;
	padding: .15em;
	font-size: 1.1em;
}

#leftcol img 
{
	display: block;
}

#leftcol .gobutton img
{
	display: inline;
}

#leftcol a 
{
	color: #ffffff;
	font-weight: bold;
	margin-right: 2em;
}



/*Right Column*/

#rightcol 
{
	text-align: left;
	margin-left: 421px;
	font-size: .9em;

}

#rightcol a 
{
	color: #FE1212;
	font-weight: bold;
}

/*features*/

#features 
{
	text-align: left;
	margin: 0 0 0 163px;
	background: url(images/feature-bg.gif) 40% 75% repeat-y;
}

#features p 
{
	display: block;
	width: 194px;
	float: left;
	padding: 10px 20px;
	line-height: 1.5em;
}

#features p img
{
	display: block;
}

#features a 
{
	color: #FE1212;
	font-weight: bold;
}

#footerhome 
{
	color: #878787;
	font-size: .8em;
	padding: 2.5em 0;
	text-align: left;
	line-height: 1.5em;
}
#footerhome img
{
    float:left;
    padding:0px 20px 0 20px;
}

/* =Global Containers
****************************************/
#mainwrapper
{
	width: 932px;
	border: 1px solid #cccccc;
	background: #ffffff;
	text-align: left;
	padding: 13px;
	margin: 0 auto 2em auto;
	border: 1px solid #9B8E74;
	border-top: none;
}

#footer 
{
	border-top: 1px solid #DDD9D0;
	padding: 20px 50px 6px 0;
	color: #666666;	
	font-size: .8em;
	clear: both;
	line-height: 1.2em;
}

#footer img
{
    float:left;
    padding:0px 20px 0 50px;
}

#footer a 
{
	color: #666666;
	margin: 0 .5em;
}

.footerdisclaimer
{
	 text-align: center;
	 padding: 1.5em 0;
}

/* =Navigation 
****************************************/
#header 
{
	background: url(images/pet-insurance-phone-num.gif) top right no-repeat;
}

.mainlogo 
{
	float: left;
	width: 292px;
	margin-right: 20px;
}

.phn
{
	float: right;
	width: 133px;
}
 #tabs7 { 
	height: 24px; 
	padding: 50px 0 0 0; 
	margin:0; 
      }
#tabs7 ul {
	margin:0;
	padding:10px 10px 0 0;
	list-style:none;
}
#tabs7 li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs7 a {
	float:left;
	background:url("images/tableft7.gif") no-repeat left top;
	margin:0 2px 0 0;
	padding:0 0 0 6px;
	text-decoration:none;
	font-size: .9em;
	font-family: Arial Black, Helvetica Black, Arial, Sans-Serif;
}

#tabs7 a span {
	float:left;
	display: block;
	background:url("images/tabright7.gif") no-repeat right top;
	padding: 5px 7px 4px 3px;
	color:#04A8C5;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs7 a span {float:none;}
/* End IE5-Mac hack */
#tabs7 a:hover span {
	color:#ffffff;
}
#tabs7 a:hover {
	background-position:0% -42px;
	color: #ffffff;
}
#tabs7 a:hover span {
	background-position:100% -42px;
}



#tabs{float:left; width: 485px; height: 24px; padding: 63px 0 0 15px; margin:0; }
#nav1 {background: url(images/petCentral.gif) no-repeat; display:block; width:86px; height:24px; background-position: 0 -24px; }
#nav1 a {background: url(images/petCentral.gif) no-repeat;}
#nav2 {background: url(images/ourPlans.gif) no-repeat; display:block; width:82px; height:24px; background-position: 0 -24px; }
#nav2 a {background: url(images/ourPlans.gif) no-repeat;}
#nav3 {background: url(images/getStarted.gif) no-repeat; display:block; width:87px; height:24px; background-position: 0 -24px;}
#nav3 a {background: url(images/getStarted.gif) no-repeat;}
#nav4 {background: url(images/customerCom.gif) no-repeat; display:block; width:152px; height:24px; background-position: 0 -24px;}
#nav4 a {background: url(images/customerCom.gif) no-repeat;}
#nav5 {background: url(images/aboutUs.gif) no-repeat; display:block; width:76px; height:24px; background-position: 0 -24px;}
#nav5 a {background: url(images/aboutUs.gif) no-repeat;}
#tabs a.alt {display:none;}

#tabs ul {list-style: none; margin: 0px; padding: 0px; background-position: 0px;}
#tabs ul li {float: left;}
/* fix stutter in ie */
#tabs .petCentral {display:block; width:86px; height:24px;}
#tabs .ourPlans {display:block; width:82px; height:24px;}
#tabs .getStarted {display:block; width:87px; height:24px;}
#tabs .customerCom {display:block; width:152px; height:24px;}
#tabs .aboutUs {display:block; width:76px; height:24px;}
#tabs span {display:none;}
#tabs a:hover {background-position: 0 -24px;}



/*subnav*/
.subNav 
{
	background: #02A7C5;
	text-align: center;
	clear: left;
	margin: 0;
	padding: 6px 0 4px 0;
	height: 20px;
	vertical-align: middle;
}


.subNav ul
{ 
	margin:0; 
	padding:0;
}

.subNav li
{
	list-style: none; 
	display: inline;
	color:#fff; 
	margin: 0 30px 0 0; 
	padding: 0; 
	font-size:	.9em; 
}

.subNav li a
{
	color:#fff; 
	font-weight:bold; 
	text-decoration:underline;
}

.subNav li a:hover
{ 
	text-decoration: none;
}

.subNav li a.linkOn 
{
	text-decoration:none;
}


/* = Section Pages 
****************************************/
/*Headers*/
.ourplans 
{
	height: 232px;
	background: url(images/our_plans_header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}

.petcentral
{
	height: 232px;
	background: url(images/pet_central_header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}

.whyhartville
{
	height: 232px;
	background: url(images/why_hartville_header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}

.howitworks 
{
	height: 232px;
	background: url(images/how_it_works_header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}

.customercomm 
{
	height: 232px;
	background: url(images/customer_community_header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}

.tellfriend
{
	height: 232px;
	background: url(images/tell_friend_header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}

.share
{
	height: 232px;
	background: url(images/share_your_story_header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}

.aboutus 
{
	height: 232px;
	background: url(images/about_us_header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}

.contactus 
{
	height: 232px;
	background: url(images/contact_us_header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}

.ourpartners
{
	height: 232px;
	background: url(images/our_partners_header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}

.petinsurance
{
	height: 232px;
	background: url(images/pet_insurance_101_header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}

.policydetails 
{
	height: 232px;
	background: url(images/policy_details_header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}

.whatscovered
{
	height: 232px;
	background: url(images/whats_covered_header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}

.whoweare
{
	height: 232px;
	background: url(images/who_we_are_header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}

.makeclaim
{
	height: 232px;
	background: url(images/make_a_claim_header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}

.forvets
{
	height: 232px;
	background: url(images/for_vets_header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}


/*Quote Start*/
#quotestart 
{
	color: #fff;
	font-weight: bold;
	margin: 10px 0 0 695px;
}

#quotestart label 
{
	display: block;
	font-size: 1.1em;
	margin: 0 0 .25em 0;
}

#quotestart input 
{
	margin: .5em 0;
}
	

#quotestart input.textbox 
{
	font-size: 1.25em;
	padding: .25em;
	margin: .5em 0;
}



#quotestart img
{
	display: block;
	margin: .5em 0;
}
	
#quotestart p 
{
	font-size: 1.1em;
	margin: .5em 0;
	padding: 0 2em 0 0;
}

#quotestart h4
{
    color: #fff;
	font-size: 1.85em;
	font-weight:bold;
	font-family: Georgia, Times New Roman, Serif;
	padding-bottom:10px;

}

#quotestart a 
{
	color: #fff;
}

/*LeftCol*/
#leftsection 
{
	width: 660px;
	padding: 0;
	float: left;
}

#leftsection h1 
{
	display: inline;
}
		
#leftsection ul 
{
	margin: 0 0 3em 90px;
	list-style: none;
	padding: 20px 100px 0 0;
}

#leftsection li 
{
	clear: left;
	margin: 10px 0 0 0;
}

#leftsection ul.inline
{
	margin: 0 0 1em 0;
	list-style: disc;
}

#leftsection ul.inline li 
{
	margin: 5px 30px 5px 20px;
	list-style: disc
}


/*Right Col*/
#rightsection 
{
	float: right;
	width: 250px;
	padding: 10px 12px 10px 0;	
}	 

/*Broker Section*/

.brokers 
{
	height: 232px;
	background: url(images/hartville-pet-insurance-broker-header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}

.brokers-10facts 
{
	height: 232px;
	background: url(images/hartville-pet-insurance-broker-10facts-header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}
    
.brokers-howitworks 
{
	height: 232px;
	background: url(images/hartville-pet-insurance-broker-howitworks-header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}
.brokers-howitworks h1
{
    margin: 40px 0 0 300px;
	color: #029DB9;
	font-family: Georgia, Times New Roman, Serif;
	font-weight: bold;
	font-size: 2em;
}

.brokers-why 
{
	height: 232px;
	background: url(images/hartville-pet-insurance-broker-whypetins-header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}
.brokers-whyus
{
	height: 232px;
	background: url(images/hartville-pet-insurance-broker-whyus-header.jpg) top left no-repeat;
	clear: both;
	margin-top: 10px;
	padding-top: 25px;
}


#brokersection 
{
	width: 932px;
	float: left;
	margin: 30px 0 30px 0;
}


#brokersection h1 
{
	display: inline;
}

#brokersection h4
{
    float:left;
    display: inline;
    margin: 0px 6px 40px 0;
    padding: 0;
	color: #029DB9;
	font-family: Georgia, Times New Roman, Serif;
	font-weight: bold;
	font-size: 1.5em;
}
		
#brokersection ul 
{
    width: 396px;
	margin: 0px 25px 0px 40px;
	float:left;
	list-style: none;
}

#brokersection ul h1
{
    margin: 0 0 0 0;
	color: #029DB9;
	font-family: Georgia, Times New Roman, Serif;
	font-weight: bold;
	font-size: 18px;
}

#brokersection ul.inline
{
	margin: 0 0 1em 0;
}

#brokersection ul.inline li 
{
	margin: 5px 30px 5px 20px;
}


#brokersection li 
{
	margin: 30px 0 0 0;
}

#broker-bottom
{
    float:left;
    width: 932px;
    text-align:center;
    margin: 10px 0 20px 0;
    font-size: 1em;

}
#cc-bottom
{
    float:left;
    width: 600px;
    text-align:center;
    margin: 10px 0 20px 0;
    font-size: 1.2em;
    font-weight:bold;
  
}

#broker-confirm
{
    width: 500px;
	margin: 0 auto 2em auto;
    text-align:center;
}

/*How it Works */
#works 
{
	background: url(images/pet-insurance-stepsTop.gif) top center no-repeat;
	padding: 135px 0 0 0;
	margin: 1em 0;
	text-align: center;
}

#works div 
{
	text-align: left;
	padding: 10px 0 110px 20px;
	background: url(images/pet-insurance-stepsBot.gif) bottom center no-repeat;
}
	
.opStep1
{
	float:left; 
	width:212px; 
	padding:0px 7px 0px 0px;
}

.opStep2
{
	float:left; 
	width:166px; 
	padding:0px 13px 0px 16px;
}

.opStep3
{
	width:189px;
	padding:0px 10px;
}

.underwriting 
{
	background: url(images/pet-insurance-beigeBoxTop.gif) top left no-repeat;
	margin-right: 4px;
	padding: 7px 0 0 0;
	float: left;
	width: 331px;
}

.underwriting p
{
	background: #C7C89E url(images/pet-insurance-beigeBoxBot.gif) bottom left no-repeat;
	padding: .5em 1em 27px 1em;
	margin: 0 8px 0 0;
	font-size: .85em;
}
	
.acceptance 
{
	background: url(images/pet-insurance-beigeBoxTop.gif) top left no-repeat;
	padding: 7px 0 0 0;
	float: left;
	width: 322px;
	margin-bottom: 1em;
}

.acceptance p
{
	background: #C7C89E url(images/pet-insurance-beigeBoxBot.gif) bottom left no-repeat;
	padding: .5em 1em 1em 1em;
	margin: 0;
	font-size: .85em;
}
	
#confirmation
{
    background:#fff;
    height:200px;
    padding: 80px;
}	

/*Pet Health Library*/
#articles 
{
	padding: 1em 1em 0 0;
}

#articles h3 
{
	font-size: 1em;
	margin: .5em 0;
}

#articles h4
{
	font-size: .95em;
	margin: .5em 0;
}

#articles ul   
{
	margin: 0 0 2em 1.75em;
	padding: 0;
	list-style: disc;
	list-style-position: outside;
	font-size: .9em;
}

#articles li  
{
	height: inherit;
	margin: .75em 0 0 0;
}

#articles li a 
{
	color: #484848;
	font-size: 1.1em;
}

#articles li a:hover 
{
	color: #E30C19;
}
	
.leftarticles 
{
	float: left;
	border-right: 2px dotted #cccccc;
	width: 45%;
	margin: .5em 0;
}

.rightarticles 
{
	float: right;
	width: 50%;
	margin: .5em 0;
}

#articles .bottomarticles 
{
	border-top: 2px dotted #cccccc;
	padding: .5em 0;
	margin: 1em 0 0 0;
	clear: both;
	font-size: 1.1em;
}

/*Articles*/
#articleleft
{
	width: 660px;
	padding: 10px 0;
	float: left;
}

#articleleft h1 
{
	margin: 1em 0 .5em 0;
	color: #2F2F2F;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	line-height: 1.25em;
}

#articleleft img 
{
	margin-bottom: 10px;
}

#articleleft ul
{
	padding: 0;
    list-style: disc;
    list-style-position: outside;
    margin: .15em 3em 1em 1.25em;
    line-height: 1.5em;
}

#articleleft li 
{
	margin-bottom: .5em;
}

#articleleft p 
{
	margin: .15em 3em 1em 0;
	line-height: 1.5em;
} 

#articleleft .leftart 
{
	float: left;
	width: 49%;
}

#articleleft .rightart 
{
	float: left;
	width: 49%;
	margin: -1em 0 0 0;
}
/* =Side Components 
****************************************/  
/*newsletter signup           
#newsletter
{
	 background: url(images/blueLineTop_bg.gif) top center no-repeat;
	 padding: .95em 0 0 0;
	
}

#newsletter fieldset 
{
	background: url(images/blue_round_bottom.gif) bottom center no-repeat;
	padding: 0 .85em 1em 1em ;
	margin-bottom: 1em;
}

#newsletter p 
{
	margin: 0 0 1em 0;
}


#newsletter .small
{
	margin: 1em 0;
}

#newsletter label 
{
	font-weight: bold;
}

#newsletter input 
{
	margin: .25em 0 .75em 0;
	height: 22px;
}


*/  
/* money back guarantee */
#moneyback
{
	 background: url(images/blueLineTop_bg.gif) top center no-repeat;
	 padding: .95em 0 0 0;
	
}

#moneyback fieldset 
{
	background: url(images/blue_round_bottom.gif) bottom center no-repeat;
	padding: 0 .85em 1em 1em ;
	margin-bottom: 1em;
}

#moneyback p 
{
	margin: .5em 0 .5em 0;
}



/*Quote*/
#sidequote 
{
	background: #E30C19 url(images/getAQuoteTop_bg.gif) top center no-repeat;
	margin-bottom: 1em;

}

#sidequote fieldset 
{
	background: url(images/getAQuoteBot_bg.gif) bottom center no-repeat;
    padding: 3em 1em 1em 1em;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.5em;
}


#sidequote label 
{
	display: block;
	font-size: 1.1em;
	margin: 0 0 .25em 0;
}

#sidequote input 
{
	margin: .5em 0;
}
	

#sidequote input.textbox 
{
	font-size: 1.25em;
	padding: .25em;
	border: 3px solid #D30B17;
	margin: .5em 0;
}



#sidequote img
{
	display: block;
	margin: .5em 0;
}
	
#sidequote p 
{
	font-size: 1.1em;
	margin: .5em 0;
	padding: 0 2em 0 0;
}

#sidequote a 
{
	color: #fff;
}

/*Additional Articles*/
#addarticles 
{
	background: url(images/alsoInSectionTop_bg.gif) top center no-repeat;
	padding: 45px 0 0 0;
	margin: 0 0 1em 0;
}

#addarticles ul 
{
	background: url(images/alsoInSectionBot_bg.gif) bottom center no-repeat;
	padding: .5em 2.5em 1em 2.5em;
	list-style-position: outside;
	color: #E30C19;
	margin: 0;
}

#addarticles .final 
{
	list-style: none;
	text-align: right;
	padding-top: .75em;
}

#addarticles a
{
	color: #484848;
	font-size: 1.1em;
	line-height: 1.46em;

}

/*Aspca Partner*/
#aspcapartner 
{
	background: url(images/grayLineTop_bg.gif) top center no-repeat;
	padding: 10px 0 5px 0;
}

#aspcapartner p
{
	padding: 10px 10px 10px 10px;
	background: url(images/grayLineBot_bg.gif) bottom center no-repeat;
}

#aspcapartner p b
{   
    font-size: 1.6em;
	color: #029DB9;
	font-family: Georgia, Times New Roman, Serif;
	font-weight: bold;
	font-style:italic;
	padding-bottom: 20px;
	
}

#aspcapartner img 
{
	float: left;
	margin: 0 10px 0 0;
}

/*NewPlans Community*/
#newplans 
{
	background: url(images/grayLineTop_bg.gif) top center no-repeat;
	padding: 10px 0 5px 0;
}

#newplans p
{
	padding: 10px 10px 20px 20px;
	background: url(images/grayLineBot_bg.gif) bottom center no-repeat;
}

#newplans p b
{   
    font-size: 1.6em;
	color: #029DB9;
	font-family: Georgia, Times New Roman, Serif;
	font-weight: bold;
	font-style:italic;
	padding-bottom: 20px;
	
}


#morearticles 
{
	background: url(images/moreArticlesTop_bg.gif) top center no-repeat;
	padding-top: 30px;
	width:462px;
}

#morearticles ul 
{
	float: left;
	width: 49%;
	color: #E30C19;
}

#morearticles div
{
	 background: url(images/moreArticlesBot_bg.gif) no-repeat; 
	 padding: 0 0 0 10px;
}

/* =Input Forms
****************************************/  

#inputform 
{
    text-align: center;
	background: #ffffff url(images/form-bg.jpg) bottom left repeat-x;
    padding: 8px;
}

#inputform  fieldset 
{
    text-align: left;	
	margin: 0;
	padding:  0;
	border: 1px solid #cccccc;
	border-width: 0 0 0 0;
	margin-bottom: .75em;
}

#inputform  fieldset legend 
{ 
	color: #ff6600;
	font-weight: bold;
	padding: .5em .75em;
	color: #029DB9;
	font-size: 1.25em;
}

#inputform  fieldset ol 
{
	margin: .75em 0;
	padding: 0;
}
	
#inputform  fieldset li
{
  list-style: none;
  clear: both;
  margin: .75em .5em 1em .5em;
  padding-bottom: .75em;
  padding-left: .5em;
 
}
  
#inputform  label {
  display: block;
  width: 15%;
  float: left;
  font-weight: bold;
  font-size: .9em;
  padding-top: .25em;
  
  }
  
html>body #inputform  label 
{
	padding-top: .25em;
}

 #inputform  input 
 {
	width: 12em;
	margin: 0 .25em 0 0;
	padding: .15em;
 }
 
#inputform  label.rightcol 
 {
	float: none; 
	display: inline; 
	margin: 0 .25em 0 .25em;
 }
 
 
#inputform  select 
 {
	color: #4E4E4E;
	width: 5em;	
 }
 

#inputform  textarea 
 {
	color: #4E4E4E;
 }

 
.button 
 {
	border: 2px solid #02B8D9;
	background-color: #02A7C5;
	color: #ffffff;
	font-weight: bold;
	margin: .5em;
	width: 5em;
 }

 input.check 
{
	border-width: 0;
}


/* BROKER FORM 
********************************/

#broker-form 
{
    float: left;
    width: 510px;
    margin: 20px 100px 20px 160px;
    padding: 20px 20px 20px 20px;
    background: #f2f2f2; 

}
#broker-form h1
{
    padding: 20px 0 20px 0;
    text-align:center;
}
#broker-form  fieldset 
{
    text-align: left;	
	margin: 2em 0 .75em 0;
	

}

#broker-form  fieldset legend 
{ 
	color: #ff6600;
	font-weight: bold;
	padding: .5em .75em;
	color: #029DB9;
	font-size: 1.25em;
}

#broker-form  fieldset ol 
{
	margin: 0;
	padding: 0;
}
	
#broker-form  fieldset li
{
  list-style: none;
  clear: both;
  margin: 0;
  padding-bottom: 1em;
  padding-left: 2em;
 
}
  
#broker-form  label {
  display: block;
  width: 20%;
  float: left;
  font-weight: bold;
  font-size: .9em;
  padding: .25em 1em 0 0;
  
  }
  
html>body #broker-form  label 
{
	padding-top: .25em;
}

 #broker-form  input 
 {
	width: 40px;
	margin: 0 .5em 0 0;
	padding: .15em;
 }
 
 
#broker-form  select 
 {
	color: #4E4E4E;
	width: 5em;	
 }
 

#broker-form  textarea 
 {
	color: #4E4E4E;
 }
/* BROKER FORM OLD


#broker-form 
{
    float: left;
    width: 510px;
    margin: 20px 100px 20px 160px;
    padding: 20px 20px 20px 20px;
    background: #f2f2f2; 

}
#broker-form h1
{
    padding: 20px 0 20px 0;
    text-align:center;
}
#broker-form  fieldset 
{
    text-align: left;	
	margin: 2em 0 .75em 0;
	

}

#broker-form  fieldset legend 
{ 
	color: #ff6600;
	font-weight: bold;
	padding: .5em .75em;
	color: #029DB9;
	font-size: 1.25em;
}

#broker-form  fieldset ol 
{
	margin: 0;
	padding: 0;
}
	
#broker-form  fieldset li
{
  list-style: none;
  clear: both;
  margin: 0;
  padding-bottom: 1em;
  padding-left: 2em;
 
}
  
#broker-form  label {
  display: block;
  width: 20%;
  float: left;
  font-weight: bold;
  font-size: .9em;
  padding: .25em 1em 0 0;
  
  }
  
html>body #broker-form  label 
{
	padding-top: .25em;
}

 #broker-form  input 
 {
	width: 40px;
	margin: 0 .5em 0 0;
	padding: .15em;
 }
 
 
#broker-form  select 
 {
	color: #4E4E4E;
	width: 5em;	
 }
 

#broker-form  textarea 
 {
	color: #4E4E4E;
 }
 ********************************/

/* =Comparison Table 
****************************************/ 
#comparison 
{
	width: 640px;
	margin: 25px 0 0 15px;
}

#comparison h2
{
    color: #ed1c24;
    font-size: 1em;
}
 
.options {
	padding: .5em;
	background: #F2EFD2;
	font-weight: bold;
	border: 1px solid #ffffff;
}
	
.plannames 
{   
    font-weight:bold;
    font-size: 1.2em;
	text-align: center;
	padding-bottom: 5px;
    border: 1px solid #ffffff;
}
	
.accident 
{
	padding: .5em;
	text-align: center;
	background-color: #F8F7E7;
	border: 1px solid #ffffff;
	font-weight: bold;
}
	
.essential 
{
	padding: .5em;
	text-align: center;
	background: #F7F5E3;
	border: 1px solid #ffffff;
	font-weight: bold;
}
	
.classic 
{
	padding: .5em;
	text-align: center;
	background: #F3F0D6;
	border: 1px solid #ffffff;
	font-weight: bold;
}
	
.champion 
{
	padding: .5em;
	text-align: center;
	background: #F2EFD2;
	border: 1px solid #ffffff;
	font-weight: bold;
}
	
.elite 
{
	padding: .5em;
	text-align: center;
	background: #EDE8B7;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
}
	
.newdivider 
{
	border-top: 3px solid #cccccc;
	font-size: 2px;
	height: 0;
	padding: 0;
	margin: 0;
}
		
		
.callout 
{
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
	padding: .5em 0;
	margin: .5em 0;
	line-height: 1.25em;
}

.callout p 
{
	margin: 4px;
}

/* =cctable 
****************************************/ 
#cctable 
{

	margin: 0 0 0 40px;
	padding-bottom:20px;
}

#cctable h2
{
    color: #ed1c24;
    font-size: 1em;
}
 
.options {
	padding: 10px;
	background: #F2EFD2;
	font-weight: bold;
}
	
.plannames 
{   
    font-weight:bold;
    font-size: 1.2em;
	text-align: center;
	padding: 10px;
	background: #029DB9;
	color: #fff;
	border-bottom: 3px solid #ffffff;
}
	
.essential 
{
	padding: 10px;
	text-align: center;
	background: #def2f6;
	font-weight: bold;
}
	
.classic 
{
	padding: 10px;
	text-align: center;
	background: #def2f6;
	font-weight: bold;
}
	
.champion 
{
	padding: 10px;
	text-align: center;
	background: #def2f6;
	font-weight: bold;
}
	


/* =Plan Pop Ups
****************************************/

.popup 
{
	width: 400px;
	border: 1px solid #cccccc;
	padding: 1em;
	background: #ffffff;
	text-align: left;
	margin: 1em auto; 
}
.popup ul 
{
	padding: 0;
	margin: 0 0 1em 1em;
}
.popup li 
{
	margin-bottom: .5em;
}

.popup #inputform  label 
{
	width: 30%;
	font-size: 1.1em;
}			
.popup p
{
	margin: .25em 0;
}

/* =Extra Pages
****************************************/    

.extras 
{
	width: 65%;
	padding: 1em 0;
}

/* =Extra Classes 
****************************************/    

.clear 
{
	clear: left;
}

.small 
{
	font-size:.8em;
	line-height: 1.2em;
}

.center 
{
	text-align: center;
}

.floatimg 
{
	float: left;
	margin: 0 15px 0 0;
}

.floatimg-plan 
{
	float: left;
	margin: 0 15px 20px 0;
}


.padtop 
{
	padding-top: 1em;
}

.newcontent 
{
    margin: 20px 40px 0px 30px;

	padding: 10px 0 0px 30px;
	font-size: 1.1em;
	line-height:1.5em;
}

.newnote 
{
    margin: 20px 40px 20px 30px;
	padding: 10px 0 20px 0;
	font-size: 1em;
	line-height:1.3em;
}

.newbottom 
{
    margin: 20px 40px 20px 30px;
	border-bottom: dotted 1px #ccc;
	padding: 10px 0 30px 0;
	font-size: 1.2em;
	line-height:1.3em;
}


#leftsection h1.plansubhead
{
	margin: 10px 0px 10px 10px;
	border-bottom: dotted 2px #ccc;
	padding: 10px 0;
	display: block;	
}


#leftsection  ul.plannav
{
	margin: 20px 0 0 160px;
	position: absolute;
	padding: 0;
}

#leftsection  ul.plannav li
	{

		padding-left: 15px;
        display: inline;
		font-size: 1em;
		font-weight: bold;	
	}

#leftsection  ul.plannav ul a
	{   
	    
		color: #E30C19;
		font-weight:bold;
		text-decoration: underline;
	}
	
#leftsection  ul.exclusions
	{
		list-style-position: outside;
		list-style: disc;
		color: #029DB9;
		margin:0px 0 0 120px;
		padding: 0px;
	}	

#leftsection  ul.exclusions p
	{
	    color: #484848;
	    padding:0;
        margin: 0;
	}

#leftsection  li.exclusions
	{
        padding:0;
        margin: 0;
	}
	
ul.checklist {
        
}
ul.checklist li{
        padding:0;
        margin: 0;
        
}

.faqnav ul
{
    text-align:right;
    width: 450px;
	margin: 0px 0px 0 0px;
	padding:0px;
	float:right;
	clear:both;

}

.faqnav li
	{
        
		padding-left: 10px;
        display: inline;
		font-size: 1em;
		font-weight: bold;	
	}

.faqnav li a
	{   
	    
		color: #E30C19;
		font-weight:bold;
		text-decoration: underline;
	}

.faqsubhead
{
	margin: 0px 20px 30px 10px;
	border-bottom: dotted 2px #ccc;
	padding: 0 0 10px 0;	
}

.faqSub
{

	border-bottom: dotted 2px #ccc;
	padding: 10px 0 0 10px;
}

.faqSub p
{
	margin:	.2em 1.5em .0em 0;
	} 
		
	
.levelpage {
    color: #029DB9;
	font-family: Times New Roman, Serif;
	font-weight: bold;
	font-size: 1.4em;
	text-decoration:none;
}

.levelpage a {
	color: #029DB9;
	font-family: Times New Roman, Serif;
	font-weight: bold;
	text-decoration:none;
	}

.leveldetails {
    font-size: .9em;
    }

/*New Plans Page
********************************/

#newplanpage {
    padding:20px;
    margin:0;
    }
    
#newplanpage p{
    padding:0px;
    margin:0;
    }
#newplanpage h1{
    font-size:1.8em;
    padding-bottom:20px;
    }
  
#newplanpage p b{
    padding:0px;
	color: #029DB9;
	margin:0;
    }
    
#newplanpage ul{
	font-family: Times New Roman, Serif;
    padding:20px 0 20px 80px;
    font-size:1.6em;
    font-weight:bold;
    margin:0;
    }    
 
#newplanpage li{
    padding:5px;
    margin:0;

    }    
    
    
    
    
    
/*Error
********************************/

.error
{      
    font-family: Arial, Helvetica, sans-serif;
    font-size:1em;
    font-weight:bold;
    color:#000;
    padding:10px;
    border-bottom:solid 2px red;

} 

.error h1
{
    font-size:1.2em;
    font-weight:bold;
    text-transform:uppercase;
    color:red;
    border-top:solid 2px red;
    padding:10px;    
} 


.clear
{
    clear:both;
}



/* NAR
*************************************/
#NAR {
	margin: 0 auto;
	width: 930px;
	padding: 0 0;
	text-align:left;
	background: #d5eafd;
}

/* HEADER
*************************************/

#NAR #header {
	width: 930px;
	background: #d5e9fc;
	height: 96px;
	float:left;
}
#NAR #header p
{  
    margin:10px 30px 0px 0px;
    float:right;
    font-size:1.5em;
}
#NAR #header img
{  
    margin:25px 10px 0px 20px;
    float:left;
}
    



/* MAIN
*************************************/

#NAR #main {
	width: 930px;
	background: url(images/main-bg.jpg) top left no-repeat;
	float:left;
	padding:80px 0 39px 40px;
	margin:0 0;
}
#NAR #main p 
{
    width:600px;
    font-size:1.2em;
    line-height:1.5em;
}
#NAR #main h1
{
    font-size:4em;
    color:#007fc6;
    padding-bottom:10px;
}


/* LEFT
*************************************/

#NAR #left {
	width: 600px;
	float:left;	
	padding:40px 0 0 30px;
	margin:0 0;
}

#NAR #left h3
{
    font-size:2.3em;
    margin:0;
    padding:0px 0 20px 0;
    font-family: Georgia, Times New Roman, Serif;
    color:#685f5f;
    line-height:1.4em;
    text-align:center;

}

#NAR #gadget 
{
    width:272px;
    height:280px;
    background: url(images/gadget-bg.gif) top left no-repeat;
    margin:40px 0 0 10px;
    float:left;
}
#NAR #gadget h2
{
    font-size:2.6em;
    line-height:1em;
    text-align:center;
    color:#fff;
    padding:30px 0 0 0;
}
#NAR #gadget p
{
    color:#fff;
}

#NAR #gadget ul
{
    margin: 10px 30px 20px 0;
    list-style-type:none;    
}
#NAR #gadget li
{   
    text-align:right;
	color:#fff;
    padding:15px 0 0px 0;
}
.NARbutton
{
    margin:0px 70px;
}

/* Plan Comparison 
*****************************************/

#NAR table td
{
	font-size: 12px;
	color: #685f5f;
	text-align:center;
	height:30px;
	background: #fafafa;
	border-bottom: solid #8e8b8b 1px;
	padding: 8px 24px;
}

#NAR table th {
	color:#685f5f;
	background: #fbf6cb;
	border-top:1px solid #8e8b8b;
	border-bottom:1px solid #8e8b8b;
	padding: 10px;
	font-size: 14px;
}

#NAR .coverage
{
	float:left;
	border-left: solid #8e8b8b 1px;
	border-right: solid #8e8b8b 1px;
}

#NAR .coverage td
{
	text-align:left;
}

#NAR .level1
{
	float:left;
	border-right: solid #8e8b8b 1px;
}

#NAR .level2
{
	float:left;
	border-right: solid #8e8b8b 1px;
}

#NAR .level3
{
	float:left;
	border-right: solid #8e8b8b 1px;
}

#NAR .level4
{
	float:left;
	border-right: solid #8e8b8b 1px;
}
	
#NAR .endure
{
	float:left;
	border-right: solid #8e8b8b 1px;
}

#NAR .check 
{
	background: #fff url(images/check.png) no-repeat center;
}

#NAR .plus
{
	background: #fff url(images/plus.png) no-repeat center;
}

#NAR .shield
{
	background: #fff url(images/shield.png) no-repeat center;
}

#NAR .bottom
{
	float:left;
	margin:10px 0 20px 10px;
	font-size:.9em;
	color: #7c7c7c;
}



/* RIGHT
*************************************/

#NAR #right 
{
	width: 300px;
	float:left;
}
#NAR #right ul
{
	float:left;
	list-style-type:none;
	margin:30px 0 0 30px;
}
#NAR #right ul li
{
	width: 260px;
	float:left;
	padding-bottom:30px;
}
#NAR #right ul li h3
{
    color:#0080c5;
	padding-bottom:2px;
	font-size:1.6em;
	font-family: Georgia, Times New Roman, Serif;
}

/* FOOTER
*************************************/
#NAR #footer 
{
    width: 930px;
    background:#fff;
    color: #737373;
    float:left;
    text-align:left;
}

#NAR #footer img
{
    float:left;
    padding:10px 0 10px 5px;
}


#NAR #footer p 
{
    font-size: 1.2em;
    line-height: 1.4em;
    width:510px;
    text-align:left;
    margin:20px 0 0 20px;
    float:left;
}

/* colorbox
*************************************/

#NARwhyus
{
    text-align:left;
}
#NARwhyus h1
{
    color:#007fc6;
}

#NARwhatscovered
{
    text-align:left;
}
#NARwhatscovered h1
{
    color:#007fc6;
}
#NARwhy
{
    text-align:left;
}
#NARwhy h1
{
    color:#007fc6;
}
#NARhowitworks
{
    text-align:left;
}
#NARhowitworks h1
{
    color:#007fc6;
}
#NARfaq
{
    text-align:left;
}
#NARfaq h1
{
    color:#007fc6;
}
.hidden{display:none;}





/* AOA
*************************************/
#AOA {
	margin: 0 auto;
	width: 600px;
	padding: 0 0;
	text-align:left;
	background: #FFF;
}

/* HEADER
*************************************/

#AOA #header {
	width: 575px;
	height: 96px;
	float:left;
}
#AOA #header p
{  
    margin:10px 30px 0px 0px;
    float:right;
    font-size:1.5em;
}
#AOA #header img
{  
    margin:25px 10px 0px 20px;
    float:left;
}
    
/* FOOTER
*************************************/
#AOA #footer 
{
    width: 575px;
    background:#fff;
    color: #737373;
    float:left;
    text-align:left;
}

#AOA #footer img
{
    float:left;
    padding:10px 0 10px 5px;
}


#AOA #footer p 
{
    font-size: 1.2em;
    line-height: 1.4em;
    width:360px;
    text-align:left;
    margin:20px 0 0 20px;
    float:left;
}



/* QUOTE TAB
*************************************/
#AOA #QuoteTab
{
}





#AOA #QuoteTab #gadget 
{
    width:600px;
    height:134px;
    float:left;
}
#AOA #QuoteTab #gadget h2
{
    font-size:2.6em;
    line-height:1em;
    text-align:center;
    width:300px;
    color:#145a97;
    padding:30px 0 0 0;
}
#AOA #QuoteTab #gadget p
{
    color:#fff;
}

#AOA #QuoteTab #gadget ul
{
    float:left;
    margin: 10px 30px 20px 0;
    list-style-type:none;    
}
#AOA #QuoteTab #gadget li
{   
    text-align:right;
	color:#fff;
    padding:15px 0 0px 0;
}
#AOA #QuoteTab .AOAbutton
{
    margin:0px 70px;
}

/* Plan Comparison 
*****************************************/

#AOA #QuoteTab table td
{
	font-size: 12px;
	color: #685f5f;
	text-align:center;
	height:30px;
	background: #fafafa;
	border-bottom: solid #8e8b8b 1px;
	padding: 8px 24px;
}

#AOA #QuoteTab table th {
	color:#685f5f;
	background: #fbf6cb;
	border-top:1px solid #8e8b8b;
	border-bottom:1px solid #8e8b8b;
	padding: 10px;
	font-size: 14px;
}

#AOA #QuoteTab .coverage
{
	float:left;
	border-left: solid #8e8b8b 1px;
	border-right: solid #8e8b8b 1px;
}

#AOA #QuoteTab .coverage td
{
	text-align:left;
}

#AOA #QuoteTab .level1
{
	float:left;
	border-right: solid #8e8b8b 1px;
}

#AOA #QuoteTab .level2
{
	float:left;
	border-right: solid #8e8b8b 1px;
}

#AOA #QuoteTab .level3
{
	float:left;
	border-right: solid #8e8b8b 1px;
}

#AOA #QuoteTab .level4
{
	float:left;
	border-right: solid #8e8b8b 1px;
}
	
#AOA #QuoteTab .endure
{
	float:left;
	border-right: solid #8e8b8b 1px;
}

#AOA #QuoteTab .check 
{
	background: #fff url(images/check.png) no-repeat center;
}

#AOA #QuoteTab .plus
{
	background: #fff url(images/plus.png) no-repeat center;
}

#AOA #QuoteTab .shield
{
	background: #fff url(images/shield.png) no-repeat center;
}

#AOA #QuoteTab .bottom
{
	float:left;
	margin:10px 0 20px 10px;
	font-size:.9em;
	color: #7c7c7c;
}



/* BROKER TAB
*************************************/
#AOA #BrokerTab
{
}


#AOA #BrokerTab #main {
	width: 575px;
	background: url(../images/AOAmain-bg.jpg) bottom right no-repeat;
	float:left;
	margin:0 0;
}
#AOA #BrokerTab #main p 
{
    width:530px;
    font-size:1.2em;
    line-height:1.5em;
}
#AOA #BrokerTab #main h1
{
    font-size:1.4em;
    color:#ed1c24;
    padding-bottom:10px;
}

/* CONTENT
*************************************/

#AOA #BrokerTab #content {
	width: 600px;
	float:left;	
	padding:20px;
	margin:0 0;
	background: url(images/body_bg.gif); 
}

#AOA #BrokerTab #content h3
{
    font-size:1.3em;
    margin:0;
    font-family: Georgia, Times New Roman, Serif;
    color:#685f5f;
    line-height:1.4em;
    text-align:center;
}


.return
{
    text-align:center;
    padding-bottom:20px;
}