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

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

Type: Screen, Projection

Description : Screen and projection stylesheet MEP Ltd site

Created : 10/12/07
Modified : 

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#0E2869; 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, 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:906px; margin:0 auto; text-align:left; font-size:110%; }
#header { height: 100px; position: relative; }
#printHeader { display: none; }
#logo { position: absolute; top: 7px; left: 2px; }
#search { position: absolute; top: 67px; right: 2px; }
#search label { width: 46px; text-transform: uppercase; color: #0e2869; font-weight: bold; padding-top: 1px; }
#search input { width: 140px; border: 1px solid #e5e5e5; height: 16px; float: left; }
#search .btn { float: left; margin-left: 2px; margin-top: 2px; }
#phoneNumber { position: absolute; top: 12px; right: 2px; } 

#banner { margin-bottom: 3px; }
#jump { }
#jump .box { display: block; width: 300px; height: 144px; float: left; position: relative; cursor: pointer; font-weight: normal; text-decoration: none; margin-bottom: 4px; margin-right: 3px; }
#jump a { text-decoration: none !important;}
#jump .box.moulding { background:url(../images/layup/jumpMoulding.jpg) top left no-repeat;}
#jump .box.moulding .content { position: absolute; top: 47px; left: 20px; width: 180px; }
#jump .box.machining { background:url(../images/layup/jumpMachining.jpg) top left no-repeat; }
#jump .box.machining .content { position: absolute; top: 47px; left: 20px; width: 180px; }
#jump .box.insulators { background:url(../images/layup/jumpInsulators.jpg) top left no-repeat; margin-right: 0px;  }
#jump .box.insulators .content { position: absolute; top: 67px; left: 20px; width: 180px; }
#jump .box.signUp { background:url(../images/layup/jumpSignUp.jpg) top left no-repeat;}
#jump .box.signUp .content { position: absolute; top: 47px; left: 20px; width: 180px; }
#jump .box.requestQuote { background:url(../images/layup/jumpRequestQuote.jpg) top left no-repeat; }
#jump .box.requestQuote .content { position: absolute; top: 47px; left: 20px; width: 180px; }
#jump .box.logIn { background:url(../images/layup/jumpLogIn.jpg) top left no-repeat; margin-right: 0px; }
#jump .box.logIn .content { position: absolute; top: 47px; left: 20px; width: 180px; }
#jump span.box  { line-height: 120% !important; } 
#jump .box .registerOptions { display: block; width: 240px; position: absolute; top: 73px; left: 19px; }
#jump .box .brochure { background:url(../images/layup/iconBrochure.gif) top left no-repeat; padding: 8px 0px 0px 22px; float: left; margin-right: 20px; height: 29px; }
#jump .box .plant { background:url(../images/layup/iconPlantList.gif) top left no-repeat; padding: 8px 0px 0px 22px; float: left; margin-right: 20px; height: 29px; }
#jump .box .contacts { background:url(../images/layup/iconContacts.gif) top left no-repeat; padding: 5px 0px 0px 22px; float: left; margin-right: 23px; height: 32px; }
#jump .box .bsi { background:url(../images/layup/iconBSI.gif) top left no-repeat; padding: 5px 0px 0px 22px; float: left; height: 32px; }

#ticker { background:url(../images/layup/ticker.gif) top left no-repeat; height: 38px; }
#ticker .padding { padding: 12px 20px 0px 20px; }

#mainContent { }
#mainContent .padding { padding: 22px 20px 15px 20px; }
#badges { margin: 20px 0px 0px 0px; height: 88px; }
#badges .box { float: left; width: 155px; }
#badges .last { float: left; width: 88px; }
.internalImage { float: right; position: relative; margin: 8px 0px 10px 20px; }
.internalImage .frame { float: right; position: absolute; top:-8px; left: -8px; }
.row { display: block; text-decoration: none; cursor: pointer; padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px solid #CCCCCC; }
.row .thumb { float: left; display: block; margin-right: 5px;}
.row .title { float: left; display: block; background:#b5b5b5; font-weight: bold; width: 735px; height: 20px; color: #ffffff; margin-bottom: 5px; padding-left: 5px; padding-top: 3px; }
.row .content { float: left; display: block; width: 730px; padding-left: 5px; font-weight: normal; }
.row .clear { display: block; clear: both; }

#list .box { float: left; display: block; margin-right: 24px; margin-bottom: 10px; cursor: pointer; text-decoration: none; width: 120px; line-height: normal; }
#list a { text-decoration: none !important; }
#list .box .thumb { display: block; }
#list .box .title { display: block; height: 45px; }

#footer { background: url(../images/layup/dots.gif) top left repeat-x; color: #9b9b9b; }
#footer a { color: #9b9b9b; font-weight: normal; text-decoration: none; }
#footer a:hover { color: #9b9b9b; text-decoration: underline; }
#footer .padding { padding: 6px 13px 6px 13px; }
#footer .footerL { float: left; }
#footer .footerR { float: right; }

#formContent { float: left; }
#contactDetails { float: right; padding: 20px 95px 20px 20px; font-size: 1.2em; border: 1px solid #CCC; margin-top: 20px; }

/* ----- 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;}
.noUnderline { text-decoration: none; }
.clickable { cursor: pointer;}

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

/* ----- NAVIGATION ----- */
#nav { text-transform: uppercase; }
#nav ul { margin: 0px 0px 0px 4px; padding: 0; height: 22px; }
#nav li { list-style: none; float: left; background:url(../images/layup/divider.gif) right 3px no-repeat; padding: 0px 18px 0px 18px; }
#nav li a { font-weight: bold; text-decoration: none; }
#nav li a:hover { color: #3fa5cd; text-decoration: none; }
#nav li .active { color: #3fa5cd; text-decoration: none; }
#nav li.last { background:none; }

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

/* ----- BREADCRUMBS ----- */
#pageInfo { background:url(../images/layup/dots.gif) bottom left repeat-x; }
#pageInfo .padding { padding: 7px 20px 12px 20px;   }
#breadcrumbs { float: left; }
#breadcrumbs .active { font-weight: bold; }

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 7px 0; margin:0; line-height: 120%; }
address { font-style:normal; padding:0 0 7px 0; margin:0; line-height: 120%;}

/* ----- LINKS ----- */
a { color:#0E2869; 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:290px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.requiredLabel { color:#0e2869; font-weight: bold; }
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:42px; height:17px; border: none; }

#login { float: left; width: 325px; margin-right: 20px; }
#frmLogin { margin-bottom:15px;}
#frmLogin p { padding:7px 0;}
#frmLogin select { width:150px;}
#frmLogin input, textarea { width:150px; font-size:11px !important;}
#frmLogin div { margin-bottom:10px;}
#frmLogin #login { width:63px; height:27px; border: none !important;}
#frmLogin label { display:block; width:150px; float:left; }

#promoForm .signupBoxes input { width: 14px !important;}

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

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