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

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

Type: Screen, Projection

Description : Screen and projection stylesheet for Turner Groundscare site

Created : 20/11/06
Modified : 

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; background: url(../images/layup/gradBg.gif) repeat-x; color:#7a7a7a; }
/*  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:10px; }
/* some browsers don't inherit the font into tables or textareas! */


/* ----- IDS ----- */
#outer { width:927px; margin:0 auto; text-align:left; background:#ffffff; background: url(../images/layup/mainBg.gif) repeat-y; position:relative;} 
#inner { width:887px; margin:0 auto; text-align:left; background:#ffffff; min-height:726px; height:auto;}
#header { margin:0; padding:0;}
#leftshadow { width: 8px; height: 739px; background: url(../images/layup/mainShadowLeft.gif) top left no-repeat; position:absolute; top:0; left:0;}
#rightshadow { width: 8px; height: 739px; background: url(../images/layup/mainShadowRight.gif) top left no-repeat; position:absolute; top:0; left:919px;}
/* #nav { width: 887px; height: 33px; background: url(../images/layup/navBg.gif) repeat-x;} */ 
#date {position:absolute; top:0px; left:0px; padding:3px 0 0 34px; font-size:1.1em; font-weight: bold; color: #c3c2be; background: url(../images/layup/dateIcon.gif) no-repeat 13px 8px;}
#main{ width: 721px; float: left;}
#main img { padding: 2px 3px 2px 0px;}
#mainContent { color: #4d4d4d; position:relative; padding: 10px 21px 0 15px;}
#mainContentImg { top:0px; left:0px; margin: 0px; padding: 7px 0px 15px 40px; float:right;}
#mainContent p{ font-size: 1.1em; line-height:130%; }
#mainContent span{ /*font-size: 1.1em; line-height:130%;*/ position:relative; }
#mainBanner { padding: 2px 3px 2px 3px;}
/*#mainContent a, a:hover {text-decoration:none;} */
#brands { width: 719px; height: 79px; background:url(../images/layup/brandsBg.gif) top left repeat-x;}
#brands img {padding: 18px 16px 16px 15px; }
#brands ul {margin:0; padding:0px 0px 0px 0px;}
#brands ul li {float: left; display:inline; list-style:none; margin:0px;  padding:10px 0 10px 0;}

#rightCol {width: 166px; background:#f8f7f5; color: #4d4d4d; background: url(../images/layup/rightColBg.gif) repeat-x; float: right; margin-top: 2px; min-height:592px; height:auto; }
#rightCol p {line-height:120%;}
#rightCol a { font-weight: bold; color: #4d4d4d;}
#rightCol h3 {margin: 0px 0px 5px 0px;}
#storeLocations {top:0px; left:0px; padding:13px 0px 0px 22px; background: url(../images/layup/rightColArrow.gif) no-repeat 12px 16px;}
#storeLocations h3 { padding:0px 0px 0px 0px; }
#productSearch { position:relative; top:0px; left:0px; margin: 0px; padding:30px 19px 0px 22px; background: url(../images/layup/rightColArrow.gif) no-repeat 12px 33px;}
#productSearch img{top:0px; left:0px; margin: 0px; padding: 0px 0px 0px 0px; float:right;}
#newsletter { position:relative; top:0px; left:0px; margin: 0px; padding:15px 19px 0px 22px; background: url(../images/layup/rightColArrow.gif) no-repeat 12px 18px;}
#mitchell { position:relative; top:0px; left:0px; margin: 0px; padding:15px 0px 0px 22px; background: url(../images/layup/rightColArrow.gif) no-repeat 12px 18px;}
#mitchell img {padding: 0px 0px 0px 20px;}
#turnerLink { margin: 0px; padding:15px 0px 20px 22px; background: url(../images/layup/rightColArrow.gif) no-repeat 12px 18px;}
#turnerLink img {padding: 20px 0px 0px 20px;}

#footer{ position: relative; clear:both; color: #a2a2a2; font-size: 1.0em; width: 867px; margin: 0 auto; font-weight: bold; padding: 10px 10px 0px 10px; background:url(../images/layup/footerBg.gif) top left repeat-x;}
#footer a {color:#a2a2a2;}
#footer a:hover {color:#6c6c6c;}

#bottomShadow { width: 927px; height: 15px; background: url(../images/layup/bottomShadow.gif) top left no-repeat;}

#threeColMiddle { width: 563px; float: left; }

#threeColRight {width: 163px; color: #4d4d4d; float: right; margin-top: 0px; min-height:567px; height:auto; }
#threeColRight p {line-height:120%;}
#threeColRightInner1{ width: 163px; min-height: 187px; float: right; background: url(../images/layup/threeColRightBg1.gif) top left no-repeat; margin-top: 2px;}
#threeColProductSearch { position:relative; top:0px; left:0px; margin: 0px; padding:15px 9px 0px 26px; background: url(../images/layup/rightColArrowWhite.gif) no-repeat 12px 18px;}
#threeColProductSearch  img{top:0px; left:0px; margin: 0px; padding: 0px 0px 0px 0px; float:right;}
#threeColRightInner2{ width: 163px; min-height: 187px; float: right; background: url(../images/layup/threeColRightBg2.gif) top left repeat-x; margin-top: 3px;}
#threeColRightInner3{ width: 163px; min-height: 187px; float: right; background: url(../images/layup/threeColRightBg2.gif) top left repeat-x; margin-top: 3px;}
#threeColRightNews { position:relative; top:0px; left:0px; margin: 0px; padding:15px 0px 0px 26px; background: url(../images/layup/rightColArrowWhite.gif) no-repeat 12px 18px;}
#threeColRightNews img{ padding: 0px 0px 10px 0px;}
#threeColRightNews a, a:hover {color: #575757;}

#contactContainer {width:520px; padding:0px 0 0 0px;}

#addressContact {float:left; width:180px; margin:0; }
#addressContact p {padding:0; margin:0; font-weight:normal; padding-left:2px;}

#changeMonth { font-size: 1.2em; font-weight: bold; width: 527px; background: #ebede5; height: 25px; float: left; }
#changeMonth a { padding: 3px 9px 0px 9px; display: block; height: 22px; background: #a9a9a9; color: #fff; }
#changeMonth a:hover { color: #fff; background: #0c751d; text-decoration: none; }

/* ----- NAVIGATION ----- */
#topNav { background:url(../images/layup/navBg.gif) top left repeat-x; font-size:1.1em; line-height: 30px; padding:0; height:33px; text-transform:capitalize; position: relative; }
#topNav ul {margin:0; padding:1px 0 0 160px;}
#topNav ul li { position: relative !important; display:inline; list-style:none; margin:0px;  padding:10px 0 10px 0; }
#topNav ul li span {padding:10px 12px; }
#topNav ul li a:hover, #topNav ul li.active a {background:url(../images/layup/topNavRight.gif) center right no-repeat; display:inline; list-style:none; margin:0px;  padding:10px 0 10px 0;}
#topNav ul li a:hover span, #topNav ul li.active a span {background:url(../images/layup/topNavLeft.gif) center left no-repeat; }
#topNav a {color:#6c6c6c;}
#topNav a:hover, #topNav .active a {text-decoration:none; color:#6c6c6c;}

/* ----- SUB NAVIGATION ----- */
#topNav ul li ul { margin:0px; padding:0px; position:absolute; top:0px; left:2px; display:none; z-index:1000; width:175px !important;color:#FFFFFF; padding-top: 1px; }
#topNav ul li ul li { border-left: 1px solid #a5a5a5; border-right: 1px solid #a5a5a5;  padding: 0px !important; margin: 0px !important;background: #ffffff !important; width:175px !important; }
#topNav ul li ul li span { background:none !important; padding: 0px 6px 0px 6px !important; margin: 0px !important;}
#topNav ul li ul li a:hover {height: 22px; background:#8c8c8c !important; color:#FFFFFF !important;  padding: 5px 0px 0px 0px !important; margin: 0px !important;}
#topNav ul li ul li a { height: 22px; position:relative; display:block; color: #000000; width:175px !important; padding: 5px 0px 0px 0px !important; margin: 0px !important; }
#topNav ul li ul li.navTopBottom { background:none !important;  border: none !important; line-height:0 !important;  height: 7px !important;  font-size: 0 !important;  padding: 0 !important; }

/* ----- NAVIGATION ----- */
#nav { background:url(../images/layup/navBg.gif) top left repeat-x; font-size:1.1em; line-height: 20px; padding:0; height:33px; text-transform:capitalize; position: relative; z-index: 999; }
#nav ul { margin:0; padding:0px 0 0 160px; }
#nav li { position: relative !important; display: inline; list-style: none; margin:0px; padding:6px 0 6px 0; float:left; }
#nav ul li span {padding:10px 11px; }
#nav a:hover { background:url(../images/layup/topNavRight.gif) center right no-repeat; display:inline; list-style:none; margin:0px;  padding:6px 0 6px 0; }
#nav a:hover span {background:url(../images/layup/topNavLeft.gif) center left no-repeat;}
#nav .active a { background:url(../images/layup/topNavRight.gif) center right no-repeat; display:inline; list-style:none; margin:0px;  padding:6px 0 6px 0; }
#nav .active a span { background:url(../images/layup/topNavLeft.gif) center left no-repeat;}
#nav a {color:#6c6c6c;}
#nav a:hover, #topNav .active a {text-decoration:none; color:#6c6c6c;}

/* ----- SUB NAVIGATION ----- */
#nav ul li ul { border-left: 1px solid #c7c5c2; border-right: 1px solid #c7c5c2; border-top: 1px solid #c7c5c2; border-bottom: 1px solid #c7c5c2;  margin:0px; padding:0px; position:absolute; top:29px; left:2px; display:none; z-index:1000; width:175px !important;color:#FFFFFF; padding-top: 1px; }
#nav ul li ul li {padding: 0px !important; margin: 0px !important;background: #ffffff !important; width:175px !important; }
#nav ul li ul li span { background:none !important; padding: 0px 6px 0px 6px !important; margin: 0px !important;}
#nav ul li ul li a:hover { height: 22px; background:none !important; color:#038560 !important;  padding: 6px 0px 0px 0px !important; margin: 0px !important;}
#nav ul li ul li a { height: 22px; background:none !important; color:#6c6c6c !important;  padding: 6px 0px 0px 0px !important; margin: 0px !important;}

#leftNav {background: url(../images/layup/leftColBg.gif) top left repeat-x; width: 161px; font-size:1.1em; margin-top: 2px; padding-top: 5px;float: left; text-transform:capitalize; position:relative; min-height:579px;}
#leftNav a {color:#333333; font-weight: normal; }
#leftNav a:hover, #leftNav .active {text-decoration:underline;}
#leftNav ul {margin:0; padding:0px 0px 0px 10px;}
#leftNav ul li {list-style:none; margin:0px;  padding:0px 0 0px 0;}
#leftNav li {padding:0px;}
#leftNav ul li{list-style:none; padding-bottom: 0px;}
.leftNavDots {width: 141px; height: 16px; padding: 0px; margin: 0px; background:url(../images/layup/leftColDots.gif) top left repeat-x; }

#leftNavMitchell { width: 110px; padding: 0px 0px 0px 0px; position: absolute; top: -80px; left: 27px; text-align:center; }
#leftNavMitchell p{ line-height: 13px; font-size: 1em; padding-top: 8px; padding-left: 0px; text-align: center; font-weight: normal; color: #6c6c6c; text-transform:none; }
#leftNavMitchell img{ margin: 0 auto;}



/* ----- 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; }
.relative { position:relative; }
.inline {display:inline;}
.aebi {margin-top: 1px;}
.allett {margin-top: 3px;}
.echo {margin-top: 2px;}
.honda {margin-top: 5px;}
.johndeere {margin-top: -8px;}
.scag {margin-top: -2px;}
.gianni {margin-top: -8px;}
.reform {margin-top: -8px;}
.etesia {margin-top: 3px;}
.middleColLineHire { height: 122px; background: url(../images/layup/middleColLine.gif) top left repeat-x;}
.middleColLineUsed { height: 97px; background: url(../images/layup/middleColLine.gif) top left repeat-x;}
.thumb { top:0px; left:0px; margin: 0px; padding: 11px 6px 10px 8px; float: left;}
.thumb p{ margin: 0px; padding-top: 5px; text-align: center;}
.viewAndSort { position:relative; top:0px; text-align: right; left:0px; padding:0px 0 0 0px; font-size:1em; font-weight: bold; color: #c3c2be; }
.viewAndSort p{ color: #545454; }
.viewAndSort a { color: #545454; text-decoration:none; padding: 0px 3px 0px 3px; }
.viewAndSort a:hover, .viewAndSort a.active { color: #ffffff; background-color: #4c4c4c;  text-decoration:none; }
.viewAndSort select { color: #b3b3b3; border:1px solid #979797; font-size:1em; font-weight:normal;  padding-bottom: 0px; width: 98px; height: 17px; margin-top:0px;}
.bottomBlank {height: 2px; background: url(../images/layup/middleColLine.gif) top left repeat-x; }
.bottomNext {height: 40px; background: url(../images/layup/middleColLine.gif) top left repeat-x; top:0px; text-align: right; left:0px; padding:10px 0 0 0px; font-size:1em; font-weight: bold; color: #c3c2be; }
.bottomNext p{ color: #545454; }
.bottomNext a { color: #545454; text-decoration:none; padding: 0px 3px 0px 3px; }
.bottomNext a:hover, .bottomNext a.active { color: #ffffff; background-color: #4c4c4c;  text-decoration:none; }
.advert { padding: 5px 0px 100px 10px;}

.usedProducts { width: 527px; height: 50px; top:0px; left:0px; margin: 0px; padding: 10px 0px 0px 0px; float: left; }
.usedProducts img{ float: left; }
.usedProductsDetails { top:0px; left:0px; width: 425px; margin: 0px; padding: 0px 0px 0px 0px; float: right; }
.usedProductsTitle { top:0px; left:0px; height: 25px; width: 422px; margin: 0px; padding:0px; background: #ebede5; color: 444444; float: right; }
.usedProducts h3{ font-size:1.1em; font-weight:bold; margin: 0px; padding: 4px 0px 0px 10px; }
.usedProductsText p{ width: 330px; padding: 4px 0px 0px 15px; float: left;}
.usedProductsPrice { font-size: 1.4em; color: #e60005; font-weight: bold; float: right;padding: 10px 4px 0px 0px; }

.mowersText p{ width: 407px; padding: 4px 0px 0px 15px; float: left;}
.mowersTitle { top:0px; left:0px; height: 25px; width: 420px; margin: 0px; padding:0px; background: #ebede5; color: 444444; float: right; }
.mowersDetails {top:0px; left:0px; width: 423px; margin: 0px; padding: 0px 0px 0px 0px; float: right; }
.clickable h3{ font-size:1.1em; font-weight:bold; margin: 0px; padding: 4px 0px 0px 10px; }
.clickable img{ float: left; }
.clickable {width: 525px; min-height: 77px; margin: 10px 0px 0px 0px; cursor: pointer; border:1px solid #ffffff; float:left;}

.viewProduct { width: 527px; top:0px; left:0px; margin: 0px; padding: 10px 0px 0px 0px; float: left; }
.viewProductImages { width: 267px; float: right; margin: 0px; padding: 10px 0px 0px 0px;  }
.viewProductImages img { float: left; margin: 0px; padding: 3px 3px 0px 0px;}
.viewProductTitle {top:0px; left:0px; height: 25px; width: 527px; background: #ebede5; color: 444444; }
.viewProduct h3{ font-size:1.1em; font-weight:bold; margin: 0px; padding: 4px 10px 0px 10px; }
.viewProduct h3.price { float: right; color: #e60005; }
.viewProductOuter {width: 260px; padding: 15px 0px 0px 0px; float: left; }
.viewProductText {padding: 0px 0px 0px 10px; margin: 0px;}
.viewProductText p{ padding: 0px 0px 0px 15px; margin-bottom: 7px; margin-top: 10px; background: url(../images/layup/productIconArrow.gif) no-repeat 0px 2px;}
.viewProductOptions { width: 200px; float: left; padding: 30px 0px 0px 25px; }
.viewProductOptions p{ padding: 0px 0px 0px 0px; margin-bottom: 7px;  }
.viewProductOptions img{ float: left; margin: 0px; padding: 3px 5px 0px 0px;}
.viewProductOptions a {color:#545454; font-weight: normal;}
.viewProductOptions a:hover{color:#545454;}

.recruitTitle { top:0px; left:0px; height: 25px; width: 525px; margin: 0px; padding:0px; background: #ebede5; color: 444444; float: left; }
.recruitText p{ width: 510px; padding: 4px 0px 0px 10px; float: left;}

.storeSelect { color: #333333; border:1px solid #c8c8c8; font-size:1.1em; font-weight:normal;  padding: 1px; width: 115px; margin-top:102px;}
.searchInput { color: #333333; border:1px solid #c8c8c8; font-size:1.1em; font-weight:normal;  padding: 1px; width: 90px; height: 14px; margin-bottom: 10px;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h4, h5, h6 { margin:0; padding:0; }
h1 { position:absolute; top:0px; left:-10000px; }
h2 { position:absolute; top:0px; left:-10000px; }
h3 { font-size:1.1em; margin: 0px 0px 13px 0px; }
h4 { font-size: 1.1em; color: #0c751d; font-weight: bold; }
h5 {}
h6 {}

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


/* ----- SITE MAP ----- */
#sitemap { font-size: 1.1em;}
#sitemap li {list-style:url(../images/layup/bullet.gif); padding:5px 0px 2px 4px;}


/* ----- BREADCRUMBS ----- */
#breadcrumbs { display: block; font-size: 10px !important; line-height:130%; list-style: none; margin: 0px; padding: 0px 0px 5px 0px; }
#breadcrumbs a { color: #0c751d !important; font-weight: normal; }
#breadcrumbs li { display: inline; }


/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { font-size: 1.1em; padding:0; margin: 0px 0px 13px 0px; }

/* ----- LINKS ----- */
a { color:#0c751d; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; color:#0c751d; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; }
legend { margin: 0 0 15px 0; padding: 0; font-size: 110%; font-weight: bold; color: #4d4d4d; }
label { display:block; float:left; width:200px; font-size: 1.1em; }
.required {color:#0c751d;}
input {width:180px;}
textarea {width:180px;}
select {width:184px;}
#submit {width:50px; height:17px; padding-bottom: 10px;}
.radio { width: auto; }
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact div { margin-bottom:10px;}

/* ----- TABLES ----- */
table{ border-collapse:collapse; }

.diary {color: #605f5f; margin: 0px 0px 30px 0px; border:solid 1px #cacbcb;}
.diary td { padding: 4px 0px 4px 11px; height: 30px; border:solid 1px #cacbcb;}