/*
-------------------------------------------------
URI: http://www.summerbreak.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.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: 62.5%; font-family: arial,helvetica,sans-serif; line-height: 1.4em; color: #000 }
body { height: 100%; text-align: center; min-width: 972px; background: #009ECE url(/img/bg-main-background.png) no-repeat top center; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 1.1em; font-family: monaco, "Lucida Console", courier, mono-space }
h1 { font-size: 1.6em; color: #8c8c8c; margin: 0 0 12px 0 }
h2 { border-bottom: 0px dashed #8c8c8c; margin: 0; font-size: 1.3em }
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  }
div#secondary-content h2 { border: 0 none }
div#secondary-content h2 span { display: block; padding: 4px 16px 3px 8px }
h3 { font-size: 1.3em; color: #4e4e4e; margin: 0 0 12px 0 }
h4 { font-size: 1.2em; color: #4e4e4e; margin: 0 0 12px 0 }
h5 { font-size: 1.1em; color: #4e4e4e; margin: 12px 0 0 0 }  /* H5 is used for group article title. */
h6 { font-size: 1.1em; color: #4e4e4e; margin: 0 0 12px 0 }
p  { font-size: 1.1em; color: #4e4e4e; margin: 0 0 12px 0 }
ul { font-size: 1.1em; color: #4e4e4e; margin: 0 0 12px 0 }
table { margin: 0 0 12px 0 }
table td { color: #4e4e4e; padding: 5px }
a { color: #0385DD; text-decoration:underline }
a:hover { text-decoration:none }
a:visited { }
a:active { }
ul { margin: 0 0 0 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 }
address { font-size: 1.1em; color: #000 }
textarea, input[type='text'], select, input[type='password'] { border: 1px solid #000; background: #fff; 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: #fff }

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

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

/* 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; margin-top: 14px; }
	div.two-col div#primary-content { margin-top: 20px; margin-right: 0; }
	div#tertiary-content { width: 260px; margin-left: -260px; margin-top: 14px; }

/* 2.11 - footer */
div#footer { clear: both; padding: 27px 9px 9px 9px; background: #fff }

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

/* 3.1 - header elements */
div#header h1 { margin: 157px 0 0 0; width: 427px; height: 0; text-indent: -3000px }
h2.welcome { color: #33568c; font-weight: bold; font-size: 1.2em; background: url(../images/bg-welcome-text-fade.gif) repeat-y; padding: 4px 4px 4px 11px; border: 0 none; margin: 0 0 9px 0 }

div#header-content div#form-block-wrapper { width: 260px; float:right; }
div#header-content div#form-block-wrapper img { margin-bottom: 17px; }
div#header-content img { float: left }
div#header-content div#menu-block { height: 236px; margin: 0 0 0 9px; float: left; width: 234px }


/* 3.2 - primary navigation */
div#primary-navigation ul { float: right; list-style-type: none;  margin: 0 }
div#primary-navigation ul li { float: left; margin: 0 2px 0 0 }
div#primary-navigation ul li a { padding: 4px 18px; display: block; font-size: 14px; background: #F29025; color: #FFF; text-decoration:none }
div#primary-navigation ul li a:hover { background: #00537F; }
div#primary-navigation ul li.selected a { font-weight: bold; background: #00537F; color: #FFF; }
div#primary-navigation ul li.last { margin: 0 }


/* 3.3 - form block (side columns) */
div.form-block { background: #fde400; padding: 32px 0 0 13px; }
div.form-block fieldset { border: 0; padding: 0; }
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 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: #0385DD url(../images/bg-blank-button.gif) repeat-x bottom right; color: #fff; border: 1px solid #000; padding: 3px 5px; font-size: 11px }
div.form-block fieldset ol li input#submit_group { margin: 15px 10px 0 0; }
div.form-block.eplogin { background: #fff url(/img/rep_login.png) no-repeat; height: 70px; margin-top:7px; }
div.form-block.group-search { background: #fff url(/img/bg-find-your-group.png) no-repeat; height: 70px; margin-top:7px; }

/*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: #fff url(/img/bg-booknow-mallorca.png) no-repeat; margin: 0; font-size: 11px; height: 290px; }
div.form-block.booking-form .cta-row { padding: 0 }
div.form-block.booking-form p { clear: both }
div.form-block.booking-form fieldset { padding: 0 }
div.form-block.booking-form fieldset label { display: none; }
div.form-block.booking-form fieldset select { width: 120px; margin-left: 105px }
div.form-block.booking-form fieldset input.booking-button { background: #0385DD url(../images/bg-blank-button.gif) repeat-x scroll right bottom; border: 1px solid #000000; color: #FFFFFF; font-size: 11px; padding: 3px 5px; }
div.form-block.booking-form#booking-form-mallorca.no-labels { background-image: url(/img/bg-booknow-blank.png); }
div.form-block.booking-form#booking-form-mallorca form { padding-top: 12px }
div.form-block.booking-form#booking-form-mallorca form legend { height: 1px; }
div.form-block.booking-form#booking-form-mallorca form select#sbrkmal-find-group option { padding-left: 10px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {#booking-form-mallorca form select { padding: 3px 0 3px 0; height: 22px; }}
@media screen and (-webkit-min-device-pixel-ratio:0) {#booking-form-mallorca form input.booking-button { margin-top: 10px; }}
/* ^^ targets only safari and google chrome */

div#find-your-group { background: #009ECE url(/img/bg-find-your-group-booking-login.jpg) no-repeat; width: 200px; height: 262px; float:left; }
div#find-your-group ul { list-style-type: none; margin-top: 40px; }
div#find-your-group ul li { width: 190px; margin: 10px 0 0 5px ; }
div#find-your-group ul li select { width: 190px; }
div#find-your-group ul li input[type="text"] { width: 185px; }
div#find-your-group ul li input[type="submit"] { float: right; background: #fff url(/img/bg-submit.jpg) top left no-repeat; height: 23px; width: 68px; border: 1px solid  #000; }
div#find-your-group ul li input#reference { margin-top: 25px; }


div#find-your-group-long { background: #009ECE url(/img/bg-find-your-group-booking-login-long.jpg) no-repeat; width: 260px; height: 334px; float:left; }
div#find-your-group-long ul { list-style-type: none; margin-top: 50px;  }
div#find-your-group-long ul li { width: 250px; margin: 10px 0 0 5px ; }
div#find-your-group-long ul li select { width: 250px; }
div#find-your-group-long ul li input[type="text"] { width: 235px; }
div#find-your-group-long ul li input[type="submit"] { float: right; background: #fff url(/img/bg-submit.jpg) top left no-repeat; height: 23px; width: 68px; border: 1px solid  #000; }
div#find-your-group-long ul li input#reference { margin-top: 25px; }

/* 3.3.1 - book now form */
div#trip-builder-button { display: block; height: 225px; }
div#trip-builder-button a.dest-chooser { display: block; width: 100%; height: 75px; }
div#trip-builder-button a#frm-book-choose-newquay { padding-top: 38px }
div.trip-builder-block { background: #fff url(/img/bg-booknow.png) no-repeat; margin: 0; padding: 47px 10px 2px 87px; height:176px; }
div.trip-builder-block#trip-builder-mallorca { background: #fff url(/img/bg-booknow-main-mallorca.jpg) no-repeat; margin: 0; padding: 47px 10px 2px 87px; height:334px; }
div.trip-builder-block fieldset { border: 0; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/*div.trip-builder-form fieldset { padding: 0 0 1px 10px }
	div.trip-builder-block fieldset { padding-bottom: 10px; }*/
}
/* ^^ targets only safari and google chrome */
div.trip-builder-block fieldset legend span { display: none }
div.trip-builder-block fieldset ol { list-style-type: none }
div.trip-builder-block fieldset ol li { margin: 0 0 5px 0 }
div.trip-builder-block#trip-builder-mallorca fieldset ol li { margin-bottom: 8px }
div.trip-builder-block fieldset ol li label { display: none }
div.trip-builder-block fieldset ol li input[type='text'] { width: 160px; height: 21px; padding: 2px; border: 1px solid #000; font-size: 12px; font-family: Arial; cursor: pointer; }
div.trip-builder-block fieldset ol li input[type='text'].disabled { cursor: default; }
div.trip-builder-block fieldset ol li div.trip-builder-label { width: 58px; float: left; }
div.trip-builder-block form.trip-builder-form input.button { background: #0385DD url(../images/bg-blank-button.gif) repeat-x scroll right bottom; border: 1px solid #000000; color: #FFFFFF; font-size: 11px; padding: 3px 5px; }
div.trip-builder-block#trip-builder-newquay form.trip-builder-form input.button { margin-top: 6px; }
div.trip-builder-block form.trip-builder-form a.switch { color: #fff }

div.trip-builder-block#trip-builder-newquay form.trip-builder-form select.select_num_pax { margin-top: 13px; float:left; }
div.trip-builder-block form.trip-builder-form input#submit_trip_builder {  }
div.trip-builder-list { background: #fff; max-height: 280px; width: 250px; overflow: auto; border: 2px solid #E4E3E3; display: block; position: absolute; right: -5px; z-index: 10000; margin-top: 4px; display: none; }

div#selection-panel-university { top: 67px; }
div#selection-panel-group { top: 97px; }
div#selection-panel-week { top: 127px; }
div#selection-panel-accom { top: 162px; max-height: 190px }

div.trip-builder-block div.trip-builder-list div.close_trip_builder_list { position: relative; max-width: 250px; background: #15426C; text-align: center; right: 0; padding: 3px; overflow: hidden; color: #fff; font-weight: bold; cursor: pointer; }
div.trip-builder-block div.trip-builder-list h2 { font-family: "lucida grande",helvetica,arial,sans-serif; font-size: 14px; margin: 3px; padding-bottom: 5px; color: #0085E0; }
div.trip-builder-block div.trip-builder-list ul li.title { font-family: "lucida grande",helvetica,arial,sans-serif; font-size: 12px; padding: 3px; margin: 2px; cursor: pointer; }
div.trip-builder-block div.trip-builder-list ul li.item { background: #F2F2F2; font-family: "lucida grande",helvetica,arial,sans-serif; font-size: 11px; padding: 3px; margin: 2px; cursor: pointer; }
div.trip-builder-block div.trip-builder-list ul li.item:hover { background: #0085E0; color: #fff; }
div.trip-builder-block div.trip-builder-list ul li.item:hover a { color: #fff; }
div.trip-builder-block div.trip-builder-list ul li a { text-decoration: none;}
div.trip-builder-block input.disabled { background: #E4E3E3; }


/* 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: #f08600 url(..//images/bg-blank-button.gif) repeat-x bottom right; color: #fff; border: 0 none; padding: 3px 5px; font-size: 11px; border:1px solid #000000; }
div.cta-form table td select { max-width:250px; }
div.cta-form table td textarea { width: 150px ; height: 100px; }
div.cta-form table td span.small { font-size: 0.9em }
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 */
ul.links li.last { border-bottom: 0 none }


ul.navmenu li a:hover, ul.hotlinks li a:hover { color: #F29025 }
ul.navmenu{ margin: 30px 0 32px 0; }
ul.hotlinks { margin-top: 34px; }
ul.navmenu li, ul.hotlinks li { border-bottom: 0 }
ul.navmenu li, ul.hotlinks li { list-style-type: none; margin-bottom: 10px;  font-size: .8em }
ul.navmenu li.bottom, ul.hotlinks li.bottom { padding-bottom: 17px; }
ul.navmenu li, ul.hotlinks li img.bottom_image { margin-left:0px; }
ul.navmenu li { margin-bottom:10px; }

ul.navmenu li, div.hotlinks ul.links li.title { border-bottom: 0 }
ul.navmenu li a, ul.hotlinks li a { color : #F29025; font-size: 24px; text-transform: lowercase; line-height: 12px; padding-left: 10px; font-weight: bold; text-decoration: none; }
ul.navmenu li a:hover, ul.hotlinks li a:hover { color: #00406F }

/* 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 solid #E4E3E3; font-size: .8em }
ul.links li.last { border-bottom: 0 none }
ul.links li a { color: #F29025; background: url(../images/icn-links-arrow.gif) left 3px no-repeat; padding: 0 0 0 25px; font-size: 18px; font-weight: bold; line-height: 16px; text-transform: uppercase; display: block; text-decoration:none }
ul.links li a.facebook { color: #7f7f7f; background: url(../images/icn-facebook.gif) left top no-repeat;  padding: 0 0 0 25px; text-transform: uppercase; display: block; text-decoration:none }
ul.links li a:hover { color: #ff5a00 }


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


/* 3.5 - intro block */
	div#intro-block { margin: 0; overflow: hidden; vertical-align: top; }
	div#intro-block h2 { background: url(/img/homepage_header.png) left top no-repeat; display: block; padding: 30px 0; border-bottom: 0 none;}
	div#intro-block h2 span{ display :none ; }

	div#intro-block p { color: #535353; font-size: 12px; padding: 8px 20px 0px 20px; line-height: 1.3em; }
	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; margin-top: 8px; color: #F61C64; margin-top: 8px; }

/* 3.6 - central column call to action(s) */
div.cta-block { margin: 19px 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 dl { width: 140px; float: left; margin: 0 18px 0 0 }
div.cta-block dl.last { margin: 0 }
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 h2.no-border { border:none }
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: #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: 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.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: #000000; 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: 0 }
	div.cta-two-col dl { width: 233px; margin: 0 10px 0 0; padding: 0 0 16px 0; }
	div.two-col div.cta-two-col dl { width: 467px }
	div.cta-two-col dl dd > a { float: right }
	div.cta-two-col dl.videos dd { height: 30px; }
	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 }
	
	/* 3.6.6 - news block */
	div.cta-news { padding: 25px 10px 10px 10px; margin-bottom: 10px; height: 195px; background: #FAE23D url('/img/latest_news.jpg') top no-repeat; margin-top: 20px; }
	div.cta-news h2, div.cta-news h3 { font-size: 24px; color: #0086E5; }
	div.cta-news h3 { color: #0086E5; padding-bottom: 8px; line-height: 1em; border-bottom: 1px dashed #b0b2b1; display: none; }
	div.cta-news h4 { font-size: 14px; color: #33C4F3 }
	div.cta-news ul { list-style-type: none; margin: 4px 0 10px 0; }
	div.cta-news ul li { display: block; border-bottom: 1px dashed #B0B2B1; padding: 8px 0 8px 1px; font-size: 11px; height: 37px; overflow: hidden;  }
	div.cta-news ul li a { color: #5c5c5c; text-decoration: none; display: block;  }
	div.cta-news ul li b a { font-weight:bolder; }

	/* 3.6.7 - caravan and beach pages */
	div.cta-row div#caravan_overview { background: url(/img/text_descrip_caravans.jpg) top no-repeat; padding: 56px 228px 140px 20px;  }
	div.cta-row div#camping_overview { background: url(/img/text_descrip_camping.jpg) top no-repeat; padding: 56px 20px 150px 228px;  }
	div.cta-row div#lusty_overview { background: url(/img/text_descrip_lusty.jpg) top no-repeat; padding:  56px 228px 180px 20px;  }
	div.cta-row div#activities_overview { background: url(/img/text_descrip_activities.jpg) top no-repeat; padding: 56px 20px 140px 208px;  }
	div.cta-row div#caravan_overview p, div.cta-row div#camping_overview p, div.cta-row div#lusty_overview p, div.cta-row div#activities_overview p{ color:yellow; font-weight:bold;  }

	
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 p.subtitle { margin-top: -12px; font-size: 0.9em }
div.cta-content img { margin: 0 15px 9px 0 }
div.cta-content div.video { display:inline; float:left; margin: 0 15px 9px 0 }
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: #0385DD; font-size: 12px; vertical-align: top; }
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: #f08600 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: #00aff0; 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: 9px 9px 0 0; padding: 0; height: 80px; width:80px }
div#product-cta ul li.last { margin: 9px 0 0 0 }
div#product-cta div.search { height: auto }

div#tab-container { border-bottom: 1px solid #d6d7d7; height:23px; clear: both; margin-top: 9px }
div#tab-navigation { margin: 0 0 0 10px }
div#tab-navigation ul { float: left; list-style-type: none; background: url(../images/bg-primary-navigation.gif) bottom repeat-x; margin: 0 }
div#tab-navigation ul li { float: left; margin: 0 2px 0 0 }
div#tab-navigation ul li a { padding: 4px 9px; display: block; background: #F29025; color: #000000; border: 1px solid #d6d7d7; text-decoration: none }
div#tab-navigation ul li a:hover { background: #00537F; color:#FFF }
div#tab-navigation ul li.selected a { font-weight: bold; background: #00537F; color:#FFF; border-bottom: 1px solid #fff; }
div#tab-navigation ul li.last { margin: 0 }	

div#tab-content { border: 1px solid #d6d7d7; border-top: none; padding: 9px }
div#tab-content img { margin: 0 15px 9px 0 }
div#tab-content ul { list-style-position: inside }
div#tab-content ul li { display: inline }
div.tab-content ul { margin-left: 15px; list-style-type:disc !important }
div.tab-content ul li { display: list-item !important; list-style-type: disc !important; }

/* 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.6.7 - 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; text-transform: uppercase; 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.7.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 }
	
/* Markup for each quote has inline display:none. Putting this in the CSS will prevent new quotes appearing. */
div#quote-box { height: 114px; width: 476px; margin: 10px 0 0 0; background: #fff url(/img/bg-quote-box.jpg) no-repeat top left; }
div#quote-box h3 { text-indent: -3000px; height: 1px; }
div#quote-box ul { position: relative; display: block; height: 114px; margin: 0; padding: 10px 0 0 0; overflow: hidden; }
#quote-box ul li { position: absolute; display: block; list-style-type: none; margin: 0; padding: 0; background: none; }
#quote-box ul li div { padding: 15px; font-family: Arial, Verdana; font-size: 15px; color: white; font-style: italic; font-weight: bold; }
#quote-box ul li span.quote-author { float: right; padding-right: 20px; font-size: 12px; color: #FDE400; }

/* 3.8 - newsletter block */
div#newsletter-block { margin-top: 10px; margin-bottom: 5px; padding: 33px 0 0 8px; background: #fff url(/img/bg-newsletter.png) no-repeat; height: 70px; }
div#newsletter-block h3 { display: none }
div#newsletter-block ol { list-style-type: none }
div#newsletter-block ol li { float: left; margin: 0 8px 0 0; display: inline; }
div#newsletter-block ol li input[type='text'] { width: 165px }
div#newsletter-block ol li input.button { background: #f08600 url(../images/bg-blank-button.gif) no-repeat bottom right; color: #fff; border: 1px solid #000; padding: 3px 5px 2px 5px; font-size: 11px; height: 20px; }
div#newsletter-block p { clear: both; font-size: .9em; color: #6e6e6e; line-height: 1.2em; padding: 3px 0 0 0; margin: 0 }
div#newsletter-block input.button { background:#F29025; border: 0 none; color: #FFF; padding: 3px 5px 2px; font-size:11px; }
/* 3.9 - snaps-block */
div#snaps-block { margin: 4px 0 9px 0 }

/* The Reasons block */
div#the-reasons { width: 260px; height: 230px; text-indent: -3000px; }
div#the-reasons.slide1 { background: #fff url(/img/the-reasons-1.jpg) no-repeat;}
div#the-reasons.slide2 { background: #fff url(/img/the-reasons-1.jpg) no-repeat; }

/* 3.10 - tv Block */
div#tv-block { margin: 0 0 9px 0 }
div#cta-player { margin-top: 3px }
div#tv-block .links { margin-top: 0px }
p#small_video_title { color : #F29025; font-size: 24px; text-transform: lowercase; line-height: 12px; font-weight: bold; text-decoration: none; }


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

/* 3.12 footer elements */

	div#footer img#bottom_image {position: absolute; bottom:150px; left: 20px;}
	
	/* 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; }

/* 3.13 - social share/bookingmarking block */
div#cta-social-share { width: 260px }
div#cta-social-share .text-gutter { margin: 11px 0 5px 0px }
div#cta-social-share .social_tab_page  { margin-top: -17px; width: 260px;  }

.cta-socialbookmarking .last { margin-bottom: 0; }
div #product-cta p.fb { background: url(/img/facebook_small.png) top left no-repeat; padding-left: 15px; cursor: pointer; }
div #product-cta p.fb:hover { text-decoration :underline; }

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

div.content-block img { margin: 0 15px 15px 0 }
.news-footer { color: #EE8500 }

#abta-logo { background: transparent url(/img/abta-logo.png) no-repeat; width: 81px; height: 38px; float: right; }
#abta-logo span { display: none }
#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 }

/* -----------------------------------------------
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 }
.justify { text-align:justify }
.hide { display: none }