/**************************************************************************************************
*
* 	Name:			Global CSS
* 	Author:			Paul Cowtan
* 	Date Created:	29th March 2010
* 	Date Modified:	06th December 2011
*	Copyright:		Appius (www.appius.com)
*
*	Contents:
*	01. Reset browser defaults
* 	02. Layout
* 	03. Headings
*	04. Typography
* 	05. Navigation
* 	06. Links
* 	07. Lists
* 	08. Images
* 	09. Forms
* 	10. Tables
* 	11. Misc
*
**************************************************************************************************/
 
/**************************************************************************************************
*	01. Reset browser defaults (http://meyerweb.com/eric/tools/css/reset/)
**************************************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html {
	overflow-y: scroll;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* Remember to define focus styles */
:focus {
	outline: 0;
}

/* Remember to highlight inserts somehow */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* Tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**************************************************************************************************
*	02. Layout
**************************************************************************************************/

body {
	font: 62.5%/1.5em  Tahoma, Arial, Helvetica, sans-serif;
	color: #9fc4d2;
	background: #19124d url("/images/common/body_bg.jpg") no-repeat center top;
}

.fullClear {
	float: left;
	clear: both;
	width: 100%;
}

/* Hides the skip to links on browsers but not screen readers */
#skip-to-content, #skip-to-footer {
	position: absolute;
	top: -3333px;
	left: -3333px;
}

div#wrapper {
	width: 959px;
	margin: 0 auto;
}

div#innerWrapper {
	background: #19124d;
	border-top: 5px solid #a49257;
	border-right: 1px solid #a49257;
	border-bottom: 5px solid #a49257;
	border-left: 1px solid #a49257;
	float: left;
	margin: 0 0 10px 0;
	width: 957px;
}

div#container .homeCol {
	float: left;
	display: inline;
	margin: 0 10px 15px 9px;
	width: 220px;
}

div#container #additional {
	margin: 0 16px;
}

div#container .inner,
div.primary div.holidayBookingForm {
	background: #19124d url("/images/home/col_bg.jpg") no-repeat left top;
	float: left;
	padding: 15px 15px 5px 15px;
	width: 190px;
	min-height: 215px;
}

div#container .inner.nopadding
{
    padding:0px;
}

div#container .primary {
	border-top: 1px solid #a49257;
	border-right: 1px solid #a49257;
	float: left;
	width: 220px;
}

div#container .secondary {
	border-top: 1px solid #a49257;
	border-left: 1px solid #a49257;
	float: left;
	margin: 0 0 0 -1px;
	width: 735px;
}

div#container #breadcrumb {
	background: #a49257;
	padding: 6px 20px 6px 0;
	width: 715px;
	color: #19124d;
	font-size: 1.1em;
}

div#container #content {
	float: left;
	display: inline;
	margin: 0 25px 5px 25px;
	width: 685px;
}

div#container #shadedBackground {
	background: #19124d url("/images/common/shaded_bg.jpg") repeat-x left top;
	float: left;
	width: 100%;
}

div#shadedBackground .box {
	float: left;
	display: inline;
	margin: 15px 25px 7px 25px;
	padding: 0 0 8px 0;
}

div#shadedBackground .separator {
	border-bottom: 1px solid #213274;
	width: 635px;
}

div#shadedBackground .box div.left {
	margin: 0 15px 0 0;
	width: 500px;
}

div#shadedBackground .box div.right {
	width: 120px;
}

div#shadedBackground .box div.price {
	float: right;
	margin: 18px 0 0 0;
}

div#shadedBackground .box div.price span.priceText {
	margin: 0 10px 0 0;
	color: #a49257;
	font-size: 1.8em;
	font-weight: bold;
}

div#shadedBackground .box div.price span.fullPrice {
	margin: 0 5px 0 0;
	font-size: 1.2em;
	text-decoration: line-through;
}

div#shadedBackground .offers {
	float: left;
	margin: 0 0 1em 0;
	width: 635px;
}

div#shadedBackground .offers div.left,
div#shadedBackground .offers div.right {
	margin: 0;
	width: 300px;
}

div#container #calendar {
	background: #19124d url("/images/misc/calendar_bg.jpg") no-repeat left top;
	float: left;
	width: 100%;
}

div#calendar #selectMonth {
	background: transparent url("/images/misc/calendar_select.gif") no-repeat left top;
	border-bottom: 1px solid #213274;
	float: left;
	display: inline;
	margin: 5px 10px;
	padding: 0 0 1px 190px;
	width: 475px;
}

#selectMonth #monthDropDown {
	float: left;
	margin: 14px 0 0 0;
}

#calendar .week {
	background: #006699;
	float: left;
	display: inline;
	margin: 0 0 0 10px;
}

#calendar .week p  {
	border-bottom: 1px solid #2f46a6;
	margin: 0 10px;
	padding: 5px 0;
	width: 139px;
	color: #fff;
}

#calendar .alternate {
	background: #a49257;
}

#calendar .alternate p {
	border-bottom: 1px solid #796d40;
}

.googleMap {
	float: left;
	display: inline;
    margin: 10px 13px 10px 12px;
    width: 660px;
	height: 500px;
}

div#footer {
	border-top: 1px solid #a49257;
}

div.homeFooter {
	border: 0 !important;
}

div#footer #chesilMap {
	float: left;
	margin: 0 10px 0 19px;
}

div#footer #chesilCommunity {
	background: transparent url("/images/common/community_strip.gif") no-repeat left top;
	float: left;
	padding: 13px 0 12px 215px;
	width: 490px;
}

div#footer #chesilCommunity #twitter,
div#footer #chesilCommunity #flickr {
	margin: 0 0 0 25px;
}

div#footer #footerLinks {
	background: #a49257;
	padding: 7px 10px 3px 10px;
	width: 937px;
	color: #19124d;
	font-size: 1.1em;
}

/**************************************************************************************************
*	03. Headings
**************************************************************************************************/

h1 {	
	margin: 0 0 0.5em 0;
	font-size: 2.4em;
	line-height: 1em;
	text-transform: uppercase;
}

h2 {	
	margin: 1.5em 0 1em 0;
	font-size: 1.5em;
	line-height: 1.3em;
}

h3 {	
	margin: 1.5em 0 1em 0;
	font-size: 1.2em;
}

.homeCol h2 {
	background: transparent url("/images/home/col_header_bg.jpg") no-repeat left top;
	padding: 18px 0;
	margin: 0;
	color: #b1dde5;
	text-align: center;
	text-transform: uppercase;
}

div#shadedBackground h2 {
	margin: 0 0 1em 0;
	text-transform: uppercase;
}

div#calendar h2 {
	clear: both;
	margin: 10px;
	text-transform: uppercase;
}

div#calendar h3 {
	margin: 15px;
}

/**************************************************************************************************
*	04. Typography
**************************************************************************************************/

p {
	font-size: 1.1em;
	margin: 0 0 1em 0;
}

div#header p {
	display: inline;
	margin: 100px 20px 0 20px;
	width: 313px;
	color: #a49257;
	font-size: 1.6em;
	text-transform: uppercase;
}

div.homeCol p {
	margin: 0;
	color: #7196d3;
	font-size: 1.2em;
}

div#content p.postTitle a {
	color: #a49257;
	font-size: 1.2em;
}

div#content p.postBookmark {
	margin: 2em 0 1em 0;
}

div#content .googleMap h2,
div#content .googleMap p {
	color: #19124d;
}

.error {
	float: left;
	clear: both;
	margin: 0 0 1em 0;
	width: 100%;
	font-weight: bold;
}

.gold {
	color: #a49257;
}

.lightBlue {
	color: #9fc4d2;
}

.large {
	font-size: 1.2em;
}

/**************************************************************************************************
*	05. Navigation
**************************************************************************************************/

#mainNav {
	margin: 10px 0 0 0;
	border-collapse: separate;
	background: transparent url("/images/common/nav_bg.jpg") no-repeat left top;
}

#mainNav tr td {
	border-right: 1px solid #2e449e;
	border-left: 1px solid #0a061e;
	padding: 1px 0;
	text-align: center;
	vertical-align: middle;
}

#mainNav tr td a {
	display: block;
	padding: 8px 5px 9px 5px;
	color: #b1dde5;
	font-size: 1.3em;
	line-height: 1.3em;
	text-transform: uppercase;
}

#mainNav tr td a#navHome,
#mainNav tr td a#navEntertainments {
	padding: 17px 5px;
}

#mainNav tr td a.selected,
#mainNav tr td a:hover {
	background: #a49257 url("/images/common/nav_item_bg.gif") repeat-x left top;
	color: #19124d;
	text-decoration: none;
}

/* See theme folder for sub navigation and sitemap styles */

/**************************************************************************************************
*	06. Links
**************************************************************************************************/

a:link, a:visited, a:active {
	color: #3e9a9f;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

div#breadcrumb a,
div#footerLinks a {
	color: #19124d;
}

a.addVehicle {
	display: block;
	margin: 0 0 1em 0;
}

a#popupLink img,
a#popup2Link img {
	margin: 10px 24px;
}

/**************************************************************************************************
*	07. Lists
**************************************************************************************************/

div#content ol {
	list-style-type: decimal;
	color: #a49257;
	font-size: 1.1em;
	margin: 0 0 1.5em 1.5em;
}

div#content ul {
	list-style-type: disc;
	color: #a49257;
	font-size: 1.1em;
	margin: 0 0 1.5em 1.5em;
}

div#content ul li {
	padding: 0.2em 0;
}

div#content ul.expandedList {
	list-style-type: none;
	color: #9fc4d2;
	margin: 0;
}

div#content ul.expandedList li {
	margin: 0 0 1em 0;
}

div#content #summaryLine {
	background: #19124d;
	float: left;
	display: inline;
	margin: 10px 14px;
	padding: 1px 10px;
	height: 32px;
	width: 638px;
}

div#content #summaryLine span {
	float: left;
	color: #a49257;
	font-size: 1.2em;
	line-height: 30px;
}

div#content #summaryLine a {
	background: transparent url("/images/buttons/change.png") no-repeat left top;
	float: right;
	margin: -9px 0 0 0;
	height: 50px;
	width: 130px;
	text-indent: -9999px;
}

div#content ul.bookingProcessSteps {
	float: left;
	display: inline;
	margin: 0 0 10px 14px;
	width: 672px;
	list-style-type: none;
}

div#content ul.bookingProcessSteps li {
	float: left;
}

div#content ul.bookingProcessSteps li a {
	display: block;
	color: #a49257;
	font-size: 1.2em;
	font-weight: bold;
}

div#content ul.bookingProcessSteps li a.selected {
	color: #1a285e;
}

div#content ul.bookingProcessSteps li a.step1 {
	padding: 28px 37px 30px 18px;
}

div#content ul.bookingProcessSteps li a.step2 {
	padding: 28px 42px 30px 16px;
}

div#content ul.bookingProcessSteps li a.step3,
div#content ul.bookingProcessSteps li a.step4 {
	padding: 28px 50px 30px 24px;
}

div#content ul#bookingProcessSteps1 {
	background: transparent url("/images/booking/one_selected.jpg") no-repeat left top;
}

div#content ul#bookingProcessSteps2 {
	background: transparent url("/images/booking/two_selected.jpg") no-repeat left top;
}

div#content ul#bookingProcessSteps3 {
	background: transparent url("/images/booking/three_selected.jpg") no-repeat left top;
}

div#content ul#bookingProcessSteps4 {
	background: transparent url("/images/booking/four_selected.jpg") no-repeat left top;
}

/**************************************************************************************************
*	08. Images
**************************************************************************************************/

div#content img.left {
	float: left;
	margin: 0 10px 10px 0;
}

div#content img.right {
	float: right;
	margin: 0 0 10px 10px;
}

.leftImage {
	border: 2px solid #a49257;
	float: left;
	margin: 0 10px 10px 0;
}

.rightImage {
	border: 2px solid #a49257;
	float: right;
	margin: 0 0 10px 10px;
}

.specialImage {
	margin: 10px 4px;
}

div#header img,
div#footer img {
	float: left;
}

div#container #facilities img {
	margin: 3px 7px;
}

/* gallery over-rides */
div#content div.gallery {
	float: left;
	margin: 0 10px 0 0;
	width: 504px;
}

div#content div.gallery p.sf_BigImage {
	margin: 0;
}

div#content div.gallery p.sf_BigImage img {
	border: 2px solid #a49257;
}

div#content div.gallery ol {
	margin: 0 0 1.5em 0;
}

div#content div.gallery ol.sf_photoListBigImg li {
	background: transparent;
	padding: 5px 20px 5px 0;
	height: auto;
	width: 100px;
}

div#content div.gallery ol.sf_photoListLightbox li dd.sf_image, 
div#content div.gallery ol.sf_listAndPage li dd.sf_image, 
div#content div.gallery ol.sf_photoListBigImg li dd.sf_image {
	height: 100px;
	width: 100px;
}

/**************************************************************************************************
*	09. Forms
**************************************************************************************************/

span.select {
	background: transparent url("/images/common/select_bg.gif") no-repeat left top;
	position: absolute;
	padding: 4px 22px 4px 8px;
	height: 14px;
	width: 50px;
	overflow: hidden;
	color: #1a285e;
	font-size: 1.2em;
	font-weight: bold;
}

span.checkbox {
	background: transparent url("/images/common/checkbox_bg.gif") no-repeat left top;
    float: left;
	margin: 0 10px 10px 0;
	height: 22px;
	width: 22px;
}

div#container label {
	display: block;
	margin: 0 0 3px 0;
	font-size: 1.2em;
}

.textbox {
	background: #a49257;
	border: 0;
	float: left;
	padding: 3px 0 4px 0;
	margin: 0 0 15px 0;
	width: 100%;
	color: #1a285e;
	font-size: 1.2em;
	font-weight: bold;
}

div#shadedBackground .box .enquiryForm div.left {
	display: inline;
	margin: 0 17px 0 0;
	width: 200px;
}

.postcodeFind .textbox {
	width: 147px;
}

textarea.textbox {
	height: 90px;
	font-size: 1.6em;
}

.homeCol div.left input,
.homeCol div.right input {
	width: 90px;
}

.newsletterSubscriptionForm .validation {
	clear: both;
	margin: 0 0 9px 0;
	height: 14px;
}

.holidayBookingForm select {
	width: 80px;
}

.holidayBookingForm span.fullClear {
	display: block;
	margin: 0 0 10px 0;
	font-size: 1.2em;
}

.holidayBookingForm .fullClear div {
	margin: 0 0 8px 0;
}

.holidayBookingForm .fullClear label {
	color: #7196d3;
}

.dateSelect,
.dateSelect table {
	width: 110px !important;
}

.dateSelect table td {
	padding: 0 8px 0 0 !important;
	vertical-align: top;
}

.dateSelect table td.rcInputCell {
	padding: 0 !important;
}

.dateSelect .textbox {
	width: 75px !important;
}

div#shadedBackground .holidayBookingForm {
	padding: 15px 30px;
	width: 400px;
}

div#shadedBackground .dateSelect .textbox {
	width: 125px !important;
}

div#shadedBackground span.select,
div#calendar span.select {
	background: transparent url("/images/common/select_bg_wide.gif") no-repeat left top;
	width: 100px;
}

div#shadedBackground select.styled,
div#calendar select.styled {
	width: 130px;
}

.button {
	border: 0;
	height: 50px;
	width: 120px;
	text-indent: -9999px;
	cursor: pointer;
}

.searchButton {
	background: transparent url("/images/buttons/search.gif") no-repeat left top;
}

.selectButton {
	background: transparent url("/images/buttons/select.png") no-repeat left top;
}

.nextButton {
	background: transparent url("/images/buttons/next.png") no-repeat left top;
}

.finishButton {
	background: transparent url("/images/buttons/finish.png") no-repeat left top;
}

.findButton {
	background: transparent url("/images/buttons/find.gif") no-repeat left top;
	float: left;
	margin: 1px 0 0 7px;
	height: 20px;
	width: 45px;
}

/**************************************************************************************************
*	10. Tables
**************************************************************************************************/

#pricingTable {
	width: 865px;
	border-collapse: collapse;
	border-spacing: 0;
	color: #9fc4d2;
}

#pricingTable th,
#pricingTable td {
	border: 1px solid #a49457;
	padding: 2px;
	width: 33px;
	text-align: center;
}

#pricingTable td.leftAlign {
	width: 175px;
	text-align: left;
}

#pricingTable td.alternate {
	background-color: #e8e4c4;
	color: #19124d;
}

#pricingTable tr.peak td {
	background-color: #a49457;
	color: #19124d;
}

.twosCompany th,
.twosCompany td {
	width: 100px !important;
}

.twosCompany td.leftAlign {
	width: 229px !important;
}

/**************************************************************************************************
*	11. Misc
**************************************************************************************************/

.right {
	float: right;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

.hidden {
	display: none !important;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.end {
	margin: 0 !important;
}

/* THE END */