body{
	margin: 0px 0px;
	padding: 0px;
	text-align: center;
}

img{
	border: none;
}

h1{
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 24pt;
	font-weight: 400;
	margin: 0px;
	letter-spacing: -2px;
	color: #448fcb;
	text-transform: none;
}

h2{
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 14pt;
	font-weight: 400;
	margin: 0px;
	letter-spacing: -1px;
	color: #448fcb;
}

h3{
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 9pt;
	font-weight: 400;
	margin: 0px;
	color: #448fcb;
}

hr{
	height: 1px;
	color: #6daede;
	background-color: #6daede; 
	border: 0px solid #6daede;
}

p{
	margin: 10px 0px;	
}


li{
	list-style-image: url("img/bullet2.gif");
}

a, a:link, a:visited, a:active{
	color: #207ec9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

form div{
	clear: left;
	display: block;
	width: 410px;
	margin: 0 0 0 5px;
	padding: 1px 3px;
}
/*form div.standard{
	clear: left;
	display: block;
	width: 750px;
	margin: 0 0 0 5px;
	padding: 1px 3px;
}
form div.standard label{
	display: block;
	float: left;
	width: 225px;
}*/
form div label{
	display: block;
	float: left;
	width: 125px;
	font-size:14px;
}

form div input{
	margin: 0px 4px 2px 5px;
}

form div select{
	margin: 0px 4px 2px 5px;
}

select, option, input{
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 9pt;
}

select, input{
	border: 1px solid #448fcb;
}

#dateFormat{
	position: absolute; 
	left: 398px; 
	top: 860px; 
	display: block; 
	color: #000000; 
	z-index: 1; 
	width: 210px;
}

a.button, a.button:link, a.button:visited, a.button:active{
	display: block;
	border: 2px solid #448fcb;
	background-color: #fff;
	padding: 2px 4px;
	text-transform: uppercase;
	text-decoration: none;
	width: 75px;
	text-align: center;
}

a.button:hover{
	text-decoration: none;
	border: 2px solid #083a81;
	color: #083a81;
}

.terms{
width: 850px; 
background-color: white; 
border-width: 1px; 
border-style: inset;
}
td.error{width:50%;}

.error { color: red;}
.info { color: blue; }
.warn { color: olive; }

#content{
	width: 960px;
	margin: 0px auto;
	text-align: left;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 9pt;
	color: #000000;
}

body.HIO #content{font-size:13px;font-family: Arial, Helvetica,sans-serif;}
body.HIO #content h3{font-size:15px;font-family: Arial, Helvetica,sans-serif;margin-bottom:5px;}
body.HIO #content h1{font-family: Arial, Helvetica,sans-serif;font-size:29pt;}
body.HIO #content h2{font-family: Arial, Helvetica,sans-serif;}

.border{
	border: 3px solid #cae8fa;
	border-top: none;
}

.header{
	height: 156px;
	width: 954px;
	display: block;
	background-image: url('img/header_hole_in_one.jpg');	/* default background image */
	overflow: hidden;
}

.topNav{
	display: block;
	height: 33px;
	width: 954px;
	text-align: center;
	background-color: #ffffff;
	color: #207ec9;
	font-size: 11pt;
	font-weight: 800;
	border-top:	3px solid #cae8fa;
	border-bottom: 3px solid #cae8fa;
	padding: 0px; margin: 0px;
}

.topNav a, topNav a:link, .topNav a:visited, .topNav a:active{
	font-size: 10pt;
	margin: 0px 15px;
	color: #207ec9;
	text-decoration: none;
	line-height: 30px;
	letter-spacing: -0px;
	font-weight: normal;
	border: 0px solid black;
}

.topNav a:hover{
	text-decoration: underline;
}

.header .homelink{
	display: inline;
	margin: 40px 0px 0px 25px;
	border: none;
	border-width: 0px;
}

.auto_insurance .topNav a.autoInsuranceLink{ color: #083a81; }

.home_insurance .topNav a.homeInsuranceLink{ color: #083a81; }

.mortgages .topNav a.mortgagesLink{ color: #083a81; }

.travel_insurance .topNav a.travelInsuranceLink{ color: #083a81; }

.about .topNav a.aboutLink{ color: #083a81; }

.locations .topNav a.locationsLink{ color: #083a81; }

.contact_us .topNav a.contactUsLink{ color: #083a81; }

.bodycontent{
	display: inline-block;	/* fixes peekaboo borders bug in IE */
	margin: 0px 0px;
}

.bodycontent .form{
	margin: 0px;
	display: inline-block;
	display: -moz-inline-block;
	padding: 20px 28px;
	background-color: #cae8fa;
	width: 900px;
}

.bodycontent .full{
	display: block;
	padding: 20px 30px;
}

.bodycontent .left{
	display: inline;
	float: left;
	width: 490px;
	padding: 20px 30px;
}

.bodycontent .right{
	display: inline;
	float: right;
	width: 400px;
	padding: 20px 0px;
}

.bodycontent .leftHIO{
	display: inline;
	float: left;
	width: 541px;
	padding: 20px 30px;
}

.bodycontent .rightHIO{
	display: inline;
	float: right;
	width: 348px;
	padding: 20px 0px;
}

.optional{
	clear:left;
	vertical-align: bottom;
	width: 950px;
}

.optionalC1{
	vertical-align: middle;
	text-align: left;
}

.optionalC2{
	vertical-align: bottom;
	text-align: right;
}

.promotion{
	display: block;
	width: 425px;
	float: right;
}

.calltoaction{
	display: block;
	width: 500px;
}

.bottomNav{
	clear: both;
	width: 954px;
	height: 34px;
	display: block;
	color: #207EC9;
	background-color: #ffffff;
	font-weight: 800;
	text-align: center;
	border-top: 3px solid #cae8fa;
}

.bottomNav a, .bottomNav a:visited, .bottomNav a:active{
	line-height: 34px;
	margin: 0px 8px;
	color: #207EC9;
	text-decoration: none;
	font-size: 10pt;
	font-weight: normal;
}

.bottomNav a:hover{
	text-decoration: underline;
}

.footer{
	height: 60px;
	width: 954px;
	display: block;
	color: #838383;
}

.footer a, .footer a:visited, .footer a:active{
	line-height: 20px;
	margin: 0px 8px;
	color: #838383;
	text-decoration: none;
}

.footer a:hover{
	text-decoration: underline;
}

.fineprint{
	text-align: right;
	float: right;
	display: block;
	font-size: 7pt;
	padding-top: 10px;
}

.fineprint .note{
	display: block;
	margin: 0px 10px;
}

.fineprint .copyright{
	display: block;
	margin: 0px 10px;
}

.telnumber{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 20pt;
	font-weight: 400;
	margin: 0px 20px;
	line-height: 50px;
	color: #448fcb;
}

a.amrollover{
	display: block;
	width: 310px;
	background-image: none;
}

a.amrollover:hover{
	background-image: url('img/airmiles_button_rollover.gif');
}

/**** Drop down menu styles **************************************************************/
.menu{
	position: absolute;
	top: -300px; left: -300px;
/*	background-color: #73b1df; */
	background-color: #fff;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-left: 3px solid #cae8fa;
	border-right: 3px solid #cae8fa;
/*	border-top: 3px solid #cae8fa;  */
	border-bottom: 3px solid #cae8fa;
	visibility: hidden;
	z-index: 1000;
}

.menu li{
	display: block;
	margin: 0px;
	padding: 0px 12px;
/*	background-color: #cae8fa; */
	border-top: 3px solid #cae8fa;
	text-align: left;
	list-style-type: none;
	list-style-image: none;
}

.menu a, .menu a:link, .menu a:visited, .menu a:active{
	line-height: 33px;
	margin: 0px;
	padding: 0px;
/*	color: #fff; */
	color: #207ec9;
	text-align: left;
	text-decoration: none;
}

.menu a:hover{
	text-decoration: underline;
}

#menumask{
	border: none;
	position: absolute;
	zIndex: 999;
	filter:alpha(opacity=0);
}






/******form styles***************************/

.formrow{
	clear: left;
	padding: 10px 0px;
}

.labelcol{
	width: 115px;
	float: left;
}

.labelcol label{
	display: block;
	float:left;
	width: 115px;
	margin: 5px 0px;
}

.smallcol{
	width: 190px;
	float: left;
}

.smallcol input{
	float:left;
	width: 165px;
	margin: 3px 0px;
	height: 18px;
	padding: 1px;
}

.smallcol input.check{
	width: auto;
	margin-left:145px;
	border: none;
}

.largecol{
	width: 445px;
	float: left;
}

.largecol label{
	float: left;
	width: 115px;
	margin: 4px 0px;
}

.largecol input{
	width: 270px;
	margin: 3px 0px;
}


/*Hole In One */

div.quoteButtonsPanel{
text-align:center;
margin-top:35px;
}

div.quoteButtonsPanel p.qPhone{
 color: #448FCB;
 font-family: Arial,Helvetica,sans-serif;
 font-size: 39px;
 margin-left: -15px;
 margin-top: 3px;
 line-height:30px;
}

div.quoteButtonsPanel p.qPhone span {
    font-size: 25px;
    margin-left: 72px;
    text-align: right;
}

p.hours{font-size:14px;}
table.contact {width:100%;}
table.contact td{vertical-align:top;padding-top:5px;}

/*Hole in One Application*/

.applicationTable {
	width:900px;
}

.applicationTable table{
	width:100%;
}

td.large {
	vertical-align:top;
	width: 448px;
}

td.large table.space{
margin-left:10px;
}

form.hio table td.small {
	vertical-align: top;
	text-align: left;
	background-color: #6ba9d7;
	width: 3px;
	padding:0;
	border:0;
	border-collapse:collapse;
}

form.hio table.premium td{line-height: normal;vertical-align:top;}

form.hio table.premium td.bottom{ 
	font-size: 11px;
    font-weight: bold;
    line-height: normal;
    vertical-align: bottom;
    padding-bottom:10px;
}

form.hio table td.label {
    width: 226px;
}

form.hio div.choose{
margin:auto;
text-align:center;
width:558px;
}

div.choose div ul li{
list-style: circle outside none;
}

/* tooltip styling. by default the element to be styled is .tooltip */
.tooltip {
 display:none;
 background:transparent url(img/tooltip.png) no-repeat;
 font-size:14px;
 height:63px;
 width:226px;
 padding:25px;
 color:#000000;
 text-align:left;
 margin-left: 172px;
 margin-top: 63px;
} 

.tooltip h3{padding:0; margin: -15px 0 0 -15px;font-weight:bold;}

.tooltip p{padding:0;margin:0 -15px;}

/*Form Styles*/

form.hio{
padding:10px;
font-family: Arial, Helvetica,sans-serif; 
}

form.hio div{width:auto;}

form.hio label{
font-size:13px;
}

form.hio label.required{
font-weight:bold;
}

form.hio table td{
line-height:16px;
padding-right:10px;
}

form.hio table.premium td table{
text-align:center;
width:100%
}

form.hio p.amount{font-size:50px;}
form.hio p.amount span{
	display: block;
    font-size: 13px;
    font-weight: bold;
}
form.hio p.number{font-size:15px;margin-left:30px;margin-top:0;}
form.hio p.number span{font-size:30px;}

form.hio div.buttons{float:right;text-align:right;}

form.hio div.buttonsMiddle{width:100%;height:auto;margin:auto;text-align:center;}


div.terms{
height: 300px; 
width: 700px; 
background-color: 
white; 
border-width: 1px; 
border-style: inset; 
overflow: auto;
}


/** progress bar styles *********/

#navigation {
	width: 900px;
	height: 39px;
	list-style-type: none;
	margin: 0 0 3px 0; padding:0;
}

.step1{
background: url(../images/app_progress_bar.png) no-repeat 0px 0px;
}

.step2{
background: url(../images/app_progress_bar.png) no-repeat 0px -40px;
}

.step3{
background: url(../images/app_progress_bar.png) no-repeat 0px -77px;
}

.step4{
background: url(../images/app_progress_bar.png) no-repeat 0px -113px;
}

.step5{
background: url(../images/app_progress_bar.png) no-repeat 0px -149px;
}

#navigation ul{
margin-left:-37px;
}

#navigation li{
	display: block;
	float: left;
}

#navigation a{
	display: block;
	float: left;
	height: 42px;
	line-height: 42px;
	text-indent: -500px;
	overflow: hidden;
	width: 178px;
	cursor: default;
}


/*Short Nav*/

#navigationShort {
	width: 905px;
	height: 39px;
	list-style-type: none;
	margin: 0 0 3px 0; padding:0;
}

.step1Short{
background: url(../images/app_progress_bar_short.png) no-repeat 0px -3px;
}

.step2Short{
background: url(../images/app_progress_bar_short.png) no-repeat 0px -40px;
}

.step3Short{
background: url(../images/app_progress_bar_short.png) no-repeat 0px -77px;
}

#navigationShort ul{
margin-left:-37px;
}

#navigationShort li{
	display: block;
	float: left;
}

#navigationShort a{
	display: block;
	float: left;
	height: 42px;
	line-height: 42px;
	text-indent: -500px;
	overflow: hidden;
	width: 295px;
	cursor: default;
}