/*
-------------------------------------------------
URI: http://www.outgoing.co.uk/
-------------------------------------------------

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.5 form block (main)
	3.4 links block / list
	3.5 intro block
	3.6 central column call to actions
		3.6.1 with grey call to actions
		3.6.2 with a table
		3.6.3 2 col large block
		3.6.4 black block with large cta
		3.6.5 side column cta
		3.6.6 dataset table
			3.6.6.1 dataset row styles
		3.6.7 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: 62.5%; font-family: tahoma, helvetica, "microsoft sans serif", sans-serif; line-height: 1.6em; color: #020202 }
body { height: 100%; text-align: center; min-width: 972px; background: #EFEFEF url(../images/bg-main-background.png) no-repeat scroll top center; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 1.1em }
h1 { font-size: 1.6em; color: #8c8c8c; margin: 0 0 12px 0 }
h2 { margin: 0; font-size: 1.3em; font-family: arial, helvetica, "microsoft sans serif", sans-serif; }
h2 span, h3 span { font-family:"Helvetica Neue",Arial,sans-serif; font-weight: bold; color: #019eed; padding: 3px 20px 3px 0; background: #fff; margin: 0; display: -moz-inline-box; display: inline-block; text-transform: uppercase; line-height: 24px; }
h2 span { font-size: 1.2em; }
div#secondary-content h2 { border: 0 none }
div#secondary-content h2 span { display: block; padding: 4px 16px 3px 0 }
div#primary-content h2.product-heading { font-size: 18pt; line-height: 100% }
h3 { font-size: 1.3em; color: #020202; margin: 0 0 0 0; font-family: arial, helvetica, "microsoft sans serif", sans-serif; text-transform: uppercase; line-height: 1.4em }
h4 { font-size: 1.2em; color: #020202; margin: 0 0 12px 0; font-family: arial, helvetica, "microsoft sans serif", sans-serif; }
h5 { font-size: 1.1em; color: #020202; margin: 0 0 12px 0; font-family: arial, helvetica, "microsoft sans serif", sans-serif; }
h6 { font-size: 1.1em; color: #020202; margin: 0 0 12px 0; font-family: arial, helvetica, "microsoft sans serif", sans-serif; }
p  { font-size: 1em; color: #020202; margin: 0 0 12px 0; }
ul { font-size: 1.1em; color: #020202; margin: 0 0 12px 0; font-family: arial, helvetica, "microsoft sans serif", sans-serif; }
table { margin: 0 }
table td { color: #020202; padding: 5px }
a { color: #019EED; text-decoration: underline }
a:hover { }
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: #d9d9d9; color: #d9d9d9; width: 100%; height: 1px; border: none; margin: 18px 0 18px 0; }
/* ^^ targets only safari and google chrome */
address { font-size: 1.1em; color: #000 }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #A5ACB2; background: #fff; font-size: 11px; color: #000; padding: 2px 2px 2px 0 }
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: 89px 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: 0 9px 18px 9px; background: #fff; }

/* 2.6 - header content */
div#header-content { position: relative; margin-bottom: 15px }

/* 2.7 - primary content. */
div#primary-content { position: relative; padding: 0 0 0 9px; font-size: 1.1em }

/* 2.8 - secondary content */
div#secondary-content { float: left; margin-left:-100%; position: relative }

/* 2.9 - tertiary content */
div#tertiary-content { float: left; position: relative }

/* 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.three-col div#primary-content { }
	div#tertiary-content { width: 260px; margin-left: -260px }

/* 2.11 - footer */
div#footer { width: 972px; clear: both; }

/* enq form */

form table tr td span.error{
    background:#FFEBE8;
    padding:3px;
    border: 1px #DD3C10 solid;
    color:black;
}

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

p.successbox { border: 1px solid #7EE47E; background-color: #D6F9D6; color: #008400; padding: 6px }
p.errorbox { border: 1px solid #E47E7E; background-color: #F9D6D6; color: #840000; padding: 6px }
p.errorbox a, p.errorbox a:link, p.errorbox a:visited { color: #840000; text-decoration: underline }
p.errorbox a:hover { color: #000000; text-decoration: underline }


/* 3.1 - header elements */
h2.welcome { display: none; color: #33568c; margin: 0 0 0 0; font-weight: normal }
div#header { background: transparent; }
div#header h1 { 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 }

/* 3.2 - primary navigation */
div#primary-navigation ul { list-style-type: none }
div#primary-navigation ul li { float: left; background: url(../tmp/nav-dots.gif) center right no-repeat; padding: 0 6px 0 2px }
div#primary-navigation ul li a { padding: 4px 12px; display: block; color: #020202;  text-decoration: none; font-family: tahoma,helvetica,sans-serif; font-size: 12px; text-transform: uppercase }
div#primary-navigation ul li a:hover { background: #019EED; color: #fff; text-decoration: none }
div#primary-navigation ul li.selected a { font-weight: bold; background: #019EED; color: #fff }
div#primary-navigation ul li.last { margin: 0; background-image: none; }

div#primary-navigation ul li#frm-trip-finder { float: right; padding-right: 62px; }

#frm-trip-finder fieldset legend { display: none }
#frm-trip-finder fieldset input.textfield { width: 130px; font-size: 14px; font-weight: normal; color: #fff; background: #00B2DD; }
#frm-trip-finder fieldset input.button {
	width: 30px;
	background: #000;
	color: #fff;
	border: 1px solid #000;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 1px;
}

/* 3.3 - form block (side columns) */
div.form-block { background: #019EED url(../images/bg-form-block.gif) top left no-repeat; margin: 0 0 9px 0; padding: 10px 0 0 0 }
div.form-block fieldset { border: 0 none; padding: 0 0 0 10px }
@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 {  font-weight: bold; color: #fff; padding: 3px 20px 3px 8px; background: #8c8c8c; display: inline-block; display: -moz-inline-box; font-size: 1.2em; margin: 0 0 10px 0 }
div.form-block fieldset ol { list-style-type: none }
div.form-block fieldset ol li { margin: 0 0 5px 0 }
div.form-block fieldset ol li label { display: none }
div.form-block fieldset ol li select { width: 175px; }
div.form-block fieldset ol li input[type='text'] { width: 160px; }
div.form-block fieldset ol li input.button { background: #019EED; color: #fff; border: 0 none; padding: 3px 5px; font-size: 11px }
div.search { height: 141px }
div.login { height: 92px }

/* 3.3.5 form block (main) */
div.cta-form form table { width: 100%; }
div.cta-form form table .label { width: 150px; }
div.cta-form form table .field {  }
div.cta-form form table .help { color: #8C8C8C; width:350px }
div.cta-form form table td h3 { margin:0; border-bottom:0 }
div.cta-form form  input[type=submit] { background: #019EED; color: #fff; border: 0 none; padding: 3px 5px; font-size: 11px }
div.cta-form form table td textarea { width:70%; height:100px; }
div.cta-form form table td span.small { font-size: 0.9em }
div.cta-form form table td.left, div.cta-form table td.right, div.cta-form table td.blank { border: none }
div.cta-form form table td.right { text-align: right }
div.cta-form form p.tandc { text-align: center; line-height: 1.8em }
div.cta-form form fieldset { padding: 0 }
div.cta-form form fieldset legend { display: none }
div.cta-form form fieldset ol { list-style-type: none; }
div.cta-form form fieldset ol li { margin: 0 8px 0 0 }
div.cta-form form fieldset ol li label { display: none }
div.cta-form form fieldset ol li input.textfield { width: 97% }
div.cta-form form fieldset ol li input.button { float: right; background: #019EED; color: #fff; border: 0 none; padding: 3px 2px 3px 2px; font-size: 11px }
div.cta-form.enquiry-form table tr td { padding: 5px 0; }
div.cta-form.booking-form { background: #EFEFEF; padding: 15px; }
div.cta-form.booking-form form fieldset label { width: 110px; }
div.cta-form.booking-form form fieldset select { width: 80px }
div.cta-form.booking-form form fieldset strong { margin-left: 3px }

div.cta-form form#faq_form select{ width: 200px; margin-bottom: 5px; }

/* 3.4 - links list/block */
div.link-block { margin: 0 0 9px 0 }
ul.links { margin: 0; list-style-type: none; }
ul.links li { list-style-type: none; padding: 7px 0; margin-right:9px; border-bottom: 1px dashed #000; }
ul.links li.last { border-bottom: 0 none }
ul.links li a { color: #020202; background: url(../images/icn-links-chevron.gif) left 3px no-repeat; padding: 0 0 0 25px;  display: block; text-decoration: none }
ul.links li a.facebook { color: #020202; background: url(../images/icn-facebook.gif) left 3px no-repeat; padding: 3px 0 0 25px;  display: block; text-decoration: none }
ul.links li p { color: #020202; background: url(../images/icn-links-chevron.gif) left 3px no-repeat; padding: 0 0 0 25px;  margin-bottom:0px }
ul.links li a:hover { color: #019EED; text-decoration: underline }
ul.links.no-border li { border-bottom: 0 }
/*ul.links.destination-info li { background: none; padding: 0 }*/
/*ul.links.destination-info h4 { margin-bottom: -12px; font-size: 1.0em !important; }*/
ul.links.destination-info, ul.links.trip-overview { font-family: tahoma, helvetica, "microsoft sans serif", sans-serif; }
ul.links.destination-info span { font-size: 11px }
ul.links.trip-overview { line-height: 1.4em; font-size: 1em }
ul.links.trip-overview li { padding-bottom: 7px; font-size: 12px }
ul.links.conferences { list-style-position: outside; text-align: left; }
ul.links.conferences li { background: none; border-bottom: none; display: block; clear: both; padding-left: 0; }
ul.links.conferences li a { padding-left: 0; }
ul.links.conferences li img { display: block; margin: 0 9px 10px 0; float: left; }
ul.links.conferences li span { display: block; width: 180px; }

div.summary-block { margin: 0 0 9px 0 }
div.summary-block table { margin: 0 0 9px 0 }
div.summary-block table td.label { width: 60px; text-align: right; color: #019EED }
div.summary-block table td { border-bottom: 1px dashed #7f7f7f }
div.summary-block table tr.last td { border-bottom: none }
div.summary-block p { margin: 0 0 9px 0 }

/* 3.5 - intro block */
div#intro-block { font-family: tahoma, helvetica, sans-serif; font-size: 12px; }
div#intro-block h2 { margin: 0; border-bottom: 0 none }
div#intro-block p { color: #020202; background: #fff; padding: 16px 0 0 0; margin: -9px 9px 0px 0 }
div#intro-block p.summary { margin-bottom: 0; padding-bottom: 0; font-size: 1.2em }
div#intro-block span.subtitle { line-height: 1.5em; margin-top: 5px; display: block; text-transform: uppercase; color: #019EED; font-weight: bold; font-size: 15px }
div#intro-block span.date { line-height: 1.5em; display: block; text-transform: uppercase; color: #019EED; font-weight: bold; font-size: 15px }
/*div#intro-block p.price { color: #019EED; float:right; font-size: 2.4em; font-weight: bold; font-style: italic }*/
div#intro-block blockquote { color: #019EED; background: #efefef; padding: 9px 18px; margin: 9px 9px 9px 0; font-style: italic; font-size: 14px; font-weight: bold }
div#intro-block blockquote span.author { font-style: normal; }

p.testimonial { color: #019EED; background: #efefef; padding: 9px 18px; margin: 9px 0 18px 0; font-style: italic; font-size: 14px; font-weight: bold }
p.testimonial span {display:block; font-style: normal; font-size: 1.1em; margin-top:5px;}



/* 3.5.1 - intro block in 2 column layout */
div.two-col div#intro-block { }
div.three-col div#intro-block { border-bottom: 1px solid #d9d9d9; padding-bottom: 16px }


/* 3.6 - central column call to action(s) */
div.cta-block { margin: 18px 0 9px 0; padding-bottom: 20px; border-bottom: 1px solid #D9D9D9 }
div.cta-block.no-border { border: 0; padding:0; margin: 0; }
div.cta-block.spacer-line { padding-bottom: 2px }
div.cta-first { margin-top: -12px !important; }
div.cta-block a:hover { text-decoration: none; cursor:pointer; }
div.cta-block div.cta-row { }
div.cta-block div.cta-row p { font-size: 12px }
div.cta-block dl { width: 140px; float: left; margin: 0 18px 0 0; padding-top:9px }
div.cta-block dl.last { margin: 0 }
div.cta-block dl dd h3, div.cta-block dl dd h3 a { display:none; color: #020202;  font-size: 1em; margin: 0 0 3px 0; padding: 3px 0 0 0 }
div.cta-block dl dd p { font-size: 11px; margin: 2px 0 6px 0 }
div.cta-block dl dd a { color: #019EED; }
div.cta-block table { border-collapse: collapse }
div.cta-block table thead { display: none }
div.cta-block table tr.alt td { background: #e0f2ff }
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 }
div.cta-block img.right { float: right; margin: 0 0 10px 10px }
div.cta-block img.left { float: right; margin: 0 10px 10px }
div.cta-block .btn-moreinfo { background: #019EED; color: #fff; border: 0 none; padding: 3px 6px; margin: 0 18px 0 0; font-weight: bold; font-size: 0.8em; text-decoration: none; text-transform: uppercase }
div.cta-block address { font-style: normal; font-size: 12px; }

	/* 3.6.1 - with grey call to actions */
	div.cta-grey div.cta-row { padding: 9px 0 0 0 }
	div.cta-grey dl { width: 200px; margin: 0 48px 0 0 }

	/* 3.6.2 - with a table */
	div.cta-table h2 { display: none }
	div.cta-table h3 { color: #019EED }
	div.cta-table div.cta-row { padding: 9px 0 0 0 }
	div.cta-table dl { width: 134px; margin: 0 }
	div.cta-table table { border-collapse: collapse; width: 220px; margin-left: 18px; float: left }
	div.cta-table table td { font-size: 1em; padding: 5px }
	div.cta-table table td.fontfix { font-size: 12px }
	div.cta-table table td h2 { display: block; padding-top: 18px }
	div.cta-table table td.price { }
	div.cta-table table td a { color: #020202 }
	div.cta-table .cta-col { float: left; width: 281px }

	/* 3.6.3 - 2 col large block */
	div.cta-two-col div.cta-row { padding: 9px 0 0 0 }
	div.cta-two-col dl { width: 200px; margin: 0 24px 0 0 }
	div.two-col div.cta-two-col dl { width: 210px }
	div.cta-two-col dl dd > a { float: right }

	/* 3.6.4 - black block with large cta */
	div.cta-black div.cta-row { margin: 9px 0 18px 0; padding: 0 }
	div.cta-black div.cta-row div.cta-row { margin: 0 0 9px 9px; padding: 0; float: left }
	div.cta-black dl.large { width: 220px; margin: 0 !important }
	div.cta-black dl { width: 112px; margin: 0 0 18px 0 }
	div.cta-black div.cta-row dl.last { margin: 0 0 0 3px; }
	div.cta-black dl dd p { color: #000 }
	div.two-col div.cta-black dl.large { width: 220px }
	div.two-col div.cta-black dl { width: 220px }

	div.cta-news dl dd h3 { display: block; color: #019EED; font-size:11px; }
	div.cta-news dl { padding-top: 3px }
	div.cta-news h2 span { position: absolute; display: inline-block; float: left; width: 120px; left: 0; padding-top: 15px; }
	div.cta-news a#view-all-news { text-decoration: none; }
	div.cta-news a#view-all-news span { position: relative; top: -30px;  padding: 4px 8px; color: #FFFFFF; font-size: 12px; background: #38A5DD; }
	div.cta-news dl dd .date { font-size: 11px; float: right; display: block; }

	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 { border: 0 }
	div.cta-content ul { padding: 0 4px 8px 4px; }
	div.cta-content ul li { font-weight: normal; font-size: 12px }
	div.cta-content span.question { display: block; font-weight: bold }
	div.cta-content span.answer { }
	/*div.cta-content img { margin: 0 20px 9px 0 }*/

	/* The H3, H4 rules style heading tags without a child <span> element, which comes from CMS. */
	div.cta-content h3, div.cta-content h4 {  font-weight: bold; color: #019eed; padding: 3px 20px 3px 0; background: transparent; margin: 0 0 -1px 0; }
	div#tab-overview .cta-content ul { width: 420px }

	/* More Information area that drops down hidden content. */
	.moreinfo-container, .morephoto-container { overflow: hidden; margin: 9px 0 9px 0; }
	.moreinfo { padding: 9px 18px 9px 9px; background: #fff; margin-top: -100%; overflow:hidden; }
	.moreinfo ul { margin: 0 }
	.moreinfo-notable { float: right; margin: 0 9px 9px 18px; width: 185px; }
	.moreinfo-notable p { margin: 0; text-align: left }
	.moreinfo-notable span.highlight { color: #019EED }

  /* Override the Custom JQueryUI theme */
	div.tabs ul.ui-tabs-nav { background: #F4F4F4 !important; padding: 0 !important; margin-top: 9px; font-size: 0.9em;}
	div.tabs .ui-widget-header { border: 0 !important; }	div.tabs ul.ui-tabs-nav li { padding-right: 8px; font-size: 1.1em }
	div.tabs ul.ui-tabs-nav li a { padding: 0.5em !important; text-transform: uppercase !important; background: none !important; font-family: tahoma,helvetica,sans-serif !important; }
	div.tabs ul.ui-tabs-nav li.ui-state-default { background: transparent url(/_includes/tmp/nav-dots.gif) no-repeat center right !important; border: 0 }
	div.tabs ul.ui-tabs-nav li.ui-state-hover a { background: #019EED !important; color: #fff !important; }
	div.tabs ul.ui-tabs-nav li.ui-state-active { border: 0; background: transparent url(/_includes/tmp/nav-dots.gif) no-repeat center right !important; }
	div.tabs ul.ui-tabs-nav li.ui-state-active a { border: 0; background: #019EED !important; color: #fff !important; font-weight:bold; }
	div.tabs ul.ui-tabs-nav li.ui-state-focus { background: transparent url(/_includes/tmp/nav-dots.gif) no-repeat center right !important; }
	div.tabs ul.ui-tabs-nav li.ui-state-focus a { background: #019EED !important; }
	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.ui-tabs-panel { padding: 0 !important; font-size: 1.1em; margin-top: 18px }

	/* Styles for content contained within Tab container. */
	div.tabs { font-size:1em; color:#333; }
	div.tabs .cta-overview-column { float: left; width: 260px; margin: 0 0 9px 0; padding: 0 0 0 8px; position: relative; }
	div.tabs .cta-overview-column .cta-block { margin-top: 0; }
	div.tabs .cta-overview-column h3, div.tabs .cta-overview-column h4 { color: #019EED }
	div.tabs .cta-overview-column h4 { font-size: 1.1em }
	div.tabs .cta-overview-column ul { background: #fff }
	div.tabs .cta-overview-column ul li a { text-transform: lowercase; }
	div.tabs .cta-overview-column div#highlight-box { }
	div.tabs .cta-overview-column div#highlight-box dl { width: 260px; border-top: 1px dashed #020202; padding: 2px 0 2px 0; margin-top: 1px }
	div.tabs .cta-overview-column div#highlight-box dl.last { border-bottom: 1px dashed #020202 }
	div.tabs .cta-overview-column div#highlight-box dl dt { width: 155px; float: left; font-size: 0.9em }
	div.tabs .cta-overview-column div#highlight-box dl dd { width: 101px; text-indent: -3000px; float: left; padding-bottom: 2px }
	div.tabs .cta-overview-column div#highlight-box dt { clear: left }
	div.tabs .cta-overview-column div#highlight-box dl dd.rate1 { background: #fff url(/img/rate1.png) no-repeat; }
	div.tabs .cta-overview-column div#highlight-box dl dd.rate2 { background: #fff url(/img/rate2.png) no-repeat; }
	div.tabs .cta-overview-column div#highlight-box dl dd.rate3 { background: #fff url(/img/rate3.png) no-repeat; }
	div.tabs .cta-overview-column div#highlight-box dl dd.rate4 { background: #fff url(/img/rate4.png) no-repeat; }
	div.tabs .cta-overview-column div#highlight-box dl dd.rate5 { background: #fff url(/img/rate5.png) no-repeat; }

	div.tabs .tab-content p ul { margin: 0 }
	div.tabs .cta-primary-content { width: 463px; float: left; margin: 0; padding: 0; }
	div.tabs .cta-primary-content p { padding-right: 9px }

	/* Product/Destination pages: Photo Carousels */
	div.cta-block ul.photo-carousel li { background: none; padding-left: 0; }
	div.cta-block ul.photo-carousel li img { margin: 0; }

	/* Must See, Must Do highlights on Overview */
	div.tabs table tr td p { text-align: justify; }
	div.tabs table tr td img { padding-right: 15px }
	div.tabs table.article { margin: 18px 9px 0 0; }
	div.tabs table.article.grey { background: #F1F2F2; }
	div.tabs table.article h3 { margin-top: 9px }
	div.tabs table.article td { padding: 5px }
	div.tabs table.article td p { margin: 0; padding: 0; text-align: left; }
	div.tabs table.article tr td img { padding-right: 0 }

	/*
	div.cta-content p.subtitle { margin-top: -12px; font-size: 0.9em }
	div.cta-content h3 { border-bottom: 1px dashed #8c8c8c }
	div.cta-content td { border: 1px solid #e4e3e3 }
	div.cta-content td.label { text-align: right; background: #e0f2ff }
	div.cta-content td.field { }
	div.cta-content ul.tabs { }
	div.cta-content ul.tabs li { float: left }

	div.cta-content span.compulsory { color: #CB0000; font-size: 12px }
	div#trip-summary-container { display: none }

	div.cta-content input.button { background: #019EED url(../images/bg-form-block-button.gif) no-repeat bottom right; color: #fff; 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.cta-search-results td { padding: 6px 12px }
	div.cta-search-results td.result { border-right: none }
	div.cta-search-results td.page { border-left: none; text-align: right }
	div.cta-search-results td.cell { }
	div.cta-search-results p { margin-bottom: 0 }
	div.cta-search-results p.summary { margin-bottom: 0; padding-bottom: 6px; font-size: 1.2em }
	div.cta-search-results span.subtitle { font-size: 0.8em; line-height: 1.2em; display: block; font-style: italic; margin-top: 2px }
	div.cta-search-results p.price { color: #019EED; float:right; font-size: 2.4em; font-weight: bold; font-style: italic }

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

	div#product-cta { float:right; width: 260px }
	div#product-cta ul { list-style-type: none }
	div#product-cta ul li { float: left; background:none; margin: 0 9px 0 0; padding: 0; height: 80px; width:80px }
	div#product-cta ul li.last { margin: 0 }
	div#product-cta div.search { height: auto }

	/* 3.6.5 - 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.6.6 - dataset table */
	div.cta-dataset table { width:100% }
	div.cta-dataset table td.label { background-color: #f2f2f2 }
	div.cta-dataset table td.head { background-color: #e0f2ff;  font-size: 1.2em }
	div.cta-dataset table td.error { background-color: #F9D6D6; }
	div.cta-dataset table tr td > table td { border:0; text-align:center }

		/* 3.6.6.1 dataset row styles */
		div.cta-dataset table .good td, div.cta-dataset table .good td a { color:#00CC00 }
		div.cta-dataset table .mid td, div.cta-dataset table .mid td a { color: #FF9900 }
		div.cta-dataset table .bad td, div.cta-dataset table .bad td a { color:#FF0000 }

	/* 3.6.7 Search Block */

	div.cta-faq-search { background: #EFEFEF; margin: 0 0 9px 0; padding:5px; width:50%;}
	div.cta-search { background: url(../images/bg-form-block.gif) top left repeat-x; margin: 0 0 9px 0; padding: 10px 0 0 0 }
	div.cta-search fieldset { border: 0 none; padding: 0 0 0 10px }
	@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.cta-search fieldset legend {  font-weight: bold; color: #fff; padding: 3px 20px 3px 8px; background: #8c8c8c; display: inline-block; display: -moz-inline-box; font-size: 1.2em; margin: 0 0 10px 0 }
	div.cta-search fieldset ol { list-style-type: none; float:left; width:200px; }
	div.cta-search fieldset ol li { margin: 0 0 5px 0;  }
	div.cta-searchfieldset ol li label { display: none }
	div.cta-search fieldset ol li select { width: 165px; }
	div.cta-search fieldset ol li input[type='text'] { width: 160px; }
	div.cta-search fieldset ol li input.button { background: #019EED url(../images/bg-form-block-button.gif) no-repeat bottom right; color: #fff; border: 0 none; padding: 3px 5px; font-size: 11px }
	div.cta-search .info {
		background-color:#ffffff;
		margin-right: 10px;
		margin-bottom: 10px;
		margin-left: 200px;
		padding-top: 10px;
		padding-right: 5px;
		padding-bottom: 10px;
		padding-left: 5px;
	}
	div.cta-search div.search-block { height: 65px }
	div.cta-search div.search-block dl { width: 100%;  }
	div.cta-search div.search-block dl dt { float: left; margin: 0 6px 9px 0 }
	div.cta-search div.search-block dl dd h3 { margin: 0; padding: 0 }
 */

/* 3.7 - menu block */
/*
div#menu-block { padding: 13px; background: url(../images/bg-menu-block.gif) repeat-y top left }
div#menu-block h2 { margin: 0; border-bottom: 0 none }
div#menu-block ul { list-style-type: none; margin: 0; font-size: 1.3em; border-left: 1px solid #8c8c8c; padding: 12px 7px 7px 7px }
div#menu-block ul li { margin-bottom: 16px }
div#menu-block ul li a { background: #204470; padding: 3px 20px 3px 8px; color: #fff;  font-weight: bold }
div#menu-block ul li a:hover { background: #2f64a4 }
*/

/* 3.8 - newsletter block */
div#newsletter-block { margin: 0 0 9px 0 }
div#newsletter-block fieldset legend { display: none }
div#newsletter-block fieldset { background: #fff; padding: 0 }
div#newsletter-block fieldset ol { list-style-type: none }
div#newsletter-block fieldset ol li { margin: 0; }
div#newsletter-block fieldset label { display: none }
div#newsletter-block fieldset input.textfield { width: 95% }
div#newsletter-block fieldset td.textfield { width: 80% }
div#newsletter-block fieldset input.button { float: right; background: #019EED; color: #fff; border: 0 none; padding: 1px 1px 2px 1px; font-size: 11px }
div#newsletter-block p { clear: both; font-size: .9em; color: #020202; line-height: 1.2em; padding: 3px 0 8px 0; margin: 0 8px 0 0; border-bottom: 1px solid #D9D9D9 }

/* 3.9 - snaps-block */
div#snaps-block { margin: 0 0 9px 0 }

/* 3.10 - TV Block */
div#tv-block { margin: 0 0 9px 0; }
div#cta-player { margin-top: 3px; background: #000 }
div#tv-block .links { margin-top: 0px }
div#tv-block .links li a { background: url(../images/icn-links-arrow.gif) left 3px no-repeat }

/* 3.11 - advert block */
div#advert-block { margin: 9px 0 0 0; clear: both }
div#advert-block ul { margin: 0; list-style-type: none }
div#advert-block ul li { margin: 0 0 9px 0 }

div#secondary-content .advert_img { float: left; width: 80px; }
div#secondary-content .advert_box { width: 200px; margin: 0 0 10px 0; }
div#secondary-content .advert_box h2 { float: right; width: 100px; text-align: right; }
div#secondary-content .advert_box h2.large { width: 200px; text-align: left; padding-bottom: 3px; }
div#secondary-content .advert_box span { padding: 0; margin:0; }
div#secondary-content .advert_text_big { padding: 1px 2px 1px 1px; text-align: right; }
div#secondary-content .advert_text_small { width: 115px; float: right; padding-left: 5px; text-align: right; float: right; position:relative; }


/* 3.12 footer elements */

	/* 3.12.1 - footer row */
	div.footer-row { border-top: 1px solid #fff; background: #fff; font-weight:normal; }
	div.footer-row.last { padding: 0 18px 14px 80px; background: #fff url(/img/go-logo.png) no-repeat 2% center; }

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

	/* 3.12.3 - bookmark links */
	dl#bookmark-links { border: 1px solid #d9d9d9; }
	dl#bookmark-links dt { float: left; padding: 18px 14px 18px 14px; }
	dl#bookmark-links dd { float: left; padding: 18px 12px 18px 10px; }
	dl#bookmark-links dd a { color: #019EED; padding: 2px 0 0 20px }
	dl#bookmark-links dd a:hover { color: #b22937 }
	dl#bookmark-links dd.delicious a { background: url(../images/icn-delicious.gif) left top no-repeat; }
	dl#bookmark-links dd.digg a { background: url(../images/icn-digg.gif) left top no-repeat }
	dl#bookmark-links dd.reddit a { background: url(../images/icn-reddit.gif) left top no-repeat }
	dl#bookmark-links dd.facebook a { background: url(../images/icn-facebook.gif) left top no-repeat; }
	dl#bookmark-links dd.stumbleupon a { background: url(../images/icn-stumbleupon.gif) left top no-repeat }

	/* 3.12.4 - address */
	div.footer-row address { margin: 8px 0 0 0 }

	div.footer-row.company-details { background: none; margin-top: 12px; border: 0; padding:0; }

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

	/* 3.12.6 - footer navigation */
	ul#footer-navigation { list-style-type: none; float: right; 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 { color: #000; text-decoration: underline }
	ul#footer-navigation li a:hover { text-decoration: none }
	ul#footer-navigation li.copy { clear: both; float: right; margin: 11px 0 0 0; border: 0 none; padding: 0 }

	/* 3.12.7 - footer site map */
	#site-map { padding: 0 18px; }
	#site-map dl.links { list-style-type: none; float: left; width: 140px; }
	#site-map dl.links dt { line-height: 2.0em; }
	#site-map dl dd a { }

/* -----------------------------------------------
4. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */
#floating-context-image { position: absolute; top: 0; right: -190px; }
#stupido-luggage-tag { position: relative; left: -50px; top: -15px; }
#stupido-luggage-tag a { background: transparent url(/img/luggage-tag.png) no-repeat; width: 268px; height: 275px; text-indent: -3000px; display: block }
#volvo-sponsor { margin-top: 28px }
#departure-pie {
	background: #fff url(/img/pie.png) no-repeat top left;
	height: 20px;
	padding-left: 30px;
}
.departure-info {
	padding: 4px 0 4px 0;
	text-transform: uppercase;
	font-size: 120%;
	font-weight: bold;
}
.departure-info span { color: #019EED }
.departure-info span.essential-fact { font-size: 200%; padding-left: 5px; vertical-align: middle }
.link-facebook { background: url(/_includes/images/icn-facebook.gif) left top no-repeat; padding: 0 0 0 20px; }
.faq-moreinfo{font-size:12px;}
.search-highlight-term{background:#00AEEF;color:white;padding:1px;}

table#passenger-listing span.confirmed { padding-left: 10px; display: block; }
ul.payment-level { margin: 0; padding: 0; list-style-type: none; width: 100% }
ul.payment-level li { margin-bottom: .5em; padding: .2em; background-image: none; background-color: #00aeef; color: #000; }
ul.payment-level.nopay li { background: #efefef url(/img/agent/payment-level.png) repeat-y -60px 0; }
ul.payment-level.deposit li { background: #efefef url(/img/agent/payment-level.png) repeat-y 0 0; }
ul.payment-level.fullypaid li { background: #00aeef url(/img/agent/payment-level.png) repeat-y 100px 0; color: #fff; }
ul.payment-level.freeplace li { background: #efefef; color: #00aeef; font-weight: bold; }


/* -----------------------------------------------
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 }