/* 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: 78px; background: #3366CC;}

/*#google-translate-bar { width:777px; position:relative; float: left; margin: 0; padding: 0; height: 30px; background: #3366CC;}
#flags { width: 96px; height: 17px; position: absolute; top: 5px; right: 10px; padding: 0; text-align: right;}
#flags .sprite-china, #flags .sprite-japan, #flags .sprite-southkorea { background: url(/img/flags/country-flags.png) no-repeat top left; width: 27px; height: 17px; margin: 0 0 0 5px; float: left;}
#flags .sprite-china{ background-position: 0 0;} 
#flags .sprite-japan{ background-position: -32px 0;} 
#flags .sprite-southkorea{ background-position: -64px 0;} 
*/
/*
#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:blue; margin: 12px 0 0 12px;}

#topnav { width:626px; height: 15px; margin: 20px 0 0 0; }
*/

#logovacation { width:777px; height:63px; float: left; margin: 0; padding: 0;}
#logo { width:350px; height: 27px; position: absolute; top:15px; left:15px; background: url(/img/gr/ha-logo-silver-350.png) no-repeat; }

/*
#pageheader .banner { width:777px; height: 45px; float: left; text-align:left; margin: 0; }
#pageheader .banner .header_icons { width:100px; float: right; text-align:center; margin: 5px 0 0 527px; }
#pageheader .banner .time { width:140px; float: right; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#ffcc00; text-align:right; margin: 10px 10px 0 0; }
*/

#pageheader .banner { width:350px; height: 50px; float: right; text-align:left; margin: 8px 10px 5px 0; font: normal 10px Verdana, Arial, Helvetica, sans-serif; }
#pageheader .banner .flags { width: 96px; height: 17px; margin: 2px 10px 0 0; float: right; text-align: right;}
#pageheader .banner .flags .sprite-china, #pageheader .banner .flags .sprite-japan, #pageheader .banner .flags .sprite-southkorea { background: url(/img/flags/country-flags.png) no-repeat top left; width: 27px; height: 17px; margin: 0 0 0 5px; float: left;}
#pageheader .banner .flags .sprite-china{ background-position: 0 0;}
#pageheader .banner .flags .sprite-japan{ background-position: -32px 0;}
#pageheader .banner .flags .sprite-southkorea{ background-position: -64px 0;}
#pageheader .banner .header_icons { width:81px; height: 25px; margin: 0; float: right; text-align: right; }
#pageheader .banner .header_icons .sprite-cart-icon, #pageheader .banner .header_icons .sprite-email-icon, #pageheader .banner .header_icons .sprite-youtube-icon { background: url(/img/gr/header-icons.png) no-repeat top left; margin: 0 0 0 2px; float: left;}
#pageheader .banner .header_icons .sprite-cart-icon {background-position: 0 0; width: 25px; height: 25px;}
#pageheader .banner .header_icons .sprite-email-icon {background-position: -30px 0; width: 25px; height: 25px;}
#pageheader .banner .header_icons .sprite-youtube-icon {background-position: -60px 0; width: 25px; height: 25px;}
#pageheader .banner .toll-free-number { width:100%; float: right; text-align: right; color:white; margin: 10px 0 0 0; }

#topnav {  width: 100%; height: 15px; margin: 0; padding: 0; background: url(/img/header/header_slice.png) repeat-x; float: left;}
#topnav ul { list-style:none; padding: 0; margin: 0;width:610px; float: right;}
#topnav li { display:inline; white-space:nowrap; }
#topnav li a { margin: 0 15px; 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:627px; float: left; margin: 0; text-align: center; padding: 0; position: relative;}
#rightcol { width:140px; height:auto; float:right; margin:42px 6px 5px 3px; padding: 0; text-align: center; background: #ffcc00; position: relative;}
#rightendcol {z-index: 400; width: 198px; float: right; margin: 0; padding: 0; background:white; 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;}
*/

#maincol h1, #midcol h1 { width: 100%; padding: 0; height: auto; font: bolder 17px/120% Verdana, Arial, Helvetica, sans-serif; text-align:center; color:blue; margin: 10px 0;}

/*-- 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: white; 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: white; background:#FFCC00; font: bold 16px Arial, Helvetica, sans-serif; margin:0; clear:both; padding: 2px 0;}
#rightendcol .right_col_border_bottom { border-bottom: solid 1px #13136F;}
#rightendcol .right_col_heading .smallheading { font-size: 12px; font-weight: normal;}
#rightendcol .light_background { background:#FFDF4D;}
#rightendcol .dark_background { background:#EBB701;}

#rightendcol .titlebig { text-transform: uppercase; font-weight: bold; font-size: 14px; color:#140DFF; margin: 0; padding: 4px 0; background:#DFAA00;}
#rightendcol .titlebig .contrast { color:#9E0609;}
#rightendcol .travelheading { color: blue; font-weight:bold; font-size: 12px; margin:7px auto; clear:both;}
#rightendcol hr { width: 100%; color: #0D3482;}
#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;}
#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; }

#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; }
#maincol a.black, #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; }
.smallspacer { height: 5px; 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; }
.textdesc h2 { font-size: 15px; margin: 0; text-align: center;}
.textdesc ul {margin: 5px 0; padding: 0; list-style-position: inside; width: 100%; float: left; line-height: 1.5em; text-align: center; font-size: 12px;}

.facebook-recommend { width: 600px; margin: 0 10px 5px 10px; text-align: center; font: normal 11px Arial, Tahoma; float: left;}
.facebook-recommend .share-on-facebook { width: 150px; float: left; margin: 0 225px;}
.facebook-recommend .share-on-facebook img { margin: 0; float: left}
.facebook-recommend .share-on-facebook a { text-decoration: underline; margin: 2px; float: left;}

#social-icons, #social-icons-actpage { width: 340px; height: 21px; display: inline-block; margin: 0 110px 10px 170px; text-align: left; font: normal 11px Arial, Tahoma; float: left;}
#social-icons-actpage { width: 340px; height: 21px; margin: 0 35px 10px 90px; text-align: left; font: normal 11px Arial, Tahoma; float: left;}
#social-icons iframe, #social-icons-actpage iframe {display: inline-block; vertical-align: top; float: left;}
#social-icons iframe, #social-icons-actpage iframe {height: 21px !important;}
#social-icons, #social-icons div, #social-icons a, #social-icons img {display: inline-block; vertical-align: top; float: left}
#social-icons, #social-icons div, #social-icons a, #social-icons img {display: inline !ie7;} 
#social-icons-actpage, #social-icons-actpage div, #social-icons-actpage a, #social-icons-actpage img {display: inline-block; vertical-align: top; float: left}
#social-icons-actpage, #social-icons-actpage div, #social-icons-actpage a, #social-icons-actpage img {display: inline !ie7;} 

.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; padding: 0;}
.iconrow .icontitle { font-weight:normal; text-align: left; float: left; width: 82px; margin: 0 3px;}

/* Styles for the car rental box and the activity box on the home and island pages */
#hp-car-rental-box {width: 600px; margin: 5px 12px 5px 15px; padding: 0; float: left; text-align: left; color: black; background: white url('/img/gr/ha-home-page-car-bg.png') repeat-x; float: left;}
#hp-activity-box {width: 600px; margin: 5px 12px 5px 15px; padding: 0; float: left; text-align: left; color: black; background: white url('/img/gr/ha-home-page-activity-bg.png') repeat-x; float: left;}

#maincol .hp-car-rental-box-title, #maincol .hp-activity-box-title {width: 577px; margin: 6px 25px 2px 25px; text-align: left; color: blue; font-weight: bold; font-size: 14px; float: left;}
#car-rental-textbox {width: 212px; margin: 5px; padding: 3px; background: white; font-size: 10px; float: left;}
#car-rental-quotebox {width: 364px; margin: 2px 4px; padding: 0; font-size: 14px; float: left;}

#car-rental-textbox img {float: right; margin: 2px;}

#car-rental-quotebox .line, #car-rental-quotebox .submit-line {width: 350px; margin:2px 5px; clear: both; float:left; font-size: 12px;}
#car-rental-quotebox .line .heading {}		/* Dummy style in case something is required. */
#car-rental-quotebox .submit-line .col1 {width: 200px; float: left; margin: 2px 4px 0 0;}
#car-rental-quotebox .submit-line .col1 .col1text {float: left; margin: 0;}
#car-rental-quotebox .submit-line .col1 .imgbutton {float: left; margin: 2px 0 0 0;}
#car-rental-quotebox .submit-line .col2 {width: 120px; float: right; margin: 0 4px 0 0;}
#car-rental-quotebox select {font-size: 12px; }

#car-rental-quotebox .imgcalc {margin: 0 5px 0 0; padding: 0; float: right; text-align: right;}

#hp-activity-box .island-box1 { width: 590px; margin: 0 5px; padding: 3px 0; border-bottom: solid 1px #BEBEBE; float: left; position: relative;}
#hp-activity-box .island-box1 .title {width: 580px; margin: 4px 5px; text-align: left; color: blue; font-weight: bold; font-size: 14px;}
#hp-activity-box .island-box1 .title a {color: blue;}
#hp-activity-box .island-box1 .leftbox {width: 300px; margin: 0 5px; float: left; }
#hp-activity-box .island-box1 .content {width: 254px; margin: 0 3px 0 20px; float: left; }
#hp-activity-box .island-box1 img.thumb {width: 300px; margin: 4px 0; float: left;}
#hp-activity-box .island-box1 .content b {font-size: 12px; margin: 4px 0 8px 0; width: 100%; float: left;}
#hp-activity-box .island-box1 select.catlinks {width: 180px; font-size: 12px; float: left; margin: 3px 0;}
#hp-activity-box .island-box1 ul {margin: 0 0 0 -6px; padding: 0; list-style-position: inside;}
#hp-activity-box .island-box1 li {float: left; margin-left: 8px; list-style-image: url("/img/gr/blue-dot.png"); clear: both;}
#hp-activity-box .island-box1 li a {margin-left: -4px;}

#hp-activity-box .island-box2 { width: 590px; margin: 0 5px; padding: 3px 0; border-bottom: solid 1px #BEBEBE; float: left; position: relative;}
#hp-activity-box .island-box2 .title {width: 580px; margin: 4px 5px; text-align: left; color: blue; font-weight: bold; font-size: 14px;}
#hp-activity-box .island-box2 .title a {color: blue;}
#hp-activity-box .island-box2 .leftbox {width: 140px; margin: 0 5px; float: left; }
#hp-activity-box .island-box2 .content {width: 414px; margin: 0 3px 0 20px; float: left; }
#hp-activity-box .island-box2 img.thumb {width: 140px; margin: 4px 0; float: left;}
#hp-activity-box .island-box2 .content b {font-size: 12px; margin: 4px 0 8px 0; width: 100%; float: left;}
#hp-activity-box .island-box2 select.catlinks {position: absolute; width: 180px; font-size: 12px; top: 3px; right: 5px;}
#hp-activity-box .island-box2 ul {margin: 0 0 0 -6px; padding: 0; list-style-position: inside;}
#hp-activity-box .island-box2 li {float: left; margin-left: 8px; list-style-image: url("/img/gr/blue-dot.png");}
#hp-activity-box .island-box2 li a {margin-left: -4px;}

#hp-activity-box a {color: gray;}

#member-logo {padding: 10px 0; margin: 0; float: left;}

.videodescription {width: 100%; margin: 5px 0 0 0; float: left; text-align: center;}

.dummy-container { width: 100%; margin: 0; float: left; clear: both; }