/* css for HA static pages */
img { border:none; }
hr { border:none; background-color:black; color:black; height:1px; width:100%; margin-bottom:3px; }
p { margin: 5px 0 9px; }
p span { font: bold 10px; }

#leftcol img { float:left; margin:65px 0 0 12px; }
#lefttop { margin-top:20px; font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#1f4dc2; text-align:center; }
.thawte { width:61px; height:60px; margin:0; padding:0; margin-left:29px; }

/*#midcol h1 { font:bold 15px Verdana, Arial, Helvetica, sans-serif; color:#1f4dc2; }*/
#midcol2 h2 { font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#1f4dc2; }
#midcol img { margin-bottom:2px; }

#righthead { width:120px; height:17px; color:white; display:block; background-color:#990000; margin-bottom:10px; }

#maincol p, #midcol p { width: 95%; margin: 5px auto; text-align: left; color: black;}
#maincol p.extraspace { margin: 15px auto;}
#maincol p i { color: blue;}
/*#maincol h1 { font: bolder 17px Verdana, Arial, Helvetica, sans-serif; color: #1f4dc2; margin: 0; padding-bottom: 12px; }*/
#maincol h2 { font:bold 13px Verdana, Arial, Helvetica, sans-serif; color:#1f4dc2; margin:10px auto; text-align: left; width: 95%;}
#maincol h3 { font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #8C241D; margin:10px auto; text-align: center; width: 95%;}
#maincol .subhead {width: 95%; margin: 5px auto; color: #1f4dc2;  font:bold 13px Verdana, Arial, Helvetica, sans-serif; text-align: left; }

/*#maincol ul { font:normal 12px/150% Verdana, Arial, Helvetica, sans-serif;text-align: left; width: 95%; margin: 5px auto; list-style: none; clear: both;}*/
#maincol ul { font:normal 11px Verdana, Arial, Helvetica, sans-serif;text-align: left; width: 95%; margin: 5px auto; list-style: none;}
#maincol .bluebulletlist ul, #maincol .redbulletlist ul { margin: 5px auto; padding: 0; }
#maincol .bluebulletlist li { list-style: outside url(/img/gr/but-blue-bullet.gif); margin-left: 15px;}
#maincol .redbulletlist li { list-style: inside url(/img/gr/btn-arrow-red.gif);}

#maincol .content, #maincol .centeredcontent { width: auto; margin: 5px 15px; text-align: left; color: black; font: normal 11px/1.5em Verdana, Arial, Helvetica, sans-serif; clear: both;}
#maincol .centeredcontent { text-align: center;}
#maincol .content .titleline { width: 100%; margin: 15px 0 5px 0; color: blue; font-weight: bold; font-size: 14px;}
#maincol .centeredcontent .titleline { width: 100%; margin: 5px 0; color: blue; font-weight: bold; font-size: 14px;}
#maincol .content ol { margin: 5px 0;}
#maincol .content .leftcol {width: 50%; float: left;}
#maincol .content .rightcol {width: 40%; margin: 20px; text-align: center; float: right;}

#guidecol { width:603px; height:auto; position:relative; margin-left:159px; font:11px Verdana, Arial, Helvetica, sans-serif; background-color:white; }
#guidecol h1 { font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:white; }

h1 {font:bolder 17px Verdana, Helvetica, Arial, sans-serif; text-align:center; color:#1f4dc2; margin:0; padding-bottom:12px; }
.beigebar { width:463px; height:20px; font:bold 11px Verdana, Arial, Helvetica, sans-serif; padding-top:2px; 
	background-color:#ffe375; color:black;}
.bluebar  { width:603px; height:20px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; padding-top:2px; 
	background-color:#3366cc; color:white; }
.beigebarg { width:603px; height:20px; background-color:#ffe375; color:black; padding-top:2px;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; }
.comment { width:463px; }
.comment2 { width:603px; }
.addressbox { width:300px; height:20px; position:absolute; left:260px; }
.red { color:red; }

form .btn2 { background-color:#ffe375; color:#1f4dc2; black; font-weight:bold; }
form .btn3 { width:100px; background-color:#ffe375; color:#1f4dc2; black; font-weight:bold; margin-left:20px; }

#cancellation { display:inline; }
#cancellation b { color:black; }
#cancellation .policy { float:left; }
#cancellation .ssl { float:right; }

.headblue1 { font:bold 15px Verdana, Helvetica, Arial, sans-serif; color:#1f4dc2; margin-bottom:3px; padding-top:3px; }
.blue { font:bold 12px Verdana, Helvetica, Arial, sans-serif; color:#1f4dc2; }
.headcar1 { color:#1f4dc2; font-weight:bold; font-size:15px; margin-bottom:0; }
.photo { margin-left:5px; }
.photo2 { float:left; margin-right:15px; }
.photo3 { width:450px; height:188px; margin-top:15px; margin-left:60px; margin-bottom:15px; }
.photo4 { width:350px; height:155px; float:right; }
.photo5 { width:260px; height:160px; float:right; margin-left:10px; }
.photo-dvd { margin-top:10px; margin-left:65px; }
.privacy img { float:right; }
#ata { width:260px; height:165px; float:right; padding-left:12px; }

.infaoform { position:relative; margin-bottom:9px; }

/*---hawaii guides page--*/
#guidetable { width:95%; float: left; line-height:1.7em; margin:0; clear: both;  }
.topics1 { width:254px; height:auto; float:left; margin: 0; }
.topics2 { width:250px; height:auto; float:right; }
.topics1 ul li, .topics2 ul li { text-align: left; list-style: inside disc; font-size: 11px; }

.button_guide { width: auto; padding: 0 1 1 1; margin: 0; background: url(/img/gr/bg_button0.jpg); height: 20px; color: white; font: 12px/150% Verdana, Helvetica, Arial, sans-serif; border: none; }

#guidelinks ul { font:normal 12px/150% Verdana, Arial, Helvetica, sans-serif; text-align: left; width: 220px; margin: 8px 0; list-style: none; }
#guidelinks ul li { background: url(/img/gr/bg_button1.jpg); margin: 8px 0; height: 20px;}
#guidelinks ul li a { color: white; text-decoration: none; margin: 0 0 0 5px;}
#guidelinks img { text-align: left; margin: 4px 20px; float: left; clear: both;}

#guideform { font: normal 12px Arial;}
#guideform .indent { width: 577px; margin: 5px 0 5px 50px; clear: both; float: left; font: bold 12px Verdana; color: #1F4DC2;}
#guideform .left, #guideform .middle, #guideform .right {width: 199px; margin: 0 5px; float: left;}
#guideform .guideform-name { background: url(/img/gr/input-name-bg.png); margin: 0; padding: 0 55px 0 10px; float: left; width: 125px; height: 45px; border: 0;}
#guideform .guideform-email { background: url(/img/gr/input-email-bg.png); margin: 0; padding: 0 45px 0 10px; float: left; width: 135px; height: 45px; border: 0;}

/*---------*/

#selectIsland { width:505px; height:165px; position:relative; margin-top:2px; margin-bottom:9px;}
.emailme { width:155px; height:165px; float:left; padding-top:10px;
	font:bold 12px Verdana, Helvetica, Arial, sans-serif; color:#1f4dc2; line-height:2em; }
.island { width:350px; height:20px; margin:0; padding:0; float:right; font-weight:bold; } 

#enterEmail { width:603px; height:125px; position:relative; padding:0; margin-top:13px; } 
.emailForm { width:603px; height:315px; margin:0; padding:0; }
 
#email { width:603px; height:18px; display:block; background-color:#3366cc; color:white; font-size:13px; font-weight:bold;  
	 padding-top:2px; }

#footerblue {	width:777px; height:19px; background-color:#3366cc; color:white; text-align:center;
	font:bold 11px Verdana, Helvetica, Arial, sans-serif; padding-top:3px; margin-top:9px; }
#footerblue img { width:53px; height:19px; float:right; margin-top:-16px; }
#car-rates {width:693px; height:130px; margin-left:17px; }
#car-rates ul { margin-top:0;  }
#car-rates li { display:inline; list-style-type:none; }
#car-rates li a {padding: 0.25em 4.2em 0em 0em; }
.car { width:130px; height:130px; background:#ffcc00; font-size:10px; line-height:12px; text-align:center; float:left; }

.text { font:normal 11px Verdana, Helvetica, Arial, sans-serif; }
.text1 { font:11px Verdana, Helvetica, Arial, sans-serif; margin-top:4px; }
.textb { font:bold 11px Verdana, Helvetica, Arial, sans-serif; }
.text2 { font:10px Verdana, Helvetica, Arial, sans-serif; }
.text2b { font: 10px Verdana, Helvetica, Arial, sans-serif; }
.text3 { font-size: 9px; font-family: Verdana, Helvetica, Arial, sans-serif; text-align: center; }
.text3b { font:bold 9px Verdana, Helvetica, Arial, sans-serif; text-align: center; }
.text4  { font-size: 9px; font-family: Verdana, Helvetica, Arial, sans-serif }
.text4b  { font-weight: bold; font-size: 9px; font-family: Verdana, Helvetica, Arial, sans-serif }
.text5 { font-size: 11px; font-family: Arial, Helvetica, sans-serif;  text-align: right }
.text5b { font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif;  text-align: right }
.text6 { font:bold 11px Verdana, Helvetica, Arial, sans-serif; color:#1f4dc2 }
.text7 { font:normal 11px Verdana, Helvetica, Arial, sans-serif; text-align: left }

.head  { font:bold 15px Verdana, Helvetica, Arial, sans-serif; color:#1f4dc2; text-align:center; }
.head1 { font:bold 12px Verdana, Helvetica, Arial, sans-serif }
.head2 { font:bold 10px Verdana, Helvetica, Arial, sans-serif; color:#fff; text-align: center }
.head3 { font:bold 13px Verdana, Helvetica, Arial, sans-serif; color:#1f4dc2; }
.head4 { font:bolder 17px Verdana, Helvetica, Arial, sans-serif; color:#1f4dc2; text-align:left; }
.head5 { font:bold 16px Verdana, Helvetica, Arial, sans-serif; color:#1f4dc2; text-align:left; }
.head6 { font:bold 10px Verdana, Helvetica, Arial, sans-serif; color:#0000ff; }

.infoform p { width:600px; clear:left; margin:0; padding:5px 0 8px 0; }
	/*width of left column containing the label elements*/
.infoform label { width:145px; font-weight:bold; float:left; } /*width of left column*/
	/*width of labels. Should be smaller than left column (155px) to create some right margin*/
.infoform input[type="text"]{ width:250px; }  /*width of text boxes. IE6 does not understand this attribute*/
.infoform textarea { width:400px; height:150px; }
.infoform btn { width:200px; }

/*.threepxfix class below: Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html */
* html .threepxfix { margin-left: 3px; }

ol li { text-align: left; }