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

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

Type: Screen, Projection

Description : Screen and projection stylesheet xxxxxxxxxxxxxxxxxxxxxxxxxxxxx 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) no-repeat top center #002337; color:#fff; 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:920px; padding:0 20px; margin:0 auto; text-align:left; font-size:110%; }   
#printHeader { display:none;}

#header { position: relative; }
#header #logo {margin:15px auto 20px auto; width:auto; float:left;}
#header #gordonLogo{ margin-top:55px; width:auto; float:right;}
#header #badge {}

#flash{width:922px; height:auto; margin-bottom:5px;}
#fullWidthFlash{width:960px; display:block; height:200px; background:red;}

#leftColWelcome { float: left; width:263px; padding:0 20px; background:url(../images/layup/leftColBg.jpg) no-repeat top #004771; min-height:655px; height:auto !important; height:580px; line-height:16px; }
#leftColWelcome p{text-align:justify;}
#leftColWelcome .articleGordonRussell {}
#leftColWelcome .articleGordonRussell a { display: block; text-decoration: none; cursor: pointer; font-weight: normal; color: #fff; text-align:justify; }
#leftColWelcome .articleGordonRussell .title { display: block; height: 40px; }
#leftColWelcome .gordanImgWrap{float:left; margin-right:10px; margin-bottom:10px;}

#midCol {float:left; width:306px; height:auto; padding:0 5px 5px 5px;}
#midCol #productSelect{background: url(../images/layup/arrowBg.jpg) no-repeat bottom right #041a27; color:#fff; width:284px; height:70px; margin-bottom:5px; padding-left:20px;}
#midCol #news{width:304px; height:auto; margin:5px 0;}

#midCol #news .date {font-weight:bold; width:264px; float:left; color:#fff; font-size:11px; padding:3px 0 0 0;}
#midCol #news .title {font-weight:bold;width:264px; float:left; color:#fff; font-size:12px; padding-top:0;}
#midCol #news .newsItem{margin-bottom:1px; color:#fff; width:264px; float:left; padding:0 20px;  background:#809ca7; display:block; cursor:pointer; text-align:justify;}
#midCol #news .newsItem a{color:#fff; text-decoration:none; font-weight:normal;}
#midCol #news .newsItem p {padding-bottom:3px; line-height:15px; font-weight:normal; }
#midCol #news .newsItem .moreInfo{color:#041a27;width:264px; float:left; margin:0; padding-top:2px; padding-bottom:3px; font-weight:bold;}
#midCol #news .newsItem .moreInfo a, a:hover{text-decoration:none;}

#midCol #register {background:#02273a; width:264px; padding:8px 20px 6px 20px; bottom:0; margin-bottom: 5px; }
#midCol #register .title{color:#fff; font-weight:normal; font-size:23px; padding:5px 0; }
#midCol #register p{color:#fff; font-weight:normal; font-size:11px; padding:5px 0 5px 0; text-align:justify; line-height:15px;}
#midCol #register .register{width:70px; padding:5px; background:#6996bf; font-weight:normal; color:#000000; margin: 13px 0px 0 0px; text-decoration: none; cursor:pointer; text-align:center; display:block; margin-bottom:8px;}

#midCol #members{background:#02273a; width:264px; height: 173px; padding:8px 20px 6px 20px; bottom:0;}
#midCol #members .title{color:#fff; font-weight:normal; font-size:23px; padding:5px 0; height:}
#midCol #members p{color:#fff; font-weight:normal; font-size:11px; padding:5px 0 5px 0; text-align:justify; line-height:15px;}
#midCol #members input {width:220px; height:16px; border:#ced0cd 1px solid; float:left;  font-size:16px; padding:4px 0 2px 0; margin:0 auto 5px auto;}
#midCol #members p a{text-decoration:underline; font-weight:normal; color:#000; text-decoration:none;}

#midCol #members #go{width:67px; height:28px; border:none; float:left; margin-right: 5px; }
#midCol #members .forgot{width:140px; padding:5px 5px 6px 5px; background:#6996bf; text-decoration: none; font-weight:normal; color:#000000; float: left; margin: 4px 0px 0px 0px; text-align:center; cursor:pointer; display:block;}

#rightColProduct { margin:0 auto; min-height:633px; height:auto !important; height:570px; float:left; width:291px; background:#041a27; padding: 11px 5px;}
#rightColProduct a { display: block; position: relative; width: 143px; margin-bottom: 17px; text-decoration: none; color: #FFFFFF; }
#rightColProduct a .transBg { display: block; position: absolute; bottom: -1px; left: 0px; z-index: 999; }
#rightColProduct a .sectionText { display: block; color: #FFFFFF; position: absolute; bottom: 3px; left: 7px; z-index: 99999; }
#rightColProduct .left{float:left; }
#rightColProduct .right{float:right;}
#rightColProduct img {}
#rightColProduct .leftLast{float:left; margin-bottom:0;}
#rightColProduct .rightLast{float:right; margin-bottom:0;}

#mainContent {}
#mainContent .padding { padding: 0px 0px 0px 0px; }


/* ----- 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;}
.hand { cursor:pointer;}
.seo {text-decoration:none;font-weight:normal;}


/* ----- 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 ----- */
#breadcrumbs {}
#pagination { float: right; }
#pagination a { padding: 0px 4px 0px 4px; text-decoration: none; }
#pagination a:hover { text-decoration: none; background:#000000; color:#FFFFFF; }
#pagination .active { text-decoration: none; background:#000000; color:#FFFFFF; }
#pagination span { display: block; float: left; padding: 0px 2px 0px 2px; }

/* ----- FOOTER ----- */
#footer {}
#footer .padding {}
#footer a { font-weight:normal; text-decoration:none;}
#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; 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:#0033FF;}
.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:55px; height:18px; border:none;}

/* ----- 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: #4544e4; color : #FFF; font-weight: bold; }

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