
.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 */
.mpuWrapper {z-index: 7000;}
.mpuWrapper .mpuInner {z-index: 7100;}
.mpuWrapper .mpuInner .adContainer {z-index: 7200;}

#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-wh.gif) repeat-x left bottom}

#mpuInContent {position:relative; height:250px; width:300px; margin:0 0 21px 10px; float:right; z-index: 7000;}
#mpuInContent .mpuInner {position:relative; z-index: 7100; width: 300px;}
#mpuInContent .mpuInner .adContainer {position:relative; z-index: 7200; width:300px;}

#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-wh.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: 7200; width:316px!important}

#sidebar #mpuPod .mpuInner {position: relative; z-index: 7100;}
#sidebar #mpuPod .mpuInner .adContainer {position: relative; z-index: 7200; 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; float:left; z-index: 8000;}
#breadcrumbWrap.posChange {position:relative; z-index: 8011;}
#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(breadcru.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-or.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-do.gif');}
#breadcrumb li.over img.arrow {background-image: url('arrow-dp.gif');}
#breadcrumb li img.arrow.over {background-image: url('arrow-dp.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(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(mapTabCl.gif) top left no-repeat; width:167px; display:block; padding-top:5px; height:34px; display:none}
#mapTab .toggleMap.open{background:url(mapTabOp.gif) top left no-repeat;}

#map_throbber {width: 43px; height: 11px; background: url(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-op.gif) no-repeat 0 2px; }
blockquote a {color:#666;}
blockquote img {margin-left:7px;}

a.linkChevron{background:url(arrow-or.gif) no-repeat 0 4px; padding-left:9px; float:left; color: #333333 !important; }
a.linkChevron.medium{background:url(arrow-ot.gif) no-repeat 0 4px; padding-left:12px; }
a.linkChevronBack{background:url(arrow-ot.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-exc.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-indic.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(readMore.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(readMore.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.gif) no-repeat .5em .8em; text-decoration:none; color:#333}
.accordion h3 a:hover {background:#ccc9bd url(topTrips.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.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-or.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-or.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-or.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-or.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.alignleft {float:left; margin:5px 10px 10px 0;}
.featureArticle #contentBody img.alignright {float:right; margin:5px 0 10px 10px;}
.featureArticle #contentBody img {display:block}
.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(quoteOpe.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(quoteClo.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.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-wh.gif) no-repeat 37px 7px;}
ul.gl_pagination_control li.prev a.linkChevronBack:hover{color:#fff; background: #0186CB url(arrow-wh.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-l.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-r.gif) top right no-repeat; height:18px; padding:3px 7px 3px 0;}
#listingFilter .sortBy ul li.separator {background:url(vertical.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(readMore.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(readMore.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-tic.gif) 0 2px no-repeat;}
p.authorPickSolo {color: #41962e!important; font-weight:bold!important; background: url(icon-tic.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-or.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-or.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-wh.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-car.gif); }
.inOurShop button.prev{float:left; background: url(shop-car.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-wh.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-or.gif) no-repeat left center; padding-left:8px;}

/* 'Hotels and hostels' main sidebar promo */
.hotels {background:#f3f2e8 url(space-wh.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-wh.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-wh.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-wh.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-wh.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 {float:left; width:100%; padding-bottom:3px; margin-bottom:0}
#sidebar {float:left}
* html #sidebar {overflow:hidden}
#main {float:right;}
* html #main {overflow: hidden;}
#mainContent {float:left; clear:both}
* html #mainContent {overflow: hidden;}
#mainSidebar {float:right;overflow:hidden}

/* Medium-large-small (e.g. destinations city page) */
body.mls #content {background:url(separatp.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-layo.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-layo.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(separatp.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(separatp.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(separatp.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(separatp.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(separatp.gif) repeat-y;}
body.fml #main {width:641px; overflow:hidden;}
body.fml #sidebar {width:317px;}

body.fml .moduleWrap{background:url(separatp.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(separatp.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(separatp.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}


.magazineThumb{background:url(magazine.png); width:130px; height:113px; display:block; float:left; margin:3px 0 0 5px}

/* favourites-client */
#favouritesSaveDialogue {
    color: white;
}

#favouritesSaveDialogue h1 {
    font-size: larger;
    font-weight: bold;
}

.favouritesSave, #pageTitle .favouritesSave {
    display: block;
    float: left;
    overflow: hidden;
    width: 0px;
    padding-left: 43px;
    height: 14px;
    cursor: pointer;
    background: url( 'favourit.png' ) no-repeat top left;
}

.favouritesSave.saving, #pageTitle .favouritesSave.saving {
    padding-left: 20px;
    height: 16px;
    width: auto;
    text-decoration: none;
    font-weight: bold;
    cursor: default;
    background: url( 'favourit.gif' ) no-repeat top left;
}

.favouritesSave.saved, #pageTitle .favouritesSave.saved {
    background-image: none;
    padding-left: 0;
    cursor: default;
    width: auto;
    margin-top: 10px;
    font-size: 92%;
    font-weight: bold;
    overflow: visible;
}
.favouritesSave.saved span, #pageTitle .favouritesSave.saved span {
    padding-left: 48px;
    margin-right: 0.33em;
    background: url(favourit.png) no-repeat bottom left;
    width: 0;
    overflow: hidden;
    float: left;
}

.favouritesSave.error, #pageTitle .favouritesSave.error {
    padding-left: 0px;
    width: auto;
    background: none;
    cursor: default;
}

#pageTitle .favouritesSave {
    margin: 11px 0px 0px 6px;
}

/* Media Block */
/*
Don't change this file unless you are also changing the default mediaBlock configuration.  It is setup to match the default values in the
javascript.
To customise, use more specific CSS selectors in another stylesheet to override values specified here.
*/

/* media block - in page */
.mediaBlock {width:641px; color:#000}
* html .mediaBlock {width:641px!important;}
.mediaBlock .mbHero{width:469px; height:264px; overflow:hidden; position:relative; margin-left:5px; border-bottom:3px solid #fff; float:left; display:inline; cursor: pointer; background:#000}
.mediaBlock .mbThumbs{width:151px; height:251px; color:white; float:left; background:#202020; padding:13px 0 0 15px; border-bottom:3px solid #fff;}
.mediaBlock .mbThumbs ul{height:220px;}
.mediaBlock .mbThumbs ul li{float:left; height:50px; width:66px; padding:0 5px 5px 0; margin:0; overflow:hidden; position:relative;}
.mediaBlock .mbThumbs ul li div{height:48px; width:64px; font-size:7px; border:1px solid black; background-color:#000; cursor: pointer;}
*:first-child+html .mediaBlock .mbThumbs ul li{padding:0 7px 4px 0;}
* html .mediaBlock .mbThumbs ul li{padding:0 7px 4px 0;}
.mediaBlock .mbThumbs ul li img{width:64px; height:48px; color:#000;}
.mediaBlock .mbThumbs ul li span.video{background:url(mediaBlo.png) no-repeat; width:33px; height:25px; position:absolute; top:13px; left:16px;}
* html .mediaBlock .mbThumbs ul li span.video{background:url(mediaBlo.gif) no-repeat; }
.mediaBlock .mbGalleryOpen{color:white;}
.mediaBlock .mbGalleryOpen:hover{text-decoration:underline;}
.mediaBlock .mbHero .infoHover{position:absolute; bottom:0; right:0; left:0; width:469px; height:92px; color:white;}
.mediaBlock .mbHero .mediaDetails{float:left; width:355px; margin:7px 0 14px 14px; display:inline;}
.mediaBlock .mbHero .mediaDetails .caption{font-size:1em; font-weight:normal; height:34px; overflow:hidden; margin-bottom:0 !important; line-height:1.4em!important}
.mediaBlock .mbHero .mbGalleryOpen{float:right; font-weight:bold; background:url(launchGa.png) 25px 0 no-repeat; padding-top:30px; margin:9px 14px 17px 0; cursor: pointer;}
* html .mediaBlock .mbHero .mbGalleryOpen{background:none; padding-top:0;}
.mediaBlock .mbHero span.video{background:url(mediaBlo.png) no-repeat; width:62px; height:45px; position:absolute; top:112px; left:205px;}
.mediaBlock .mbThumbs .mbGalleryOpen{background:url(arrow-ot.gif) no-repeat 0 4px; padding-left:9px; float:left; font-size:0.9em; cursor: pointer;}
.mediaBlock .mbHero .infoIcon {background:url(icon-sho.png) top left no-repeat; position: absolute; bottom: 14px; right: 14px; width: 25px; height: 24px;}
* html .mediaBlock .mbHero .infoIcon {background:url(icon-sho.png) top left no-repeat;}

/* media block - lightbox */
.mediaLightbox{position:absolute; z-index:1000012;top:0; left:0; width:100%; height:100%;} /* High z-index needed because of ad's */
.mediaLightbox .mlContainer{background:#151719; margin:10px auto; width:899px;}
.mediaLightbox .mlHead{background:#1c1f22; height:38px; border-bottom:1px solid #101214;}
.mediaLightbox .mlHead .title{float:left; margin:10px 28px; color:white; font-size:1.2em;}
.mediaLightbox .mlHead .close{background:url(galleryC.gif) top left no-repeat; margin:10px 14px; float:right; width:18px; height:18px; cursor: pointer;}
.mediaLightbox .mlHead .sponsor{float:right; width:276px; height:32px; padding-top:1px;}
.mediaLightbox .mlContent{height:386px; margin:7px 0 10px 0;}
.mediaLightbox .mlContent .control{width:48px; height:386px; float:left;}
.mediaLightbox .mlContent .control .arrow{height:39px; display:block; margin:200px 0 0 14px; cursor:pointer;}
.mediaLightbox .mlContent .control .arrow:hover{background-position:0 -39px;}
* html .mediaLightbox .mlContent .control .arrow.hover{background-position:0 -39px;}
.mediaLightbox .mlContent .control-lhs .arrow{background:url(galleryA.gif) top left no-repeat;}
.mediaLightbox .mlContent .control-rhs .arrow{background:url(galleryA.gif) top left no-repeat;}
.mediaLightbox .mlContent .control .disabled{background:none; cursor:default;}
.mediaLightbox .mlContent .media{float:left; width:803px; height:386px; overflow:hidden; position:relative; display:inline; background:url(ajax-loa.gif) center center no-repeat;}
.mediaLightbox .mlContent .asset{position:absolute; left:0; top:0; background:#151719; width:100%; height:100%;}
.mediaLightbox .mlContent .media .videoPlayer {padding-left:48px; position:relative; width:440px;}
.mediaLightbox .mlContent .media .noVideo {color:white; float:left; width:330px; height:370px; position:absolute; top:0; font-size:1.6em; padding:177px 50px 0 50px; text-align:center;}
.mediaLightbox .mlContent .asset .imageAsset{display:block; margin:0 auto; position:relative;}
.mediaLightbox .mlContent .asset .imageAsset img{display:block; margin:0 auto; color:#101214;}
.mediaLightbox .mlContent .asset .infoHover{position:absolute; bottom:0; left:0; width:579px; height:144px; margin:0 auto; z-index:2; color:white;}
.mediaLightbox .mlContent .asset .infoIcon {background:url(icon-sho.png) top left no-repeat; position: absolute; bottom: 14px; right: 14px; width: 25px; height: 24px;}
* html .mediaLightbox .mlContent .asset .infoIcon {background:url(icon-sho.png) top left no-repeat;}

.mediaLightbox .mlContent .imageAsset .mediaDetails{float:left; width:349px; margin:10px 0 10px 0; padding:0 15px 0 15px; border-right:1px solid #8E8E8E;}
.mediaLightbox .mlContent .imageAsset .mediaDetails .caption{font-size:1.2em; line-height:1.2em; height:68px; overflow:hidden;}
.mediaLightbox .mlContent .imageAsset .mediaDetails .copyright{clear:left; font-size:0.9em; color:#7d7d72;}
.mediaLightbox .mlContent .imageAsset .related{float:left; width:180px; height:144px; padding:0 2px 0 15px;}
.mediaLightbox .mlContent .imageAsset .related ul{clear:both; font-size:0.9em;float:left;}
.mediaLightbox .mlContent .imageAsset .related ul li a{color:#fff!important; margin-top:14px; width:130px;}
.mediaLightbox .mlContent .imageAsset .related ul li a:hover{text-decoration:underline;}
.mediaLightbox .mlContent .imageAsset a.pictopia-link{ display:block; cursor:pointer; background:url(lb-comme.png) top right no-repeat;overflow:hidden;height:20px;color:white;margin:11px 0 0 0;float:left;text-decoration:none;font-size:12px;font-weight:bold;padding:2px 12px 0 7px;}
.mediaLightbox .mlContent .imageAsset a.pictopia-link:hover {background:url(lb-comme.png) top right no-repeat;}
* html .mediaLightbox .mlContent .imageAsset a.pictopia-link:hover {background:url(lb-comme.png) top right no-repeat;}

.mediaLightbox .mlContent .videoAsset {padding-right: 40px; color: white; width: 264px; float: right;}
.mediaLightbox .mlContent .videoAsset h2{font-size:1.8em; font-weight:normal; line-height:1.1em}
.mediaLightbox .mlContent .videoAsset ul.related{float:left; clear:both; margin-top:.4em}
.mediaLightbox .mlContent .videoAsset ul.related li{margin-bottom:.4em; float:left; clear:both;}
.mediaLightbox .mlContent .videoAsset ul.related li.endListItem{margin-bottom:1.2em; width:100%;}
.mediaLightbox .mlContent .videoAsset ul.related li a.linkChevron{color:#fff!important; line-height:1.3em; font-size:0.9em;}
.mediaLightbox .mlContent .videoAsset p{margin:7px 0; font-size:0.9em;}

.mediaLightbox .mlFilmstrip{height:52px; margin-bottom:7px; margin-left:24px; overflow:hidden;}
.mediaLightbox .mlFilmstrip .control{float:left;}
.mediaLightbox .mlFilmstrip .control-lhs{width:73px; height:52px;}
.mediaLightbox .mlFilmstrip .control-rhs{width:73px; height:52px;}
.mediaLightbox .mlFilmstrip .control .arrow{width:13px; height:24px; display:block; margin-top:13px; cursor: pointer;}
.mediaLightbox .mlFilmstrip .control .arrow:hover{background-position:0 -24px;}
.mediaLightbox .mlFilmstrip .control .arrow:hover{background-position:0 -24px;}
* html .mediaLightbox .mlFilmstrip .control .hover{background-position:0 -24px;}
.mediaLightbox .mlFilmstrip .control-lhs .arrow{background:url(galleryA.gif) top left no-repeat; margin-left:55px;}
.mediaLightbox .mlFilmstrip .control-rhs .arrow{background:url(galleryA.gif) top left no-repeat; margin-left:5px;}
.mediaLightbox .mlFilmstrip .control .arrow.disabled{background:none; cursor:default;}
.mediaLightbox .mlFilmstrip .carousel{float:left; height:52px; width:710px; display:inline; overflow:hidden; position:relative;}
.mediaLightbox .mlFilmstrip .carousel li{width:71px; height:52px; float:left; overflow:hidden; position:relative;}
.mediaLightbox .mlFilmstrip .carousel li span.video{background:url(mediaBlo.png) no-repeat; width:33px; height:25px; position:absolute; top:14px; left:18px;}
* html .mediaLightbox .mlFilmstrip .carousel li span.video{background:url(mediaBlo.gif)}
.mediaLightbox .mlFilmstrip .carousel li div{width:64px; height:48px; border:2px solid #2e3438; background-color:#000; cursor: pointer;}
.mediaLightbox .mlFilmstrip .carousel li div.selected{border:2px solid white;}
.mediaLightbox .mlFilmstrip img{width:64px; height:48px; border:none; color:#000;}
.mediaLightbox .mlFoot{background:#151719; min-height:38px;}
* html .mediaLightbox .mlFoot{height:38px;}
.mediaLightbox .mlFoot .leaderboard{background:url(advertit.gif) no-repeat 100% .45em; padding-top:5px; width:739px; height:110px; margin-left:85px;}
.mediaLightbox iframe body a{color:#fff;}

.mediaCredit{font-size:0.9em; padding-top:7px;}
.mediaCredit .name{font-weight:bold;}
.mediaCredit ul{float:left; margin:0 0 14px 7px;}
.mediaCredit li{padding:0!important; margin:0!important; list-style-type:none!important}
.mediaCredit img{float:left; margin-top:2px!important;width:auto!important}

/* info hovers for images in media block & light box */
.infoHover .infoHoverBG{position:absolute; bottom:0; right:0; left:0; width:100%; height:100%;}
.infoHover .infoHoverContent{position:absolute; bottom:0; right:0; left:0; width:100%; height:100%; overflow:hidden;}

/* medium size Media Block - 469px */
.medium {width:469px; margin-bottom:9px}
.medium .mbThumbs {float:none; padding:12px 0 6px 15px; width:454px; height:57px; margin-left:2px; }
#contentBody .medium .mbThumbs ul {height:48px; width:365px; float:left; margin-bottom:0;}
#contentBody .mediaBlock .mbThumbs ul li {padding:0; margin-right:5px}
.mediaBlock .mbThumbs ul li div {}
#contentBody .medium .mbThumbs ul li img {position:relative; top:0}
.medium .mbThumbs .mbGalleryOpen { margin-top:36px; }
.medium .mbHero {float:none; display:block; border-bottom:none; width:469px; margin-left:2px}
