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

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:62.5%/1.2 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; 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:913px; margin:0 auto; text-align:left; font-size:110%; }
#printHeader { display:none;}

 /* jumpPoints id left out as it has dropshadow that exits off the page so this inherits the 913px width from container */
#salesInfo,
#primaryNavigation,
#splash,
#primaryContentHome,
#footer { display: block; width: 904px; float: left; }
#jumpPoints { margin-top: 10px; float: left; }
#benefits { width: 304px; height: 182px; float: left; background: url(../images/layup/benefitsBg.jpg) no-repeat; }
#portableValve { width: 305px; height: 182px; float: left; background: url(../images/layup/portableValveBg.jpg) no-repeat; }
#productSelector { width: 304px; height: 182px; float: left; background: url(../images/layup/productSelectorBg.jpg) no-repeat; }
#benefits .padding,
#portableValve .padding,
#productSelector .padding { padding: 55px 95px 0px 20px; }
#primaryContentHome .padding { padding: 0px 20px 0px 20px; }
#services { padding-top: 10px; }
#divisions { width: 304px; float: left; }
#ourProducts { width: 400px; float: left; }
#secondaryContent { width: 197px; float: left; } /* width set to 205 as it includes padding to push primary content over to the right */
#intBenefits { width: 197px; height: 173px; background: url(../images/layup/intBenefitsBg.jpg) no-repeat; }
#intProductSelector { width: 197px; height: 173px; background: url(../images/layup/intProductSelectorBg.jpg) no-repeat; }
#intBenefits .padding,
#intProductSelector .padding { padding: 55px 40px 0px 20px; }
#primaryContent { float: left; width: 707px; padding-right: 0px; background: url(../images/layup/primaryContentBg.gif) no-repeat; }
#primaryContent .padding { padding: 15px 20px 0px 15px; }
#navTrail { padding: 0px 0px 30px 0px; }
#primaryContent { color: #4c4c4c; }

#header { display: block; width: 904px; float: left; position:relative;}
#header #celebrate75Years { right:19px; top:0; position:absolute; z-index:99;}
#header #logo { top:0; right:91px; position:absolute;}

/* ----- 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;}
.btnGrey { color: #4b4b4b; background: url(../images/layup/btnGrey.gif) no-repeat top left; text-decoration: none; padding: 4px 0px 0px 9px; margin: 8px 0px 0px 0px; height: 27px; width: 93px; display: block; line-height: 1.6em; }
.firstUL { width: 167px; float: left; }
.item { width: 680px; background: url(../images/layup/dotsH.gif) repeat-x bottom left; padding: 0px 0px 10px 0px; margin-bottom: 25px; }
.block { display: block; }
.itemText { width: 540px; }
.item a { font-weight: normal; text-decoration: none !important; cursor: pointer; }
.item a:hover { text-decoration: none !important; }
.heavy { font-weight: bold; padding-bottom: 5px; }
.last { background: none !important; }
.itemBranch { width: 160px; float: left; padding-bottom: 20px; }

/* ----- IMAGE FRAMES ----- */
.internalImage { position: relative; width: 304px; height: 233px; display: block; }
.internalImage .frame { display: block; position: absolute; top: -12px; left: 3px; }
.itemImage { position: relative; width: 129px; height: 101px; display: block; background: url(../images/layup/noImage.jpg) no-repeat; }
.itemImage .frame { display: block; position: absolute; top: -8px; left: -9px; }


/* ----- DEFAULT LIST ----- */
#primaryContentHome ul { padding: 0px; margin: 0px; list-style: none; }
#primaryContentHome ul li { padding: 0px 0px 5px 0px; margin: 0px; }
#primaryContentHome ul li a {}

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

/* ----- PRIMARY NAVIGATION ----- */
/* #primaryNavigation ul { list-style: none; padding: 8px 0px 0px 0px; margin: 0px 0px 10px 0px; line-height: 1.6em; } */
#primaryNavigation { height: 36px; }
#mainContent { float: left; }
#primaryNavigation ul { list-style: none; float: left; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; }
#primaryNavigation ul li { float: left; padding: 0px 10px 0px 12px; margin: 0px; background: url(../images/layup/navSpacer.gif) top right no-repeat; }
#primaryNavigation ul li.lastItem { background: none !important; }
#primaryNavigation ul li a { color: #4c4c4c; font-size: 1.0em; font-weight: bold; text-decoration: none; }
#primaryNavigation ul li a.active { color: #1f7fcd; }
#primaryNavigation ul li a:hover { color: #1f7fcd; }

/* ----- SECONDARY 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; color: #666666; margin-top: 35px; background: url(../images/layup/dotsH.gif) repeat-x; }
#footer .padding { padding: 15px 0px 15px 0px;}
#footer a { font-weight:normal; text-decoration:none; color: #666666;}
#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; }
#navTrail a { text-decoration: none; color: #4c4c4c; }
#navTrail a:hover { text-decoration: underline; }

/* ----- 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;}
#submit { width:55px; height:18px; border:none;}


#submitProductSelector { float: left;border:none; font-weight: bold; padding: 6px 0px 9px; margin-top: 0px;}
/* #fieldsetRequest div {width: 170px; float: left;} */
DIV.selectorColumn { width: 224px; float: left; }
DIV.selectorIcons { padding-bottom: 8px; }
DIV.selectorIcons img { float: left; }
DIV.drainText { text-align: justify; padding: 10px 20px 39px 10px; }
DIV.selectorColumn p { display: block; padding: 10px 10px 10px 2px; }
#selectorSubmit { display: block; padding: 20px 0px 0px 60px; }
#fieldsetRequest label { display: block; float: left; width: 100%; margin-bottom: 4px;}
#fieldsetRequest select { width:215px; margin-left: 2px;}
#fieldsetName div { clear: both; }
#fieldsetName label {display:block; width:260px; float:left;margin-bottom:10px;}
#fieldsetName input { width: 200px; float: left;margin-bottom:10px;}
#submitProductSelector { width: 100px; float: left;border:none; font-weight: bold; padding: 6px 0px 9px; margin-top: 0px;}
#frmProductSelector label { float: none !important; width: 224px !important; }

/* ----- 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; }
#fieldsetRequest .validation-advice { margin: 5px 0; width:140px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; }

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