/* css for all HA headers and footers */
img, div { behavior: url(/iepngfix.htc); }
html { margin:0; }
body { background:#b2b5ba /*url(/img/gr/bg-blue-gradient.jpg) repeat left top*/; text-align:center; margin:0; }
img { border:none; }
#container { width:975px; margin:auto; position:relative; background-color:#ffcc00; padding:0;
	text-align:center; color:black; font:11px Verdana, Arial, Helvetica, sans-serif; line-height:1.3em; }
#pageheader { width:777px; position:relative; float: left; margin: 0; padding: 0; height: 140px;}

#lefttoppic, #left { width:151px; height:140px; float: left; margin: 0; padding: 0;}
#cr-toppic { width:151px; height:134px; margin-bottom:5px; }

#middle { width: 626px; float: left; margin: 0; padding: 0; height: 140px; position: relative; }
#logo, #logogreen, #logovacation { width:626px; height:49px; float: left; margin: 0; padding: 0;}
#logo { background: url(/img/header/logoHA626.gif) no-repeat right top; }
#logogreen { background: url(/img/header/logoHA626-green.gif) no-repeat right top; }
#logo .banner { width:270px; float: right; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#ffcc00; text-align:right; margin: 17px 10px 0 0; }
#middle #cart { position: absolute; top:35px; right: 10px; background: transparent; text-align: right;}

#wave, #wavegreen {width: 626px; height: 91px; float: left; margin: 0; padding: 0; text-align: left;}
#wave { background: url(/img/header/wave.gif) repeat-x; }
#wavegreen { background:url(/img/header/wave-green.gif) repeat-x; }
/*#wave h1 { width: 600px; vertical-align: bottom; padding: 0; height: 45px; font: bolder 17px/120% Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#1f4dc2; margin: 12px 0 0 12px;}*/
#wave h1 { width: 600px; vertical-align: bottom; padding: 0; height: 45px; font: bolder 17px/120% Verdana, Arial, Helvetica, sans-serif; text-align:center; color:blue; margin: 12px 0 0 12px;}

#topnav { width:626px; height: 15px; margin: 20px 0 0 0; }
#topnav ul { list-style:none; }
#topnav li { display:inline; white-space:nowrap; }
#topnav li a { width:91px; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:blue; text-decoration:none; float:left; }

#search { z-index: 1; float: right; width: 197px; height: 140px; text-align: center; margin: 0; padding: 0; background: white;}
#search img { margin: 0; padding: 0; }
#search hidden { visibility: collapse; height: 0; margin: 0; padding: 0; }
#search .submit, #search input { width: 150px; margin: 2px 0 0 0; padding:0; height: 18px; font:  normal 11px Verdana, Arial, Helvetica, sans-serif;}
#search input { margin: 0; height: 18px; width: 143px; padding:0;}

#leftcol { width:150px; height:auto; float:left; margin: 5px 0 0 0; padding: 0; background: #ffcc00; position: relative;}
#midcol { width: 477px; float: left; text-align: center; margin: 5px 0; padding: 0; }
#maincol { width:624px; float: left; margin: 0; text-align: center; padding: 0; }
#rightcol { width:140px; height:auto; float:right; margin:5px 6px 5px 3px; padding: 0; text-align: center; background: #ffcc00; }
#rightendcol {z-index: 400; width: 198px; float: right; margin: 0; padding: 0; background:#FFE376; text-align: center; }
/* middlewidecol moved to vacation rental, pictures, cars rental CSS files.
#middlewidecol { width: 825px; float: right; margin: 0 ; padding: 0; background: white; color: #3D545F;}
*/

/*-- Left column logos --*/
#leftcollogos { width:150px; position: absolute; bottom:0; left: 0; text-align: center; display:none;}
#leftcollogos .thirdpartylogo {float: none; margin: 10px auto; clear:both;}

/*---false background for the column--*/
#rightendcol .wrapright { width: 198px; margin: 0; padding: 0; float: left; font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-align: center; }
#rightendcol .wrapright ul {list-style: outside url(/img/gr/but-blue-bullet.gif); text-align:left; margin: 0 0 0 30px; padding: 0; line-height: 1.3em;}
#rightendcol .wrapright a { color: #2A2A85; text-decoration:none;}

/*---without the right box--*/

/*#rightendcol .titlebig, #rightendcol .titlespacedout { font-weight: bold; font-size: 14px; color:blue; margin: 0; padding: 2px 0 0 0; background:#EDEDED; height: 25px;}*/
#rightendcol .right_col_heading { color: #2A2A85; background:#EDEDED; font-weight:bold; font-size: 13px; margin:0; clear:both; padding: 6px 0;}
#rightendcol .right_col_border_bottom { border-bottom: solid 2px #FBB823;}
#rightendcol .right_col_heading .smallheading { font-size: 11px; font-variant: small-caps;}

#rightendcol .titlebig { font-weight: bold; font-size: 14px; color:#FFE376; margin: 0; padding: 4px 0; background:#3266CC;}
#rightendcol .travelheading { color: blue; font-weight:bold; font-size: 12px; margin:7px auto; clear:both;}
#rightendcol hr { width: 90%; color: gray;}
#rightendcol .islandsubheading { color: gray; font-size: 10px; font-weight: bold; text-align: left; margin: 8px 0 2px 28px;}
#topnav li a { width:91px; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:blue; text-decoration:none; float:left; }
#rightendcol .travelsubhead { color: blue; font-weight:bold; text-align: left; margin: 5px 0 0 5px; clear:both;}
#rightendcol .titlespacedout { font-size: 16px; letter-spacing: 0.3em;}

#rightendcol .right { margin:0 auto 10px auto; float: left; text-align: center; font: normal 11px Verdana, Arial, Helvetica, sans-serif;}
#rightendcol .right img { margin:5px 12px; text-align: center;}
#rightendcol .right .title { font-weight: bold; color: white; margin: 5px 0; width: 198px; height:16px; background: url("/img/gr/bg_right-title.png") no-repeat;}
#rightendcol .testimonial { width: 175px; text-align: center; margin: 10px auto; font: normal 11px Verdana, Arial, Helvetica, sans-serif;}

#rightendcol .right .list1, #rightendcol .list2 { width: 100%;}
#rightendcol .right .list1 ul {list-style: outside url(/img/gr/but-blue-bullet.gif); width: 187px; text-align:left; padding: 0 0 0 8px; margin: 0 3px 0 0; line-height: 1.6em;}
#rightendcol .right .list2 ol {list-style: decimal outside; width: 187px; text-align:left; padding: 0 0 0 8px; margin: 0 3px 0 0; line-height: 1.6em;}
#rightendcol .right .list1 ul li, #rightendcol .right .list2 ol li {margin: 0 0 0 24px;}

#rightendcol .callwithoutborder, #rightendcol .call { width: 100%; margin: 0; padding: 5px 0; text-align: center; clear:both;}
#rightendcol .call { font-weight:bold; color: blue; border-top: solid 1px #3266CC; border-bottom: solid 1px #3266CC;}
#rightendcol .callwithoutborder { color: #2A2A85; }
#rightendcol .imgline { clear:both; margin: 5px 0 2px 0;}
#rightendcol .imgtight { clear:both; margin: 0 0 5px 0;}

.list { text-align: left; margin: auto; width: 95%; font-size:10px; color: #b5811b; line-height: 1.2em;}
.list ul { width: 99%; margin: auto; padding: 0; }
.list li { list-style: outside url(/img/gr/but-blue-bullet.gif); margin-bottom: 5px; width: 90%; margin-left: 15px; }

/*---bulleted points on new home page---*/
/*.list3 {  text-align: center; margin: 0 auto 15px 0; padding:0; width: 95%; font-size:12px; color: #3266CC;  line-height: 1.2em;}*/
.list3 {  text-align: center; margin: 0 auto 15px 0; padding:0; width: 95%; font-size:12px; color: blue;  line-height: 1.4em;}
.list3 ul { margin: 0; padding: 0; }
.list3 li { list-style: inside url(/img/gr/but-blue-bullet.gif); margin: 0 0 5px 5px; padding-left: 0; }

#cancellation { font:10px Ariel, Helvetica, sans-serif; color:#333333; }
#clearing { width:777px; height:5px; clear:both; }

#footer { width:975px; height:auto; clear:both; font:normal 9px Verdana, Arial, Helvetica, sans-serif; color:black; line-height:12px; text-align:center; padding: 0; background-color:#ffcc00; }
#footer hr { border:none; background-color:black; color:black; height:1px; margin-bottom:7px; width:100%; }

a:link, a:visited { color:blue; text-decoration:none; }
a:hover, a:active { color:#990000; text-decoration:none; }
#topnav a:hover, #topnav a:active {	color:#ff9900; text-decoration:none; }
#topnav a.selected { color:#C70133; }
#midcol a:link, #midcol a:visited, #footer a:link, #footer a:visited { color:blue; text-decoration:none; }
#midcol a:hover, #midcol a:active, #footer a:hover, #footer a:active { color:#990000; text-decoration:none; }
#footer .lvr_footer_links a:link, #footer .lvr_footer_links a:visited, #footer .lvr_footer_links a:hover, #footer .lvr_footer_links a:active { color:gray; text-decoration:none; }
#midcol a.black { color: black; }

.button { margin: 2px 5px; padding: 0 5px; background: #ECEBEB url(/img/gr/bg_button.jpg) repeat-x; border: solid 1px #2F5EAD; font:  normal 10px Verdana, Arial, Helvetica, sans-serif;}

#resources { width: 600px; text-align: left; float: left; margin: 10px auto 0 auto; }
#resources .title { font: bold 14px Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 10px 0; color: #032FA0;}
#resources .resource-table { margin: 3px 0; font: normal 11px Verdana, Arial, Helvetica, sans-serif;}

.spacer { height: 10px; clear: both; }
.largespacer { height: 25px; clear: both; }

/* text description2 CSS */
.textdesc { width: 600px; margin: 10px; font: 11px Verdana, Arial, Helvetica, sans-serif; text-align: justify; }
.textdesc p { width: 100%; margin: 5px 0; text-align: justify; }
.textdesc b, .textdesc b a { font-weight: bold; color: blue; }
.textdesc .title { font: bold 14px Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 10px 0; color: blue; }
/*.textdesc a { color: black; }*/
.textdesc .review { color: #093C9F; }

.videotitle {width: 100%; margin: 15px 0 5px 0; font: bold 14px Verdana, Arial, Helvetica, sans-serif; text-align: center; color: blue; clear:both;}

/* New styles to put 5 columns of information with icons. */
.iconrow { width: 600px; margin: 5px 10px; padding: 0; text-align: center; font-size:10px; color: black;  float: left;}
.iconrow .col1, .iconrow .col2, .iconrow .col3, .iconrow .col4, .iconrow .col5 { width: 116px; margin: 2px; float: left; text-align: left; padding: 0; }
.iconrow img { float:left; width: 25px; height: 25px; padding: 0;}
.iconrow .icontitle { font-weight:normal; text-align: left; float: right; width: 85px; margin: 0 3px;}