/* --- STATIC.CSS -------------------------------------------------

   Styles used specifically for static pages.
   Selectors are grouped by function/page element.
   Attributes for each selector are then listed alphabetically to
   make them easy to find. Please try and stick to this convention :)

------------------------------------------------------------------- */

/* -- PAGE LAYOUT (no right-hand column) ----------------------------------- */
#centreColumn {
	display:inline; /* this to fix IE doubled float margin bug */
	float:left;
	margin:130px 0 0 192px;
}
/* -- use this to float a right column in #full ---- */
#floatRight {
	float:right !important;
	margin:0 0 10px 7px;
	overflow: hidden;
	width:182px;
}

/* --- LISTS for Terms and conditions etc ---------------------------------- */
ul.nobullets {
	list-style-type: none;
	padding: 0;
}
ul.nobullets li ul, ul.nobullets li ol {
	padding: 0.5em 0 0 2.5em;
	text-indent: -1.5em;
}
ul.nobullets li {
	margin-bottom: 0.5em;
}
ol li img{
	vertical-align:middle;
}
/* ul h2 img {
	position: relative;
	top: 7px;
	margin-bottom: 9px;
} */

/* --- EMERGENCY MESSAGE FRAMEWORK --------------------------------------------- */

#important_message {
	width:447px;
	margin-bottom:10px;
}

/* --- Tables used for formatting forms ---------------------------------- */
#signUpForm {
	width:359px;
}
.formtable {
	border-collapse: collapse;
}
.formtable caption {
	display: none;
}
.formtable td {
	margin: 0;
	padding: 0;
}
.formtable th {
	padding:4px;
	text-align: left;
	vertical-align:top;
	white-space:nowrap;
	width: 90px;
}
.formtable .bordered {
	border: 1px solid #666;
}
.formtable .shaded {
	/* background-image:url(/_assets/images/tables/bg_grey.jpg); */
	background-color:#f5f5f5;
}
.formtable .hide {
	display: none;
}
.formtable input, .formtable select {
	vertical-align:middle;
}
.formtable td.submit {
	/*border: 2px solid #666;
	background-image:url(/_assets/images/tables/bg_yellow.jpg);*/
	text-align: right;
}
.formtable p {
	margin: 0;
}
.formtable ul {
	list-style-type:none;
	margin: 0;
	padding: 0.5em 0;
}
.formtable li input {
	margin-right:0.5em;
}

/* --- BOXOUT STYLES --- */

/* Feature box 
   Plain grey bordered boxout */
.featurebox {
	background:#fff url(/_assets/images/boxouts/top_featurebox.gif) no-repeat top left;
	padding:10px 10px 0px 10px;
	width:567px;
	margin-bottom: 0;
	/* margin-top:2em; */
}
.featurebox p {
	margin-bottom: 0;
	padding-bottom: 10px;
}
.featurebox h2, .featurebox h3 {
	margin-top: 0;
	clear:none;
}
.featureboxFooter {
	background:#fff url(/_assets/images/boxouts/bot_featurebox.gif) no-repeat bottom left;
	font-size: 1px;
	height:8px;
	width:587px;
	margin: 0 0 10px 0;
}
/* 'New for...' featurebox */
.offers_h2_image {
	background:#fff url(/_assets/images/boxouts/top_featurebox.gif) no-repeat top left;
	padding:10px 10px 0px 10px;
	width:567px;
	margin-bottom: 0;
	height:160px;
}
#centreColumn > .offers_h2_image {
	height:auto;
	min-height:160px;
}
.offers_h2_image p {
	margin-bottom: 0;
	padding-bottom: 10px;
}
.offers_h2_image h2, .offers_h2_image h3 {
	margin-top: 0;
	clear:none;
}
.offers_h2_imageFooter {
	background:#fff url(/_assets/images/boxouts/bot_featurebox.gif) no-repeat bottom left;
	height:8px;
	width:587px;
	margin: 0 0 10px 0;
}

/* custom_dark 
   For custom boxes (special offers pages etc)
   The background is set in a style attribute of the boxout control template
   This one has white text (for dark backgrounds) */
.custombox {
	position: relative;
	
	width:374px;
	height: 160px;
}
div > .custombox {
	height: auto;
	min-height: 160px;
}
.custombox .content {
	margin-bottom: 0;
	padding: 0 10px;
	font-weight: bold;
	font-size: 1.2em;
}
.custombox .title h2 {
	background: none;
}
.custombox .title h2 span {
	display:none;
}
.custombox p {
	margin: 1em 0 0 0;
}
.custombox h2, .custombox h3 {
	margin-top: 0;
	clear:none;
}
.custombox_Footer {
	height:8px;
	width:374px;
}
.dark { 
	color: #FFF;
	background-color:#666666;
}
.light {
	color: #000;
	background-color:#CCCCCC;
}
.dark a {
	color:#FFCC00;
}
.dark a:hover {
	color:#FFFF00;
}
.light a {
	color:#CC0000;
}
.light a:hover {
	color:#CC0000;
}

/* customboxWide - for full-width custom boxouts */
.customboxWide {
	width:566px;
}


/* Feature box 
   Plain solid red boxout */
.featurebox_red {
	background:#fff url(/_assets/images/boxouts/bg_featurebox_red.gif) no-repeat top left;
	padding:10px 10px 0px 10px;
	width:354px;
	/* margin-top:2em; */
	color: #FFFFFF;
}
.featurebox_red p {
	margin-bottom: 0;
	padding-bottom: 0.5em;
}
.featurebox_red h2, .featurebox_red h3 {
	margin-top: 0;
	clear:none;
}
.featurebox_redFooter {
	background:#fff url(/_assets/images/boxouts/bot_featurebox_red.gif) no-repeat bottom left;
	height:8px;
	width:374px;
	margin-bottom:10px;
}
/* wide red boxout */
.featurebox_red_wide {
	background:#fff url(/_assets/images/boxouts/bg_featurebox_red_wide.gif) no-repeat top left;
	width: 556px;
	padding:10px 10px 0px 0px;
	color: #fff;	
}
.featurebox_red_wide p {
	margin-bottom: 0;
	padding: 10px;
	padding-bottom: 0.5em;
}
.featurebox_red_wide h2, .featurebox_red_wide h3 {
	margin-top: 0;
	margin-left: 10px;
	clear:none;
}
.featurebox_redFooter_wide {
	background:#fff url(/_assets/images/boxouts/bot_featurebox_red_wide.gif) no-repeat bottom left;
	height:8px;
	width:556px;
	margin-bottom:10px;
}

/* Featurebox Wide */
.featurebox_wide {
	background:#fff url(/_assets/images/boxouts/top_featurebox_wide.gif) no-repeat top left;
	padding:10px 10px 0px 0px;
	width:577px;
	margin-top:2em;
}
.featurebox_wide p {
	margin-bottom: 0;
	padding: 10px;
	padding-bottom: 0.5em;
}
.featurebox_wide h2, .featurebox_wide h3 {
	margin-top: 0;
	margin-left: 10px;
	clear:none;
}
.featureboxFooter_wide {
	background:#fff url(/_assets/images/boxouts/bot_featurebox_wide.gif) no-repeat bottom left;
	height:8px;
	width:587px;
	margin-bottom:10px;
}


/* -- ORANGE and ORANGE-WIDE -- */
.boxff9900,
.boxff9900_wide {
	background-color: #fff;
	border: 2px solid #f90;
	border-left: 190px solid #f90;
	margin-bottom: 10px;
	position:relative;
	width:375px;
	padding:10px;
	height: 50px;
}
div > .boxff9900,
div > .boxff9900_wide {
	height: auto;
	min-height: 60px;
}
.boxff9900 h2,
.boxff9900_wide h2 {
	left: -180px;
	position:absolute;
	top:0px;
	background: none;
	width: 189px;
	margin: 10px 0;
}
.boxff9900 .text,
.boxff9900_wide .text {
	margin-right: 10px;
	width:375px;
}
.boxff9900 h5,
.boxff9900_wide h5 {
	left:10px;
	position:absolute;
	top:0px;
	color:#FFFFFF;
	width: 189px;
	font-size: 1.5em;
	margin: 10px 0;
}

/* -- RED and RED-WIDE -- */
.boxcc0000,
.boxcc0000_wide {
	background-color: #fff;
	border: 2px solid #c00;
	border-left: 190px solid #c00;
	margin-bottom: 10px;
	position:relative;
	width:375px;
	padding:10px;
	height: 50px;
}
div > .boxcc0000,
div > .boxcc0000_wide {
	height: auto;
	min-height: 60px;
}
.boxcc0000 h2,
.boxcc0000_wide h2 {
	left: -180px;
	position:absolute;
	top:0px;
	background: none;
	width: 189px;
	margin: 10px 0;
}
.boxcc0000 .text,
.boxcc0000_wide .text {
	margin-right: 10px;
	width:375px;
}
.boxcc0000 h5,
.boxcc0000_wide h5 {
	left:10px;
	position:absolute;
	top:0px;
	color:#FFFFFF;
	width: 189px;
	font-size: 1.5em;
	margin: 10px 0;
}

/* --- IMAGE BLOCK --------------------------------------------- */
/* for horizontal images (3 images of 118 pixels width) */
.image_block {
	display:block;
	margin:1em 0;
}
.image_block img{
	display:inline;
	margin: 0;
}
.image_block img.middle {
	margin: 0 5px;
}

/* --- EXTRA HOTELS --------------------------------------------- */

#extraHotels {
	background-color: #c00;
	border: 1px solid #900;
	color: #fff;
	padding: 10px;
	width: 565px;
}


/* not sure if we'll need these but might be good for special offers etc */
.floatLeft {
	float: left;
	margin-right: 20px;
}
.floatRight {
	float: right;
	margin-left: 20px;
}



.repeater_horizontal .creturn {
	clear: both;
}
/* --- SPECIAL OFFER LISTING - Medium size --------------------------------------------------- */
.repeater_horizontal {
	width: 587px;
	overflow:visible;
	margin-bottom:1em;
}
.repeater_vertical {
	display: block;
	width: 189px;
	float:right;
	margin-left: 10px;
}
.soi_med {
	width: 189px;
	padding: 0;
	background:#fff url(/_assets/images/repeaters/med_bg_top.gif) no-repeat top left;
}
.repeater_horizontal .soi_med {
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}
.repeater_horizontal .creturn .soi_med {
	margin-left: 0;
	clear:both;
}
.repeater_vertical .soi_med {
	margin-bottom: 10px;
}
.soi_med .photo {
	margin:0 auto 1em;
}
.soi_med h3 {
	margin: 0;
	padding: 5px 0 9px 5px;
}
.repeater_horizontal .soi_med h3 {
	height: 30px;
}
.repeater_horizontal .soi_med > h3 {
	height: auto;
	min-height: 38px;
}
.soi_med h3 img {
	vertical-align:middle;
}
.soi_med .vrating {
	margin: 5px 0 5px 2px;
}
.soi_med .content {
	padding: 0 3px;
	line-height: 1.2em;
}
.repeater_horizontal .soi_med .content {
	height: 100px;
	margin-bottom: 1.5em;
}
.repeater_horizontal .soi_med > .content {
	height: auto;
	min-height: 100px;
}
.soi_med ul {
	margin: 0;
}
.soi_medFooter {
	background:#fff url(/_assets/images/repeaters/med_bg_bot.gif) no-repeat bottom left;
	height: 10px;
	font-size: 1px;
}
.soi_med .more {
	margin: 8px 3px 2em 3px;
}
.soi_med p {
	margin: 0 0 0.7em 0.3em;
}


/* --- SPECIAL OFFER LISTING - Large size --------------------------------------------------- */
.soi_large {
	width: 278px;
	padding: 0;
	margin: 0 0 10px 10px;
	background:#fff url(/_assets/images/repeaters/large_bg_top.gif) no-repeat top left;
	float: left;
}
.soi_largeFooter {
	background:#fff url(/_assets/images/repeaters/large_bg_bot.gif) no-repeat bottom left;
}
.soi_large .photo {
	margin-left:10px;
}
.soi_large h3 {
	margin: 0;
	padding: 8px 0 9px 10px;
}
.soi_large .vrating {
	margin: 5px 0 5px 10px;
}
.soi_large .content {
	padding: 0 10px;
	line-height: 1.2em;
	height: 80px;
}
.soi_large > .content {
	height: auto;
	min-height: 80px;
}
.soi_large .bookingTip {
	border-top:1px solid #c00;
	border-bottom:1px solid #c00;
	background-color:#FFF;
	padding: 0 10px;
	line-height: 1.2em;
	margin: 10px 0 0 1px;
	width: 256px;
}
.soi_large .bookingTip h3 {
	padding: 5px 0 3px 0;
}
.soi_large ul {
	margin: -0.5em 0 0 0;
}
.soi_large .more {
	margin: 10px 0 0 10px;
}
.repeater_horizontal .creturn .soi_large {
	margin-left: 0;
	clear:both;
}


/* --- SPECIAL OFFER LISTING - Full width --------------------------------------------------- */
.soi_wide {
	clear: both;
	width: 587px;
	padding: 0;
	margin: 0 0 10px 0;
	border-top: 1px solid #666;
}
.soi_wide .photo {
	float:left;
	width: 192px;
}
.soi_wide > .photo {
	margin-bottom: 10px;
}
.soi_wide .vrating {
	margin: 5px 0 0 0;
}
.soi_wide .content1 {
	width: 179px;
	float: left;
	margin-right: 10px;
}
.soi_wide .content2 {
	width: 189px;
	float: left;
}
.soi_wide .more {
	clear:both;
}
.soi_wide h3 {
	margin: 0;
	padding: 8px 0 9px 0;
}
.soi_wide .content_outer {
	float:left;
}
.soi_wide img.rating {
	clear:none;
}
.soi_wide .priceTag {
	float:right;
	margin-right: 5px;
}
.soi_wide a > .priceTag {
	float:right;
	margin-right: 10px;
}
.soi_wide .vrating, .soi_wide .stars {
	margin: 5px 0 0 0;
}
.soi_wide .content_outer {
	width:388px;
	float:left;
	margin-top: 5px;
}


/* --- SPECIAL OFFER LISTING - Full width but medium content --------------------------------------------------- */
.soi_med_wide {
	clear: both;
	width: 587px;
	padding: 0;
	margin: 0 0 10px 0;
	border-top: 1px solid #999;
}
.soi_med_wide .photo {
	float: left;
	width: 189px;
}
.soi_med_wide > .photo {
	margin-bottom: 10px;
}
.soi_med_wide .vrating {
	margin: 0;
}
.soi_med_wide .vrating img {
	display: inline;
	vertical-align:middle;
	clear:none;
}
.soi_med_wide img.vholsTag {
	margin: 0 0 0 4px;
}
.soi_med_wide .more {
	clear:both;
}
.soi_med_wide h3 {
	margin: 0;
	padding: 8px 0 9px 0;
}
.soi_med_wide .content_outer {
	float:left;
	margin-left: 6px;
	width: 388px;
}
.soi_med_wide br {
	font-size: 1px;
}


/* --- SPECIAL OFFER LISTING - Full width --------------------------------------------------- */
.soi_small {
	width: 185px;
	padding: 0;
}
.repeater_horizontal .soi_small {
	float: left;
	margin: 10px 0 10px 10px;
}
.repeater_horizontal .creturn .soi_small {
	margin-left: 0;
	clear:both;
}
.repeater_vertical .soi_small {
	clear:left;
	margin-bottom: 10px;
}
.repeater_vertical > .soi_small {
	min-height: 57px;
}
.soi_small .photo {
	float: left;
	width: 100px;
}
.soi_small .vrating {
	margin-top:5px;
}
.soi_small .hotelname {
	width: 80px;
	float: right;
}
.soi_small .hotelname a {
	font-weight: bold;
}

/* --- HOTEL FEATURE SEARCH  --------------------------------------------------- */
/* Appears across all programs - /brochures/<program name>/holidays/feature_search.aspx */

.leftFeatureSet {
	float:left;
	width:270px;
	margin-right:10px;
}

.rightFeatureSet {
	float:right;
	width:270px;
}
.leftFeatureSet input, .rightFeatureSet input {
	float: left;
	margin: -3px 1px 4px 0;
	padding: 0;
	width: auto;
}
.leftFeatureSet span > input, .rightFeatureSet span > input {
	margin: 0 5px 7px 0;
}

.searchResults {
	width:587px;
}

p.searchResultInfo {
	line-height:1.4em;
	padding:0 0 1em 0;
}

p.searchResultInfo br  {
	clear:none;
	margin:0;
	padding:0;
}

.searchBtns {
	border-top:1px dashed #999;
	padding:1.5em 0 0 0 ;
	width:374px;
}

a.firstBtn, a.lastBtn, a.nextBtn, a.prevBtn {
	display:block;
	float:left;
	padding:0 0 0 23px;
	margin: 0 10px 0 0;
	width: auto;
	height:20px;
}
a.firstBtn {
	background:transparent url("/_assets/images/icons/first_btn.gif") no-repeat top left;
}
a.lastBtn {
	background:transparent url("/_assets/images/icons/last_btn.gif") no-repeat top left;
}
a.nextBtn{
	background:transparent url("/_assets/images/icons/next_btn.gif") no-repeat top left;
}
a.prevBtn {
	background:transparent url("/_assets/images/icons/prev_btn.gif") no-repeat top left;
}

/* --- SITEWIDE SEARCH RESULT LISTING - 374 width --------------------------------------------------- */
.SearchResultsOuter {
	width:587px;
}
.YouSearchedFor {
	font-weight:bold;
}
.ss_text_only {
	border-top:1px solid #ccc;
	clear:both;
	padding:10px 0 0 0;
}
.ss_text_only p.result_title {
	font-weight:bold;
	margin:0;
}
.ss_result {
	border-top:1px solid #ccc;
	clear:both;
	height:70px;
	padding:10px 0 0 0;
}
#centreColumn > .ss_result {
	min-height:53px;
}
.hotel {
	height:72px;
}
#centreColumn > .hotel {
	min-height:72px;
}
.ss_result .result_photo {
	float:left;
	margin:0 0 10px 0;
	width:75px;
}
.ss_result .vrating {
	margin-top:5px;
}
.ss_result .result_details {
	float:right;
	margin:0 0 10px 0;
	width:509px;
}
.ss_result .result_details p.result_title {
	font-weight: bold;
	margin:0;
}
.ss_result .result_details p.result_link {
	background:transparent url(/_assets/images/icons/more_search.gif) no-repeat bottom left;
	padding-left:15px;
}
.ss_result .result_details p {
	margin:0;
}
#dac_nonefound {
	margin-bottom: 1em;
	width: auto !important;
}

/* if the page has a booking form */
.newformbottom {
	height:10px;
	background:#c00 url(/_assets/images/booking/footer.gif) no-repeat bottom left;
	margin-bottom:10px;
}

/* search summary panel */
p.otheroptions {
	margin-bottom: .5em;
}
ul.otheroptions {
	margin:0;
	list-style-type:none;
	padding-left: 0;
}
ul.otheroptions li {
	background: transparent url(/_assets/images/product/summary_box_bullet.gif) no-repeat 0 .5em;
	padding-left:10px;
}
ul.otheroptions li.backtoresults {
	background: none;
	padding-left: 3px;
}
ul.otheroptions li.backtoresults {
	background: none;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
p.cancel {
	background: transparent url(/_assets/images/product/summary_box_bullet.gif) no-repeat 0 .5em;
	margin: .5em 0 10px 6px;
	padding-left:10px;
}

#AddThis {
	/* reposition for IE6 - even though this is already set in footer.css! */
	_position:absolute;
	_bottom: 180px;
	_right: 0;
}