/* ------------------------------
    *                               *
    * AIRTOHAWAII                   *
    * STYLES CREATED BY CORPUZ,JOE  *
    *                               *
    ------------------------------- */


/* ------------------------------
 DEFAULT/COMMON
--------------------------------- */

* {  margin: 0; padding: 0;}

html, body {height: 100%;}
body {padding: 0; font-family: "Lucida Grande", Helvetica, Verdana, sans-serif; font-size: 65%; color: #333; margin: 0;} 

a:link {color: #238;}
a:visited {color: #666;}
a:hover {color: #d40;}
a:active {color: #d40;}

h2 { color: #739B23; }

h1, h2, h3, h4, h5, h6 {margin: 0 0 .5em 0;}

p, blockquote, ul, dl {font-family: Verdana, Arial, sans-serif;margin: 0 0 .5em 0;}
p {font-size: 11px;line-height: 17px;color: #333;}

ul {margin-left: 0; padding-left: 0;}
li {margin-left: 0;padding-left: 0;}
sub {font-family: Arial, Verdana, sans-serif;color: #333;line-height: 14px;}


/* ------------------------------
    LAYOUT
--------------------------------- */

body { background: #4E86A4 url(../img-v2/airtohawaii-bg.jpg) repeat-y 0 top; }


#container {width: 776px;margin: 0;background-color: #fff;color: #333;line-height: 130%;padding: 0;}
#top{ margin: 0; padding: 0;height: 75px; background: #fff url(../img-v2/airtohawaii-masthead.jpg) no-repeat 0 0;}


div#breadcrumbs  { margin: 5px 0 15px 10px; }
div#breadcrumbs p {font-size: .95em;}

#top h1 {padding: 0;margin: 0;display: none;}
#leftnav {float: left;width: 180px;margin: 0;padding: 1em 0 1em .5em;}
#content {margin: 0 0 0 285px;padding: 0 1em 1em 1em;}

#subcontent {width: 510px; float: left;background: #fff;padding: 0 15px 0 15px;margin: 5px 0 15px 0;}
#right {width: 210px;padding: 0; float: left; background: #fff;margin: 0 0 25px 0;}
#footer {clear: both;margin: 0 auto;padding: .5em;color: #333;text-align: center;}

/* ------------------------------
   IMAGE FORMAT
--------------------------------- */
img.float-right {float: right;margin: 3px 0 5px 5px;}
img.float-left {float: left;margin: 3px 8px 5px 0;}
img.float-right, img.float-left {padding: 3px;border: solid 1px #999;}

p.topcontent{border-bottom: #D0D0D0;border-width: 0 0 1px 0;border-style: none none solid none;padding: 5px 5px 10px 5px;}
#airfare {font-weight: bold;margin: 10px 0 0 5px;width:270px;-moz-border-radius: 8px;}
#airfare table {padding: 0 7px 7px 7px;}
#airfare h2 {padding: 10px 0 0 10px;}
#airfare td { font-size: 12px; }
td.from { text-align: right; }

#activities td.packages {background: url(../img-v2/airtohawaii-packagesp-bg.jpg) no-repeat 0 0;padding: 5px 0;margin: 0;}
#airfare td.restrictions{color: #333;font-size: 10px;font-weight: normal;padding: 10px 0;}
/* ---------------------------------*/
.contact-box {margin: 0 auto;width: 275px;background: url(../img-v2/div-bottom02.gif) no-repeat bottom left;}
.contact-box h3 {margin: 0;padding: 6px 8px 4px 10px;font-size: 130%;color: #333;border-bottom: 1px solid #E0CFAB;background: url(../img/h3-bg.gif) no-repeat top left;}
.contact-box p{padding: 9px;}

/* ---------------------------------
IMAGE FADE
----------------------------------- */

#imageContainer { position:relative; width:455px; height: 291px; background:#fff url(../img-v2/ajax-loader-blue.gif) 50% 50% no-repeat;}
#imageContainer img {display:none;position:absolute;top:0; left:0;}



/* -------------------------------------
TOP NAV STYLES
---------------------------------------*/

#topnav {margin: 0;padding: 0; background: #ffffff url(../img-v2/airtohawaii-topnav-bg.jpg) repeat-x 0 0; height: 35px;}
/*ul#minitabs {background: transparent url(../img-v2/airtohawaii-topnav-lefttab.jpg) no-repeat 0 0; height: 35px; }*/
ul#minitabs { height: 35px; }
ul#minitabs {list-style: none;margin: 0;padding: 10px 0 0 10px;font-weight: bold;white-space: nowrap;}
ul#minitabs li { display: inline;margin: 0;}
ul#minitabs a { font-size: 11px;text-decoration: none;padding: 0 8px;border-right: 1px solid #CBD9E4;color: #246CA6;}
ul#minitabs a#current{ border-color: #F60;color:#06F;}
ul#minitabs a:hover{border-color: #F60;color: #666;}
ul#minitabs li.last a{ border: 0;}


/* -------------------------------------
 BREADCRUMB STYLES
---------------------------------------*/
div#breadcrumbs a:link, div#breadcrumbs a:visited {
	color: #238;
}
div#breadcrumbs a:hover, div#breadcrumbs a:active {
	color: #d40;
}

/* -------------------------------
	SUB/SUBCONTENT STYLES
--------------------------------- */

div.hotelindexcontainer {position: absolute;width: 245px;height: 225px;float: left;margin: 0 5px 10px 0;padding: 0;}

div.hotelindexcontainer2 {width: 245px;height: 225px; float: right;margin: 0 5px 10px 0;padding: 0;}


div.translucentbkg {
   margin: 5px 0 0 0;
   padding: 10px 0;
   width: 245px;
   background-image: url(../img-v2/transparent-95.png) !important;  /* Mozilla only */
   background-color: transparent !important;           /* Mozilla only */
   background-image: none;                             /* IE only */
   background-color: #ffffff;                          /* IE only */
   filter:alpha(opacity=95);                           /* IE only */
   }


div.translucentbkg h5 {margin: 0;font-size: 13px;line-height: 17px;padding: 0 0 0 8px;font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;letter-spacing: -1px;}
div.translucentbkg h5 a {text-decoration: none;color: #125FAB;}

div.translucentbkg p {margin: 0;font-size: 11px;line-height: 16px;color: #000;position: relative;padding: 0 5px 5px 8px; font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
}

/* -------------------------------
	SUB/SUBCONTENT STYLES
--------------------------------- */
div#subcontent h1 { color: #739B23; font-size: 1.8em; padding: 0; margin: 5px 0;}
div#subcontent h2 { color: #000; font-size: 1.35em;}

div#subcontent h3.optout {font-size: 14px;}
div#subcontent ul {list-style-type: none;}
div#subcontent li {padding: 0 0 0 10px;line-height: 16px;}
h2#amenities, h2#description {margin: 15px 0 5px 0;}
dl#location dt {margin: 0;}
dl#location dd {border: none;margin: 0;}

dl#location dt.star5 span {background: #ffffff url(../img-v2/stars_rating.gif) no-repeat 0 0; padding: 2px 60px;}
dl#location dt.star4half span {background: #ffffff url(../img-v2/stars_rating.gif) no-repeat 0 -17px; padding: 2px 60px;}
dl#location dt.star4 span {background: #ffffff url(../img-v2/stars_rating.gif) no-repeat 0 -34px; padding: 2px 60px; }
dl#location dt.star3half span {background: #ffffff url(../img-v2/stars_rating.gif) no-repeat 0 -51px; padding: 2px 60px;}
dl#location dt.star3 span {background: #ffffff url(../img-v2/stars_rating.gif) no-repeat 0 -68px; padding: 2px 60px;}
dl#location dt.star2half span {background: #ffffff url(../img-v2/stars_rating.gif) no-repeat 0 -85px; padding: 2px 60px;}
dl#location dt.star2 span {background: #ffffff url(../img-v2/stars_rating.gif) no-repeat 0 -102px; padding: 2px 60px;}
dl#location dt.star1half span {background: #ffffff url(../img-v2/stars_rating.gif) no-repeat 0 -119px; padding: 2px 60px;}
dl#location dt.star1 span {background: #ffffff url(../img-v2/stars_rating.gif) no-repeat 0 -136px; padding: 2px 60px;}



div#amenities {margin: 15px 0;padding: 0;}

div#subcontent div.roomamenities {float: left;width: 235px; margin: 20px 30px 20px 0;}
div#subcontent div.hotelamenities {float: left; width: 235px; margin: 20px 0 20px 0;}
div#subcontent div.roomamenities ul li, div#subcontent div.hotelamenities ul li {padding: 0 0 0 17px;line-height: 19px;font-size: 11px;background: #ffffff url(../img-v2/li-checkmark.gif) no-repeat 0px 1px;}

div#map {width: 495px;height: 200px;margin: 0 0 10px 0;border: 1px solid #B7B7B7;background: #fff url(../img-v2/ajax-loader.gif) no-repeat 50% 50%;
}


div#google_address {font-size: 11px; font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;}
div#google_address strong { color: #739B23; }   

div#subcontent a.hotelpromolink {
	font-size: 12px;
	line-height: 16px;
	padding: 0 0 0 18px;
	margin: 0 0 20px 0;
	background: transparent url(../img-v2/promolink.gif) no-repeat 0 0;
}

div#subcontent a.hotelpromolink:hover {
	background: transparent url(../img-v2/promolink.gif) no-repeat 0 0;
}

div#photogallery { margin: 0; padding: 0;}
div#photogallery div.thumbnail { margin: 0; padding: 0;}

/* -------------------------------
	SUBCONTENT RIGHT NAV STYLES
--------------------------------- */

#right h2 {	font-size: 1.35em;}

dl {font-size: 10px;line-height: 14px;margin-bottom: 15px;}
dt {font-weight: bold;margin: 5px 0 0 0;}
dt em {color: #d40;padding-left: 10px;font-style: normal;}
dt a:link, dt a:visited {text-decoration: none;}

dd{color: #666;margin: 0 0 5px 0;padding: 0 0 5px 0;border-bottom: #EBEBEB;border-width: 0 0 1px 0;border-style: none none solid none;}

#right dl dd { display: block;}
#right dl dd.star5 {background: #ffffff url(../img-v2/stars_rating.gif) no-repeat 0 0;}
#right dl dd.star4half {background: #ffffff url(../img-v2/stars_rating.gif) no-repeat 0 -17px;}
#right dl dd.star4 {background: #ffffff url(../img-v2/stars_rating.gif) no-repeat 0 -34px;}
#right dl dd.star3half {background: #ffffff url(../img-v2/stars_rating.gif) no-repeat 0 -51px;}
#right dl dd.star3 {background: #ffffff url(../img-v2/stars_rating.gif) no-repeat 0 -68px;}
#right dl dd.star2half {background: #ffffff url(../img-v2/stars_rating.gif) no-repeat 0 -85px;}
#right dl dd.star2 {background: #ffffff url(../img-v2/stars_rating.gif) no-repeat 0 -102px;}
#right dl dd.star1half {background: #ffffff url(../img-v2/stars_rating.gif) no-repeat 0 -119px;}
#right dl dd.star1 {background: #ffffff url(../img-v2/stars_rating.gif) no-repeat 0 -136px;}


#right dl dd a {padding: 0 0 0 75px;}

/* -------------------------------
	FOOTER STYLES
--------------------------------- */

#footer { color: #808080; }
#footer p {font-size: 10px;}
#footer p a {padding: 0 2px;font-size: 10px;}