@import url(/css/iw/template.css);
@import url(/css/iw/global.css);
@import url(/css/iw/menus.css);
@import url(/css/iw/exchange.css);
@import url(/css/iw/color.css);



.small	{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #000000; }

.stepbystep  	{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFCC66; }

.IAClink	{ font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #757575999; padding-top: 5px;}
		.IAClink a:visited {  color: #757575; text-decoration: none; }
		.IAClink a:link {  color: #757575999; text-decoration: none; }
		.IAClink a:hover {  color: #006699; text-decoration: none; }	

.IAClink a { margin-left:10px; }		
	
.button2 {
	color: #FFFFFF;
	background-color: #FF9933; 
	font-size: 12px; 
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	
	border-top-color: #FFFFFF; 
	border-right-color: #CC6600;
	border-bottom-color: #CC6600;
	border-left-color: #FFFFFF; 
	
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
}

.button3 {
	color: #FF6600;
	background-color: #FFFFFF;
	text-decoration: underline; 
	font-size: 11px; 
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	
	border-top-color: #FFFFFF; 
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF; 
	
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
}


.busyBar {
	background-color: #d2d2d2;
}


.busyBarCell {
	background-color: #FFFFFF;
	width: 22px;
	height: 20px;
	padding: 0px;
}


.busyBarDot {
	background-color: FFCC99;
	width: 18px;
	height: 16px;
	padding: 0px;
}


/* tool tip */
a.tooltip{
	position:relative;
	z-index:24;	
	text-decoration:none;
	left: -4px;		
}
a.tooltip:link, a.tooltip:visited {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	padding-bottom:-2px;	
}
a.tooltip:hover{z-index:25; background-color:#FFFFFF;}

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #333333;
    background-color:#FFFFCC; color:#000;	
	font-style: normal;
	padding:5px;
}

/********** New Header *******************************************************************/

body {
    background: url("/images/iw/page_bg.gif") repeat-x scroll center top #dbeeff;
}

#page_login #body  {
	border-top:none;/*eliminates gap between header and body on the PRE login page*/
	}
	
#header_messages {
	float:right;
	margin-right:15px;
	}
	
.header_logo {
	height:77px;
	float:left;
	width:245px!important; /*for shell cobranded*/
	margin-top:10px;
	background: url("/iimedia/images/iw-logo-original.gif") 0px 5px no-repeat;
	    margin-bottom: 15px;
	}

#header_logo_print{
	display:none;
		}

#ask_box {
	background-color:#d2d2d2;
	height:32px;
	position:absolute;
	top:-322px;
	left:-22px;
	width:772px;
	}
#ask_jeeves_area {
	position:relative;
	left:540px;
	top:5px;
	width:200px;	
}
	

/* Site Tools */
.site_tools_wrap {
	width: 960px;
	height: 42px;
}

#site_tools {
    /*position:absolute;
    top:5px;
    left:317px;
    right:200px;*/
    float: right;
    margin-top: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    height: 42px;
    margin-top: 2px;
    background: url("/images/iw/utilities_bkg.jpg") no-repeat scroll 0 transparent;
}

#site_tools ul {
    margin:0px;
    padding:0px;
}
#site_tools ul li {
   
    float: left;
    height: 35px;
    list-style-type: none;
    margin: 0 0 0 1px;
    padding: 6px 0 0;
}
#site_tools a {
    color:#FFFFFF;
    text-decoration:none;
    display:block;
    text-align:center;
}
#site_tools a:hover {
    border-bottom: 4px solid #e36500;
    padding-bottom:4px;
}

#site_tools h5 {
    display:none;
}

a.icon_benefits img,
a.icon_alerts img,
a.icon_history img,
a.icon_account img,
a.icon_signout img
 {
  margin-left: 28px;
    vertical-align:middle;
    margin-right:4px;
}

/* END: Site Tools */

/* Main Nav */
#nav {
    background: transparent url("/images/iw/main_nav_bg.gif") repeat-x scroll 0 0;
    height: 40px;
    width: 960px;
}

#nav ul {
    margin:0px;
    padding:0px;
}

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

#nav h5 {
    display:none;
}

#nav li a#tabgetaway {
    color:#0e4b90;
    text-decoration:none;
}

/*#nav li a {
    color:#2377a4;
    text-decoration:none;
    width:121px;
    height:22px;
    background-image:url(/images/tab_off.gif);
    background-repeat:no-repeat;
    margin:0px 5px 0px 0px;
    padding:5px 0px 0px 0px;
    text-align:center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:11px;
    display:block;
    }
#nav li a:hover {
    color:#0077be;
}

#nav .current a {
    background-image:url(/images/tab_on.gif);
    color:#0077be;
    }*/
    


/* hide sub nav. Need to make tab selection work. */    
#nav ul li ul {
    display:none;
}

/* current for site tools  */
#site_tools #site_nav_benefits.current a, 
#site_tools #site_nav_alerts.current a, 
#site_tools #site_nav_history.current a, 
#site_tools #site_nav_my_account.current a
{
    background-position:left;
    background-repeat:no-repeat;
    color:#0077be;
}

#site_tools #site_nav_benefits.current
{
    background-image:url(/images/icon_benefits_on.gif);
    background-repeat:no-repeat;
}


#site_tools #site_nav_my_account.current
{
    background-image:url(/images/icon_account_on.gif);
    background-repeat:no-repeat;
}

/* hide the icon */
#site_tools .current a img
{
    visibility:hidden;
}
#site_nav_alerts{
	width: 106px;
 background:url("/images/iw/icon_alerts.gif") no-repeat scroll center top transparent
}
#site_nav_history{
	width: 95px;
 background:url("/images/iw/icon_history.gif") no-repeat scroll center top transparent
}
#site_nav_my_account{
	width: 94px;
 background:url("/images/iw/icon_account.gif") no-repeat scroll center top transparent
}
#site_nav_my_signout{
	width: 81px;
 background:url("/images/iw/icon_signout.gif") no-repeat scroll center top transparent
}


/* END: Main Nav */

/********** END: New Header ********************************************************************/


/********** PRE LOGIN ********************************************************************/

/*********** Start: Slideshow *********/
#slideshow {
    position:relative;
    height:293px;
	width:940px;
	overflow:hidden;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*********** END: Slideshow *********/

#pre_login_nav {
	width:205px;
	border:1px solid #757575;
	background-color:#ecf8fd;
	margin-left:-2px;
	padding:10px;
	position:relative;
	border-top:none;
}

#pre_login_nav li a {
	border-bottom:1px dashed #023776;
	text-decoration:none;
}

.strong {
	font-weight:bold;
}

#login_rd_area {
	height:124px;
	width:940px;
	background-image:url(/images/iw/bg_resort_directory.gif);
	background-repeat:no-repeat;
	padding-top:8px;
	position:relative;
}

#cover_thumb {
	width:75px;
	height:95px;
	position:absolute;
	top:25px;
	right:35px;
}



#rd_links a {text-decoration:none;}
#rd_links a:hover {text-decoration:underline;}

#rd_links ul li {
	float:left;
	width:140px;
	margin-right:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	list-style:none;
}

#rd_h3 {
	margin: 0px 0px 0px 8px;	
}

a#rd_label {
	height:33px;
	width:280px;
	overflow:hidden;
	display:block;
}

a#rd_label:hover {
		/*background-position: -280 0;*/
		text-indent:-280px;
}

#mobile_app_link_hp {position:absolute; left:310px; top:14px; font-family:Verdana, Geneva, sans-serif; font-size:10px;}

/********** END: PRE LOGIN ********************************************************************/

table#locations tr td { /* for the shortstay search */
	font-size:10px!important;
	font-family:Arial, Helvetica, sans-serif;
}

.deposit_hold_all {
	display: none;
	background-color: #ffffff;
	width: 960px;
	margin: auto;
	overflow: hidden;
}

/********** BEGIN: Pending Transaction Completed *******************************************************/  

.pending_transaction .table_frame_top {
	border-radius:0px !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	margin-bottom:15px;
	padding:30px 20px 10px 25px;
	border: 1px solid #d2d2d2;
	border-bottom: 8px solid #d2d2d2;
}

.pending_transaction .table_frame {
	border-radius:0px !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	margin-bottom:15px;
	width:698px;
}

.pending_transaction .table_frame_completed {
	border-radius:0px !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	margin-bottom:15px;
	width:630px;
}

.pending_transaction .table_frame_completed_bottom {
	border-radius:0px !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	width:630px;
}

.pending_transaction .table_frame_right_completed {
	display:inline-block;
	width:250px;
	vertical-align:top;
	padding-left:16px;

	zoom:1;
	*display:inline;
	
}


.pending_transaction .table_frame_body {
	border-bottom:none !important;
}

.pending_transaction .table_frame_body .buffer {
	padding-bottom:5px;
}

.pending_transaction .table_frame_double_holder {
	display:block;
	width:100%;
	padding-bottom:10px;
}

.pending_transaction .table_frame_left {
	display:inline-block;
	width:330px;
	border-top:#e25c03 6px solid;
	vertical-align:top;

	zoom:1;
	*display:inline;
	
}

.pending_transaction .requested_resorts {
	display:block;
	width:330px;
	height:310px;
	margin-top:15px;
	overflow-y: auto;
	overflow-x:hidden;
}

.pending_transaction .requested_resorts_buffer {
	display:block;
	width:330px;
	padding:0 5px;
}

.pending_transaction .date_range_holder {
	display:block;
	width:100%;
	background:#f1f1f1;
}
.pending_transaction .date_range {
	display:block;
	padding:5px;
	font-size:14px;
	font-weight:normal;
	color:#717171;
}

.pending_transaction .requested_resorts_listing {
	display:block;
	width:100%;
	padding:10px 0;
	border-bottom:#d2d2d2 solid 1px;
}

.thumbnail_crop_70 {
    display:inline-block;
    width: 70px; 
    height: 41px; 
    border: 1px solid #d2d2d2;
    background-size: 100% Auto !important; /*Inline Style Needed: <div class="thumbnail_crop" style="background: url(image.jpg) center center no-repeat;"/>*/
	vertical-align:top;
	margin-top:2px;

	zoom:1;
	*display:inline;

}

.resort_listing_text {
    display:inline-block;
    vertical-align:top;
    padding-left:5px;
    width:230px;

	zoom:1;
	*display:inline;

}

.pending_transaction h3 {
	margin:0 0 2px 0;
}

.resort_listing_text h5 {
	font-size:14px;
	font-weight:normal;
	color:#717171;
	margin:0 0 0 0;
}

.resort_listing_text small {
	font-size:10px;
	font-weight:normal;
	color:#919191;
}

.pending_transaction .resort_code_holder {
	margin-top: 2px;
	display:block;
	}
	
.pending_transaction .resort_code  {
	display:inline-block;
	color: #dd9b11;
	font-size:14px;
	font-weight: bold;
	vertical-align:middle;
	
	zoom:1;
	*display:inline;
}

.pending_transaction .resort_code_icon  {
	display:inline-block;
	vertical-align:middle;
	
	zoom:1;
	*display:inline;
}





.pending_transaction .table_frame_right{
	display:inline-block;
	width:260px;
	vertical-align:top;
	padding-left:16px;

	zoom:1;
	*display:inline;
	
}


.pending_transaction .resort_title2 address {
	padding:3px 0;
	font-weight:normal;
}

.pending_transaction .table_frame_left h3 {
	margin:5px !important;
	font-size:17px;
	font-weight:600;
}


.pending_transaction .table_frame_right h3, .pending_transaction .table_frame_right_completed h3 {
	color:#505050;
	margin-bottom:10px;
	font-size:17px;
	font-weight:600;
}

.pending_transaction .table_frame_right h4, .pending_transaction .table_frame_right_completed h4 {
	color:#000000;
	margin-bottom:10px;
	font-size:14px;
	font-weight:600;
}

.pending_transaction .table_frame_right address {
	color:#505050;
	font-weight:normal !important;
}

.pending_transaction .resort_details_icon {
	border:none !important;
	background:none !important;
}

.pending_transaction .exchange_booking_info_dates {
	display:block;
	width:100%;
	padding-bottom:5px;
}


.pending_transaction .exchange_request_criteria {
	display:block;
	width:100%;
	border-top:#d2d2d2 solid 1px;
	padding:20px 0 20px 0;
	margin-top:20px;
	font-size:11px;
}

.pending_transaction .exchange_request_criteria_row {
	display:block;
	width:100%;
	padding:0 0 10px 0;
}

.pending_transaction .exchange_request_criteria_name {
	color:#000000;
}

.pending_transaction .exchange_request_criteria h3 {
	text-transform:none;
}

.pending-confirmation-continue {
	display:block;
	width:100%;
	margin-top:10px;
	text-align:right;
}

.pending-confirmation-completed-continue {
	width:100%;
	text-align:right;
}

.pending-confirmation-completed-continue .button {
	float:none !important;
}


.pending-confirmation-continue .button {
	float:none !important;
}

form#checkoutInfo .cont_btn {
	margin-top:10px;
}

.pending_transaction .table_frame_cost_holder {
	display:block;
	width:100%;
	padding:10px 0 10px 0;
	border-top:#d2d2d2 solid 1px;
	text-align: justify; 
	font-size:15px;
	font-weight:bold;

     /* IE special */  
    width: 100%;  
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

.table_frame_cost_holder::after {
    content: ' ';
    display: inline-block;
    width: 100%;
    height:1px;
}

.pending_transaction .table_frame_cost_left {
	display:inline-block;
	vertical-align:middle;

	zoom:1;
	*display:inline;
	
}

.pending_transaction .table_frame_cost_right {
	display:inline-block;
	vertical-align:middle;
	text-align:right;

	zoom:1;
	*display:inline;
	
}

.pending_transaction .table_frame_type_holder {
	display:block;
	width:100%;
	background:#f1f1f1;
	text-align: justify; 
	font-size:15px;
	font-weight:bold;
	height:30px;

     /* IE special */  
    width: 100%;  
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

.table_frame_type_holder::after {
    content: ' ';
    display: inline-block;
    width: 100%;
    height:1px;
}

.pending_transaction .table_frame_type_left {
	display:inline-block;
	vertical-align:middle;
	padding:5px 10px;

	zoom:1;
	*display:inline;
	
}

.pending_transaction .table_frame_type_right {
	display:inline-block;
	vertical-align:middle;
	text-align:right;
	padding:5px 10px;

	zoom:1;
	*display:inline;
	
}

.pending_transaction .table_frame_item_holder {
	display:block;
	width:100%;
	padding:0 0 5px 0;
	text-align: justify; 
	font-size:15px;
	font-weight:normal;

     /* IE special */  
    width: 100%;  
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

.table_frame_item_holder::after {
    content: ' ';
    display: inline-block;
    width: 100%;
    height:1px;
}

.pending_transaction .table_frame_item_left {
	display:inline-block;
	vertical-align:middle;

	zoom:1;
	*display:inline;
	
}

.pending_transaction .table_frame_item_right {
	display:inline-block;
	vertical-align:middle;
	text-align:right;

	zoom:1;
	*display:inline;
	
}

.pending_transaction .table_frame_total_holder {
	display:block;
	width:100%;
	padding:20px 0 0 0;
	text-align: justify; 
	font-size:15px;
	font-weight:bold;

     /* IE special */  
    width: 100%;  
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

.table_frame_total_holder::after {
    content: ' ';
    display: inline-block;
    width: 100%;
    height:1px;
}

.pending_transaction .table_frame_total_left {
	display:inline-block;
	vertical-align:middle;

	zoom:1;
	*display:inline;
	
}

.pending_transaction .table_frame_total_right {
	display:inline-block;
	vertical-align:middle;
	text-align:right;

	zoom:1;
	*display:inline;
	
}

.pending_transaction .policy_information {
	display: block;
	padding: 10px;
	font-size: 11px;
	color: #757575;
	font-weight: bold;
}

.pending_transaction .table_frame .table_frame_body .buffer div a#show_hide_tax {
	color: #0088be;
	cursor: pointer;
}

/********** END: Pending Transaction Completed  *******************************************************/  


h1#exchange_form_header
	{
		margin-bottom:0px;
}
/* E-Plus Use Banner*/

.eplus_use_banner {
    border: 1px solid #d2d2d2;   
    border-radius: 10px;
    -moz-box-shadow: 2px 2px 5px 1px #d2d2d2;
    -webkit-box-shadow: 2px 2px 5px 1px #d2d2d2;
    box-shadow: 2px 2px 5px 1px #d2d2d2;
    padding: 15px;
    margin: 15px 0px;
    overflow: auto;
}

.eplus_use_banner img{
    float: left;
    margin-right: 25px;
}

.eplus_use_banner h3 {
    font-size: 16px;
    margin-top: 5px;
}

.eplus_use_banner p {
    margin: 0px;
    color: #666;
}

/* Destination Information */

.header_pd h2{
    margin: 0px 0px 10px 2px;   
}

.dest_info {
    border: 1px solid #d2d2d2;
    border-top: 4px solid #0077be;
    background: url(/images/grey_fade_bg.gif) repeat-x bottom;
}

.dest_info .resort_title2 {
    font-size: 15px;
}

.dest_info .resort_title2 address{
    font-size: 11px;
    font-weight: normal;
}

.exchange_booking .dest_info {
    border-bottom: 0px;
    padding-bottom: 0px;
    background: #FFF;
    z-index: 2; /* Fix for CIG member */ 
}

.dest_info .exchange_booking_info_bg {
    background: url(/images/grey_fade_bg.gif) repeat-x bottom;
}

.dest_info .exchange_booking_info_bg_ffretrade { /* Full Fee Retrade */
    background: url(/images/grey_fade_bg.gif) repeat-x bottom;
    height: 200px;
    padding:5px 5px 0px 5px;
}

.dest_info .exchange_booking_info_bg_cig_retrade { /* Full Fee Retrade */
    background: url(/images/grey_fade_bg.gif) repeat-x bottom;
    height: 295px;
    padding:5px 5px 0px 5px;
}

.dest_info .exchange_booking_info_bg_week56 { /* Full Week56 Exchange */
    background: url(/images/grey_fade_bg.gif) repeat-x bottom;
    height: 235px;
    padding:5px 5px 0px 5px;
}

.dest_info h3 {
    font-size: 16px;
    margin-bottom: 10px;
}

.table_frame td.dest_info {
    padding: 17px 20px 20px 20px;
}

.table_frame td.dest_info .resort_title2 strong {
    display: block;
    font-size: 11px;
    color: #333;
    margin-bottom: 2px;
}

.table_frame td.dest_info .resort_title2 .resort_details_icon_code strong {
    display: block;
    font-size: 13px;
    margin-bottom: 0px;
}

.dest_info_amenities {
    padding: 30px 20px 20px 20px;
}

.dest_info_amenities .advisement {
    font-size: 11px;
    line-height: 15px;
}

.dest_info_amenities #acceptTermsDiv {
	font-size: 12px;
}

.dest_info .resort_title2 h5 {
	margin: 15px 0px; 
	color: #333;
}

.dest_info_gw {
    font-size: 11px;
    margin: 10px 0px 4px 0px;
}

.dest_info_gw address {
	text-decoration: none !important;
}
#deals_page .ui-state-default, #ui-datepicker-div .ui-state-default {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fdfdfd 0%, #fdfdfd 68%, #eaeaea 93%, #eaeaea 99%) repeat scroll 0 0 !important;
    border: 1px solid #d2d2d2 !important;
    color: #757575 !important;
}
/********** BEGIN: Push Buttons ********************************************************************/


.ui-state-active {
	border: none !important;
	background: #0177bf !important;
	color: #fff !important;
}
#deals_page .ui-state-active, #ui-datepicker-div .ui-state-active {
    border: none !important;
    background: #0177bf !important;
    color: #fff !important;

.ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left ui-state-hover
	{
	color: #0077BE !important;
}

/********** END: Push Buttons ********************************************************************/

/*--- START: Select Bedrooms Slider ---*/

#page_exchange #bedroomsBlock #slider .ui-slider-handle {
	border: 0 !important;
    background: url(/images/slider-handle-lt.png) no-repeat center !important;
}

#page_exchange #bedroomsBlock #slider .ui-slider-handle:last-of-type {
	background: url(/images/slider-handle-rt.png) no-repeat center !important;
}

/*--- END: Select Bedrooms Slider ---*/