﻿.promotionBanner
{
	padding:6px 0px;	
	position: relative;
	width: 900px;
	height: 200px;
	background-repeat: no-repeat;
	margin: 0 auto;
}

.daysLeft
{
	color:#fff;
	font-weight:bold;
	font-size:18px;
	float:left;
	text-align:center;
	margin-top: 20px;
	margin-left:25px;
	display: inline; /* To fix an IE6 bug */
}
.calendarImage 
{
    float: left;
    margin: 0 1px 0 0;    
}
.promotionBanner img
{
	display: block;
	margin-bottom: 7px;
}
.promotionBanner .headerText
{
    position: absolute;
    top: 130px;
    left: 600px;
    color: White;
    width: 297px;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
}

.termsAndCondtions
{
	position: absolute;
	bottom: -10px;
	right: 20px;
}

.promotionBanner .termsAndCondtions
{
	font-size:10px;
	text-align:right;
	margin: 0px;
}
.termsAndConditionsDiv
{
	background-color:#B8D4F9;
	border: 1px solid #99B3D0;
	padding:10px;
	width: 350px;
}
.termsContent
{
	background-color:#FFFCD9;
	border: 1px solid #99B3D0;
	padding:20px;
	text-align:left;
	color:#5A6D7E;
	font-size: 12px;
	font-weight:bold;
}
.termsContent a
{
    font-weight: normal;
}
.termsContent .closeWindowContainer
{
    float: right;
    margin: 0px;
}

.participatingDestinations h3
{
    font-size: 16px;
    width: 237px;
    height: 20px;
}
div.yourDatesOfStay
{
    background-color: #F7F5EB;
    padding: 10px;
    margin: 0 14px 40px 14px;
    border-style:none;
    overflow: hidden;
}
div.stayDates
{
    float: left;
    width: 304px;
    margin: 0 0 0 100px;
}
div.participatingDestinations
{
    margin: 10px 10px 10px 39px;
}
div.properties
{
	clear: both;
	margin: 0 18px;
}
div.participatingDestinations td { width: 25%; padding: 8px 0; }
div.participatingDestinations a
{
    color: #7898b7;
    font-size: 12px;
    display: block;
    background: url(../images/arrow_lp-link.png) no-repeat left 0;
    height: 14px;
    padding-left: 18px;
}
div.participatingDestinations a.current
{
    font-weight: bold;
    text-decoration: none;
}
.yourDatesOfStay h3
{
    margin: 20px 0 0;
    font-size: 16px;
    float: left;
}
input.date
{
    float: left;
	width:112px;
	background: url(../images/icon_Calendar.gif) white no-repeat 87px 2px
}
.yourDatesOfStay label
{
	display: block;
}
.checkIn, .checkOut
{
	margin: 5px 0 0;
	float:left;
}
.checkIn
{
	margin-right:20px;
}
.selectDates 
{
	float:right;
	margin-top: 18px;
	margin-right: 15px;
}
.selectDates a
{
	height:15px;
	display:block;
	outline: none;
}
p.clearDates { margin: 0; float: right; }

div.properties h1
{
    color: #4a6d7e;
    font-size: 18px;
}
div.properties a
{
    font-size: 11px;
}
div.properties article.property_card
{
    margin-right:24px;
}
div.properties article.property_card span.price
{
    height: auto;
}
div.properties article.property_card span.price strong
{
    font-size: 16px;
    line-height: normal;
}
div.promoText
{
    background: #ffe4b7;
    border: dashed 1px #f47b2b;
    color: #f47b2b;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    margin: 10px 7px 20px 0;
}


.searchResultsAndPaging
{
	height: 25px;
}

.searchResultsAndPaging p
{
	float: left;
	margin: 0px;
}

.searchResultsAndPaging table
{
	float: right;
}

.pagingContainer td {padding: 0px 5px 0px 5px;}
.pagingContainer strong {color: #546488; font-size: 12px;}
.pagingLinks {padding-left: 15px; white-space: nowrap;}
td.pagingLinks a {color: #546488; font-size:12px; font-weight:bold; margin:0px 4px 0px 0px;}
td.pagingLinks a:hover {color: #f47b2b;}
td.pagingLinks .current {color: #f47b2b;}

.resultsTable
{
	clear: both;
}

.propertyCard
{
	width: 283px;
	height: 160px;
	border: solid 1px #5a6d73; 
	margin-right: 10px;
	margin-bottom:10px;
}

.propertyCardImage
{
	color: #5a6d7e; 
	font-size: 11px; 
	text-align: center;
	padding: 8px;
	width: 1%;
}

.propertyCardImage img
{
	display: block;
	margin-bottom: 4px;
}

.propertyCard .bookButton
{
	padding: 0px 8px 8px 0px;
	text-align: right;
}

.propertyCard .wasRate
{
	color: #7898b7; 
	font-size: 11px; 
	padding: 0px 8px 8px 8px;
}

.propertyCard .propertyName
{
	padding: 8px 8px 8px 0px;
}

.propertyCard .propertyName a
{
	color: #5a6d7e;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.propertyCard .propertyName a:hover
, .propertyCard .propertyName a:active
{
	text-decoration: underline;
}

.propertyCard .rate
{
	color:#f47b2b;
	text-align:right;
	vertical-align: bottom;
	padding: 0px 8px 8px 8px;
	font-weight: bold;
	font-size: 13px;
}
    .propertyCard .rate span.deal 
    {
        font-size: 18px;
        color: #0153A9;
    }

    .propertyCard .rate span.from 
    {
        font-size: 12px;
        color: #5A6D7E;
    }

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(../promotions/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); position:absolute;top:0;left:0;}
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../promotions/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
----------------------------------*/
/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 2.5em; top: 3em; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
/*.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }*/
/*.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }*/
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

#featuredContent, #rightContent
{
    vertical-align: top;
}
#featuredContent fieldset
{
    margin: 10px 0;
    padding: 10px;
    border: solid 1px #d2d2d2;
}
#featuredContent fieldset.featuredDestination
{
    color: #5a6d7e;
    font-size: 11px;
    padding-top: 0px;
}
#featuredContent fieldset.featuredDestination table
{
	margin-top: 10px;
}

.featuredImage
{
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
.featuredImage, .featuredContent
{
    padding: 5px;
    vertical-align: top;
}

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
/* jcarousel home skin */
ul#featuredProperties
{
	height: 120px;
	list-style-type:none;	
	white-space: nowrap;
	overflow: hidden;	
	margin: 15px 0px 0px 0px;
	padding: 0;
}

#featuredContent fieldset.featuredProperties
{
	padding: 0px 10px;
	margin-top: 80px;
}

ul#featuredProperties p
{
 color: #7E8188;
 margin: 0px;
}

ul#featuredProperties img
{
 border: solid 1px #7E8188;	
}

ul#featuredProperties li
{
	float: left;
	margin: 0px 10px;
	width: 110px;
	text-align: center;
	white-space: normal;
}

.jcarousel-skin-home .jcarousel-container {
    width: 90%;
    height: 120px;
}

.jcarousel-skin-home .jcarousel-container-horizontal {
    padding: 0px 10px 10px 40px;
}

.jcarousel-skin-home .jcarousel-clip-horizontal {
    width:  520px;
    height: 120px;
}

.jcarousel-skin-home .jcarousel-item {
    width: 110px;
    height: 124px;
}

.jcarousel-skin-home .jcarousel-item-horizontal {
    margin-right: 10px;
    width: 124px;
}

.jcarousel-skin-home .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-home .jcarousel-next-horizontal {
    position: absolute;
    top: 46px;
    right: 5px;
    width: 14px;
    height: 16px;
    cursor: pointer;
    background: transparent url(../images/featured_arrow_right.gif) no-repeat 0 0;
}

.jcarousel-skin-home .jcarousel-next-disabled-horizontal,
.jcarousel-skin-home .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-home .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -16px 0;
}

.jcarousel-skin-home .jcarousel-prev-horizontal {
    position: absolute;
    top: 46px;
    left: 5px;
    width: 14px;
    height: 16px;
    cursor: pointer;
    background: transparent url(../images/featured_arrow_left.gif) no-repeat 0 0;
}

.jcarousel-skin-home .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-home .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-home .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -16px 0;
}

h1.oopsTag
{
    top: 292px;
    width: 584px;
    left: 30px;
    font: 11pt Arial;
    color: #7898b7;
    margin-top:30px;
    margin-bottom:30px;
}
h1.oopsTag span
{
    font-size: 14pt;
    color: #425E85;
    display: block;
}

h1.oopsTag a, h1.oopsTag a:visited
{
	color:#868686;
}

.featuredDestinations
{
	padding: 20px;
}

.featuredDestinations td
{
	padding-top:5px;
	padding-bottom:5px;
}

.featuredDestinations a
{
	color: #868686;
}
fieldset.participatingDestinations
{
    margin-left: 40px;
}
fieldset.participatingDestinations label
{
    padding: 0 0 4px;
}
