@import 'lib/reset.css';
@import 'lib/typography.css';

/***********************************************/
/* Global Rules	                               */
/***********************************************/


body {
	background: #467095; margin:20px 0px 20px 0px;

}

ol {list-style-type:square; margin: 0; }
ol li {padding: 2px 2px 2px 0px;}

/* ul { margin-bottom:40px; } */
/* ul li {display:block; width: 150px; margin-right: 20px;} */
/* ul li {margin: 0px 0px 10px 40px; list-style-image:url(../images/arrow.gif);} */


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/***********************************************/
/* Layout 	                                   */
/***********************************************/

#container {
	position:relative;
	background: transparent url(../images/sitebg.gif) repeat-y; 
	width: 828px;
	margin:0 auto;
	padding: 0;
	overflow: hidden;
}

#siteCaptop {
    position:relative;
	width: 828px;
	height:72px;
	background: transparent url(../images/sitecap_top.gif) no-repeat top left;
	padding: 0;
	margin-bottom:15px;
	overflow: hidden;
}

#content {
    position:relative;
	width: 758px;
	margin:0 auto;
	padding: 0;
	overflow: hidden;
	background: transparent url(../images/contentbg.gif) repeat-y top left;
}

#flashHolder {
	float: left;	
    width: 758px;
}

#genericHolder {
	float:left;
}

#resortListHolder {
	float:left;
	width:218px;
}

#imgHolder {
	float: left;	
    width: 758px;
	padding-bottom:3px;
	background-color:#fff;
}

#copyHolder {
	float:left;
    width: 437px;
	margin:0px 0px 0px 5px;
	_margin:0px 0px 0px 0px;
	padding:0;
	font-size:12px;
}

#subNavHolder {
	float:left;
	display:block;
    width: 437px;
	margin:10px 0px 10px 0px;
	padding:3px 0px 3px 0px;
	font-size:10px;
	background-color:#e9f0e1;
}

#sidebarHolder {
	float: right;
    width: 301px;
	margin: 0px;
}

#offercodeHolder {
	position:relative;
	width: 301px;
	height:156px;
	background: transparent url(../images/offerCodebg.gif) no-repeat top left;
	padding: 0;
	margin:0;
	overflow: hidden;
}

#interestedHolder {
	float: left;	
    width: 301px;
	height: 132px;
	background: transparent url(../images/interestedBg.gif) no-repeat top left;
	background-color:#fff;
	padding:0px 0px 3px 0px;
	font-size:15px;
}

#interestedcopyHolder {
	position:relative;
	width: 244px;
	margin:0 auto;
}

#ctaHolder {
	float: left;	
    width: 301px;
	background-color:#fff;
	padding:0px 0px 3px 0px;
}

#phototourHolder {
	float: left;	
    width: 301px;
	padding:10px 0px 15px 0px;
	background-color:#e2e2e2;

}

#photogalleryHolder {
	position:relative;
	margin:0 auto;
	width:265px;
}

#incentiveHolder {
	float: left;
	margin:10px 0px 0px 15px;
	/*IE HACK - I GOT DEADLINES!*/
	_margin:10px 0px 0px 8px;
    width: 798px;
	background-color:#f0f0f0;
}

#aboutHolder {
	float: left;
	margin:0px 0px 0px 15px;
	/*IE HACK - I GOT DEADLINES!*/
	_margin:10px 0px 0px 8px;
    width: 798px;
}

#siteCapbottom {
    position:relative;
	width: 828px;
	background:#fff;
	margin:0 auto;
	padding: 0;
	overflow: hidden;
}

#codeHolder {
    position:relative;
	width: 758px;
	margin:0 auto;
	padding: 10px 0px 10px 0px;
	overflow: hidden;
}

#footer{
	position:relative;
	background-color:#e2e2e2;
	color: #5e5e5e;
	width: 718px;
	margin:0 auto;
	padding: 20px;
	overflow: hidden;
}

#packageIncludes { 
	background:#fff url(../images/hdrPackageIncludes.gif) top left no-repeat; 
	padding:40px 0px 0px 0px; 
	margin:20px 0px 0px 0px;
	width:436px;
	clear:both;
}

#incentiveChoice {
	background:#fff url(../images/hdrPlusChoice.gif) top left no-repeat; 
	padding:40px 0px 0px 0px; 
	margin:15px 0px 0px 0px;
	width:436px;
	clear:both;
}

#hotelIncentive {
	float:left;
	background:#fff url(../images/icon_hotel.gif) top left no-repeat;
	padding:0px 40px 0px 55px; 
	margin-bottom:20px;
	width:340px;
	clear:both;
}

#diningIncentive {
	float:left;
	background:#fff url(../images/icon_food.gif) top left no-repeat;
	padding:0px 40px 0px 55px; 
	margin-bottom:20px;
	width:340px;
	clear:both;
}

#ticketIncentive {
	float:left;
	background:#fff url(../images/icon_tickets.gif) top left no-repeat;
	padding:0px 40px 0px 55px; 
	margin-bottom:20px;
	width:340px;
	clear:both;
}

#cruiseIncentive {
	float:left;
	background:#fff url(../images/icon_cruise.gif) top left no-repeat;
	padding:0px 40px 0px 55px; 
	margin-bottom:20px;
	width:340px;
	clear:both;
}

#trIncentive {
	float:left;
	background:#fff url(../images/icon_triprewards.gif) top left no-repeat;
	padding:0px 40px 0px 55px; 
	margin-bottom:20px;
	width:340px;
	clear:both;
}

/***********************************************/
/* siteCaptop styles	                       */
/***********************************************/

#siteCaptop p {
	font-size:16px;
	color:#0074be;
	font-weight:bold;
	text-align:right;
	margin: 35px 35px 3px 0px;
}

/***********************************************/
/* content styles	                           */
/***********************************************/

#content  ul { margin-bottom:20px; } 
#content  ul li {margin: 0px 50px 10px 0px; list-style-image:url(../images/arrow.gif);}

/***********************************************/
/* copyHolder styles	                           */
/***********************************************/

#copyHolder h3 { font-size: 12px; line-height:30px; color:#252525; font-weight:bold; }

/***********************************************/
/* offercodeHolder styles	                       */
/***********************************************/

#offercodeHolder p {
	font-size:19px;
	color:#252525;
	font-weight:bold;
	font-variant:small-caps;
	text-align:center;
	line-height:30px;
	margin: 15px 0px 0px 0px;
}

#offercodeHolder .callout {
	font-size:28px;
	font-weight:bold;
	color:#0074be;	
}


/***********************************************/
/* ctaHolder styles	                           */
/***********************************************/

#ctaHolder ul { margin:0; }

#ctaHolder ul li {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
}

/***********************************************/
/* photogalleryHolder styles	               */
/***********************************************/

#photogalleryHolder ul { margin:10px 0px 0px 0px; }

#photogalleryHolder ul li {
	float: left;
	list-style: none;
	margin: 0px 7px 7px 0px;
	border:2px solid #fff;
}

/***********************************************/
/* Tooltip styles	                           */
/***********************************************/

.tipper {
	padding: 0;
	margin: 0;
}
a.tipper {
	color: #f15a40;
}
.tool-tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #aeeeff;
	padding: 8px 8px 4px;
	background: url(../images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
}
.tool-loading {
	background: url(../images/ajax_load.gif) center center no-repeat;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}

/***********************************************/
/* anchor styles	           	               */
/***********************************************/

A.legallink:link
{
	font-size: 10px;
	font-family: arial, geneva, sans-serif;
	color: #4696c9;
	text-decoration: underline;
}
A.legallink:visited
{
	font-size: 10px;
	font-family: arial, geneva, sans-serif;
	color: #4696c9;
	text-decoration: underline;
}
A.legallink:active
{
	font-size: 10px;
	font-family: arial, geneva, sans-serif;
	color: #4696c9;
	text-decoration: underline;
}
A.legallink:hover
{
	font-size: 10px;
	font-family: arial, geneva, sans-serif;
	color: #4696c9;
	text-decoration: none;
}

A.top {display:block; background:#eaeaea; border:1px solid #d1d1d1; width:30px; padding:3px 5px 3px 5px; font-size:10px;}

/***********************************************/
/* footer styles	 	                       */
/***********************************************/


.lrgcopyright {
	font-size: 12px;
	font-family: arial, geneva, sans-serif;
	line-height: normal;
}

.copyright {
	font-size: 10px;
	font-family: arial, geneva, sans-serif;
	line-height: normal;
}

/***********************************************/
/* misc					                       */
/***********************************************/

.retailValue { font-size:18px; font-weight:normal; color:#434242; margin-top:15px; padding:0; }