html, body { background: url(../images/summer/bg_fill.jpg) repeat-y center; color: #666666; margin: 0; padding: 0; width: 100%; font-family: Arial; font-size: 12px; }
table { border-collapse: collapse; border: none; border-spacing: none; }
td { vertical-align: top; text-align: left; }
img { border: none; }
a { color: #2e6799; text-decoration: none; }
a:hover { text-decoration: underline; }
a.internal { color: #666666; }
section, header, footer, nav { display: block; clear: both; zoom: 1; }
p { zoom: 1; }
hr { color: #e6e1ce; background-color: #e6e1ce; border: none; height: 1px; clear: both; }

.clear { clear: both; width: 0; height: 0; margin: 0; padding: 0; display: block; }
.divider { border-bottom: solid 1px #e6e1ce; }

/**** Header Tags ****/
h1, h2, h3 { margin: 0; padding: 0; }
h1 { color: #b27b2d; font-size: 30px; }
h2 { color: #b27b2d; font-size: 24px; }
h3 { color: #676767; font-size: 16px; }

/**** Flags ****/
section.geo li { list-style-type: none; }

.usaSprite { background: url(../images/flag_sprite.png) no-repeat 0 -1px; height: 14px; }
.mexicoSprite { background: url(../images/flag_sprite.png) no-repeat 0 -16px; height: 14px; }
.canadaSprite { background: url(../images/flag_sprite.png) no-repeat 0 -31px; height: 14px; }
.argentinaSprite { background: url(../images/flag_sprite.png) no-repeat 0 -46px; height: 14px; }
.chileSprite { background: url(../images/flag_sprite.png) no-repeat 0 -61px; height: 14px; }

/**** Carousel BG ****/
div.carousel { background: #f7f5eb url(../images/torn_edge_3.png) no-repeat left bottom; width: 760px; height: 330px; }

/**** 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; }

div.featuredDestinationCarousel div.imageFrame div img { border: none !important; padding: 0 !important; }
div.featuredDestinationCarousel div.imageFrame div { padding: 5px 5px 8px; }
div.featuredDestinationCarousel div.imageFrame div label { font-size: 16px; margin: 0 5px; display: block; font-weight: normal; font-style: italic; }
 
/**** Master Pages ****/
div.container { background: url(../images/summer/bg.jpg) no-repeat top center; }
div.content { width: 990px; margin: 0 auto; }

div.singleColumnContent { width: 940px; margin: 0 auto; }

div.multiColumnContent { width: 760px; padding: 20px; float: right; }
div.leftNav { width: 165px; padding: 20px 0 20px 25px; float: left; }
div.leftNav hr { margin: 20px 0; }

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

/**** Page Header ****/
div.pageHeader { width: 100%; height: 110px; position: relative; }
div.pageHeader a { float: left; }
div.pageHeader span { color: #d99536; float: right; font-size: 28px; font-weight: bold; margin: 45px 20px 0 0; }

/**** Nav ****/
nav { width: 990px; height: 51px; position: relative;  }
nav ul { background-color: #003a66; height: 46px; margin: 0; padding: 0 0 0 20px; }
nav li { list-style-type: none; float: left; }
nav li a { color: White; font-size: 18px; display: block; padding: 12px 10px; outline: none; text-decoration: none; }
nav li a:hover, nav li.current a { color: White; background-color: #d99536; }

nav.home { background: url(../images/nav_ends.png) no-repeat; width: 996px; height: 51px; margin: 0 auto; padding: 0; position: relative; top: 12px; left: -3px; z-index: 2; }
nav.home ul { background-color: #003a66; width: 960px; height: 45px; margin: 0 auto; padding: 0; }
nav.home div { background: url(../images/dropshadow_fill.png) repeat-x; width: 960px; height: 6px; margin: 0 auto; padding: 0; }
nav.home li a { font-size: 18px; display: block; padding: 12px 11px; outline: none; text-decoration: none; }
nav.home li a, nav.home li a:hover, nav.home li.current a:hover { color: White; }

/**** Right Columns ****/
div.rightColumn { width: 280px; margin-left: 20px; float: left; }
div.rightColumn section, div.ideas td section { background: #f7f5eb url(../images/torn_edge_3.png) no-repeat left bottom; margin-top: 20px; padding: 5px; }
div.rightColumn section span { display: block; margin-bottom: 5px; }
div.rightColumn section h2 { color: #666666; }
div.rightColumn section a.buttonLight { float: right; margin-top: 5px; }
div.rightColumn section a.buttonLight span { display: inline; }
div.rightColumn section p { background-color: White; padding: 15px; margin: 5px 0 16px 0; }

div.promoRightColumn { width: 280px; margin-left: 20px; float: right; }
div.promoRightColumn section { margin-top: 20px; padding: 5px; }

div.ideas td section { width: 230px; margin: 0 13px 0 0; padding: 6px; }
div.ideas td section h3 { color: #666666; font-size: 16px; margin: 5px 0; }
div.ideas td section p { margin: 0 0 34px 0; padding: 0; }
div.ideas td section a.view { margin: 5px 0 0; float: right; }

/**** Footer ****/
footer div { margin: 0 auto; width: 990px; padding: 20px 0 6px 0; position: relative; }
footer p.logo { padding: 15px 0; margin: 0; }
footer p.logo span { font-size: 18px; position: relative; top: 10px; }
footer p.logo img { position: absolute; right: 0; top: 20px; }

footer ul { width: 600px; 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 { position: absolute; right: 0; top: 90px; }
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 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; }

/**** ideas/guided-search.aspx ****/
div.ideas section.resorts { width: 455px; float: left; }
div.ideas section.resorts h2 { font-size: 28px; padding-bottom: 10px; }
div.ideas section.resorts p .price { display: block; font-size: 18px; text-align: right; margin-top: 5px; }
div.ideas section.resorts p .price strong { color: #b27b2d; }

div.ideas div.promotionColumn { width: 282px; float: right; }

div.ideas section.seo h2 { color: #666666; font-size: 21px; margin-bottom: 10px; }
div.ideas section.seo table { width: 100%; }
div.ideas section.seo td { width: 33%; padding: 8px 0; }
div.ideas section.seo td a { font-size: 14px; }

/******** ideas/lodging-ideas/[Location]/guided-search.aspx ********/
section.travelGuide { color: White; background: #00385e url(../images/torn_edge_4.png) no-repeat left bottom; font-size: 14px; width: 900px; padding: 15px 20px 30px; }
section.travelGuide h2 { font-size: 21px; margin-bottom: 5px; }
section.travelGuide p { margin-bottom: 0; }

div.targetedLandingContainer { background: #f7f5eb url(../images/torn_edge_3.png) no-repeat left bottom; margin: 20px 0; padding: 20px 0; }
div.targetedLandingContainer table { clear: both; margin: 0 auto; }
div.targetedLandingContainer td { border: solid 4px #f7f5eb; }
div.targetedLandingContainer td .propertyCard { background-color: White; width: 280px; height: 200px; padding: 10px; }

.targetedLandingContainer table.pagingContainer { float: right; }

div.carouselPages { float: right; }

/**** ideas/top-10-[Activity] ****/
div.top10 section table { width: 100%; }
div.top10 section td { width: 33%; }
div.top10 section ul { margin: 0; padding: 20px 0; }
div.top10 section li { margin-bottom: 5px; list-style-type: none; }
div.top10 section li h2 { color: #2e6799; font-size: 20px; }
div.top10 section li h2 a { font-weight: normal; margin-left: 0; display: inline; }
div.top10 section li a { display: block; margin-left: 24px; }

div.top10 section span.price {  }
div.top10 section span.wasPrice { display: block; }

div.top10 div.properties { background-color: #f3f7fa; width: 750px; padding: 5px 1px 5px 5px; }

/**** ideas/resorts/guided-search.aspx ****/
div.resorts  { background-color: #f7f5eb; padding: 26px 8px; }
div.propertyContainer { background-color: White; width: 226px; height: 275px; border: solid 5px #e5e1cf; padding: 5px; }
div.propertyContainer div.titleLocation h3 { font-size: 18px; font-weight: normal; padding-bottom: 5px; }
div.propertyContainer ul { padding: 15px 0 15px 15px; margin: 0;  clear: both; }
div.propertyContainer div.viewDetailsBtn { float: right; }
/**** ideas/resorts/[Resort-Name]/guided-search.aspx ****/
div.travelGuide section {  width: 460px; float: left; }

/**** vacation-rentals/guided-search.aspx ****/
div.destinationIndex { padding: 20px; }
div.destinationIndex h1 { padding-bottom: 20px; }
div.destinationIndex table { width: 100%; }
div.destinationIndex section.geo h2 { color: #676767; font-size: 16px; padding-left: 20px; margin: 0 0 10px 7px; }
div.destinationIndex section.geo h3 { color: #676767; font-size: 12px; margin-left: 7px; }
div.destinationIndex section.geo ul { margin: 4px 0 20px; padding: 0 0 0 14px; }
/******** vacation-rentals/[resort-name_STATE]/guided-search.aspx ********/
div.resortDestination header p { float: left; width: 440px; }
div.resortDestination header div.imageFrame { float: right; clear: none; position: relative; top: -30px; }

div.resortDestination section.popularDestination { padding-bottom: 20px; }
div.resortDestination section.popularDestination h2 { margin-bottom: 10px; padding-top: 20px; }
div.resortDestination section.popularDestination table { width: 100%; }
div.resortDestination section.popularDestination td { width: 50%; }
div.resortDestination section.popularDestination td a { margin-top: 0; }
div.resortDestination section.popularDestination td p { margin-top: 0; }

div.resortDestination section.featuredProperties { background: #f1f6f8 url(../images/torn_edge_sml_light_blue.png) no-repeat left bottom; width: 440px; margin-top: 20px; padding: 5px 5px 20px; float: left; }
div.resortDestination section.featuredProperties h3 { color: #003a66; font-size: 21px; }
div.resortDestination section.featuredProperties a.seeAllProperties { float: right; padding-bottom: 5px; }

/**** lodging/guided-search.aspx ****/
div.promotionLeftNav span { display: block; }
div.promotionLeftNav a { display: block; float: right; padding-top: 10px; }
div.promotionLeftNav div.leftNavDivider { margin-bottom: 10px; padding-bottom: 10px; }

section.seoSection table { width: 760px; }
section.seoSection td { width: 33%; text-align: left; }
section.seoSection td ul { padding: 0; }
section.seoSection td li { list-style-type: none; margin-bottom: 10px; }

section.map { background-color: #00385e; width: 750px; padding: 5px; }
section.map h2 { color: White; margin-bottom: 5px; }

/**** deals/guided-search.aspx ****/
div.morePackages div.morePackagesContent { clear: right; float: right; height: 100%; padding: 20px; width: 720px; }
div.morePackages div.morePackagesContent h2.title { font-size: 28px; padding-bottom: 15px; }
div.morePackages div.morePackagesContent label.subtitle { color: #b27b2d; font-size: 18px; }
div.morePackages div.morePackagesContent table { width: 100%; }
div.morePackages div.morePackagesContent td { width: 50%; padding: 0 20px 10px 0; }
div.morePackages div.morePackagesLeftNav { clear: left; float: left; padding: 20px 0; width: 160px; }
div.morePackages section.tripDetail { padding-left: 10px !important; }

div.dealsVacationServices { background: #00385e url(../images/torn_edge_4.png) no-repeat left bottom; }
div.dealsVacationServices h2.vacationServicesTitle { color: White; background-color: #003a66; }
div.dealsVacationServices div.vacationServicesContainer { background-color: White; }

div.dealsVacationServices { width: 930px; padding: 5px 5px 20px; margin-top: 15px; }
div.dealsVacationServices h2.vacationServicesTitle { font-size: 30px; margin: 0; padding: 5px 0 5px 20px; }
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: 25px; }

/******** deals/packages/guided-search.aspx ********/
div.dealsPackages h2 { display: inline; }

/**** /search-results.aspx ****/
div.pageTitle { display: none; }

span.checkInOut { font-weight: bold; font-size: 12px; display: block; }
img.calendarSmlIcon { padding-right: 4px; float: left; cursor: pointer; }

/**** About Us ****/
div.aboutUs { min-height: 460px; }

/**** Bread Crumb ****/
.breadCrumb { font-size: 15px; display: block; margin: 5px 0 0 30px; }

/**** Vacation Services ****/
div.vacationServices { padding-right: 20px; }
div.vacationServices span.service { font-size: 18px; display: block; }
div.vacationServices p { margin-top: 5px; }
div.vacationServices p label { font-size: 13px; font-weight: bold; }
div.vacationServices a { float: right; }
div.vacationServices table { width: 100%; }
div.vacationServices td { padding: 10px 0; }


/* Search Results Filters
******************************/
div.datesOfStay span.datesOfStayTitle { font-family: Arial !important; }
/* End */


/* Search Results Filters
******************************/
div.currentCriteria { margin-bottom: 30px; overflow: hidden; }

div.refinementDetails div.filterContainer { overflow: hidden; width: 162px; margin-top: 30px; }
div.refinementDetails div.filterContainer .deals { padding-bottom: 10px; }
div.refinementDetails div.filterContainer .virtualTours, div.refinementDetails div.filterContainer .deals { overflow: hidden; }
div.refinementDetails div.filterContainer h4, div.currentCriteria h4 { font-size: 18px; font-weight: normal; margin: 0; }
div.refinementDetails div.filterContainer div.actionButtons { margin-top: 15px; }
div.refinementDetails div.filterContainer a.button, div.refinementDetails div.filterContainer a.buttonLight { float: right; }
div.refinementDetails div.filterContainer a.button { margin-left: 10px; }
/* End */

/**** Master Pages ****/
div.leftNavDivider { border-bottom: solid 1px #d9d5c4; }

/**** Footer ****/
footer { background-color: #666666; }
footer p.logo { border-bottom: solid 1px #fff; }
footer p.logo span, footer li a, footer p.copyright { color: White; }

/**** Vacation Services ****/
div.vacationServices span.service, div.vacationServices p label { color: #b27b2d; }

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


/* Search Results Filters
******************************/
div.refinementDetails div.filterContainer h4, div.currentCriteria h4, div.refinementTitle, div.datesOfStay span.datesOfStayTitle,
span.searchResultsHeaderTitle, span.propertyPrice strong, span.price strong, p.propertyPrice { color: #b27b2d !important; }
/* End */