
.replaced { position:relative; display:block; }
.replaced span { position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; z-index:100; }
.localLanguage {font-style:italic;} /* Class applied to content in other languages, i.e. that have a 'lang' attribute applied */

pre {font-family:Arial, Helvetica, sans-serif;}

/* MPU in main content */
#leaderBoard, .inlineLeaderBoard {position:relative; background:#f3f2e8; padding:18px 0 14px 2px; color:#7d7c74; margin-bottom:10px; text-align:center}
#mpu {position:relative; height:270px; width:477px; background:#f3f2e8; padding:18px 0 14px 2px; color:#7d7c74; margin-bottom:10px; text-align:center; float:left}
#mpuSecondary{background:#f3f2e8; padding:0 0 7px 0; color:#7d7c74; margin-bottom:10px; float:left; clear:left; text-align:center; height:auto!important}
#mpuSecondary p{display:none;}
#mpuSponsorLrg {position:relative; width:479px; background:#fff; padding:0; margin-bottom:10px; float:left}

#mpu p{text-transform:uppercase; font-size:0.8em; text-align:center; margin-bottom:4px; display:block;}
#mpu table {margin-left: auto;margin-right: auto;}

#mainContent #mpu {margin-bottom:0; border-bottom:none; background:#F3F2E8 url(space-white-vert.gif) repeat-x left bottom}

#mpuInContent {position:relative; height:250px; width:300px; margin:0 0 21px 10px; float:right}
#mpuInContent p{text-transform:uppercase; font-size:0.8em; text-align:center; margin-bottom:14px; display:block;}

/* MPU in sidebar */
#sidebar #mpu, .module #mpu, #sidebar #mpuSecondary  {padding:7px 0 7px 0; border-bottom:1px solid #dfdedb; background:#f3f2e8 url(space-white-vert.gif) repeat-x bottom left; width:316px!important; margin-bottom:3px; position:relative; height:270px;text-align:left}
#sidebar #mpu p, .module #mpu p{float:none; margin-left:0; padding-left:7px;}
#sidebar #mpuSecondary{text-align:center}
.module #mpu {margin-bottom:3px}

#mpu .mpuInner{position: relative; z-index: 10; }
#mpu .mpuInner .adContainer{position: relative;z-index: 999999; text-align:center; width:475px}
#sidebar #mpu .mpuInner .adContainer{position: absolute;z-index: 999999;width:316px!important}

#mpuShopPromo{margin-bottom:.7em}

/* Sponsorship */
.sponsoredHead{margin-top:3px; float:right; color:#fff}
.sponsoredHead p{display:none;}

/* Breadcrumb */
#breadcrumbWrap {width:100%; background:#d6ccc0; position:absolute; left:0; top:153px; float:left;}
#breadcrumbWrap.posChange {position:relative; z-index: 11;}
#breadcrumbWrap #breadcrumb {margin:0 auto; width:965px; font-size:1.35em; font-weight:bold;}
#breadcrumb { line-height: 1.4; position:relative;}
#breadcrumb a {display: block; overflow: hidden; padding:7px 10px 6px 10px; color:#333}
#breadcrumb a.dropDown { padding: 0px; }
#breadcrumb li { float: left; position: relative; margin-right:3px; background:url(breadcrumb-bg-new.gif) no-repeat right 7px; }
* html #breadcrumb li * { position: relative; }
#breadcrumb li, #breadcrumb ul { margin: 0; padding: 0; }
#breadcrumb ul.onScreen {left:0;}

#breadcrumb li li { float: none; position: static; width: 100%; background:none; font-weight:normal; margin-right:0;}
#breadcrumb li li li {font-size:1.4em; line-height:1.52;}
#breadcrumb li li a, #breadcrumb li li a:hover, #breadcrumb li li a:active { background: none; height: auto; padding:0; text-indent: 0; width: 76%; margin:5px 0 0 10px;}
#breadcrumb li ul {background: #f5eee6; left: -9999px; line-height: 1.5; position: absolute; z-index:1000005; font-size:0.7em; width:150px; /*padding-top:3px;*/ padding-bottom:50px;}
#breadcrumb li.oneCol ul {line-height: 1.3; width:150px;}
#breadcrumb li.oneCol .col {float: left; width:150px;}
#breadcrumb li.oneCol .col ul {border: 0; position: static; width: 100%; padding-bottom:10px;}
#breadcrumb li.twoCol ul {line-height: 1.3; width:300px;}
#breadcrumb li.twoCol .col {float: left; width:150px;}
#breadcrumb li.twoCol .col ul {border: 0; position: static; width: 100%; padding-bottom:10px;}
#breadcrumb li.threeCol ul {line-height: 1.3; width:450px;}
#breadcrumb li.threeCol .col {float: left; width:150px;}
#breadcrumb li.threeCol .col ul {border: 0; position: static; width: 100%; padding-bottom:10px;}
#breadcrumb li .col {float:left; overflow:hidden;}
#breadcrumb li.seeAll {border-top:1px solid #c5beb8; background:url(arrow-orng.gif) no-repeat 0 8px;  width:130px; margin-left:10px; margin-bottom:15px; position:absolute; bottom:0; line-height:1.2em}

#breadcrumb li.twoCol li.seeAll {width:280px;}
#breadcrumb li.threeCol li.seeAll {width:430px;}

#breadcrumb strong {text-transform:uppercase; color:#645d57; margin-left:10px;}

#breadcrumb li.last {background:none;}
#breadcrumb li.over { background: none; background-color:#f5eee6; background-position:right -475px;}

#breadcrumb li span {display:block; border-right: none; padding-bottom:6px; padding-right:12px;}
#breadcrumb li span.shadow {border-right: 2px solid #969696; padding-right: 10px;}
#breadcrumb li span a {display:inline; color:#333}
#breadcrumb li span a:hover{color:#8E8E8E}
#breadcrumb li img {display:inline; margin-top:10px; cursor:pointer;}

#breadcrumb li img.arrow {background-image: url('arrow-down.gif');}
#breadcrumb li.over img.arrow {background-image: url('arrow-down-half-hilite.gif');}
#breadcrumb li img.arrow.over {background-image: url('arrow-down-full-hilite.gif');}

#breadcrumb ul.wrapper {padding-top:7px; border-right:2px solid #969696; border-bottom:2px solid #969696;}

/* Google map */
#mapWrap {width:100%; border-bottom:7px solid #cdc3b7; /*background:#99B3CC;*/ float:left}
#map {/*margin:0 auto; width:965px;*/ height:280px; display:none; background: url(/static-ui/images/throbber.gif) no-repeat 50% 50%;}
#map img {float:left;}
#mapTab {width:965px; margin:0 auto; margin-bottom:7px; position:relative; top:0; left:-6px; clear:both; height:34px}
#mapTab .toggleMap{background:url(mapTabClosed.gif) top left no-repeat; width:167px; display:block; padding-top:5px; height:34px; display:none}
#mapTab .toggleMap.open{background:url(mapTabOpen.gif) top left no-repeat;}

#map_throbber {width: 43px; height: 11px; background: url(/static-ui/images/throbber.gif) no-repeat 50% 50%;}

#container {width:965px; margin:0 auto;}

/* ------ Global Styles------ */

.clearBoth{clear:both}
.listDisplayControls {padding-bottom:0; float:right; clear:right; font-size:0.9em;}
.listDisplayControls select {font-size:0.9em;}
.listDisplayControls input {position:relative; top:5px;}

.reviewPagination{float:left; padding:12px 5px 12px 5px;}
.reviewPagination ul{float:right; clear:both; padding:0;}
.reviewPagination p {font-size:0.9em;}

.ecomComponent h2 {color:#7D7D74;}
.ecomComponent h2 a{text-transform:uppercase; font-weight:bold; font-size:1em; color:#333;}
.ecomComponent h2 a:hover{color:#0077cc}

#content .lpComponent h2 {text-transform:uppercase; font-weight:bold; font-size:1.15em;}
#content .lpComponent h3 {font-size:1em;}

blockquote {font-size:1.15em; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; padding-left:25px; background:url(quote-open.gif) no-repeat 0 2px; }
blockquote a {color:#666;}
blockquote img {margin-left:7px;}

a.linkChevron{background:url(arrow-orng.gif) no-repeat 0 4px; padding-left:9px; float:left; color: #333333 !important; }
a.linkChevron.medium{background:url(arrow-orngMed.gif) no-repeat 0 4px; padding-left:12px; }
a.linkChevronBack{background:url(arrow-orng-left.gif) no-repeat 0 4px; padding-left:9px; color: #333333;}
a.linkChevron:hover, a.linkChevron:focus, a.linkChevron:active, a.linkChevronBack:hover, a.linkChevronBack:focus, a.linkChevronBack:active {text-decoration:underline !important; color:#0077cc !important;}

p.callToAction {font-size:.9em;}

a.toggleMap, .destinationMapLink a.toggleMap.pin{display:none}

#sidebar h2 {font-size:1.15em; text-transform:uppercase;}
#mainSidebar h2 {font-size:1.15em; text-transform:uppercase;}

.actionErrors {margin: 0 auto 14px;width: 459px;padding: 10px; background-position: 11px 12px; background-color: #ffdfe0;}
.errorMessage {color:#df2727; clear:both; width:100%; background:url(icon-exclamation.gif) no-repeat 0 2px; padding: 0 0 3px 20px;}

/*Section Nav*/
.sectionNav {float:left; border-bottom:1px solid #dbdbd9; width:317px; font-size:1em; padding-bottom:14px;}
.sectionNav h2 {margin-bottom:5px; margin-left:5px}
.sectionNav li {width:155px; float:left; margin-right:3px; margin-bottom:1px;}
.sectionNav li p {color:#333; width:145px; float:left; padding:2px 5px;}
.sectionNav li a {color:#333; width:145px; float:left; padding:2px 5px;}
.sectionNav li a.toggleMap:focus {background:none; color:#333!important}
.sectionNav li a span {color:#7d7d72;}
.sectionNav li a.toggleMap span {padding:0; color:#333;}
.sectionNav li a.toggleMap:focus span.toggleMapText {background:none; color:#333!important;}
.sectionNav li a:active span.toggleMapText {text-decoration:none;}
.sectionNav li a:hover span, .sectionNav li a:focus span, .sectionNav li a:active span {color:#fff;}
.sectionNav li a:hover, .sectionNav li a:focus, .sectionNav li a:active {text-decoration:none;}
.sectionNav li ul {margin:7px 0 21px 14px; display:inline; }
.sectionNav li ul li a{width:131px; float:right;}

.sectionNav li.highlight a {font-weight:bold; background-color:#409C20; color:white;}
.sectionNav li.section p {font-weight:bold; background-color:#409C20; color:white;}
.sectionNav li.section ul li a.highlight {color:#000 !important; font-weight:bold; background-color:#F4F1E8 !important; }
.sectionNav li.section ul li a.highlight:hover {color:#000 !important; }
.sectionNav li.section ul li a {margin-top:1px;}


/* Destinations - AutoComplete */
form#destAc{display:none;}
.ac_results {padding: 0px; border: 1px solid #dfdedb; background-color: #fff; overflow: hidden;}
.ac_results ul {width: 100%; list-style-position: outside;list-style: none;padding: 0; margin: 0;}
.ac_results iframe {display:none;/*sorry for IE5*/display/**/:block;/*sorry for IE5*/position:absolute;top:0;left:0;z-index:-1;filter:mask();width:3000px;height:3000px;}
.ac_results li {margin: 0px;padding: 2px 5px;cursor: pointer;display: block;width: 100%;font: menu;font-size: 12px;overflow: hidden;}
.ac_loading {background :#fff url('ac-indicator.gif') 98% center no-repeat;}
.ac_over {background-color: #04c6e3; color: #fff;}

/*Select Places sidebar navigation */
.selectPlaces{padding:7px 0 15px 5px; width:312px; float:left; border-bottom:1px solid #dfdedb; margin-bottom:3px;}
.selectPlaces ul{float:left; width:155px; font-size:.9em; margin-top:7px}
.selectPlaces li{line-height:1.6em;}

.showMore {display:none; font-weight:bold; }
.showMore a{background:transparent url(readMoreArrowClosed.gif) no-repeat scroll left 4px; color:#000000;font-weight:bold;padding-left:13px; float:left}
.showMore a:hover,.showMore a:focus,.showMore a:active{color:#0077cc!important}
.showMore.reveal a{background:transparent url(readMoreArrowOpen.gif) no-repeat scroll left 7px;}
.theHiddenContent{clear:both}

/* Sidebar 'accordion' promo */
.accordion {width:317px; margin-top:7px; border-bottom:1px solid #dfdedb; float:left;}
.accordion div{float:left}
.accordion h2{margin:0 0 7px 4px}
.accordion h3{padding-bottom:2px; clear:both; font-weight:normal; font-size:.9em;}
.accordion h3 a {width:292px; display:block; padding:6px 5px 6px 20px; background:#edebde url(topTrips-arrow-off.gif) no-repeat .5em .8em; text-decoration:none; color:#333}
.accordion h3 a:hover {background:#ccc9bd url(topTrips-arrow-off.gif) no-repeat .5em .8em; display:block; text-decoration:none; color:#333}
.accordion h3.selected a, .basic h3.selected a:hover{background:#ccc9bd url(topTrips-arrow-on.gif) no-repeat .5em 1em!important; text-decoration:none; color:#333333}

.accordion ol{list-style-type:none; padding:0 0 0 5px; float:left; clear:both;}
.accordion ol li {border-bottom:1px solid #dfdedb; width:307px; clear:both; float:left; padding:5px 0; }
.accordion ol li.last{border-bottom:none}
.accordion ol li a.tripImage, .basic ol li a.tripImage img {float:left; clear:both; }
.accordion ol li p {width:231px; float:left; font-size:1.5em; color:#7D7D74; margin-left:10px;}
.accordion ol li p a {font-weight:bold; font-size:0.65em;}
.accordion ol li p img {float:left;}
.accordion p.callToAction {padding:10px 0 10px 5px; float:left;}

.accordion ul {float:left; clear:left; margin:8px 0 0 0; width:98%; padding-bottom:10px}
.accordion ul li {float:left; font-size:0.9em; background:url(arrow-orng.gif) no-repeat left center; padding-left:8px; margin-right:30px; }

/* Blogs sidebar promo */
.blogs {float:left; border-bottom:1px solid #dfdedb; width:313px; margin-bottom:3px; padding:11px 0 17px 4px;}
.blogs h2 {margin-bottom:12px;}
.blogs div {float:left;}
.blogs h3 {margin-bottom:5px; font-size:1.3em; font-weight:normal;}
.blogs .author {margin-bottom:17px;}
/*.blogs ul {float:left; clear:left; width:307px;}*/
.blogs li {float:left; font-size:0.9em; background:url(arrow-orng.gif) no-repeat left center; padding-left:8px; margin-right:30px;}
/* Blogs main content promo */
#mainContent .blogs {width:473px; margin-bottom:14px; padding-top:0;}
#mainContent .blogs h2 {font-size:2em; font-weight:normal; color:#7D7D74; margin-bottom:3px;}
#mainContent .blogs .blogLink {font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#7d7d72;}
#mainContent .blogs p.intro {font-size:1.3em; color:#848379; margin-bottom:13px;}

#mainContent .blogs ul {width:469px;}

/* FAQs sidebar promo */
.forumQuotes {float:left; border-bottom:1px solid #dfdedb; width:307px; padding:15px 5px 17px; margin-bottom:3px; overflow:hidden;}
.forumQuotes q, .forumQuotes p {font-size:0.9em; color:#666;}
.forumQuotes p a {font-weight:bold;}
.forumQuotes p span {font-weight:bold;}
.forumQuotes q a {font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; color:#333; line-height:1.2; margin:13px 0 4px; float:left; width:100%;}
.forumQuotes q a:hover, .forumQuotes q a:focus, .forumQuotes q a:active {color:#777;}
.forumQuotes ul {float:left; clear:left; margin-top:13px;}
.forumQuotes li {float:left; font-size:0.9em; background:url(arrow-orng.gif) no-repeat left center; padding-left:8px; margin-right:30px;}


/* Related groups sidebar promo */
.relatedGroups {float:left; border-bottom:1px solid #dfdedb; width:313px; margin-bottom:3px; padding:13px 0 17px 4px;}
.relatedGroups ul {float:left; clear:left; margin-top:13px;}
.relatedGroups li {float:left; font-size:0.9em; background:url(arrow-orng.gif) no-repeat left center; padding-left:8px; margin-right:30px;}

/* Tips and Articles & About US/legal/help etc */
.imgCaption{color:#7D7D74; font-size:.9em!important}
p.tags{display:block; font-size:.9em;}
p.tags a, p.tags a:visited{font-weight:normal!important; color:#0077cc}
.featureArticle #contentBody h2{font-size:2.6em; font-weight:normal; margin-right:21px;  line-height:1.1em;}
.featureArticle #contentBody h3{font-size:1.4em; font-weight:normal; line-height:1.6em; margin-bottom:7px; margin-right:21px; line-height:1.2em}
.featureArticle #contentBody h4{font-size:1.2em; line-height:1.6em; margin-right:21px;  line-height:1.2em}
.featureArticle #contentBody h3 a, .featureArticle #contentBody h4 a{color:#333}
.featureArticle #contentBody h3 a:hover, .featureArticle #contentBody h4 a:hover{color:#0077cc}
.featureArticle #content .lpComponent h3 {font-weight:bold; margin-bottom:2px}

.featureArticle #contentBody a, .featureArticle #articleBody a:focus, .featureArticle #articleBody a:active {color:#0077cc; font-weight:bold;}
.featureArticle #contentBody a:hover {color:#0077cc;}

.featureArticle #contentBody ul, .featureArticle #contentBody ol {margin-bottom:1.5em; padding:0; list-style-position:outside;}
.featureArticle #contentBody ul li, .featureArticle #contentBody ol li {font-size:1em; margin-left:2em; padding-bottom:.25em; margin-bottom:.7em}
.featureArticle #contentBody ul li {list-style-type:disc;}
.featureArticle #contentBody ol li{list-style-type:decimal;}

.featureArticle #contentBody p{margin-bottom:18px; line-height:1.6em;}
.featureArticle #contentBody p.intro{font-size:1.4em; color:#7d7d72; line-height:1.4em; margin-bottom:12px;}
.featureArticle #main p.pageOf{color:#7d7d72; font-size:1em}
.featureArticle #main p.back{border-bottom:1px solid #dfdedb; margin-bottom:1em; font-size:.9em; padding:1em 0 1.3em 0; margin-right:0;}
.featureArticle #main p.articleDate{float:none; margin:0 0 16px 0; line-height:1.2em; color:#7d7c74; font-size:0.9em}

.featureArticle #contentBody img {float:left; margin:6px 7px 7px 0; width:231px;}
.featureArticle #contentBody img.medium {width:280px}
.featureArticle #contentBody img.large {width:469px}

.featureArticle #contentBody h2.themeHeading {font-weight:bold}
.featureArticle #main .sectionNav {margin-top:14px}

.featureArticle #main blockquote * {font-family:Georgia,'Times New Roman',Times,serif; }
.featureArticle #main blockquote {width:225px; margin:0 14px 0.5em 0; float:right; font-size:1.3em; font-weight:bold;text-align: left;text-indent:14px;background: url(quoteOpenArticle.gif) 24px 4px  no-repeat;}
.featureArticle #main blockquote.bqLeft{float:left; padding-left:0; background-position:0 0;}
.featureArticle #main blockquote p {line-height:1.4em; margin:0; display:inline; padding-right: 14px;
background:url(quoteCloseArticle.gif) bottom right no-repeat; }

.featureArticle #main .author{margin:0 0 14px 0; float:none}
.featureArticle #contentBody .author .authorDetails {float:none}
.featureArticle #contentBody .author .authorDetails ul {margin-bottom:0; float:none; list-style-position:outside;}
.featureArticle #contentBody .author .authorDetails li {font-size:0.9em;}

.featureArticle #contentBody .mediaBlock .mbThumbs ul li {margin-left:0; list-style-type:none;}
.featureArticle #contentBody .mediaBlock img {width:100%}

.featureArticle .tipsArticleHead {margin-bottom:14px}

.showFullPage a, .showFullPage a:focus, .showFullPage a:active {color:#0077cc; font-weight:bold;}
.showFullPage a:hover {color:#0077cc;}
.featureArticle #main .showFullPage{clear:both; float:right; margin-right:7px}
.infoBox {background:#f1f8ff; padding:14px 21px; margin:0 7px 15px 0; border:solid 1px #9FCFFF; }
.featureArticle #contentBody .infoBox ul li {margin-left:1.2em; list-style-position:outside;}

/* Tips and Articles OLD */
featureArticle #articleBody {padding-left:7px}
.featureArticle #articleBody ul{margin-bottom:1.5em; margin-right:21px; padding:0; }
.featureArticle #articleBody li{font-size:1em; list-style-type:disc; margin-left:2.5em; padding-bottom:.25em}
.featureArticle #articleBody a, .featureArticle #articleBody a:focus, .featureArticle #articleBody a:active {color:#0077cc; font-weight:bold;}
.featureArticle #articleBody a:hover {color:#0077cc;}

.featureArticle #articleBody ul.anchor li {list-style:none; padding:0; margin:0}
.featureArticle #articleBody ul.anchor li a {font-weight:bold; color:#0077cc;}
.featureArticle #articleBody ul.anchor li a:hover {color:#0077cc;}

.featureArticle #articleBody p{font-size:1.1em; margin-bottom:21px; margin-right:21px; line-height:1.5em; }
.featureArticle #articleBody .intro{font-size:1.6em; color:#7d7d72; line-height:1.4em; margin-bottom:19px;}

.featureArticle #articleBody .author{margin:14px 0 0 0;}
.featureArticle #articleBody .author .authorDetails {float:none}
.featureArticle #articleBody .author .authorDetails ul {margin-bottom:0}
.featureArticle #articleBody .author .authorDetails li {font-size:0.9em}

/*::::::::::::::: PAGINATION CONTROLS (UL/LI BASED) ::::::::::::::::::::::::::::::::::::::::*/
.pagination {background:#fff url(fieldset-bottom.gif) repeat-x bottom left; padding:14px 0}
.pagination p {padding:0.35em 0 0 7px;}
ul.gl_pagination_control {display:block; float:right; padding:0; border:none;  margin:0 3px 0 0; font-size:.8em;}
ul.gl_pagination_control li {display:inline; float:left; background:#ffffff; list-style:none; padding:0; margin:1px 3px 0 0; font-size:1.2em; }
ul.gl_pagination_control li * {border:solid 1px #dfdedb; }
ul.gl_pagination_control li a, ul.gl_pagination_control li a:visited { display:block; color:#333; padding:2px 6px}
ul.gl_pagination_control li.seperator{color:#333; padding:4px 3px 0 3px}

ul.gl_pagination_control li a:hover {background:#0186cb; color:#fff; border-color:#0066cc; text-decoration:none;}
ul.gl_pagination_control li.current a {background:#707165; color:#fff; font-weight:bold; border-color:#707165;}
ul.gl_pagination_control li.current a:visited {color:#fff;}
ul.gl_pagination_control li.inactive a, ul.gl_pagination_control li.inactive a:hover, ul.gl_pagination_control li.inactive a:visited {color:#000; background:#fff; border-color:#D9D9DB; text-decoration:none; cursor:wait;}
ul.gl_pagination_control li.prev  {margin-right:14px;}
ul.gl_pagination_control li.next  {margin-left:11px;}
ul.gl_pagination_control li.next a.linkChevron {background-position: 37px 7px; padding:2px 0 2px 8px; width:42px }
ul.gl_pagination_control li.prev a.linkChevronBack {background-position: 7px 7px; padding:2px 0 2px 15px; width:35px}
ul.gl_pagination_control li.next a.linkChevron:hover{color:#fff !important; border-color:#0066cc; text-decoration:none !important; background: #0186CB url(arrow-white.gif) no-repeat 37px 7px;}
ul.gl_pagination_control li.prev a.linkChevronBack:hover{color:#fff; background: #0186CB url(arrow-white-left.gif) no-repeat 7px 7px; border-color:#0066cc; text-decoration:none;}
ul.gl_pagination_control li.prev *, ul.gl_pagination_control li.next * {border-color:#cbcbc6;}
ul.gl_pagination_control li span{padding:2px 0}

ul.gl_pagination_control li.pageNo {padding-top:3px}

/*::::::::::::::: END PAGINATION CONTROLS (UL/LI BASED) ::::::::::::::::::::::::::::::::::::::::*/

/*::::::::::::::: START LISTING/SORTING CONTROLS  ::::::::::::::::::::::::::::::::::::::::::::::*/
#listingFilter {float:left; margin-bottom:0;}
#listingFilter .addSight img {float:left; margin: 0 0 13px 5px;}
#listingFilter .views img {float:right; margin:0 5px 13px 0;}
#listingFilter fieldset legend {display:none}
#listingFilter fieldset label {float:left; margin-right:5px; padding-top:4px}

#listingFilter .sortBy {font-size:0.9em; clear:both; border-bottom:1px solid #dfdedb; padding:5px 0 0 5px; width:717px; height:40px; }
#listingFilter .sortBy p {float:left; margin-top:3px}
#listingFilter .sortBy ul li {float:left; padding:2px 0 0 7px;}
#listingFilter .sortBy ul li a { padding:0 7px 0 0;}
#listingFilter .sortBy ul li.current {font-weight:bold; background:#e6e6e6 url(sortby-left.gif) top left no-repeat; height:18px; }
#listingFilter .sortBy ul li.current a { padding:0 0 0 0;}
#listingFilter .sortBy ul li.current span {background:#e6e6e6 url(sortby-right.gif) top right no-repeat; height:18px; padding:3px 7px 3px 0;}
#listingFilter .sortBy ul li.separator {background:url(vertical-separator-light.gif) no-repeat center 5px; height:14px;}
#listingFilter .sortBy ul li.first {margin-left: 3px}
#listingFilter .sortBy form select {float:left; font-size:1.1em; padding:2px; width:55px; height:25px}
#listingFilter .sortBy .results { float:right; width:207px; margin-right:5px}
#listingFilter .sortBy .results button {float:right;}

#listingFilter .show {font-size:0.9em; clear:both; padding:0 5px 10px 5px;}
#listingFilter .show p {float:left; margin-right: 15px; padding-top:2px; }
#listingFilter .show select {float:left; margin-right: 10px; padding:2px; font-size:1.1em; width: 150px;}

/*::::::::::::::: END LISTING/SORTING CONTROLS  ::::::::::::::::::::::::::::::::::::::::::::::*/

/*::::::::::::::: Listing pages/modules  ::::::::::::::::::::::::::::::::::::::::::::::*/
ol#listedItems {margin:0; padding-bottom:3px; padding-left:0;}
ol#listedItems li {border-bottom:1px solid #dfdedb; float:left; width:100%}
ol#listedItems li.last {border-bottom:0}
ol#listedItems img{margin:12px 12px 12px 0; padding-top:2px; float:left}
ol#listedItems div {width:100%; float:left; overflow:hidden; margin:0; padding:7px 0 7px 5px}
ol#listedItems div p{font-size:.9em; line-height:1.4em; display:block; padding-bottom:.7em;}
ol#listedItems h2 {font-size:1.5em; font-weight:normal; line-height:0.8; margin-bottom:7px; line-height:1.2em}
ol#listedItems h2 a{color:#333}
ol#listedItems h2 a:hover{color:#0066cc}

/*::::::::::::::: End Listing pages/modules  ::::::::::::::::::::::::::::::::::::::::::::::*/

#contentBody {width:470px; margin-left:3px; padding-bottom:16px}
#contentBody h2 {font-size:2.5em; font-weight:normal;}
#contentBody p,#related p {margin-bottom:10px;}
#mainContent #contentBody div.intro p {font-size:1.3em; color:#848379; line-height:1.4;}
#contentBody a, a.boldBlue {color:#0077cc; font-weight:bold;}
#contentBody a:hover, #contentBody p a:focus, #contentBody p a:active, a:hover.boldBlue, a:focus.boldBlue, a:active.boldBlue {color:#0077cc;}
#contentBody a.pin {color:#333333;}
#contentBody a.pin:hover, #contentBody a.pin:focus, #contentBody a.pin:active { color:#8E8E8E; }
#contentBody a.urlLink {font-weight:normal; text-decoration:underline;}
#contentBody .author {margin-bottom:17px;}
#contentBody .author a {color:#333;}
#contentBody .author a:hover, #contentBody .author a:focus, #contentBody .author a:active {color:#656565;}

#mainContent .readMore {font-size:1.16em; display:none;}
#mainContent .readMore a {font-weight:bold; color:#000; background:url(readMoreArrowClosed.gif) no-repeat left 4px; padding-left:13px;}
#mainContent .readMore a:hover, #mainContent .readMore a:focus, #mainContent .readMore a:active {color:#0077cc;}
#mainContent .readMore.reveal a {background:url(readMoreArrowOpen.gif) no-repeat left 7px;}
.contentToReveal{clear:both;}
.contentToReveal h3{color:#7D7D74; font-size:2em; font-weight:normal}

#contentBody .inlineMedia {float:left; font-size:0.9em; color:#7d7d72; margin:3px 17px 0 0;}
#contentBody .inlineMedia p {margin:0;}

.poiInfo #contentBody {margin-left:0;}

#mainContent p.backTop {margin-bottom:28px}
#mainContent p.backTop a {font-weight:normal; font-size:0.9em;}
#mainContent p.backTop a span {font-size:1.1em; font-family:Georgia}

/* Author element */
.author {float:left; width:100%; font-size:100%;}
.authorDetails {float:left; padding-right:20px}
.authorDetails ul{float:left}
.author .authorDetails li{font-size:0.9em; line-height:1.4em; background:none!important; float:none!important; margin:0!important;
padding:0!important; width:auto;}
.authorDetails img {float:left; margin:0 6px 0 0;}
.authorDetails span img {margin:0;}
.authorDetails span.silverMember {background:#B8B8B8;}
.authorDetails span.goldMember {background:#fc0;}
.authorDetails span.lpAuthor {background:#003471;}
.authorDetails span {padding-right:27px; height:27px; float:left; margin-right:6px;}
.authorDetails span.large {padding-right:50px; height:52px; float:left;}
.authorDetails .reviewedBy {line-height:1.1em}
.authorDetails .position {font-weight:normal; width:auto; color: #666;}
.authorDetails a.reviewer {font-weight:bold;}

.authorPick {float:left; border-left: 1px solid #dfdfdf; padding: 0 0 7px 20px; width:80px;}
.authorPick p {color: #41962e!important; font-weight:bold; font-size:0.9em; padding: 1px 0 0 15px;  margin:5px 0 0 0; background: url(icon-tick.gif) 0 2px no-repeat;}
p.authorPickSolo {color: #41962e!important; font-weight:bold!important; background: url(icon-tick.gif) 0 2px no-repeat;}


#mainContent .photos {float:left; clear:both; border-top:1px solid #dfdedb; margin-bottom:14px; padding-bottom:18px; width:469px; padding:8px 5px 18px;}
#mainContent .photos h2 {float:left; font-size:2em; font-weight:normal; margin-bottom:3px;}
#mainContent .photos h2 a {color:#7D7D74;}
#mainContent .photos img.flickr {float:right; margin:11px 5px 0 0; display:inline;}
#mainContent .photos ul {float:left; clear:left; margin-top:13px;}
#mainContent .photos li {float:left; font-size:0.9em; background:url(arrow-orng.gif) no-repeat left center; padding-left:8px; margin-right:30px;}

#mainContent .videos {float:left; clear:both; margin-bottom:14px; width:469px; padding:8px 5px 18px; border-top:1px solid #dfdedb;}
#mainContent .videos h2 {font-size:2em; font-weight:normal; color:#7D7D74; margin-bottom:3px;}
#mainContent .videos h2 a {color:#7D7D74;}
#mainContent .videos ul {float:left; clear:left; margin-top:13px;}
#mainContent .videos li {float:left; font-size:0.9em; background:url(arrow-orng.gif) no-repeat left center; padding-left:8px; margin-right:30px;}

/* Main Content Modules */
.mainModules { margin:0; padding:13px 14px 18px 2px; border-top:1px solid #DFDEDB; float:left}
.mainModules.noBorder {border-top:none; padding-left:5px; padding-top:0; float:none}
.mainModules h3 {font-size:1.8em; color:#7D7C74; font-weight:normal; line-height:1.2em}
.mainModules h4 {font-size:1.33em; line-height:1.1em;}
.mainModules .linkChevron, .mainModules .small {font-size:0.9em; color:#7D7C74; }
.mainModules .small {margin:3px 0 0 0}
.mainModules .linkChevron, .mainModules .small a {color:#7D7C74;}
.mainModules ul li {margin:14px 0}
.mainModules ol#listedItems {margin-bottom:14px; float:left; width:460px}
.mainModules ol#listedItems h4 a{color:#333}
.mainModules ol#listedItems h4 a:hover{color:#0077cc}
.mainModules ol#listedItems li {margin-top:15px;  border-bottom:none; float:left}
.mainModules ol#listedItems li div {padding:0; width:355px; float:left}
#bbcNews.mainModules ol#listedItems li div {width:450px;}
.mainModules ol#listedItems li div div {padding:7px 0 0 0; margin:0; width:auto; clear:both; float:none}
.mainModules ol#listedItems li img {padding:0; margin-top:0; margin-bottom:0}
.mainModules ol#listedItems div p {padding-bottom:0; padding-top:5px; font-size:1.1em; line-height:1.2em;}
.mainModules ol#listedItems p.date {font-size:0.9em; padding:6px 0 0 0; color:#7D7C74; line-height:0.9em;}
.mainModules ol#listedItems p.more {font-size:1em; line-height:1.4em; float:left}
.mainModules ol#listedItems p.more a.linkChevron {float:left; line-height:1.4em; }
.mainModules p { margin-bottom:0; line-height:1.4em;}
.mainModules iframe {float:left; clear:left}

/* In Our Shop sidebar component */
.inOurShop {background:#f3f2e8 url(space-white-vert.gif) repeat-x 0 100%; float:right; clear:right;  padding:14px 5px 22px 5px; border-bottom:1px solid #dfdedb; margin-bottom:3px;width:145px}
.inOurShop h2 {text-transform:uppercase; margin-bottom:10px;}
.inOurShop h3 { float:left; width:97px; font-size:1em!important; font-weight:bold!important; margin-bottom:0!important; overflow:hidden;}
.inOurShop li {float:left;}
/* needs a height to make sure all images don't show before script loads*/
.inOurShop ul {overflow:hidden; height:144px }
.inOurShop .linkChevron{font-size:.9em}
.inOurShop li div {padding-bottom:10px; float:left;}
.inOurShop li img{width:40px; height:62px; clear:both; margin:0 8px 0 0; float:left; display:block }
.inOurShop button{margin:0 0 14px 0; width:36px; display:block; height:16px; overflow:hidden}
.inOurShop button.next{float:right;background: url(shop-carousel-right.gif); }
.inOurShop button.prev{float:left; background: url(shop-carousel-left.gif);}
.inOurShop button:hover, .inOurShop button.ieHover{background-position:0 -16px}
.inOurShop .clear{clear:both}

.inOurShop.noResults p{font-weight:normal; color:#666666; width:98%; font-size:.9em; margin:0.2em 0 0.4em !important;}

/* Wide version of the shop */ 
.inOurShop.wide {float:left; clear:both; border-bottom:none; width:312px; padding-top:10px; margin-bottom:0}
.inOurShop.wide ul {height: 72px;}
.inOurShop.wide ul li {height: 72px; margin-right:12px; width: 300px;}
.inOurShop.wide ul li div {width: 50%;}
.inOurShop.wide button.next {margin-right:12px}
.inOurShop.wide .shopCarousel {width: 312px;}
.inOurShop.wide #mpuShopPromo {text-align:center}
.inOurShop.wide #mpuShopPromo img {margin-right:5px}
.featureArticle .inOurShop.wide h3 {margin-right:0}


/* 'Shop sale' main sidebar promo */
.shopSale {background:#f3f2e8 url(space-white-vert.gif) repeat-x 0 100%; float:right; clear:right; width:145px; padding:14px 5px 18px; border-bottom:1px solid #dfdedb; margin-bottom:3px;}
.shopSale h2 {text-transform:uppercase; margin-bottom:10px;}
.shopSale h3 a {color:#0077cc;}
.shopSale p {margin-bottom:5px;}
.shopSale ul {float:right; margin-top:2px; width:100%;}
.shopSale li {float:left; font-size:0.9em; background:url(arrow-orng.gif) no-repeat left center; padding-left:8px;}

/* 'Hotels and hostels' main sidebar promo */
.hotels {background:#f3f2e8 url(space-white-vert.gif) repeat-x 0 100%; clear:right; width:145px; padding:13px 5px 21px 5px; border-bottom:1px solid #dfdedb; margin-bottom:3px;}
.hotels h2 {text-transform:uppercase; margin-bottom:3px; line-height:1.1;}
.hotels h3{font-size:1em!important; font-weight:bold!important}
.hotels h3 a {color:#0077cc;}
.hotels h3 a:hover {color:#0077cc;}
.hotels img{margin:.5em 0 .3em 0; display:none}
.hotels img.validImg, .hotels img.hotelPromo {display:block }
.hotels img.hotelPromo {margin-top:14px }
.hotels p.authorPickSolo{padding-left:20px}
.hotels div {margin:7px 0; clear:both; float:right; width:145px;}
.hotels div p {color:#666; font-weight:normal; margin:0.5em 0 .4em 0!important; font-size:.9em}
.hotels div p strong{color:#333; font-size:1.4em}
.hotels a.linkChevron{font-size:.9em;}

/* Tips and Articles Main Sidebar component */
#tipsPod {border-bottom:1px solid #dfdedb;  margin-bottom:3px; padding:11px 0 12px 4px; overflow:hidden; float:left}
#tipsPod ol#listedItems {margin-top:10px; float:left; width:313px;}
#tipsPod ol#listedItems li {padding-bottom:8px; margin-bottom:7px; border-bottom:1px solid #dfdedb; float:left}
#tipsPod ol#listedItems li.last {border-bottom:none;}
#tipsPod ol#listedItems li div {padding:0; width:230px; float:left}
#tipsPod ol#listedItems li div div {padding:7px 0 0 0; margin:0; width:145px; clear:both; float:none}
#tipsPod ol#listedItems li img {padding:0; margin-top:2px; margin-bottom:0; width:63px}
#tipsPod ol#listedItems div p {padding-bottom:0; font-size:1.1em; float:none}
#tipsPod ol#listedItems p.date {line-height:0.9em; font-size:0.9em; margin:5px 0 7px 0; color:#7D7C74;}
#tipsPod ol#listedItems p.more {font-size:0.9em; }
#tipsPod ol#listedItems p.more a.linkChevron {float:left; line-height:1.4em; font-size:1em}
#tipsPod p {float:left}
#tipsPod p a.linkChevron {float:none; padding-left:9px; font-size:0.9em}

/* Sponsored links sidebar component */
.sponsoredLinks {background:#f3f2e8 url(space-white-vert.gif) repeat-x 0 100%; float:right; clear:right; width:140px; padding:13px 7px 0; border-bottom:1px solid #dfdedb; margin-bottom:3px; padding-bottom:6px}
.sponsoredLinks h2 {text-transform:uppercase; margin-bottom:10px; font-size:1.2em}
.sponsoredLinks div {font-size:0.9em; padding-bottom:11px; float:left}
.sponsoredLinks div.clearAd{padding:0; float:left; width:98%!important; line-height:0}
.sponsoredLinks div p{margin-bottom:0!important}
.sponsoredLinks div p.title {font-weight:bold; color:#0077cc; font-size:1.1em;}
.sponsoredLinks div p.title a, .sponsoredLinks div p.title a:hover {color:#044388;}
.sponsoredLinks div p a, .sponsoredLinks div p a:hover{color:#008000; overflow:hidden; display:block}
.sponsoredLinks p.googleLogo{float:left; clear:both; font-size:11px; width:137px }

.sponsoredLinks.fullWidth{width:100%!important; padding-left:17px !important;}

#home .sponsoredLinks div {clear:both; float:left; width:100%}

/* Sponsored links main content component */
.sponsoredLinks .googleHeading a, .sponsoredLinks .googleHeading{color:#333;font-size:1em;font-weight:bold;text-transform:uppercase; float:left; width:100%; margin-bottom:5px!important}
.sponsoredLinks .googleHeading a:hover{color:#0077cc}
#main .sponsoredLinks {width:803px; background:#f3f2e8 url(space-white-vert.gif) repeat-x bottom left; float:left; clear:left; padding-left:5px}
#main .sponsoredLinks div {width:760px; float:left; margin-right:20px;}

.relatedMain .sponsoredLinks {width:795px; background:#f3f2e8 url(space-white-vert.gif) repeat-x bottom left; padding-left:8px; padding-right:0}
.relatedMain .sponsoredLinks div {width:760px; float:left; margin-right:15px;}
*:first-child+html .relatedMain .sponsoredLinks{margin-bottom:15px}

#mainContent .sponsoredLinks {width:467px; border-top:1px solid #DFDEDB; border-bottom:none; background:#f3f2e8 url(space-white-vert.gif) repeat-x top left; float:none; clear:left; padding-left:5px; margin-bottom:28px; overflow:hidden}
#mainContent .sponsoredLinks div {width:100%}
#mainContent .sponsoredLinks div p a {width:215px!important}

#mainSidebar .sponsoredLinks {width:140px; clear:both; float:right; padding-left:7px; overflow:hidden;}
#mainSidebar .sponsoredLinks div {width:140px; margin-right:0;}
#sidebar .sponsoredLinks{width:303px; float:left; clear:left;}
body#home #sidebar .sponsoredLinks.rhsPods div p a {width:280px!important;}

#main .module .sponsoredLinks{width:305px; overflow:hidden}
#main .module .sponsoredLinks p{width:303px}
#main .module .sponsoredLinks a{width:auto}

ol#listedItems .sponsoredLinks {border-bottom:none; margin:3px 0 0 0; padding:12px 0 5px 5px;}
ol#listedItems .sponsoredLinks p.googleHeading a, ol#listedItems .sponsoredLinks p.googleHeading {font-size:1em; padding-bottom:0; margin-bottom:5px !important;}
ol#listedItems .sponsoredLinks div {padding:0 0 11px 0; margin-bottom:0; }
ol#listedItems .sponsoredLinks div p.title {color:#0077cc; font-size:1.1em; font-weight:bold;}
ol#listedItems .sponsoredLinks div p {margin-bottom:0!important; padding-bottom:0; font-size:1em}
ol#listedItems .inlineLeaderBoard {margin-bottom:3px!important; margin-top:3px; margin:3px 0 3px 0 !important; padding:0; float:none}
ol#listedItems div.inlineLeaderBoard .mpuInner img {float:none; padding:0; margin:0;}
ol#listedItems .inlineLeaderBoard p {font-size:1em}

/* Sponsored 4 test styles on overview and background info pages*/
#mainContent #contentBody .sponsoredLinks {width:462px; border-top:none; border-bottom:none; float:none; clear:left; padding-left:5px; overflow:hidden; margin-bottom:30px}
#mainContent #contentBody .sponsoredLinks div {width:100%}
#mainContent #contentBody .sponsoredLinks div p a {width:215px!important}
#mainContent #contentBody .sponsoredLinks div p.title {font-weight:bold; color:#0077cc; font-size:1.1em;}
#mainContent #contentBody .sponsoredLinks div p.title a, .sponsoredLinks div p.title a:hover {color:#044388; font-weight:bold}
#mainContent #contentBody .sponsoredLinks div p a, .sponsoredLinks div p a:hover{color:#008000; overflow:hidden; display:block; font-weight:normal}
#mainContent #contentBody .sponsoredLinks .googleHeading a, .sponsoredLinks .googleHeading {color:#333}

#mainContent #contentBody .style1 .googleHeading a, #contentBody .style1 .googleHeading{color:#000; font-size:1em;font-weight:normal; text-transform:none; float:left; width:100%; margin-bottom:5px!important}
#mainContent #contentBody .style1 .googleHeading a:hover{color:#0077CC}
#mainContent #contentBody .style1 {width:467px; border-top:1px solid #DFDEDB; border-bottom:1px solid #DFDEDB; background:none; float:left; clear:left; padding-left:5px; margin-bottom:28px; overflow:hidden}
#mainContent #contentBody .style1 div {width:100%}
#mainContent #contentBody .style1 div p {color:#666; font-size:1.2em; line-height:1.3em}
#mainContent #contentBody .style1 div p a {width:215px!important}
#mainContent #contentBody .style1 div p.title {color:#333; font-size:1.3em; font-weight:bold;}
#mainContent #contentBody .style1 div p.title a {color:#333; font-weight:bold}
#mainContent #contentBody .style1 div p.title a:hover {color:#0077CC}
#mainContent #contentBody .style1 div p a {color:#000; font-weight:normal}
#mainContent #contentBody .style1 div p a:hover {text-decoration:underline; color:#0077CC}

#mainContent .style1 .googleHeading a, #mainContent .style1 .googleHeading{color:#000; font-size:1em;font-weight:normal; text-transform:none; float:left; width:100%; margin-bottom:5px!important}
#mainContent .style1 .googleHeading a:hover{color:#0077CC}
#mainContent .style1 {width:467px; border-top:1px solid #DFDEDB; border-bottom:1px solid #DFDEDB; background:none; float:none; clear:left; padding-left:5px; margin-bottom:21px; overflow:hidden}
#mainContent .style1 div {width:100%}
#mainContent .style1 div p {color:#666; font-size:1.2em; line-height:1.3em}
#mainContent .style1 div p a {width:215px!important}
#mainContent .style1 div p.title {color:#333; font-size:1.3em; font-weight:bold;}
#mainContent .style1 div p.title a {color:#333; font-weight:bold}
#mainContent .style1 div p.title a:hover {color:#0077CC}
#mainContent .style1 div p a {color:#000; font-weight:normal}
#mainContent .style1 div p a:hover {text-decoration:underline; color:#0077CC}

#mainContent #contentBody .style2 .googleHeading a, #contentBody .style2 .googleHeading{color:#000; font-size:1em;font-weight:bold; text-transform:none; float:left; width:100%; margin-bottom:2px!important}
#mainContent #contentBody .style2 .googleHeading a:hover{color:#0077CC}
#mainContent #contentBody .style2 {width:451px; border:1px solid #DFDEDB; background:none; float:none; clear:left; padding-left:8px; margin:0 0 28px 3px; overflow:hidden}
#mainContent #contentBody .style2 div {width:100%}
#mainContent #contentBody .style2 div p {color:#666; font-size:1.2em; line-height:1.3em}
#mainContent #contentBody .style2 div p a {width:215px!important}
#mainContent #contentBody .style2 div p.title {color:#000; font-size:1.3em; font-weight:bold;}
#mainContent #contentBody .style2 div p.title a {color:#000; font-weight:bold}
#mainContent #contentBody .style2 div p.title a:hover {color:#0077CC}
#mainContent #contentBody .style2 div p a {color:#008000; font-weight:normal}
#mainContent #contentBody .style2 div p a:hover {text-decoration:underline; color:#0077CC}

#mainContent .style2 .googleHeading a, #mainContent .style2 .googleHeading{color:#000; font-size:1em;font-weight:bold; text-transform:none; float:left; width:100%; margin-bottom:2px!important}
#mainContent .style2 .googleHeading a:hover{color:#0077CC}
#mainContent .style2 {width:456px; border:1px solid #DFDEDB; background:none; float:none; clear:left; padding-left:8px; margin:0 0 28px 3px; overflow:hidden}
#mainContent .style2 div {width:100%}
#mainContent .style2 div p {color:#666; font-size:1.2em; line-height:1.3em}
#mainContent .style2 div p a {width:215px!important}
#mainContent .style2 div p.title {color:#000; font-size:1.3em; font-weight:bold;}
#mainContent .style2 div p.title a {color:#000; font-weight:bold}
#mainContent .style2 div p.title a:hover {color:#0077CC}
#mainContent .style2 div p a {color:#008000; font-weight:normal}
#mainContent .style2 div p a:hover {text-decoration:underline; color:#0077CC}

#mainContent #contentBody .style3 .googleHeading a, #contentBody .style3 .googleHeading{color:#044388; font-size:1em;font-weight:bold; text-transform:none; float:left; width:100%; margin-bottom:5px!important}
#mainContent #contentBody .style3 .googleHeading a:hover{color:#0077CC}
#mainContent #contentBody .style3 {width:451px; border:none; background:none; float:none; clear:left; padding-left:0px; margin:0 0 28px 3px; overflow:hidden}
#mainContent #contentBody .style3 div {width:100%}
#mainContent #contentBody .style3 div p {color:#666; font-size:1.2em; line-height:1.3em}
#mainContent #contentBody .style3 div p a {width:215px!important}
#mainContent #contentBody .style3 div p.title {color:#000; font-size:1.3em; font-weight:bold;}
#mainContent #contentBody .style3 div p.title a {color:#000; font-weight:bold; text-decoration:underline}
#mainContent #contentBody .style3 div p.title a:hover {color:#0077CC}
#mainContent #contentBody .style3 div p a {color:#008000; font-weight:normal}
#mainContent #contentBody .style3 div p a:hover {text-decoration:underline; color:#0077CC}

#mainContent .style3 .googleHeading a, #mainContent .style3 .googleHeading{color:#044388; font-size:1em;font-weight:bold; text-transform:none; float:left; width:100%; margin-bottom:5px!important}
#mainContent .style3 .googleHeading a:hover{color:#0077CC}
#mainContent .style3 {width:469px; border-top:1px solid #DFDEDB; border-bottom:1px solid #DFDEDB; background:none; float:none; clear:left; padding-left:0px; margin:0 0 21px 3px; overflow:hidden}
#mainContent .style3 div {width:100%}
#mainContent .style3 div p {color:#666; font-size:1.2em; line-height:1.3em}
#mainContent .style3 div p a {width:215px!important}
#mainContent .style3 div p.title {color:#000; font-size:1.3em; font-weight:bold;}
#mainContent .style3 div p.title a {color:#000; font-weight:bold; text-decoration:underline}
#mainContent .style3 div p.title a:hover {color:#0077CC}
#mainContent .style3 div p a {color:#008000; font-weight:normal}
#mainContent .style3 div p a:hover {text-decoration:underline; color:#0077CC}

#mainContent #contentBody .style4 .googleHeading a, #contentBody .style4 .googleHeading{color:#000; font-size:1em;font-weight:normal; text-transform:none; float:left; width:100%; margin-bottom:3px!important}
#mainContent #contentBody .style4 .googleHeading a:hover{color:#0077CC}
#mainContent #contentBody .style4 {width:460px; border-top:2px solid #DFDEDB; border-bottom:2px solid #DFDEDB; background:none; float:none; clear:left; padding-left:5px; margin-bottom:28px; overflow:hidden}
#mainContent #contentBody .style4 div {width:100%}
#mainContent #contentBody .style4 div p {color:#666; font-size:1.2em; line-height:1.3em}
#mainContent #contentBody .style4 div p a {width:215px!important}
#mainContent #contentBody .style4 div p.title {color:#044388; font-size:1.3em; font-weight:bold;}
#mainContent #contentBody .style4 div p.title a {color:#044388; font-weight:bold}
#mainContent #contentBody .style4 div p.title a:hover {color:#0077CC}
#mainContent #contentBody .style4 div p a {color:#008000; font-weight:normal}
#mainContent #contentBody .style4 div p a:hover {text-decoration:underline; color:#0077CC}

#mainContent .style4 .googleHeading a, #mainContent .style4 .googleHeading{color:#000; font-size:1em;font-weight:normal; text-transform:none; float:left; width:100%; margin-bottom:3px!important}
#mainContent .style4 .googleHeading a:hover{color:#0077CC}
#mainContent .style4 {width:460px; border-top:1px solid #DFDEDB; border-bottom:1px solid #DFDEDB; background:none; float:left; clear:left; padding-left:5px; margin-bottom:21px; overflow:hidden}
#mainContent .style4 div {width:100%}
#mainContent .style4 div p {color:#666; font-size:1.2em; line-height:1.3em}
#mainContent .style4 div p a {width:215px!important}
#mainContent .style4 div p.title {color:#044388; font-size:1.3em; font-weight:bold;}
#mainContent .style4 div p.title a {color:#044388; font-weight:bold}
#mainContent .style4 div p.title a:hover {color:#0077CC}
#mainContent .style4 div p a {color:#008000; font-weight:normal}
#mainContent .style4 div p a:hover {text-decoration:underline; color:#0077CC}


/* ----- Conductor links rhs sidebar eg History----- */

#sidebar #conductorLinks {padding-top:10px; border-top:1px solid #DFDEDB; clear:both; padding-left:5px}
#sidebar #conductorLinks table {margin-top:7px}
#sidebar #conductorLinks td {padding:0 17px 21px 0!important; }
#sidebar #conductorLinks td a, #sidebar #conductorLinks td div {color:#7d7d72!important; font-family:Arial, Helvetica, sans-serif!important; font-size:1em!important; line-height:1.2em!important;}
#sidebar #conductorLinks td a {font-weight:bold!important}


/* ----- ----- */
#related {float:left; width:966px; border-top:1px solid #d9d9d7; margin:3px 0 0 0; padding-top:3px;}

/* ----- Layout styles ----- */
#content {overflow:hidden; float:left; width:100%; padding-bottom:3px; margin-bottom:0; overflow:hidden;}
#sidebar {float:left; overflow:hidden}
#main {float:right;overflow:hidden}
#mainContent {float:left; clear:both;overflow:hidden}
#mainSidebar {float:right;overflow:hidden}

/* Medium-large-small (e.g. destinations city page) */
body.mls #content {background:url(separator.gif) repeat-y;}
body.mls #sidebar {width:317px;}
body.mls #main {width:641px;}
body.mls #mainContent {width:479px;}
body.mls #mainSidebar {width:155px;}

/* Small-large-small layour (e.g. Report Abuse form) */
body.sls #content {background:url(sls-layout-bg.gif) repeat-y;}
body.sls #main {float:left; width:808px;}
body.sls #mainContent {width:641px; float:right;}
body.sls #mainSidebar {width:160px; float:left;}

/* Small-large-medium layout (e.g. POI detail) */
body.slm #content {background:url(slm-layout-bg.gif) repeat-y;}
body.slm #sidebar {width:317px; margin-left:7px;}
body.slm #main {float:left; width:641px;}
body.slm #mainContent {width:479px; float:right;}
body.slm #mainSidebar {width:155px; float:left}
body.slm .sectionNav {width:155px; }

/* Small-large layout (e.g. POI listing page) */
body.sl #content {background:url(separator-poiListing.gif) repeat-y; margin-top:16px}
body.sl #sidebar {width:155px;}
body.sl #main {width:803px; overflow:hidden;}
body.sl .sectionNav {width:155px;}

/* large med layout (e.g. POI listing page) */
body.lm #content {background:url(separator_poiDetail.gif) repeat-y;}
body.lm #sidebar {width:317px; float:left;  margin-left:7px;}
body.lm #main {width:641px; overflow:hidden; margin-left:0; float:left}

/* Medium-large layout (e.g. Destinations search listings) */
body.ml #content {background:url(separator-medium-large.gif) repeat-y; margin-top:20px}
body.ml #sidebar {width:235px;}
body.ml #main {width:722px; overflow:hidden;}

/* Small- right col: - 2col top - 1 col bott layout (e.g. hotels browse destination page) */
body.sld #content {background:url(separator-poiListing.gif) repeat-y;}
body.sld #main {width:803px; overflow:hidden;}
body.sld #mainSidebar {width:155px; float:left}

/* eg: themes layout*/
body.fml #content {background:url(separator_3col.gif) repeat-y;}
body.fml #main {width:641px; overflow:hidden;}
body.fml #sidebar {width:317px;}

body.fml .moduleWrap{background:url(separator_fullWidthSolid.gif) bottom left repeat-x; float:left; padding-bottom:13px}
body.fml div .module{width:317px; float:left; margin-right:7px; /*background:#F3F2E8;*/ }
body.fml div .module.last{margin-right:0}

/* lgr medium size - large eg: error pages */
body.lml #content {background:url(separator-med-large.gif) -10px 0 repeat-y; margin:20px 0; padding-bottom:0}
body.lml #main {width:320px; float:left; padding-right:7px; }
body.lml #sidebar {width:631px; padding-left:7px;}

/* Small-medium- small layout (e.g. search results) */
body.sms #content {background:url(separator-searchListing.gif) repeat-y; }
body.sms #sidebar {width:155px; margin-left:3px; }
body.sms #main {float:right; width:802px;}
body.sms #mainContent { width:643px; float:left}
body.sms #mainSidebar {width:155px; float:left}
body.sms .sectionNav {width:155px; border:0;}

/* trip planner module */
#tripPlannerModule{padding:0 7px 21px 7px; margin:0 0 0 165px; clear:both;}
#tripPlannerModule.noFavourites{margin:48px 0 0 0}
#tripPlannerModule div{width:400px}
#tripPlannerModule img{float:right;}
#tripPlannerModule h2{font-size:2.5em; font-weight:normal}
#tripPlannerModule p{color:#848379; font-size:1.3em; margin:.2em 7px .75em 2px}

/* calendar */
.calendar {background: #fff; color: #000; cursor: default; font-family: tahoma,"verdana, arial, helvetica, sans-serif",sans-serif; font-size: 11px; position: relative; z-index:100}
.calendar table {color: #000; cursor: default; font-size: 11px; border-bottom:1px solid #0a6dd0;border-right:1px solid #0a6dd0; border-left:1px solid #7fbfff; border-top:1px solid #7fbfff}
.calendar .button {text-align: center; }
.calendar thead td{padding:4px 0}
.calendar thead .title {background:#7fbfff; color: #fff; font-weight: bold; text-align: center}
.calendar thead .name {background: #e8f0f4; text-align: center}
.calendar thead .weekend,.calendar tbody .weekend {/*color: #f00*/}
.calendar thead .hilite {background: #d8e0e4}
.calendar thead .active {background: #b8c0c4;}
.calendar tbody .day {padding:2px 6px}
.calendar tbody .hilite {background:#d8e0e4}
.calendar tbody .selected {}

.calendar tbody .today {color: #000;border:1px solid #eee; font-weight:normal}
.calendar tbody .disabled {color: #999}
.calendar tbody .emptycell {visibility: hidden}
.calendar tbody .emptyrow {display: none}
.calendar tfoot .ttip {background: #7fbfff; color: #fff; padding:3px 0; text-align: center}
.calendar tfoot .hilite {background: #d8e0e4;}
.combo {background: #d8e0e4; border-bottom: #000 1px solid; border-left: #fff 1px solid; border-right: #000 1px solid; border-top: #fff 1px solid; cursor: default; display: none; font-size: smaller; left: 0px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; padding-top: 1px; position: absolute; top: 0px; width: 4em}
.combo .label {padding-bottom: 1px; padding-left: 1px; padding-right: 1px; padding-top: 1px; text-align: center}
.combo .active {background: #c8d0d4; border-bottom: #fff 1px solid; border-left: #000 1px solid; border-right: #fff 1px solid; border-top: #000 1px solid; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
.combo .hilite {background: #048; color: #aef}
