/* compare resorts theme */
html{ background:#471c15 url(../images/three_for_free/background.jpg) no-repeat center top; }
a{ color:#d98117; }

#center{ background:#fff url(../images/compare/gradient_bottom.jpg) no-repeat left bottom; }

/* header
------------------------------------------------------------------------------------*/
#compare #header a.visit{
	color:#fff;
	background:url(../images/three_for_free/arrow_right.gif) no-repeat left 3px;
}
/*----------------------------------------------------------------------------------*/

/* main nav
------------------------------------------------------------------------------------*/
#nav li a{ background:url(../images/nav.gif) no-repeat left top; }
/*----------------------------------------------------------------------------------*/

/* title
------------------------------------------------------------------------------------*/
#compare h2.title{
	background:url(../images/compare/compare_resorts.jpg) no-repeat left top;
	text-indent:-9999px;
	height:200px;
}
/*----------------------------------------------------------------------------------*/

/* tab content
------------------------------------------------------------------------------------*/
/* shift tabs up over heading */
#tab-content{ margin-top:-90px; }
#tab-content .tabs li a{ background:url(../images/tabs.gif) no-repeat left top; }
#tab-content .content{ background-color:#fff; }
/*------------------------------------------------------------------------------------*/

/* compare content
------------------------------------------------------------------------------------*/
#compare-content{
	overflow:hidden;
	font-size:11px;
	line-height:1.6em;
	padding:35px 7px 10px 7px;
}
/* column styles */
#compare-content .bucket{
	float:left;
	width:307px;
	border-right: 1px solid #e7e7e7;
}
#compare-content .no-border{ border-right:none !important; }
#compare-content a.arrow{
	display:block;
	padding-left:10px;
	background:url(/hyatt/resorts/hawaii/images/compare/arrow.gif) no-repeat left 2px;
}
/* hotel */
#compare-content .hotel img{
	display:block;
	margin:0 auto;
}
#compare-content .hotel h3{
	margin:10px 0 30px 0;
	text-align:center;
	font-size:13px;
	font-weight: bold;
	color:#808080;
}
/* item styles */
#compare-content .item h3{
	line-height:32px;
	padding:0 0 0 25px;
	margin:0 0 10px 0;
	background-color:#f4ead9;
	font-size:13px;
	font-weight:bold;
	color:#9f5d34;
}
#compare-content .item p{ margin:0 25px 10px 25px; }
#compare-content .item ul{ margin:0 0 10px 25px; }
#compare-content .item ul li{
	padding-left:10px;
	background:url(../images/compare/arrow.gif) no-repeat left center;
}
/* sunshine */
#compare-content .savings{
	position:relative;
	height:180px;
	margin:0 15px;
	padding:15px;
	border:1px solid #e7e8e5;
}
#compare-content .savings .sun{
	position:absolute;
	right:-7px;
	top:-7px;
	width:40px;
	height:46px;
	background:url(../images/compare/sun.gif) no-repeat left top;
}
#compare-content .savings h4{
	margin:0 15px 10px 0;
	font-weight:bold;
	text-transform:uppercase;
}
#compare-content .savings ul{ margin:0 0 0 15px; }
#compare-content .savings ul li{ list-style-image:url(../images/compare/arrow.gif); }
/* family row heights */
#compare-content.family .row-1{height:310px; overflow:hidden;}
#compare-content.family .row-2{height:490px; overflow:hidden;}
#compare-content.family .row-3{height:310px; overflow:hidden;}
#compare-content.family .row-4{height:360px; overflow:hidden;}
/* romance row heights */
#compare-content.romance .row-1{height:325px; overflow:hidden;}
#compare-content.romance .row-2{height:465px; overflow:hidden;}
#compare-content.romance .row-3{height:185px; overflow:hidden;}
#compare-content.romance .row-4{height:270px; overflow:hidden;}
/* wedding row heights */
#compare-content.wedding .row-1{height:410px; overflow:hidden;}
#compare-content.wedding .row-2{height:325px; overflow:hidden;}
#compare-content.wedding .row-3{height:310px; overflow:hidden;}
#compare-content.wedding .row-4{height:220px; overflow:hidden;}
/* friends row heights */
#compare-content.friends .row-1{height:465px; overflow:hidden;}
#compare-content.friends .row-2{height:165px; overflow:hidden;}
#compare-content.friends .row-3{height:340px; overflow:hidden;}
#compare-content.friends .row-4{height:395px; overflow:hidden;}
/* activities row heights */
#compare-content.activities .row-1{height:325px; overflow:hidden;}
#compare-content.activities .row-2{height:325px; overflow:hidden;}
#compare-content.activities .row-3{height:200px; overflow:hidden;}
#compare-content.activities .row-4{height:415px; overflow:hidden;}
/*------------------------------------------------------------------------------------*/


/* quickbook
------------------------------------------------------------------------------------*/
#quickbook{ background:url(../images/three_for_free/background_quickbook.jpg) no-repeat left top; }
#quickbook a.calendar{ background: url(../images/three_for_free/calendar.gif); }
#quickbook .button-submit{ background:url(../images/three_for_free/btn_book_now.gif) no-repeat left top; }
/*----------------------------------------------------------------------------------*/