/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet xxxxxxxxxxxxxxxxxxxxxxxxxxxxx site

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:12px verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#FFFFFF; text-align:left; }

#accessibility { display:none; }

#primaryNavigation, 
#secondaryNavigation, 
#splash, 
#tickerContainer,
#skyScraper,
#header,
#footer,
object { display: none; }


/*  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: 650px; margin:0 auto; text-align: left; font-size: 110%; }   
#printHeader { display: block;}
#header { background-color: #00634e; color: #313131; margin-bottom: 5px; }
#mainContent { background: url(../images/layup/contentBg.gif); background-repeat: repeat-y; background-position: top left; }
#primaryNavigation { background: url(../images/layup/dottedLineHorizontal.gif); background-repeat: repeat-x; background-position: bottom left; }
#date { width: 150px; font-weight: bold; font-size: 1em; float: left; }
#dateContainer { padding: 1px 0px 0px 13px; }
#secondaryNavigation { width: 150px; float: left; }
#primaryContent { width: 611px; float: left; display: block; color: #2f2f2f; font-size: 0.9em; }
/*#primaryContent { margin-left: 150px; margin-right: 138px; float: left; } */
#primaryContentContainer { padding: 1px 0px 0px 2px; display: block; }
#skyScraper { width: 138px; float: left; }
#skyScraperContent { padding: 0px 0px 0px 2px; }
#tickerContainer { background: url(../images/layup/tickerBg.jpg); background-position: top left; background-repeat: no-repeat; height: 31px; }
#ticker { padding: 7px 0px 0px 90px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1em; }
#splash { padding-bottom: 2px; background: url(../images/layup/dottedLineHorizontal.gif); background-repeat: repeat-x; background-position: bottom left; }
#offers { width: 305px; float: left; background: url(../images/layup/dottedLineVertical.gif); background-position: right top; background-repeat: repeat-y; }
#findAutocentre { width: 303px; float: left; padding-left: 1px; }
#offers p { padding: 0px 0px 0px 15px; }
#findAutocentre p { padding: 0px 0px 0px 15px; }
#findAutocentre p, #offers p { font-weight: bold; }
#searchCentre { margin: 10px 0px 0px 15px; } 
#rmifLogo { float: right; padding: 0px; }
#rmifContent { width: 400px; }
#navTrail { padding: 0px 0px 10px 0px; }
#navTrail, #navTrail a { color: #aeaeae; text-decoration: none; }
#navTrail a:hover { color: #aeaeae; text-decoration: underline; }
#branchLocator { margin: 1px 0px 1px 0px; height: 69px; background: url(../images/layup/locatorBg.jpg); background-repeat: no-repeat; background-position: top left; }
#specialOffers { padding: 33px 0px 0px 0px; margin-top: 10px; background: url(../images/layup/offersHeader.gif); background-position: top left; background-repeat: no-repeat; }
#offersText p { margin: 15px 0px 0px 0px; padding: 0px; color: #00634e; }
#offersFooter { height: 14px; background: url(../images/layup/offersFooter.gif); background-position: top left; background-repeat: no-repeat; }
#offersText { background-color: #d8d8d8; padding: 0px 15px 0px 15px; }
#offersText img { float: left; padding-right: 18px; }
#offersText img.lastImg { float: left; padding-right: 0px !important; }
#branchDetails address { padding:0 0 15px 5px; margin:0; }
#branchDetails p { padding:0 0 15px 5px !important; margin:0; }
#branchDetails a { color: #00634e; text-decoration: none; }
#branchDetails a:hover { color: #00634e; text-decoration: underline; }

/* ----- 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;}
.contentArea { padding: 1px 0px 2px 0px; background: url(../images/layup/dottedLineHorizontal.gif); background-repeat: repeat-x; background-position: bottom left; }
.contentAreaLast { padding: 1px 0px 2px 0px; }
.imageRight { float: right; padding: 15px 5px 5px 5px; }
.padding { padding: 12px; }
.offerTitle { font-size: 1.1em; }
.branchName { font-size: 1.2em; color: #666666; font-weight: bold; }
.bookingNo { font-size: 1.2em; color: #666666; font-weight: bold; display: block; float: right; }
.textGreen { color: #00634e; }
.strong { font-weight: bold; }
.voucherText { font-weight: bold; color: #00634e; padding: 10px 15px 10px 15px; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 15px; }
.branchHeading { font-family: Verdana, Arial, Helvetica, sans-serif; color: #00634e; font-weight: bold; font-size: 1em; display: block; padding: 10px 0px 10px 5px; margin: 0px; }
.yellowBg { background:transparent url(../images/layup/newsHeaderBg.gif); color:#555555; height:24px; margin-bottom:10px; }
.yellowLeft { float: left; padding: 4px 0px 0px 10px; }
.yellowRight { float: right; padding: 4px 10px 0px 0px; }
.yellowFooter { padding-top: 5px; }
.newsItem { padding-bottom: 15px; }
.multimediaItem { padding: 0px 0px 15px 0px; }
.multimediaItem span { display: block; }
.multimediaItem a { text-decoration: none; }
.multimediaItem a:hover { text-decoration: none; }

/* ----- DEFAULT LIST ----- */
ul#nav { list-style: none; padding: 0px; margin: 0px; height: 25px; float: left; }
ul#nav li {	float: left; padding: 0px 13px 0px 0px; }
ul#nav li.elLast { float: left; padding-right: 0px; }
ul#nav li a { font-weight: bold; font-size: 0.9em; color: #313131; text-decoration: none; padding: 0px 0px 0px 9px; height: 22px; display: block; float: left; }
ul#nav li a span { cursor: pointer; padding: 2px 9px 4px 0px; display: block; float: left; }
ul#nav li a:hover { font-size: 0.9em; text-decoration: none; padding: 0px 0px 0px 9px; height: 22px; background: url(../images/layup/navBgLeft.gif); background-repeat: no-repeat; background-position: top left;display: block; float: left; }
ul#nav li a:hover span { background: url(../images/layup/navBgRight.gif); background-repeat: no-repeat; background-position: top right;  display: block; float: left; }
ul#nav li a.active { font-size: 0.9em; text-decoration: none; padding: 0px 0px 0px 9px; height: 22px; background: url(../images/layup/navBgLeft.gif); background-repeat: no-repeat; background-position: top left; display: block; float: left; }
ul#nav li a.active span { background: url(../images/layup/navBgRight.gif); padding: 2px 9px 4px 0px; background-position: top right; display: block; float: left; }

#navTrail .location a { color: #00634e; text-decoration: none; }
#navTrail .location a:hover { color: #00634e; text-decoration: underline; }

ul#secondNav { list-style: none; padding: 0px; margin: 0px; }
ul#secondNav li { margin: 0px; padding: 0px; height: 42px; }
ul#secondNav li a { text-decoration: none; }

ul#branchNav { list-style: none; padding: 0px 0px 2px 0px; margin: 0px;  background: url(../images/layup/dottedLineHorizontal.gif); background-repeat: repeat-x; background-position: bottom left; }
ul#branchNav li { padding: 5px 0px 3px 15px; background: url(../images/layup/dottedLineHorizontal.gif); background-repeat: repeat-x; background-position: top left; }
ul#branchNav li a { font-size: 0.8em; text-decoration: none; color: #666666; }

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

/* ----- TOP NAVIGATION ----- */


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

/* ----- 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; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.requiredLabel { color:#00634e; font-weight: bold;}
.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;}
#submit { width:55px; height:18px; border:none; }
#searchCentre form select { width: 140px; } 
#branchLocator form select { width: 133px; }
#branchLocator form { padding: 35px 0px 0px 8px; }

/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #FF0000; 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: #ffdd00; color : #000; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }
#instantQuote p { margin:10px; }