/*
-------------------------------------------------
URI: http://www.snowbombing.com/
-------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset from Tripoli)

2: LAYOUT
	2.1 main form
	2.2 container
	2.3 header
	2.4 wrapper
	2.5 content
	2.6 header content
	2.7 primary content
	2.8 secondary content
	2.9 tertiary content
	2.10 secondary and tertiary content widths
		2.10.1 fixed container size
		2.10.2 secondary content size
		2.10.3 tertiary content size
	2.11 footer

3: GLOBAL ELEMENTS / CONTROLS
	3.1 header elements
	3.2 primary navigation
	3.3 form block (side columns)
	3.3.1 book now form
	3.3.5 form block (main)
	3.4 links block / list
	3.4.1 error block / list
	3.5 intro block
	3.6 central column call to actions
		3.6.1 information and error reporting
		3.6.2 with grey call to actions
		3.6.3 with a table
		3.6.4 2 col large block
		3.6.5 black block with large cta
		3.6.6 side column cta
		3.6.7 dataset table
			3.6.7.1 dataset row styles
		3.6.8 Search Box
	3.7 menu block
	3.8 newsletter block
	3.9 snaps block
	3.10 tv block
	3.11 advert block
	3.12 footer elements
		3.12.1 footer row
		3.12.2 logos
		3.12.3 bookmark links
		3.12.4 address
		3.12.5 contact numbers
		3.12.6 footer navigation
4: TEMPLATE / PAGE SPECIFIC

5: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */
* { margin: 0; padding: 0; text-decoration: none; outline: none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font: inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border: none } table { border-collapse: collapse; border-spacing: 0 } caption, th, td, center { text-align: left; vertical-align: top } q { quotes: "" "" } font { color: inherit !important; font: inherit !important; color: inherit !important } marquee { overflow: inherit !important; -moz-binding: none } blink { text-decoration: none } nobr { white-space: normal }
/* end of import */

html { font-size: 12px; font-family: arial, helvetica, sans-serif; line-height: 1.4em; color: #020202 }
body { height: 100%; text-align: center; min-width: 972px; background: #fff; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 1em; }
h1 { font-size: 24px; color: #000; margin: 0 0 12px 0 }
h2 { color: #33c4f3; margin: 0; font-size: 14px; }
/*h2 span { text-transform: uppercase; font-weight: bold; color: #0385dd; padding: 3px 20px 3px 8px; background: #fff; margin: 0 0 -1px 0; display: inline-block; display: -moz-inline-box  }*/
h3 { font-size: 24px; color: #000; padding: 30px 0 20px 0; text-transform: lowercase }
h4 { font-size: 14px; color: #33c4f3; padding: 10px 0 12px 0; text-transform: lowercase }
h5 { font-size: 1.1em; color: #5c5c5c; margin: 12px 0 0 0 }  /* h5 is used for group article title. */
h6 { font-size: 1.1em; color: #5c5c5c; margin: 0 0 12px 0 }
/* Prices for Accommodation PerNight / ExtraNights */
h5.accomm-price { font-size: 24px; color: #000; text-transform: lowercase; font-family: arial, helvetica, sans-serif; }
h6.accomm-extranight-price { font-size: 14px; color: #33c4f3; text-transform: lowercase; font-family: arial, helvetica, sans-serif; }
p  { font-size: 11px; color: #5c5c5c; margin: 0 0 12px 0 }
p.small { font-size: 0.833em; color: #5c5c5c; margin: 0 0 12px 0 }
blockquote { font-size: 11px; color: #5c5c5c; margin: 0 0 20px 20px; width: 410px; font-style: italic; font-weight: bold }
ul { font-size: 12px; color: #5c5c5c; margin: 0 0 12px 0 }
table { margin: 0 0 12px 0 }
table td { color: #5c5c5c; padding: 0 }
a { color: #33c4f3; text-decoration: underline }
a:hover { text-decoration: none }
a:visited { }
a:active { }
ul { margin: 0 0 12px 0; font-size: 1.1em; list-style: disc outside }
ol { margin: 0 0 12px 0; font-size: 1.1em; list-style: decimal outside }
dl { margin: 0 0 12px 0; font-size: 1.1em }
hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none }
textarea, input[type='text'], select, input[type='password'] { border: 1px solid #8f8f8f; background: #efefef; font-size: 11px; color: #000; padding: 2px; }
ul#skiplinks { display: none }
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden }
ul#skiplinks a:active, ul#skiplinks a:focus { position: static; width: auto; height: auto }

/* -----------------------------------------------
2. LAYOUT
----------------------------------------------- */

/* 2.1 - main form */
form.main { width: 100%; height: 100% }

/* 2.2 - container */
div#container { margin: 0 auto; position: relative; text-align: left }

/* 2.3 - header */
div#header { position: relative; }

/* 2.4 - wrapper */
div#wrapper { clear: both; float: left; width: 100% }

/* 2.5 - content */
div#content { padding: 9px; background: #f4f3f3; }

/* 2.6 - header content */
div#header-content { position: relative }

/* 2.7 - primary content */
div#primary-content { position: relative; background: #f4f3f3; }

/* 2.8 - secondary content */
div#secondary-content { float: left; margin: 17px 0 0 -100%; position: relative; background: #f4f3f3; }

/* 2.9 - tertiary content */
div#tertiary-content { float: left; position: relative; background: #f4f3f3; margin: 17px 0 0 0; }

/* 2.10 - secondary and tertiary content widths */

	/* 2.10.1 - container width */
	div#container { width: 972px }

	/* 2.10.2 - secondary content width */
	div#primary-content { margin-left: 209px }
	div#secondary-content { width: 200px }

	/* 2.10.3 - tertiary content width */
	div#primary-content { margin-right: 269px }
	div.two-col div#primary-content { margin-right: 0 }
	div#tertiary-content { width: 260px; margin-left: -260px }

	/* 2.11 - footer */
	div#footer { clear: both; padding: 27px 0 0 0; font-size: 10px; }

/* -----------------------------------------------
3. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

	/* 3.1 - header elements */
	div#header h1 { margin: 0; width: 404px;  height: 78px; text-indent: -3000px }
	h2.welcome { display: none; }
	div#header-content div#form-block-wrapper { width: 200px; float: left; clear: both; margin: 0 9px 0 0 }
	div#header-content img { float: left }

	div#header #cta-booking { position: absolute; top: 51px; right: 0; border: 1px solid #181818; padding: 5px 10px; color: #33c4f3; text-align: right }
	div#header #cta-booking a { text-decoration: none; }
	div#header #cta-booking h2 { font-size: 24px; padding-bottom: 8px }
	div#header #cta-booking h2 a { color: #fff }
	div#header #cta-booking span a { text-decoration: none; font-size: 14px }
	div#header #cta-booking span a:hover { text-decoration: underline }

	/* 3.2 - primary navigation */
	div#primary-navigation { margin: 0; padding: 0; height: 36px; width: 100% }
	div#primary-navigation ul { float: left; list-style-type: none; background: transparent; margin: 0; width: 100% }
	div#primary-navigation ul li { float: left; margin: 0 2px 0 0; padding: 0; }
	div#primary-navigation ul li.cta-booking { float: right; background: #E1E0E0; }
	div#primary-navigation ul li a, #btn-manage-my-booking a, #btn-book-now a { padding: 4px 15px 12px 14px; display: block; background: transparent; text-decoration:none; color: #000; font-size: 14px; }
	div#primary-navigation ul li a.booknow, #btn-manage-my-booking a, #btn-book-now a { background: transparent url(/img/bg-navigation-menu-pink.png) no-repeat; color: #fff; margin-right:9px; }
	div#primary-navigation ul li a:hover, #btn-manage-my-booking a:hover, #btn-book-now a:hover { background: transparent url(/img/bg-navigation-menu.png) no-repeat; color: #fff }
	div#primary-navigation ul li.selected a { color: #fff; background: transparent url(/img/bg-navigation-menu.png) no-repeat; }

	/* 3.3 - form block (side columns) */
	div.form-block { background: #33c4f3; margin: 0 0 9px 0; padding:0 }
	div.form-block fieldset { border: 0 none; padding: 0 0 0 10px !important }
	@media screen and (-webkit-min-device-pixel-ratio:0) { div.form-block fieldset { padding: 0 0 1px 10px } }
	/* ^^ targets only safari and google chrome */
	div.form-block fieldset legend span { display:none; }
	div.form-block fieldset ol { list-style-type: none }
	div.form-block fieldset ol li { margin: 0 0 5px 0 }
	div.form-block fieldset label { display: none }
	div.form-block fieldset select { width: 175px; }
	div.form-block fieldset input[type='text'] { width: 160px; }
	div.form-block fieldset input.button { background: #33c4f3; border: 0; color: #000; padding: 3px 5px; font-size: 11px }
	div.form-block fieldset input.booking-button { background: #EC008C; border: 0; color: #FFFFFF; padding: 3px 5px; font-size: 11px }
	div.form-block.booking-form { background: #E1E0E0; margin: 0; font-size: 11px }
	div.form-block.booking-form .cta-row { padding: 0 }
	div.form-block.booking-form p { clear: both }
	div.form-block.booking-form fieldset { padding-left: 0 !important }
	div.form-block.booking-form fieldset legend { display: none }
	div.form-block.booking-form fieldset label { width: 90px; display: inline-block; font-size: 11px }
	div.form-block.booking-form fieldset select { width: 125px; }
	div.form-block.booking-form.accommodation { background: none; }
	div.form-block.booking-form.accommodation fieldset label { width: 110px }

	/*  Contact us form   */
	#contactus_container { width: 410px; background: #FFFFFF; border: 5px #FFFFFF solid; text-align: left; padding: 0 10px 0 10px; position: absolute; left: 0;}
	#contactus_container div.ui-tabs-panel img { margin: 0; }
	#contactus_container #comment { width: 160px; }
	#contactus_container #errorbox { border: 1px solid #DD3C10; background: #FFEBE8; font-weight: bolder; padding: 5px; }
	#contactus_container div.tabs ul.ui-tabs-nav { background: #E1E0E0 !important; padding-bottom: 10px !important; margin: 0; border-top: 2px solid #33C4F3; }


	/* 3.3.5 form block (main) */
	div.cta-form table { width: 100%; }
	div.cta-form table .label { width: 150px; }
	div.cta-form table .field {  }
	div.cta-form table .help { color: #8C8C8C; width:350px }
	div.cta-form table td h3 { margin:0; border-bottom:0 }
	div.cta-form table td input[type=submit] { background: #33c4f3; color: #000; border: 0 none; padding: 3px 5px; font-size: 11px }
	div.cta-form table td select { max-width:250px; }
	div.cta-form table td textarea { width:70%; height:100px; }
	div.cta-form table td span.small { font-size: 0.9em }
	div.cta-form table td span.required { color: #33C4F3; }
	div.cta-form table td.left, div.cta-form table td.right, div.cta-form table td.blank { border: none }
	div.cta-form table td.right { text-align: right }
	div.cta-form p.tandc { text-align: center; line-height: 1.8em }
	div.cta-form .validation-failed { border: solid 2px #FF3333 }
	div.cta-form .validation-advice { color: #FF3333; font-size: 0.9em; display:inline; padding-left:2px }

	/* 3.4 - links list/block */
	div.link-block { margin: 0 0 9px 0 }
	ul.links { margin: -7px 0 0 0; list-style-type: none }
	ul.links li { list-style-type: none; padding: 7px 0; border-bottom: 1px dashed #B0B2B1; }
	ul.links li.last { border-bottom: 0; }
	ul.links li a { color: #7f7f7f; background: url(../images/icn-links-arrow.gif) left 3px no-repeat; display: block; text-decoration:none }
	ul.links li a:hover { color: #fff }
	ul.links li a.facebook { color: #7f7f7f; background: url(../images/icn-facebook.gif) left top no-repeat; padding: 0 0 0 25px; display: block; text-decoration:none }
	ul.links li p { color: #7f7f7f; background: url(../images/icn-links-arrow.gif) left 3px no-repeat; margin-bottom:0px }

	ul.links.navmenu, div.hotlinks ul.links { margin-top: 20px; }
	div.hotlinks ul.links.floatinginspace { margin-top: 16px; }
	ul.links.navmenu li, div.hotlinks ul.links li { border-bottom: 0 }
	ul.links.navmenu li a { font-size: 24px; color: #000; text-transform: lowercase; line-height: 12px; font-weight: bold; padding-left: 10px; }
	ul.links.navmenu li a:hover { color: #33c4f3 }

	div.hotlinks { margin: 8px 0 20px 0; }
	div.hotlinks h4 { border-top: 1px dashed #b0b2b1; margin:0; padding: 15px 0 0 10px; font-size: 24px; color: #000; text-transform: lowercase }
	div.hotlinks ul.links li { padding: 5px 0 }
	div.hotlinks ul.links li.last { margin-bottom: 20px; }
	div.hotlinks ul.links li a { font-size: 14px; color: #33c4f3; text-transform: lowercase; padding: 0 0 0 10px }
	div.hotlinks ul.links li a:hover { color: #000 }

	/* 3.4.1 - error lists */
	ol.error { list-style-position: inside }
	ol.error li { }

	/* 3.5 - intro block */
	div#intro-block h2 { margin: 0; padding: 43px 20px 0 20px; border-bottom: 0 none; color: #000; font-size: 24px; }
	div#intro-block h3 { margin: 0; padding: 0px 20px 10px 20px; border-bottom: 0 none; }
	div#intro-block h4 { margin: 0; padding: 0px 20px 0 20px; border-bottom: 0 none; }
	div#intro-block p { color: #5c5c5c; font-size: 1em; padding: 15px 20px 10px 20px; }
	div#intro-block p.date { font-size: 14px; font-weight: bold; color: #33c4f3; margin-top: 8px; }
	div#intro-block p.quote, div#intro-block p.quote-author { font-size: 14px; font-style: italic; color: #33c4f3; margin-top: 8px; }
	div#intro-block p.quote .quote-author { font-style: normal; font-size: 12px }
	/*
	div#intro-block p.summary { margin-bottom: 0; padding-bottom: 0; font-size: 1.2em }
	div#intro-block span.subtitle { font-size: 0.8em; line-height: 1.2em; display: block; font-style: italic; margin-top: 2px }
	div#intro-block p.price { color: #00aff0; float:right; font-size: 2.4em; font-weight: bold; font-style: italic }
	div#intro-block p.testimonial { color: #0385DD; padding: 0 9px 9px 9px; margin: -9px 9px 9px 9px; font-size: 1.3em; font-style: italic; font-weight: bold; text-align: center; }
	*/

	/* 3.6 - central column call to action(s) */
	div.cta-block { margin: 18px 0 0 0 }
	div.cta-first { margin: 0 }
	div.cta-block a:hover { text-decoration: none }
	div.cta-block div.cta-row { padding: 9px }
	div.cta-block div.cta-row.separator { padding-top: 10px; margin-top: 10px }
	div.cta-block div.cta-row.border-top { border-top: 1px dashed #3E3D3D; padding-top: 10px; }
	div.cta-block dl { width: 140px; float: left; margin: 0 18px 0 0 }
	div.cta-block dl.last { margin: 0 }
	div.cta-block dl dd h2.no-border { border:none }
	div.cta-block dl dd h3, div.cta-block dl dd h3 a { color: #7f7f7f; text-transform: uppercase; font-size: 1em; margin: 0 0 3px 0; padding: 3px 0 0 0 }
	div.cta-block dl dd p { font-size: .9em; margin: 2px 0 6px 0; color: #7f7f7f }
	div.cta-block dl dd a { color: #0385DD; font-size: .9em }
	div.cta-block table { border-collapse: collapse }
	div.cta-block table thead { display: none }
	div.cta-block table tr.alt td { background: #000; }
	div.cta-block ul { list-style-type: none }
	div.cta-block ul li { list-style-type: none; background: url(../images/icn-links-chevron.gif) left 5px no-repeat; padding: 0 0 0 14px; margin: 4px 0 0 4px; font-size: 11px }
	div.cta-block img.right { float: right; margin: 0 0 10px 10px }
	div.cta-block img.left { float: left; margin: 0 10px 10px }
	div.cta-block img.summary_image { float: left; margin: 0 15px 5px 0 }
	div.cta-block .border-top {
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #E4E3E3;
		margin-top:-2px;
	}

	/* 3.6.000 - news block */
	div.cta-news { padding: 10px; background: #E1E0E0 }
	div.cta-news h2, div.cta-news h3 { font-size: 24px }
	div.cta-news h3 { color: #000; padding-bottom: 8px; line-height: 1em; border-bottom: 1px dashed #b0b2b1; }
	div.cta-news h4 { font-size: 14px; color: #33C4F3 }
	div.cta-news ul { list-style-type: none }
	div.cta-news ul li { list-style-type: none; border-bottom: 1px dashed #B0B2B1; padding: 8px 0 8px 1px; font-size: 11px }
	div.cta-news ul li a { color: #5c5c5c; text-decoration: none; }

	/* 3.6.1 - information and error reporting */
	div.cta-block div.cta-row p.successbox { border: 1px solid #7EE47E; background-color: #D6F9D6; color: #008400; padding: 6px }
	div.cta-block div.cta-row p.errorbox { border: 1px solid #E47E7E; background-color: #F9D6D6; color: #840000; padding: 6px }
	div.cta-block div.cta-row p.errorbox a, p.errorbox a:link, p.errorbox a:visited { color: #840000; text-decoration: underline }
	div.cta-block div.cta-row p.errorbox a:hover { color: #000; text-decoration: none }

	/* 3.6.2 - with grey call to actions */
	div.cta-grey div.cta-row { padding: 9px 0 0 0 }
	div.cta-grey dl { width: 134px; padding: 8px; background: #e4e3e3; margin: 0 13px 0 0 }

	/* 3.6.3 - with a table */
	div.cta-table div.cta-row { padding: 9px 0 0 0 }
	div.cta-table dl { width: 134px; margin: 0 13px 0 0 }
	div.cta-table table { border-collapse: collapse; width: 182px; margin-left: 13px; float: left }
	div.cta-table table td { width: 50%; color: #8c8c8c; font-size: 1em }
	div.cta-table .cta-col { float:left; width:281px }

	/* 3.6.4 - 2 col large block */
	div.cta-two-col div.cta-row { padding: 6px 0 0 0 }
	div.cta-two-col dl { width: 233px; margin: 0 10px 0 0 }
	div.two-col div.cta-two-col dl { width: 467px }
	div.cta-two-col dl dd h2 { display: none; }
	div.cta-two-col dl dd > a { float: right }
	div.cta-two-col dl dd.timestamp > span { float: right; font-style:italic }

	/* 3.6.5 - black block with large cta */
	div.cta-black div.cta-row { background: #E4E3E3; margin: 9px 0 0 0; padding: 9px 9px 18px 9px }
	div.cta-black div.cta-row div.cta-row { margin: 0 0 9px 0; padding: 0; float: left }
	div.cta-black dl.large { width: 221px; margin: 0 !important }
	div.cta-black dl { width: 112px; margin: 0 0 18px 7px }
	div.cta-black dl dd p { color: #000 }
	div.cta-black dl.last { margin: 0 0 0 6px }
	div.two-col div.cta-black dl.large { width: 221px }
	div.two-col div.cta-black dl { width: 246px }

	div.cta-horizontal dl { width: auto; float: none; clear: both; margin: 9px 0 0 0 }
	div.cta-horizontal dl dt { float: left; margin: 0 6px 9px 0 }
	div.cta-horizontal dl dd h3 { margin: 0; padding: 0 }

	div.cta-content { padding: 0 20px 0 20px }
	div.cta-content p.subtitle { margin-top: -12px; font-size: 0.9em }
	div.cta-content div.video { display:inline; float:left; margin: 0 15px 9px 0 }
	div.cta-content td { padding-bottom: 10px }
	div.cta-content td.info { padding-left: 20px }
	div.cta-content span.compulsory { color: #000; font-size: 12px }
	div.cta-content ol.errors { list-style-position:inside }
	div.cta-content ol.errors li { list-style-type: none; background: url(../images/icn-links-chevron.gif) left 5px no-repeat; padding: 0 0 0 14px; margin: 4px 0 0 4px }

	div.cta-content input.button { background: #33c4f3; color: #000; border: 0 none; padding: 3px 5px 2px 5px; font-size: 11px }
	div.cta-content input.singlechar { width: 20px }
	div.cta-content input.tiny, div.cta-content textarea.tiny, div.cta-content select.tiny { width: 50px }
	div.cta-content input.small, div.cta-content textarea.small, div.cta-content select.small { width: 100px }
	div.cta-content input.medium, div.cta-content textarea.medium, div.cta-content select.medium { width: 150px }
	div.cta-content input.large, div.cta-content textarea.large, div.cta-content select.large { width: 250px }
	div.two-col div.cta-content input.tiny, div.two-col div.cta-content textarea.tiny, div.two-col div.cta-content select.tiny { width: 50px }
	div.two-col div.cta-content input.small, div.two-col div.cta-content textarea.small, div.two-col div.cta-content select.small { width: 250px }
	div.two-col div.cta-content input.medium, div.two-col div.cta-content textarea.medium, div.two-col div.cta-content select.medium { width: 350px }
	div.two-col div.cta-content input.large, div.two-col div.cta-content textarea.large, div.two-col div.cta-content select.large { width: 450px }

	div#secondary-content div.form-block { height: auto }
	div#secondary-content div.form-block fieldset ol li label { display: block; padding: 0 0 2px 0 }

	div#product-summary { margin-right: 269px }

	div#product-cta { float:right; width: 260px; padding-top: 15px }

	div.tab-container { height: 33px; clear: both; }
	div.tab-navigation ul { float: left; list-style-type: none; background: #fff; margin: 0 0 20px 0; padding: 0 0 1px 0 } /* padding bottom removes 1px strip between tabs and content. */
	div.tab-navigation ul li { float: left; margin: 0 2px 0 0; padding: 0 }
	div.tab-navigation ul li a { padding: 4px 18px 12px 14px; display: block; background: none; text-decoration:none; color: #000; }
	div.tab-navigation ul li a:hover { background: transparent url(/img/bg-navigation-menu.png) no-repeat; color: #fff }
	div.tab-navigation ul li.selected a { color: #fff; background: transparent url(/img/bg-navigation-menu.png) no-repeat; }

	/* Override the Custom JQueryUI theme */
	div.tabs { margin-top: 20px; border: 0; padding: 0; }
	div.tabs ul.ui-tabs-nav { background: #fff !important; padding: 0 !important; margin: 0; border-top:2px solid #33C4F3;}
	div.tabs .ui-widget-header { border: 0; background: transparent !important; }
	div.tabs .ui-widget-content a { color: #33C4F3 !important; }
	div.tabs ul.ui-tabs-nav li a { padding: 4px 18px 12px 14px; color: #000; }
	div.tabs ul.ui-tabs-nav li.ui-state-default { background: transparent; border: 0 }
	div.tabs ul.ui-tabs-nav li.ui-state-hover a { background: transparent url(/img/bg-navigation-menu.png) no-repeat; color: #fff !important; }
	div.tabs ul.ui-tabs-nav li.ui-state-active { border: 0; background: transparent; }
	div.tabs ul.ui-tabs-nav li.ui-state-active a { background: transparent url(/img/bg-navigation-menu.png) no-repeat; color: #fff !important; border: 0; }
	div.tabs ul.ui-tabs-nav li.ui-state-focus { }
	div.tabs ul.ui-tabs-nav li.ui-state-focus a { background: transparent url(/img/bg-navigation-menu.png) no-repeat; }
	div.tabs ul.ui-tabs-nav li.last { background: none !important; }
	.ui-tabs { padding: 0 !important; }
	.ui-tabs .ui-tabs-hide {
		position: absolute;
		left: -10000px;
	}

        div #booking-form { margin-top: 20px; border: 0; padding: 0; }
	div #booking-form ul.ui-tabs-nav { background: #fff !important; padding: 0 !important; margin: 0; border-top:2px solid #EC008C;}
	div #booking-form .ui-widget-header { border: 0; background: transparent !important; }
	div #booking-form .ui-widget-content a { color: #33C4F3 !important; }

	div #booking-form ul.ui-tabs-nav li.ui-state-default { background: transparent; border: 0 }
	div #booking-form ul.ui-tabs-nav li.ui-state-hover a { background: transparent url(/img/bg-navigation-menu-pink.png) no-repeat; color: #fff !important; }
	div #booking-form ul.ui-tabs-nav li.ui-state-active { border: 0; background: transparent; }
	div #booking-form ul.ui-tabs-nav li.ui-state-active a { background: transparent url(/img/bg-navigation-menu-pink.png) no-repeat; color: #fff !important; border: 0; }
	div #booking-form ul.ui-tabs-nav li.ui-state-focus { }
	div #booking-form ul.ui-tabs-nav li.ui-state-focus a { background: transparent url(/img/bg-navigation-menu-pink.png) no-repeat; }
	div #booking-form ul.ui-tabs-nav li.last { background: none !important; }
	.ui-tabs { padding: 0 !important; }
	.ui-tabs .ui-tabs-hide {
		position: absolute;
		left: -10000px;
	}

	#video-form.tabs ul.ui-tabs-nav { background: #fff !important; padding: 0 !important; margin: 0; border-top:2px solid #33C4F3;}

	




	.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: arial, helvetica, sans-serif; font-size: 11px; }

	.ui-tabs .ui-tabs-hide p { max-width: 800px }
	div.ui-tabs-panel { padding: 0 !important; background: #fff; }
	div.ui-tabs-panel h3 { color: #000 }
	div.ui-tabs-panel table tr td img { margin: 0 0 20px 30px; }
	div.ui-tabs-panel ul, div.ui-tabs-panel ol { list-style-position:inside; }
	div.ui-tabs-panel ul.facts li span { padding-left: 4px }
	div.ui-tabs-panel ul { list-style-type: disc !important; padding: 0 20px 0 0; font-size: 11px }
	div.ui-tabs-panel p, div.ui-tabs-panel table td { font-size: 11px !important; /*width: 430px;*/ } /* The forced P width crashes IE7 + below */
	div.ui-tabs-panel.brochure > p { /*width: 430px;*/ } /* The forced P width crashes IE7 + below */
	div.ui-tabs-panel hr { background: #fff !important; border-bottom: 1px dashed #b0b2b1; margin-bottom: 10px }
	div.ui-tabs-panel table td h3, div.ui-tabs-panel table td h4 { padding-top: 0; font-family: arial, helvetica, sans-serif; }
	div.ui-tabs-panel table.info-table td { border: 0px solid #b0b2b1; padding: 0 20px 10px 0; width: 33%; }
	div.ui-tabs-panel table.info-table { width: 100% }
	div.ui-tabs-panel table.info-table td p { width: 100% }
	div.ui-tabs-panel table.info-table ul li { list-style-type: none }

	div#booking-form ul.ui-tabs-nav { background: #E1E0E0 !important; }

	#tab-news .date { color: #33C4F3; font-size: 12px; }

	/* 3.6.6 - side column cta */
	div#secondary-content div.cta-block dl, div#tertiary-content div.cta-block dl { width: auto; float: none; clear: both; margin: 9px 0 0 0 }
	div#secondary-content div.cta-block dl dt, div#tertiary-content div.cta-block dl dt { float: left; margin: 0 6px 9px 0 }
	div#secondary-content div.cta-block dl dd h3, div#tertiary-content div.cta-block dl dd h3 { margin: 0; padding: 0 }
	div#tertiary-content div.cta-block { margin: 0 0 9px 0 !important }

	/* 3.8 - newsletter block */
	div#newsletter-block { margin-bottom: 10px; background: #fff; padding: 15px; }
	div#newsletter-block fieldset { margin-top: 5px }
	div#newsletter-block fieldset ol { list-style-type: none; }
	div#newsletter-block fieldset ol li { float: left; margin: 0; background: #33c4f3; padding: 1px 2px 2px 5px; }
	div#newsletter-block fieldset ol li label { display: none }
	div#newsletter-block fieldset ol li input { background: #33c4f3; border: 0 }
	div#newsletter-block fieldset ol li input.button { background: #fff; color: #000; border: 0; padding: 1px 1px; font-size: 11px; }
	@media screen and (-webkit-min-device-pixel-ratio:0) { div#newsletter-block fieldset ol li input.button { padding: 2px 5px } }
	/* ^^ targets only safari and google chrome */
	div#newsletter-block fieldset ol li input[type='text'] { width: 170px }

	/* 3.9 - snaps-block */
	div#snaps-block { margin: 0 0 9px 10px }
	div#snaps-block p a { color: #5c5c5c; text-decoration: none }
	div#snaps-block p a:hover { text-decoration: underline }

	/* 3.10 - tv Block */
	div#tv-block { margin: 0 0 9px 0 }
	div#tv-block .links { margin-top: 0px }

/* 3.12 footer elements */

	/* 3.12.1 - footer row */
	div.footer-row { border-top: 1px solid #b0b2b1; padding: 9px 0; }
	div.footer-row ul li { color: #4E4E4E; }

	/* 3.12.2 - logos */
	ul.logos { list-style-type: none; margin: 0 }
	ul.logos li { float: left; margin: 0 10px 0 0 }

	/* 3.12.3 - bookmark links */
	dl#bookmark-links { margin: 0 }
	dl#bookmark-links dt { float: left; padding: 0 10px 0 0; color: #5c5c5c; }
	dl#bookmark-links dd { float: left; padding: 0 10px 0 0; border-right: 1px solid #666 }
	dl#bookmark-links dd.last { border-right: 0 }
	dl#bookmark-links dd a { text-decoration: none; padding: 0 0 0 10px; color: #5c5c5c; }
	dl#bookmark-links dd a:hover { text-decoration: underline }
	dl#bookmark-links dd.facebook a { background: url(../images/icn-facebook.gif) left top no-repeat; padding: 0 0 0 18px }
	dl#bookmark-links dd.myspace a { background: url(../images/icn-myspace.gif) left top no-repeat }
	dl#bookmark-links dd.bebo a { background: url(../images/icn-bebo.gif) left top no-repeat }
	dl#bookmark-links dd.google a { background: url(../images/icn-google.gif) left top no-repeat; padding: 0 0 0 18px }
	dl#bookmark-links dd.stumbleupon a { background: url(../images/icn-stumbleupon.gif) left top no-repeat }

	/* 3.12.4 - address */
	div.footer-row address { font-style: normal; float: left }
	div.footer-row p { margin: 0 0 5px 0; color: #5c5c5c; }
	div.footer-row address, div.footer-row p, div.footer-row strong { color: #5c5c5c; }

	/* 3.12.5 - contact numbers */
	ul#contact-numbers { list-style-type: none; margin: 9px 0 0 0; font-size: 10px; }
	ul#contact-numbers li { float: left; margin: 0 10px 0 0; color: #4E4E4E; }

	/* 3.12.6 - footer navigation */
	ul#footer-navigation { list-style-type: none; margin: 6px 0 0 0; }
	ul#footer-navigation li { float: left; margin: 0 6px 0 0; padding: 0 6px 0 0; border-right: 1px solid #666 }
	ul#footer-navigation li.last { margin: 0; padding: 0; border: 0 none }
	ul#footer-navigation li a { text-decoration: underline }
	ul#footer-navigation li.copy { clear: both; float: left; border: 0 none; padding: 0; }

	/* 3.12.7 */
	.regulate { color: #4E4E4E; margin-top:5px; }

/* -----------------------------------------------
4. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */

div.content-block img { margin: 0px 15px 15px 0 }

#find-my-group { font-size: 11px; height: 25px; padding-top: 3px; width: 155px; border: #ec008c 1px solid; }

#theme-switcheroo { }
.theme-button { display: block; width: 20px; height: 11px; background: transparent url(/img/night_day_switcher.png) no-repeat 0 -11px; }
#night-theme { background: transparent url(/img/night_day_switcher.png) no-repeat 0 -22px; }
#day-theme { background: transparent url(/img/night_day_switcher.png) no-repeat 0 -11px; }

#interactive-brochure { position: absolute; top: 35px; right: 50px; }

#carousel-container, #community-video-container { margin-top: 5px; width: 480px; padding-bottom: 10px }
#carousel-container h2, #community-video-container h2 { padding: 5px 0 5px 15px; font-weight: normal; text-transform: lowercase }

#abta-logo { background: transparent url(/img/abta-logo.png) no-repeat; width: 81px; height: 38px; float: right; }
#outgoing-logo a { background: transparent url(/img/outgoing-logo.png) no-repeat; width: 141px; height: 19px; float: right; margin: 5px 12px 0 0; text-indent: -3000px }

.accomm-price { font-size: 24px; color: #000; text-transform: lowercase }
.accomm-extranight-price { font-size: 14px; color: #33c4f3; text-transform: lowercase }

a.pink-button { background: #EC008C; border: 0; color: #fff; padding: 3px 5px; font-size: 11px; text-decoration: none; }

#booking-navigator { position: absolute; top: 38px; right: 0; background: #E1E0E0; padding: 5px; width: 267px; }
#booking-navigator #btn-book-now { width: 102px; clear: both; float: left; }


/* -----------------------------------------------
5. USEFUL CLASSES
----------------------------------------------- */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clr { overflow: hidden; clear: both; height: 1px; margin-top: -1px }
.la { text-align: left }
.ra { text-align: right }
.ca { text-align: center }
.fl { float: left }
.fr { float: right }
.vt { vertical-align: top }
.vm { vertical-align: middle }
.vb { vertical-align: bottom }
.nb { border: 0 none!important }
.hide { display: none }