/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Title :
Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd
Type: Screen, Projection
Description : Screen and projection stylesheet Share a Container site
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background: url(../images/layup/bodyBg.jpg) repeat-x; color:#000000; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */
/* ----- IDS ----- */
#container { width:781px; margin:0 auto; text-align:left; font-size:110%; }
#printHeader { display:none;}
#header,
#primaryNavigation,
#mainContent { display: block; float: left; width: 781px; }
#header { background: url(../images/layup/headerBg.jpg) no-repeat top center; height: 146px; position: relative; }
#header #logo { margin: 67px 0px 0px 0px; }
#header #contactDetails { position: absolute; top: 10px; left: 0; color: white; font-size: 2.0em; font-weight: bold; }
#boatEdge { position: absolute; top: 67px; /*right: -14px;*/ left: 781px; }
#primaryNavigation { height: 28px; background: url(../images/layup/primaryNavBg.jpg) no-repeat; }
#mainContent { background: #FFF; }
#primaryContent { width: 525px; float: left; }
#secondaryContent { width: 256px; float: right; }
#primaryContent .padding { padding: 19px 9px 46px 21px; }
#secondaryContent .padding { padding: 19px 20px 46px 9px; }
#searchBox { width: 227px; height: 100px; background: url(../images/layup/searchBoxbg.gif) no-repeat; margin-top: 6px; }
#searchBox .padding { padding: 11px 12px 0px 28px; }
#internalList { margin: 20px 0px 0px 0px; }

/* ----- COUNTRY IDS FOR REMAINING SPACE GRAPHS ON HOMEPAGE ----- */
.spaceLeft { display: block; height: 45px; background:url(../images/layup/spaceLeftBg.gif) top right no-repeat; }

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.tagHeading { position: relative; width: 457px; height: 31px; padding: 2px 0px 0px 38px; background: url(../images/layup/tagHeadingBg.gif) no-repeat; }
.country { font-weight: bold; font-size: 20px; color: #FFF; }
.locations { float: right; font-weight: bold; font-size: 11px; color: #FFF; padding: 9px 23px 0px 0px; }
.tag { position: absolute; top: 10px; left: -50px; }
.containerSpaceLeft { margin: 11px 0px 0px 50px; position: relative; }
.spaceLeftContent{ width: 400px; height: 45px; background: #85bc4a; }
.spaceLeftText { position: absolute; top: 5px; left: 15px; color: #FFF; font-size: 20px; }
.details { padding: 7px 0px 0px 41px; }
.detailsContent { width: 453px; }
.details .departs { width: 160px; float: left; }
.details .arrival { width: 170px; float: left; }
.details .availableSpace { width: 112px; float: left; }
.details .ends { width: 112px; float: left; }
.buttons { width: 266px; float: right; height: 23px; padding: 5px 45px 0px 0px; }
.btnViewMore { padding-right: 6px; float: left; }
.countryContainer { background: #f3f6f9; margin-bottom: 15px; margin-top: 4px; float: left; width: 494px; }
.datePicker { margin: -6px 0px 0px 0px; float: left; }
.box { margin-bottom: 18px; }
.box .padding { padding: 10px 24px 26px 24px !important; background: #f3f7fa; }
.blueText { font-size: 11px; color: #3e8ad5; }

/* ----- IMAGE FRAMES ----- */
#internalList a { cursor:pointer; text-decoration:none; }
#internalList span { display:block; }
#internalList .listItem { background: url(../images/layup/frame108x81.gif) no-repeat; float:left; height:115px; padding-right:10px; width:116px; }
#internalList .lastItem { background: url(../images/layup/frame108x81.gif) no-repeat; float:left; height:115px; padding-right:0px; width:116px; }
#internalList .frame { padding: 4px 0px 0px 4px; }
#internalList .noImage { background: url(../images/layup/noImage108x81.jpg) no-repeat; height:81px; width:108px; }
#internalList .itemHeading { padding:3px 0px 0px 10px; }

#internalImage { background: url(../images/layup/frame240x180.gif) no-repeat; float:right; height:190px; margin:0px 0px 15px 20px; position:relative; width:250px; }
#internalImage .frame { padding: 5px 0px 0px 5px; }
#internalImage .noImage { background: url(../images/layup/noImage240x180.jpg) no-repeat; height: 180px; width: 240px; }

/* ----- DEFAULT LIST ----- */
#list {}
#list ul { margin:0 0 0 18px; padding:0; list-style:none;}
#list li { background:url(../images/layup/dotsH.gif) bottom left repeat-x; padding:15px 20px 20px 0;}
#list .listTitle { font-weight:bold; display:block; padding-bottom:6px;}
#list .listDetails {}
#list .last { background:none;}


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}

#primaryContent h1 { width: 477px; height: 27px; background: url(../images/layup/h1Bg.gif) no-repeat; padding: 6px 0px 0px 18px; margin: 0px; color: #FFF; font-weight: bold; font-size: 14px; }
#secondaryContent h1 { width: 209px; height: 27px; background: url(../images/layup/h1BgSmall.gif) no-repeat; padding: 6px 0px 0px 18px; margin: 0px; color: #FFF; font-weight: bold; font-size: 14px; }
#secondaryContent h2 { width: 209px; height: 27px; background: url(../images/layup/h2BgSmall.gif) no-repeat; padding: 4px 0px 0px 18px; margin: 22px 0px 0px 0px; color: #FFF; font-weight: bold; font-size: 14px; }
#secondaryContent h3 { font-weight: bold; font-size: 13px; color: #2a84de; padding: 0px !important; }

/* ----- PRIMARY NAVIGATION ----- */
#primaryNavigation ul { height: 28px; padding: 0px; margin: 0px; list-style: none; }
#primaryNavigation ul li { display: block; float: left; width: 98px; height: 28px; margin-right: 4px; background: #c7def2; }
#primaryNavigation ul li a { display: block; float: left; padding: 5px 0px 6px 0px; text-align: center; width: 98px; text-decoration: none; color: #3e8ad5; }
#primaryNavigation ul li a.active, #primaryNavigation ul li a:hover { background: #FFF; }

/* ----- LEFT NAVIGATION ----- */


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */

/* ----- FOOTER ----- */
#footer { clear: both; background: #9fb2c2; width: 781px; color: #fff; font-weight: bold; }
#footer .padding { padding: 21px 21px 21px 21px; }
#footer a { font-weight:normal; text-decoration:none; color: #fff; }
#footer a:hover { text-decoration:underline; }

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.requiredLabel { color:#3e8ad5;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#btnSubmit { width:96px; height:23px; border:none;}
#frmFindContainer select { width: 170px; border: 1px solid #225b8a; margin-top: 7px; }
#frmFindContainer #day { width: 30px; float: left; margin-top: 4px; margin-right: 5px; }
#frmFindContainer #month { width: 30px; float: left; margin-top: 4px; margin-right: 5px; }
#frmFindContainer #year { width: 50px; float: left; margin-top: 4px; margin-right: 5px; }
#frmFindContainer label { width: 170px !important; float: none !important; padding-top: 4px; }
#frmFindContainer #btnFindSpace { width: 96px; height: 23px; margin-top: 2px; }

/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #9fb2c2; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }

#hq {float: left; display: block; margin: 0 130px 20px 0}
#tel {float: left; display: block; margin: 0}