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

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

Type: Screen, Projection

Description : Screen and projection stylesheet the EMS site

Created : 23/10/07
Modified : 

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#ffffff url(../images/layup/bodyBg.jpg) top left 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% verdana, 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:913px; margin:0 auto; text-align:left; font-size:110%; background: url(../images/layup/containerBg.jpg) no-repeat; }
#container .padding { padding: 11px 1px 0px 1px; }
#header { position: relative; width:913px; height: 133px; margin-bottom: 30px; }
#logo { position: absolute; top: 0px; left: 0px; }
#telephone { position: absolute; top: 35px; right: 20px; }
#printHeader { display: none; }

.box { position: relative; float: left; width: 187px; height: 241px; }
.box.mowers, .box.dredging, .box.tyres { margin-right: 13px; }
.box.tools { margin-right: 0px; }
.box.mowers .graphic { position: absolute; bottom: -17px; left: -23px; }
.box.dredging .graphic { position: absolute; bottom: -26px; left: -20px; }
.box.tyres .graphic { position: absolute; bottom: -20px; left: -8px; }
.box.tools .graphic { position: absolute; bottom: -12px; left: -16px; }

#leftColHome { float: left; width: 604px; }
#leftColHome .padding { padding: 34px 17px 0px 17px; }
#rightColHome { float: left; width: 182px; }
#rightColHome .padding { padding: 26px 11px 26px 11px; }
#rightColHome p { font-size: 0.8em; color: #6a6a6a; margin-top: 12px; }

#leftCol { float: left; width: 300px; }
#leftCol .padding { padding: 0px 35px 0px 22px; }
#leftCol #signUp { margin: 40px 20px 10px 26px; }

#middleCol { width: 361px; float: left; }
#middleCol #mainImage { padding-top: 105px; }

#rightCol { float: right; width: 238px; }
#rightCol form { width: 227px; margin-left: 10px; background: #3d3d3d; color: #FFFFFF; }
#rightCol form div { margin-bottom: 0px; }
#rightCol form fieldset { display: block; padding: 5px 20px 5px 20px; font-size: 14px; font-weight: bold; }
#rightCol form fieldset label { width: 180px; text-transform: uppercase; font-size: 15px; letter-spacing: -1px; }
#rightCol form fieldset input.inputfield { width: 180px; }
#rightCol form fieldset textarea { width: 180px; height: 110px; }

#rightCol .padding { padding: 5px 0px 0px 16px; }
#rightCol .internalImage { float: right; position: relative; margin: 0px 0px 10px 10px; }
#rightCol .frame { position: absolute; top: -3px; left: -3px; }
#rightCol .linkProductRange { margin-top: 10px; padding-top: 6px; text-align: center; font-size: 1.2em; background:url(../images/layup/linkProductRangeBg.gif) top left no-repeat; width: 290px; height: 36px; }

#rightCol .row { padding : 0px 0px 5px 0px; display: block; }
#rightCol .row .thumb { float: left; margin: 0px 10px 0px 0px; background: #ffffff; padding: 5px; width: 148px; display: block; }
#rightCol .row .description { float: left; width: 400px; display: block; }
#rightCol .row .title { font-size: 1.0em; display: block; margin-bottom: 12px; padding-top: 10px; }
#rightCol .row .clear { display: block !important; clear: both !important; }
#rightCol .row span { text-decoration: none; font-weight: normal; cursor: pointer; display: block; }

#rightCol .productBox { padding : 0px 0px 5px 0px; display: block; width: 148px; margin-right: 30px; margin-bottom: 20px; float: left; }
#rightCol .productBox .thumb {}
#rightCol .productBox .description { }
#rightCol .productBox span { text-decoration: none; font-weight: normal; cursor: pointer; display: block; }
/*#rightCol .box { padding : 0px 0px 5px 0px; display: block; width: 148px; margin-right: 10px; float: left; background:#000099; }
#rightCol .box .thumb { float: left; margin: 0px 0px 0px 0px; padding: 5px; display: block; }
#rightCol .box .description { float: left; display: block; padding-left: 10px; }
#rightCol .box .title { font-size: 1.0em; display: block; margin-bottom: 12px; padding-top: 10px; }
#rightCol .box .clear { display: block !important; clear: both !important; }
*/

#footer { background: #eeeeee; font-size: 0.8em; margin-top: 28px; }
#footer .padding { padding: 21px 17px 21px 17px; }
#footer a { font-weight: normal; }
#footerL { float: left; }
#footerR { float: right; }

/* ----- 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;}
.divider { border-top: 1px solid #CCCCCC; }

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

/* ----- NAVIGATION ----- */
#nav { height: 31px; font-size: 0.9em; margin-left: 6px; background:url(../../images/layup/navBg.gif) top left no-repeat;}
#nav ul { margin: 0px; padding: 0px;}
#nav li { list-style: none; margin-top: 1px; display: inline; padding:0px 0px 0px 0px; float:left; }
#nav a { margin-right: 0px; display:block; background: none; padding: 0px 27px 0px 0px; color:#FFFFFF; text-decoration:none; }
#nav a span { display:block; margin-top: 0px; background: none; line-height: 31px; padding: 0px 0px 0px 27px; text-decoration:none; }
#nav a:hover { text-decoration: none; background:url(../../images/layup/navRight.gif) top right no-repeat; color:#262626; padding:0px 27px 0px 0px;}
#nav a:hover span { background:url(../../images/layup/navLeft.gif) top left no-repeat; padding: 0px 0px 0px 27px;}
#nav .active { text-decoration: none; background:url(../../images/layup/navRight.gif) top right no-repeat; color:#262626; padding:0px 27px 0px 0px;}
#nav .active span { background:url(../../images/layup/navLeft.gif) top left no-repeat; padding: 0px 0px 0px 27px;}

#leftNav { background:url(../../images/layup/leftNavBg.gif) top left no-repeat; min-height: 242px; font-size: 0.9em; padding-top: 10px; }
#leftNav ul {  margin: 0px 16px 0px 16px; padding: 0px;}
#leftNav li { list-style: none; border-bottom: 1px solid #e9e9e9; margin: 0px; padding: 7px 13px 9px 13px;  }
#leftNav a { font-weight: bold; color: #535353; }
#leftNav a:hover { font-weight: bold; color: #be242e; text-decoration: none; }
#leftNav .active { font-weight: bold; color: #be242e; text-decoration: 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 9px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS ----- */


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


/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:none; }
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:#c10000;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:76px; height:32px; border: none; margin-left: 50px; }

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

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