@charset "utf-8";

/***	Global Styles	***/
body { margin: 0 auto; padding: 0; font-size: 14px; font-family: "Trebuchet MS", Verdana, sans-serif; color: #666666; }
p { margin-top: 0.5em; }
a { color: #00AA00; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
h1, h2, h3, h4, h5, h6 { font-size: 1.5em;} 

/***	Main Layout	***/
div#header-top { background: #FFFFFF; height: 155px; }
div#header-top .logo { height: 50px; font-size: 2em; padding-top: 1em; font-weight: bold; color: #00AA00; font-family: "Trebuchet MS", sans-serif; }
div#header-top .logo a:hover { text-decoration: none; }
div#header-top div.logo-panel { float: left; }
div#header-top div.logo h2 { display:none; }
div#header-top div.logo img { margin-top: -1em; margin-left: -1em; }
div#header-top div.tag-line { position: relative; top: 3.5em; left: 11em; } 
div#header-top div.top-nav { float: right; }
div#header-top div.top-nav ul { padding: 0;}
div#header-top div.top-nav li { font-weight: normal; font-size: 1.25em; }
div#header-strip-nav { background: #DDDDDD; height: 3em; }
div#header-strip-main {  background: #008C00 url(../images/css/greenfade.png) bottom repeat-x; font-size: 3em; color: #FFFFFF; padding: 1em; border-top: 1px solid #00b500; }

div#main-panel { width: 570px; float: left; }

div#side-panel { width: 300px; float: right }

div#footer { margin-top: 3em; padding: 2em; background: #EEEEEE; border-top: 1px solid #CCCCCC; text-align: center; }

.in-a-box { padding: 1.5em; background: #EEEEEE; margin-bottom: 2em; text-align: center;}
.padded { width: 900px; margin: 0 auto;}
.clear { clear: both; }
.center { text-align: center; }
.subheading { font-size: 1em;}

/***	Index Styles	***/

div#header-strip-index {  background: #008C00 url(../images/css/greenfade.png) bottom repeat-x; padding: 0; border-top: 1px solid #00b500; }
div#header-strip-index div#inner-main { background: url(../images/css/world-1000x200.png) no-repeat bottom; height: 200px; width: 1000px; margin: 0 auto; color: #FFFFFF; }
div#header-strip-index div#inner-main div.padded-top { text-align: right; font-size: 24px; margin-right: 525px; padding-top: 30px; }
div#header-strip-index div#inner-main div.padded-bottom {  text-align: right;  font-size: 24px; margin-right: 525px; margin-top: 10px; }

div#search-bar-module { background: #bfe0bf; }
div#search-bar-module span.input input { width: 30em; }
div#search-bar-module div.input span.button { width: 30em; }

div.index { width: 250px; margin: 1em auto; float: left; padding: 0 1em; }
div.index h3 { margin: 0 auto; text-align: center; }
div.index div.text { text-align: center; }
div.index a { color: #666666; }
div.index a:hover { text-decoration: none; }

div#social-module { text-align: center; }
div#social-module h3 { margin: 0.5em auto; }
div#social-module .text { padding: 1em; }
div#social-module div.social { float: left; width: 165px; margin: 0 .5em; }
div.socialwrapper { margin: 1em; }

/***	Header Styles	***/

#header-strip-nav ul, #header-top ul { margin: 0 auto; color: #333333; }
#header-strip-nav li, #header-top li { float: left; padding: 1em; list-style-type: none; }
#header-strip-nav li.selected { background: #CCCCCC; padding-bottom: 0.7em;}
#header-top ul { padding-top: 1em; padding-right: 2em; }
div.tag-line { margin-top: 0; }

div#bread-crumbs { padding: 1.5em 0 1em 2em; }
ul.local-nav a { color:#333333; }
ul.local-nav li.selected a { color:#222222; }

/***	Travel Guide Styles	***/
div#spider { margin-top: 2.5em; }
div#spider div.rating { margin: 0 auto; text-align: center; }
div.result img.icon { float: left; margin-right: 1em; }
div#spider .subheading { font-size: 1em; }
div#spider h2 { text-align: center; margin: 0; }
div#spider h3 { margin: 0; }  
div#spider div.result { margin: 1.5em 0; padding: 1em;}

div#bookmark-module ul { margin: 0 auto; }
li.bookmark { list-style-type: none; float: left; padding: 1em; }

div#mini-map { width: 300px; height: 250px; margin: 0 auto; margin-bottom: 2em; overflow: hidden; }

div#photo-module { overflow: hidden; background: #bfe0bf; padding: 1em .5em .5em .5em; color: #FFFFFF; }
div#photo-module img { vertical-align: middle; }
div#photo-module span.photo { margin: 0; padding: .25em; }

/***	Wiki Styles		***/
#wiki-display-module  { background: #FFFFFF; text-align: left; padding: 0; }
.wiki h1, .wiki h2, .wiki h3, .wiki h4 { margin: 0 0 .75em 0; padding: 1em; background: #bfe0bf; }
.wiki p { margin-bottom: 1em; margin-top: 0; padding: 0; }  

div#edit-wiki-module span { font-size: 1.5em; }
#wiki-form { background: #EEEEEE; padding: 1em; }
#wiki-form textarea { width: 100%; height: 30em; } 

/***	Tag Cloud	***/
div.cloud { margin-top: .5em; }
div.bigger { margin-bottom: 1em; }
span.tag0 { padding: 5px; font-size: 14px; }
span.tag1 { padding: 5px; font-size: 16px; }
span.tag2 { padding: 5px; font-size: 18px; }
span.tag3 { padding: 5px; font-size: 20px; }
span.tag4 { padding: 5px; font-size: 24px; }
span.tag5 { padding: 5px; font-size: 28px; }

#category-form { margin-bottom: 1em; }

/***	City Map		***/
div#map { width: 100%; height: 35em; }

div#sidebar { margin: 0 auto; height: 35em; overflow: auto; }
div#sidebar ul { margin:0 auto; width: 285px; padding-left: 0; }
div#sidebar li { background:url(../images/css/right_panel_link_bg.gif) bottom repeat-x; list-style-type:none; list-style-position: outside; border-top:1px solid #cecece; padding: 2px; margin:0; }
div#sidebar li.category img { margin-right: 1em; }

div.bubble { font-size: .75em; }
div.bubble img { float: right; padding: 5px; }

/***	Reviews		***/
div#review-module { margin-top: -1em; }
div.tagset h3 { background: #bfe0bf; text-align: left; padding: 1em;}
div.review-summary { padding-bottom: 2em; clear: both; }
div.tagset div.reviews { background: #EEEEEE; padding: .5em; margin: .5em 0; }
div.tagset div.reviews div.review-text { padding: .25em .5em; }

form#jump-form { margin-bottom: 1em; }
div#tag-list div.tag-summary { clear: both; padding: .25em 1em}
div#tag-list div.tag-summary .left { float: left; }
div#tag-list div.tag-summary .right { float: right; }

#review-form textarea { width: 100%; height: 10em; }
#review-form input.input { width: 100%; }
#review-form table { margin: .25em auto; }

/*	Star Ratings */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating .current-rating { background: url(../images/css/starrating.gif) left -1000px repeat-x; }
.star-rating { position:relative; width:100px; height:17px; overflow:hidden; list-style:none; padding:0; margin:0; background-position: left top; }
.star-rating li { display: inline; }
.star-rating a, .star-rating .current-rating { position:absolute; top:0; left:0; text-indent:-1000em; height:18px; line-height:17px; outline:none; overflow:hidden; border: none; }
.star-rating a:hover { background-position: left bottom; }
.star-rating a.one-star { width:20%; z-index:6; }
.star-rating a.two-stars{ width:40%; z-index:5; }
.star-rating a.three-stars { width:60%; z-index:4; }
.star-rating a.four-stars{ width:80%; z-index:3; }
.star-rating a.five-stars{ width:100%; z-index:2; }
.star-rating .current-rating{ z-index:1; background-position: left bottom; }

/***	Places	***/
div#selected-tag-cloud { background: #bfe0bf; font-size: 1.5em; padding: .75em; margin-bottom: 1em;  }
div#selected-tag-cloud p { padding: 0; margin: 0 auto; } 
div#selected-tag-cloud span.selected-tag { padding: .25em .5em; }
div#selected-tag-cloud img { vertical-align: middle; }

div#selected-region-cloud { background: #bfe0bf; font-size: 1.5em; padding: .75em; margin-bottom: 1em;  }
div#selected-region-cloud p { padding: 0; margin: 0 auto; } 
div#selected-region-cloud span.selected-tag { padding: .25em .5em; }
div#selected-region-cloud img { vertical-align: middle; }

div#places-list div.place { margin: 1em 0; padding: 0; }
div#places-holder td.img { width: 100px; height: 100px; }
div#places-holder td.info { vertical-align: top; }
div#places-holder td.score-holder { width: 100px; height: 100px; background: url(../images/css/green96.png) top no-repeat; color: #FFFFFF; text-align: center; padding: 0; margin: 0 auto; }
div#places-holder td.score-holder table { width: 100%; margin: 0 auto; }
div#places-holder td.score { font-size: 50px; }
div.place div.place-name h3 { margin:0; font-size: 1em; }
div.place div.place-description { font-size: .85em; }
div.place table {margin:0; padding: 0; }

div#discount-module { margin: 1em 0; clear: both; }
div#discount-module h3 { font-size: 1.5em; margin: .75em 0 auto; padding: .75em; background: #bfe0bf;; }
div#discount-module div.voucher { text-align: center; width: 250px; float: left; margin-top: .75em; margin-left: .75em; padding: .75em; background: #EEEEEE; }
div#discount-module div.voucher_description { font-weight: bold; }
div#discount-module div.voucher_unconfirmed { color: red; padding: .5em; }

div#discount-add-module { clear: both; margin: 1em auto; padding: 1em; }
div#discount-add-module p {text-align: center; }
div#discount-add-module form { margin: 1em auto; }
div#discount-add-module div.input { margin: .25em 3em auto; text-align: right;}
div#discount-add-module div.input input { width: 70%; }
div#discount-add-module div.input textarea { width: 70%; }
div#discount-add-module div.buttons { text-align: center; margin: 1em auto; }

div#discount-feed-module h3 { margin: .5em; }
div#discount-feed-module .voucher { text-align: left; height: 2.5em; overflow: hidden; margin-bottom: .5em; }
div#discount-feed-module .voucher img { vertical-align: bottom; }

div#book-module .book { font-size: 2em; font-weight: bold; }

/***	Places	***/
span.contact { overflow: hidden; width: 100%;}
div#bookmark-module { clear: both; }

/***	Bookings	***/
div#booking-selection-module #title { margin-top: 0; margin-bottom: .75em; padding: .75em; background: #bfe0bf; }
div#booking-selection-module p { text-align: center; }

form#booking-input-form div { text-align: left; margin: 1px;}
form#booking-input-form label { width: 5em; text-align: right; margin-left: 3em; padding: 1px;}
form#booking-input-form input#checkin { width: 6em; }
form#booking-input-form input#nights { width: 3em; }
form#booking-input-form input#guests { width: 3em; }
form#booking-input-form div.center { text-align: center; margin: 0.5em auto; }

div#booking-summary-module h3 { margin-top: 0; }
div#booking-summary-module div.booking-summary { background: #EEEEEE; padding: 1em; }
div#booking-summary-module div.bonus-offer { padding: 1em; }
div#booking-summary-module div.contact-info { background: #EEEEEE; padding: 1em; }
div#booking-summary-module div.terms { padding: 1em; }
div.contact-info div.input { width: 90%; text-align: right; margin-bottom: .25em; }
div.contact-info div.input input { width: 13em; }
div.contact-info input#email, div.contact-info input#phone { width: 26.6em; }
div.contact-info #requests { width: 27.25em; }
div.contact-info div.input label.up { vertical-align: top; }
div#booking-summary-module div.freesell { color: #FF0000; margin: 1em 0; text-align: center;}
span.val-img img { vertical-align: bottom; }
span.va-img { width: 26px; }

table.booking-summary { text-align: right; width: 90%; margin-right: 0; }

div#booking-conditions-module { background: #BFE0BF; }

div#booking-confirmation-module h3 { margin-top: 0; }
div#booking-confirmation-module div.booking-summary { background: #EEEEEE; padding: 1em; }
div.booking-notes { margin-top: 1em; }
div#booking-confirmation-module span.firstname { margin-top: .25em; margin-right: 1em; }
div#booking-confirmation-module span.surname { margin-top: .25em; margin-right: 1em; }
div#booking-confirmation-module span.email { margin-top: .25em; margin-right: 3em; }
div#booking-confirmation-module span.phone { margin-top: .25em; margin-right: 1em; }
div#booking-confirmation-module span.from { margin-top: .25em; margin-right: 1em; font-weight: bold; }
div#booking-confirmation-module span.message { margin-top: .25em; margin-right: 1em; }
div.booking-notes { margin-bottom: 1em; }

div.api-rate-top-left { float: left; padding: .25em; }
div.api-rate-result { margin: .75em 0; padding: 0; background: #EEEEEE; clear: both; }
div.api-room-book { float: right; padding-right: 1px; padding-top: 1em; width: 95px; }
div.api-rate-bottom { clear: both; }
div.api-date-rate { text-align: center; float: left; margin: 1px; padding: 1px .25em; }
div.api-rate-total { text-align: center; float: right; margin: 1px; padding-top: .25em; padding-right: .25em; }

/***	Help Styles	***/
div.help {border: 1px solid #666666; padding: 1em; font-size: 12px; font-weight: normal; background: #FFFFFF url(../images/css/right_panel_link_bg.gif) bottom repeat-x; }
div#help1, div#help2, div#help3 { display: none; } 
div#site-map-module span { margin-right: 1.25em; padding: .5em 0; }
div#site-map-module div { margin: 1em 0; }

/***	Trip Styles		***/
div#planner-help-module ol { text-align: left; padding-left: 1em;}
div#trip-stop-module div.input input { width: 2em; text-align: center; }

div#trip-summary-module { margin-top: 1em; }
div#trip-summary-module h3 { text-align: left; padding: .25em; background: #EEEEEE; font-size: 1.25em; font-weight: normal; margin-bottom: .5em; }
div#trip-summary-module img { float: left; margin-right: .25em; }
div#trip-summary-module div.links { clear: both; text-align: center; margin-top: .5em; }
div#trip-summary-module div.links span { margin: 1em; }

div#trip-side-module #sidebar { margin-bottom: 1em; }

#sidebar div.links a { margin-left: 25px; }
#sidebar table.scores { margin: 0; padding: 0; width: 250px; }
#sidebar table.scores td { padding: 1px; margin: 0; }	
table.scores td.name { width: 120px; }
table.scores td.slider { text-align: right; width: 100px; }
table.scores td.slider img { width: 100px; }
td.slider div.slider-bar { background:url(../images/css/slider-bg.gif); }
table.scores td.match { text-align: right; width: 25px; }
	
/***	Footer Styles	***/

div#footer ul li { list-style-type: none; }
div#footer span a { color:#666666; }

/***	Lightbox	***/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/css/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/css/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 1000px; background-color: #FFFFFF; }

/***	Search		***/
div#search-module ul { padding: 0; }
div#search-module li { margin: 1em 0; padding: 0; list-style-type: none;}

/***	Autocompleters	***/
div.autocomplete { position:absolute; width:248px; background-color:white; border:1px solid #CCCCCC; margin:0px; padding:0px; text-align: left; z-index: 20; }
div.autocomplete ul { list-style-type:none; margin:0px; padding:0px; }
div.autocomplete ul li.selected { background-color: #EDECFF; }
div.autocomplete ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; }
	
/***	Login		***/
/*
div#login{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#login-overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 1000px; background-color: #FFFFFF; }

form.login-form { width: 30em; padding-top:10em; margin: auto; background: #FFFFFF; opacity: 1.0; z-index: 100; text-align: center;}
form.login-form div.input { text-align: right; }
form.login-form div.input input { padding-right: 9em; margin-bottom: .5em; }
*/