html, body { width: 100%; margin: 0; padding: 0; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
img { border: none; }
img.calendarImg { padding-right: 5px; float: left; }
table { border-collapse: collapse; border: none; border-spacing: 0; }
td { vertical-align: top; margin: 0; padding: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a.internal { color: #666666; }
hr { color: #dad6c4; background-color: #dad6c4; height: 1px; margin-bottom: 20px; border: none; clear: both; }

header, footer, section { display: block; overflow: hidden; clear: both; }

nav.site { display: block; padding: 0 18px 0 20px; }
nav.site ul { list-style-type: none; padding: 0; margin: 0; height: 45px; }
nav.site li { float: left; height: 100%; }
nav.site li a { font-family: Georgia; font-size: 20px; text-decoration: none; float: left; padding: 10px 12px 10px 12px; text-decoration: none; }

nav.site ul ul { list-style-type: none; padding: 0; margin: 0; clear: both; z-index: 10; position: relative; height: auto; zoom: 1; } /* The zoom 1 fixes an IE7 bug */
nav.site ul ul li { display: block; clear: both; float:none; height: auto; }
nav.site ul ul li a { font-family: Georgia; text-decoration: none; font-size: 16px !important; width: 127px; padding: 5px 0 5px 12px; text-decoration: none; }

/**** Header & Non-Header Styles ****/
h1, h2, h3, h4 { font-family: Georgia; font-weight: normal; margin: 0; padding: 0; }
h1 { font-size: 30px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }

h1.pageTitle { font-size: 48px; padding: 5px 0 0 20px; }

/**** General Use Styles ****/
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; display: block; margin: 0; padding: 0; width: 0; height: 0; }

.divider { border-bottom: solid 1px #e6e1ce; }

div.gap10 { height: 10px; clear: both; }
div.gap20 { height: 20px; clear: both; }

/**** Single Column Styles ****/
div.singleColumnContent { padding: 20px 20px 0 20px; height: 100%; }

/**** Multi Column Styles ****/
div.leftNav { width: 160px; padding: 20px 0 20px 20px; float: left; }
div.leftNav hr { margin: 20px 0; }
div.multiColumnContent { width: 760px; height: 100%; padding: 20px; float: right; }

div.leftNavDivider { clear: both; padding-bottom: 20px; margin-bottom: 20px; }

/**** Common Between Layout (Single/Multi Column) Styles ****/
div.container { position: relative; top: 0; }
div.content { width: 980px; margin: 0 auto; padding: 0; position: relative; }

a.logo { background: url(images/logo.png) no-repeat 0 50%; width: 600px; height: 110px; position: absolute; left: 20px; }

div.pageHeader { position: relative; height: 80px; }
div.pageHeader div { background: url(images/header_phone_spot.png) no-repeat; width: 270px; color: White; position: absolute; right: 20px; font-size: 24px; font-weight: bold; text-align: center; }
div.pageHeader div span { display: block; }
div.pageHeader a { margin: 6px 0 0 20px; float: left; }

div.bannerLrg { height: 255px; position: relative; background: url(images/banner_lrg.jpg) no-repeat; }
div.bannerSml { height: 110px; background: url(images/banner_sml.jpg) no-repeat; }
div.pageTitle { font-family: Georgia; font-size: 40px; padding: 12px 0 12px 20px; }

span.checkInOut { font-weight: bold; font-size: 12px; display: block; }

img.calendarSmlIcon { padding-right: 4px; float: left; cursor: pointer; }

footer div { margin: 0 auto; width: 940px; padding: 20px 0 6px 0; }
footer table { width: 100%; }
footer td.logo { border-bottom: solid 1px White; vertical-align: bottom; }
footer td.logo span { color: White; text-align: left; font-family: Georgia; font-size: 18px; }
footer td.logo img { float: right; }

footer ul { width: 575px; list-style: none; padding: 0; margin: 24px 0 0 0; }
footer li { list-style-type: none; float: left; width: 160px; height: 26px; }
footer li.secondCol { width: 255px; }
footer li a { font-weight: bold; text-decoration: none; font-size: 14px; }

footer p.security span { width: 113px; height: 60px; float: left; text-indent: -9999px; background: url(images/icons/footer_icons.png) no-repeat; }
footer p.security span.verisign { background-position: left 0; cursor: pointer; margin-right: 5px; }
footer p.security span.bbbOnline { background-position: left -120px; cursor: pointer; margin-right: 5px; }
footer p.security span.vrma { background-position: left -60px;}

footer p.copyright { margin-top: 22px; font-size: 14px; }

/**** Site wide validation summary styles ****/
.ValidationSummary ul { margin:5px 0; padding:0; }
.ValidationSummary li { background:transparent url(../images/error.gif) no-repeat scroll left 1px; color:Red; list-style-image:none; list-style-position:outside; list-style-type:none; padding:1px 0 1px 18px; }
.ValidationSummary li.info { background-image:url(../images/info.gif); color:#868686; }

/**** Site wide modal styles ****/
div.closeModal { position: absolute; top: 0; right: 0; z-index: 1000; }
div.closeModal a { color: #9abdc1; text-decoration: none; }
div.closeModal a span { position: relative; top: -7px; }

/**** Min Night Modal ****/
div.minNightModal { border: solid 1px #99b3cf; width: 400px; height: 200px; padding: 12px; }
div.minNightModal p.closeWindowContainer { margin: -4px 4px 4px; float: right; }
div.minNightModal div { padding: 12px; clear: both; }
div.minNightModal div h2 { color: #a7521a; font-size: 18px; font-weight: normal; }
div.minNightModal div p span { color: #f47b2b; font-weight: bold; }

/**** travel-guide common styles ****/
div.travelGuide { width: 455px; min-height: 240px; padding: 0 20px 20px 0; float: left; clear: left; }
div.travelGuide header p { margin-bottom: 0; }
div.travelGuide h2 { margin-bottom: 10px; padding-top: 20px; }
div.travelGuide p { margin: 0 0 10px; padding: 0; }
div.travelGuide p.activityLink { text-align: right; }
div.travelGuide ul { margin: 0 0 10px 15px; padding: 0; }
div.travelGuide ul.activitiesList { margin: 0 0 10px 160px; padding: 0; }
div.travelGuide div.imageFrame { margin: 0 10px 5px 0; }
div.travelGuide table { width: 100%; }

div.travelGuideResortsDivider { border-bottom: solid 1px #dad6c4; margin-bottom: 20px; }

/**** travel-guide/activities common styles ****/
div.activities section { padding: 10px 0 0; }
div.activities table { clear: both; width: 100%; }
div.activities td { vertical-align: top; padding-right: 10px; width: 50%; }
div.activities td ul { margin: 10px 0 0 15px; padding: 0; }
div.activities td p { margin: 0 0 10px; }
div.activities div.imageFrame { margin-top: 10px; }

/**** localevents style ****/
div.localEvents section { margin-top: 30px; }
div.localEvents section p { margin: 5px 0; }

/**** lodging/guided-search.aspx ****/
div.lodgingMap { padding: 5px; }
div.lodgingMap span { font-family: Georgia; font-size: 30px; display: block; padding: 5px 0 5px 5px; }

div.lodgingLeadForm { border-style: solid; border-width: 0px 5px 5px 5px; position: relative; }
div.lodgingLeadForm section.leadForm div.leadForm { padding: 0; }
div.lodgingLeadForm section.leadForm div.leadForm .personalInfo h2 { padding-left: 15px; }
div.lodgingLeadForm section.leadForm div.leadForm p { padding-left: 15px; }
div.lodgingLeadForm section.leadForm div.leadForm .tripDetail p { padding-left: 0px; }
div.lodgingLeadForm section.leadForm header h2 { font-size: 26px; font-family: Georgia; position: relative; top: 10px; padding: 0 0 10px 15px; display: block; }
div.lodgingLeadForm section.leadForm header h3 { margin: 5px 0 0; padding: 15px 0 0 15px; }

div.lodgingLeadForm section.leadForm section.footer { padding: 0 15px 15px !important; border: none !important; position: relative; }
div.lodgingLeadForm section.leadForm section.footer a { text-decoration: none; }
div.lodgingLeadForm section.leadForm section.footer .button { position: absolute; right: 15px; top: 4px; }

/**** about/guided-search.aspx ****/
div.aboutUs { padding: 0 20px; }
div.aboutUs span.sectionTitle { font-size: 26px; font-family: Georgia; display: block; padding-top: 10px; }
div.aboutUs ol, div.aboutUs ul { margin: 10px 0; padding: 0 0 0 20px; }
div.aboutUs li { font-weight: bold; }
div.aboutUs li span { font-weight: normal; }

/**** Privacy Policy, Terms, etc. ****/
div.PlainContent { padding: 0 20px; }
div.PlainContent span.sectionTitle, div.plainContentModal span.sectionTitle { font-size: 14px; font-family: Georgia; display: block; padding-top: 10px; }
div.PlainContent a, div.plainContentModal a { text-decoration: none; }

div.plainContentModal { overflow: auto; width: 940px; height: 555px; position: relative; bottom: -25px; padding: 0 20px 20px; }

/**** travel-deals/guided-search.aspx ****/
img.promoBanner { display: block; }

div.dealsVacationServices { width: 940px; padding: 20px; position: relative; top: -20px; left: -20px; }
div.dealsVacationServices h2.vacationServicesTitle { font-size: 30px; margin: 0; padding: 5px 0; }
div.dealsVacationServices div.vacationServicesContainer { padding: 0 5px 5px; }
div.dealsVacationServices div.vacationServicesContainer div.imagesContainer { margin: 0; padding: 20px 40px; clear: both; }
div.dealsVacationServices div.vacationServicesContainer div.imagesContainer table { width: 849px; margin: 0 auto; }
div.dealsVacationServices div.vacationServicesContainer div.imagesContainer td { padding-left: 30px; }

div.MorePackages { position: relative; top: -20px; left: -20px; width: 980px; }
div.MorePackages h2.morePackagesTitle { font-size: 48px; padding: 5px 0 5px 20px; }
div.MorePackages div.morePackagesLeftNav { width: 160px; padding: 20px 0 20px 20px; float: left; clear: left; }
div.MorePackages div.morePackagesContent { width: 760px; height: 100%; padding: 20px; float: right; clear: right; }

div.MorePackages div.morePackagesContent h3 { font-size: 30px; }
div.MorePackages div.morePackagesContent span.content { display: block; padding: 20px 0; }
div.MorePackages div.morePackagesContent td { padding-bottom: 20px; }

div.MorePackages div.morePackagesContent div.contactUs { float: right; clear: right; text-align: right; }
div.MorePackages div.morePackagesContent div.contactUs div.contactMeButton { float: right; clear: right; }
div.MorePackages div.morePackagesContent div.contactUs p { font-family: Georgia; font-size: 20px; }
div.MorePackages div.morePackagesContent div.contactUs p span.morePackagesPhone { font-family: 20px; }

div.MorePackages div.morePackagesContent div.packagesDetails { float: left; padding: 0 5px 5px; width: 190px; }
div.MorePackages div.morePackagesContent div.packagesDetails a { text-decoration: none; display: block; }

/**** error.aspx & page-not-found.aspx ****/
div.errorNotFound { width: 900px; margin: 0 auto; }
div.errorNotFound p { position: relative; bottom: 250px; left: 458px; }
div.errorNotFound a { text-decoration: none; }

/**** InsuranceInformation.aspx ****/
div.insuranceInformation { padding: 20px; }
div.insuranceInformation div.insuranceContent { overflow: auto; width: 960px; height: 550px; margin-top: 10px; }

/**** /vacation-services ****/
div.vacationServices span.service, div.services td div span { font-family: Georgia; font-size: 18px; display: block; }
div.vacationServices p, div.services p { margin-top: 5px; }
div.vacationServices p label, div.services p label { font-size: 13px; font-weight: bold; }
div.vacationServices a, div.services a { float: right; }

div.vacationServices table, div.services table { width: 100%; }
div.vacationServices td, div.services td { padding: 10px 0; }

div.services td img { float: left; }
div.services td div { width: 580px; margin-left: 10px; float: left; }
div.services td div ul { padding: 0 0 0 10px; margin: 10px 0 0; }

div.carouselPages { float: right; }

/* Homepage column lead form
******************************/
section.rightControlContainer div.leadForm { background-color: White; }
section.rightControlContainer div.leadForm h3 { color: #666666; }
section.rightControlContainer div.leadForm p { margin: 6px 0; clear: both; overflow: hidden; }
section.rightControlContainer div.leadForm table { width: 340px; margin: 0 auto; }
section.rightControlContainer div.leadForm td { padding-right: 6px; vertical-align: middle; }
section.rightControlContainer div.leadForm .checkin, section.rightControlContainer div.leadForm .checkout { margin-right: 10px; float: left; }
section.rightControlContainer div.leadForm span.required { font-size: 10px; }
section.rightControlContainer div.leadForm input, section.rightControlContainer div.leadForm textarea { margin-top: 2px; }



div.pageHeader span { color: White; font-size: 28px; font-weight: bold; margin: 22px 20px 0 0; float: right; }

nav.site ul { height: 35px !important; }
nav.site ul a { font-size: 18px !important; padding: 7px 14px !important; }
nav.site ul ul li a { width: 102px !important; }


.leftColumnContactInfo { overflow: hidden; clear: both; }
.leftColumnContactInfo h4 { color: #a7521a; font-size: 20px; margin: 0; padding: 0; }
.leftColumnContactInfo img { float: left; }
.leftColumnContactInfo p { margin: 6px 0 0; padding: 0; overflow: hidden; }
.leftColumnContactInfo p a { font-size: 14px; }
.leftColumnContactInfo p a:hover { text-decoration: none; }
.leftColumnContactInfo p strong { font-size: 14px; }

/* Site wide styles
******************************/
html, body  { background: #f7f5eb url(images/background.png) repeat-x; color: #666666; }
a { color: #2e6799; }

nav.site li:hover a, nav.site li a:hover { background-color: #dae5e5; }
nav.site li.current a { color: White; background-color: #79451f; }
nav.site ul ul li a, nav.site li.current ul li a, nav.site li:hover ul li a { color: #666666; background-color: #e5e1cf; }
nav.site ul ul li:hover a, nav.site ul ul li a:hover { color: #a7521a; background-color: #e5e1cf; }

h1, h2 { color: #a7521a; }
h3 { color: #2e6799; }

h1.pageTitle { color: White; }

div.pageHeader { background-color: #79451f; }
div.pageTitle { background-color: #79451f; color: White; }
div.content { background-color: White; }

footer { background-color: #b8cbcc; }
footer div.footerDivider { border-bottom: solid 1px #fff; }
footer p.logo span { color: White; }
footer li a { color: White; }
footer p.copyright { color: White; }
/* End */


/* lodging/guided-search
******************************/
div.lodgingMap { background-color: #79451f; }
div.lodgingMap span { color: White; }

div.lodgingLeadForm { border-color: #b8cbcc; }
div.lodgingLeadForm header { background-color: #b8cbcc; }
div.lodgingLeadForm section.leadForm div.leadForm { background-color: White; }
div.lodgingLeadForm section.leadForm header h2 { color: #666666; }
div.lodgingLeadForm section.leadForm header h3 { background-color: White; }

div.lodgingLeadForm section.leadForm section.footer { background-color: White !important; }
/* End */


/* about/guided-search.aspx
******************************/
div.aboutUs span.sectionTitle { color: #a7521a; }
/* End */


/* Privacy Policy, Terms, etc.
******************************/
div.PlainContent span.sectionTitle, div.plainContentModal span.sectionTitle { color: #a7521a; }
/* End */


/* travel-deals/guided-search.aspx
******************************/
div.dealsVacationServices { background-color: #f3f7fa; }
div.dealsVacationServices h2.vacationServicesTitle { color: #666666; }
div.dealsVacationServices div.vacationServicesContainer { background-color: #dbe5e6; }
div.dealsVacationServices div.vacationServicesContainer div.imagesContainer { background-color: White; }

div.MorePackages h2.morePackagesTitle { color: White; background-color: #79451f; }

div.MorePackages div.morePackagesContent h3 { color: #a7521a; }

div.MorePackages div.morePackagesContent div.contactUs p { color: #a7521a; }
div.MorePackages div.morePackagesContent div.contactUs p span.morePackagesPhone { color: #666666; }
/* End */


/* /vacation-services
******************************/
div.vacationServices span.service { color: #a7521a; }
/* End */


/* Property prices
******************************/
span.propertyPrice strong, span.price strong { color: #a7521a; }
/* End */

a.button, a.button span, a.buttonLight, a.buttonLight span, a.shortListButton, a.shortListButton span, a.shortListButtonLight, a.shortListButtonLight span,
a.buttonLarge, a.buttonLarge span, a.buttonDisabled, a.buttonDisabled span, a.buttonLargeDisabled, a.buttonLargeDisabled span, a.bookNowDisabled, 
a.bookNowDisabled span, a.bookNowButtonTest, a.bookNowButtonTest span {
    background: url(../images/sprite_button.png) no-repeat; outline: none; cursor: pointer; text-decoration: none;
}

/* Button Attributes
********************/
a.button, a.buttonLight, a.shortListButton, a.shortListButtonLight, a.buttonDisabled, a.buttonLarge, a.buttonLargeDisabled {
    float: left;
}

a.bookNowButtonTest { float: right; }

a.button, a.buttonLight, a.buttonDisabled { display: block; padding: 5px 0 5px 10px; }
a.button span, a.buttonLight span, a.buttonDisabled span { font-size: 13px; padding: 5px 10px 0 0; }

a.buttonLarge, a.buttonLargeDisabled { padding: 8px 0 8px 10px; }
a.buttonLarge span, a.buttonLargeDisabled span { font-size: 14px; padding: 8px 10px 8px 0; }

a.shortListButton, a.shortListButtonLight { display: block; padding: 5px 0 5px 6px; }
a.shortListButton span, a.shortListButtonLight span { font-size: 12px; padding: 5px 6px 5px 0; }

a.shortListButton { float: right; }
a.shortListButtonLight { float: left; }

a.button, a.shortListButton, a.buttonLight, a.shortListButtonLight, a.buttonLarge, a.optionButton { color: #315D6B; }
a.buttonDisabled, a.buttonLargeDisabled, a.bookNowDisabled { color: #c2cfd3; }

a.bookNowButtonTest { padding: 6px 0 7px 14px; }
a.bookNowButtonTest span { color: White; font-size: 18px; padding: 6px 14px 6px 0; }

/* Background Positioning
******************************/
a.button, a.shortListButton { background-position: 0 0; }
a.button span, a.shortListButton span { background-position: right -35px !important; }

a.buttonLight, a.shortListButtonLight { background-position: 0 -70px !important; }
a.buttonLight span, a.shortListButtonLight span { background-position: right -105px !important; }

a.buttonDisabled, a.bookNowDisabled { background-position: 0 -140px !important; }
a.buttonDisabled span, a.bookNowDisabled span { background-position: right -175px !important; }

a.buttonLarge { background-position: 0 -210px !important; }
a.buttonLarge span { background-position: right -255px !important; }

a.buttonLargeDisabled { background-position: 0 -300px !important; }
a.buttonLargeDisabled span { background-position: right -345px !important; }

a.bookNowButtonTest { background-position: 0 -390px; }
a.bookNowButtonTest span { background-position: right -435px; }

div.imageFrame, div.featuredDestinationCarousel div.imageFrame { margin-right: 5px; float: left; overflow: hidden; clear: left; }
div.imageFrame img { display: block; padding: 5px; }
div.imageFrameSml { margin: 4px; float: left; }
div.imageFrameSml img { display: block; padding: 2px; }
div.imageFrameLrg { margin-right: 5px; float: left; clear: left; }
div.imageFrameLrg img { display: block; padding: 8px; }

div.imageFrame, div.imageFrameSml, div.imageFrameLrg, div.featuredDestinationCarousel div.imageFrame { background-color: White; border-right: solid 1px #eee; border-bottom: solid 1px #ccc; border-left: solid 1px #eee; }
div.imageFrame img, div.imageFrameSml img, div.imageFrameLrg img, div.featuredDestinationCarousel div.imageFrame div { border-top: solid 1px #eee; border-right: solid 1px #ccc; border-bottom: solid 1px #999; border-left: solid 1px #ccc; }

div.featuredDestinationCarousel div.imageFrame { margin-bottom: 10px; }