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

Title : Drake And Fletcher Groundscare
Author : Darren Lynch / darren.lynch@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet for Drake And Fletcher Groundscare site

Created : 29/06/07
Modified : 02/07/07

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

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

/* ----- IDS ----- */
#container { width:977px; margin:0 auto; text-align:left; }
#header { position:relative; height: 107px; }
#logo { position:absolute; top: 17px; left: 30px;}  
#logoPrint { display: none; }
#backToGroup { text-align: right; font-size:0.9em; position: absolute; top: 13px; right: 30px; color: #FFFFFF; width: 120px; padding: 1px 30px 3px 0px; background:url(../images/layup/backToGroup.gif) top right no-repeat;}
#backToGroup a { color: #FFFFFF; font-weight:normal;}
#inner {}
#inner  .padding { padding: 11px 28px 0px 28px;}
.specialOffer { position: absolute; top: 1px; left: 3px;}
#backToTop { float:right; padding-left:20px;}
#backToTop a { color:#999999; font-weight:bold; } 
#homeFlash { margin-top:15px; margin-bottom:25px;}
#homeCol1 { width:720px; float:left;}
#homeCol1 .padding { padding:0 30px 0 12px;}
#homeCol2 { width:180px; float:left;}
#homeCol2 .padding { padding:0 15px 0 2px;}

#leftCol { width: 202px; float: left; margin-right: 15px; }
.leftColBox { width: 200px; background: url(../images/layup/dots.gif) top left repeat-x; padding-top: 1px; }
.registerHere { height: 200px; margin:0px;}
.clubCarLeft { height: 170px; margin: 0px 2px 0px 2px; font-weight: bold; background:url(../images/layup/dealershipsBg.gif) top left no-repeat;}
.featuredOfferRed { color:#ff0000; font-weight:bold; padding-top:2px;}

#mainImageClubCar { margin-bottom:12px;}
#featuredUsedOffers { min-height: 203px; padding: 0px 0px 0px 7px; margin: 6px 1px 10px 1px; background: url(../images/layup/homeBoxBg.gif) top left repeat-x;}
.thumbContainer { width: 172px; float: left; }
.thumb {width: 172px; height: 132px; background:url(../images/layup/frameHome.gif) top left no-repeat; }
.thumbImage { position:absolute; top: 1px; left: 3px; }
.thumbContent { padding: 0px 8px 0px 12px; color: #202020; }
.featuredUsedTitle { color:#562281; font-weight:bold; text-transform:uppercase; padding: 2px 0 7px 0;}
.featuredUsedYear { font-weight:bold; line-height:13px;}
.featuredUsedYear span { display:block; float:left; width:47px;}
.featuredUsedPower { font-weight:bold; line-height:13px;}
.featuredUsedPower span { display:block; float:left; width:47px;}
.featuredUsedPrice { font-weight:bold; line-height:13px;}
.featuredUsedPrice span { display:block; float:left; width:47px;}

#usedImage { position:relative; width:360px; float:left;}
#frame { position:absolute; top:-3px; left:-3px;}
#enlarge { position:absolute; top:200px; left:10px;}
#usedDetails { width:300px; float:left; padding-top:3px;}
#usedDetails p { line-height:18px;}
#productSpec { margin-top:15px; width:430px; float:left;}
#productSpec .title { width:100px; background:#f2f2f2; }
#productSpec .title .padding { padding:8px 12px;}
#productSpec .details { border:6px solid #f2f2f2;  min-height:108px;}
#productSpec .detailsHeading { padding:17px 18px 10px 8px;}
#productSpec .price { color:#f81313; font-size:120%; font-weight:bold;}
#productSpec .altRow { background:#f2f2f2; padding: 4px 8px; float:left; width:402px;}
#productSpec .altRow span { float:left; width:100px; display:block;}
#productSpec .normalRow { padding: 4px 8px; float:left; width:402px;}
#productSpec .normalRow span { float:left; width:100px; display:block;}
#productIcons { width:232px; background:#f2f2f2; margin:47px 0 0 15px; float:left; min-height:120px;}
#productIcons .iconEnquire { height:50px; position:relative;}
#productIcons .iconEnquire img { position:absolute; top:15px; left:20px;}
#productIcons .iconEnquire a { color:#000000;  position:absolute; top:25px; left:60px;}
#productIcons .iconFriend { height:50px; position:relative;}
#productIcons .iconFriend img { position:absolute; top:18px; left:17px;}
#productIcons .iconFriend a { color:#000000;  position:absolute; top:21px; left:60px;}
#productIcons .iconPrint { height:50px; position:relative;}
#productIcons .iconPrint img { position:absolute; top:15px; left:20px;}
#productIcons .iconPrint a { color:#000000;  position:absolute; top:17px; left:60px;}

/* ----- GROUP IDS ----- */
#rightCol { float: left; width: 703px; }
.rightColTitle { background:url(../images/layup/headingHomeBg.gif) top left no-repeat; height: 39px; position:relative; }
.rightColTitle img { position:absolute; top: 10px; left: 16px;}
.rightColTitle a { text-decoration:underline; color: #969696; }
.rightColTitle a:hover { text-decoration: none; color: #969696; }
.rightColTitle .viewUsedStock { background:url(../images/layup/iconUsedStock.gif) top right no-repeat; padding-top: 3px; padding-right: 26px; height: 23px; position:absolute; top: 6px; right: 15px;}
.rightColTitle .viewOffers { background:url(../images/layup/iconOffers.gif) top right no-repeat; padding-top: 3px; padding-right: 26px; height: 23px; position:absolute; top: 6px; right: 15px;}
.rightColTitle .gotoAftersales { background:url(../images/layup/iconAfterSales.gif) top right no-repeat; padding-top: 3px; padding-right: 26px; height: 23px; position:absolute; top: 6px; right: 15px;}
.rightColBox { background: url(../images/layup/dots.gif) top left repeat-x; padding-top: 1px; }
#groupContent { padding:15px 13px 0 13px;}
#mainContentHome { background: url(../images/layup/dots.gif) top left repeat-x; }
#mainContentHome .padding { padding: 15px 26px 0px 16px; }
#mainContent { background: url(../images/layup/dots.gif) top left repeat-x; min-height: 620px; padding-top: 1px; }
#mainContent .padding { padding: 10px 10px 30px 16px; }
#internalContent { min-height: 575px; padding-top: 5px; }
#internalContent .padding { padding: 10px 10px 30px 16px; }
#contentImage { float:right; position:relative; padding: 0px 0px 10px 10px; }
.frameLarge { position:absolute; top: -4px; left: 6px; }
.frameSmall { position:absolute; top: -5px; left: -6px; }
.listItem { position:relative; /*height: 174px;*/ margin: 4px 16px 0px 16px;}
.listItem a{ text-decoration: underline; font-weight: normal; color: #8149aa !important; }
.listItem a:hover{ text-decoration: none; }
.listImage { float:left;/* height: 174px;*/}
.listImageTitle { position:absolute; top: 129px; left: 7px; font-weight: bold; font-size: 1.1em; }
.listText { float:left; padding-top: 10px; width: 470px;}
.listTextUsed { float:left; padding-top: 10px; width: 470px; padding-left: 23px; }
.listTextUsed p { width:400px; padding-bottom:0;}
.listHeading { background: #f0f0f0; text-transform:uppercase; margin-left: 172px; color: #7c49a6; padding: 7px 0px 0px 15px; height: 18px; }
.listPrice { font-size: 1.3em; color: #f81313; position: absolute; top: 16px; right: 10px; font-weight: bold; }
.icons { padding-top: 8px; }
.icons img { float: left; margin-right: 3px; }

#list { min-height: 345px; padding: 0px 0px 0px 0px; margin: 0px 1px 0px 1px; }
.listBox { position:relative; float: left; width: 168px; height: 192px; }
.listBoxTitle { position:absolute; top: 129px; left: 7px; font-weight: bold; font-size: 1.0em; clear: both; line-height: 130%; width: 140px; }
.listBox .thumb {width: 168px; height: 129px; background:url(../images/layup/frameList.gif) top left no-repeat; }
.listBox .thumbImage { position:absolute; top: 4px; left: 5px; }
.listBox .thumbContent { padding: 0px 8px 0px 12px; color: #202020; }

.newVehicleBox { position:relative; float: left; width: 225px; height: 208px; }
.newClubBox { position:relative; float: left; width: 336px; height: 256px; }
.newClubBoxTitle { position:absolute; top: 220px; left: 7px; font-weight: bold; font-size: 1.0em; color: #7c49a6; text-transform:uppercase; clear: both; line-height: 130%; width: 200px; }
.newClubBoxTitle a { color: #7c49a6; }
.newVehicleBoxTitle { position:absolute; top: 175px; left: 7px; font-weight: bold; font-size: 1.0em; color: #7c49a6; text-transform:uppercase; clear: both; line-height: 130%; width: 200px; }
.newVehicleBoxTitle a { color: #7c49a6; }

/* ----- FOOTER -----*/
#footer { color: #464646;  margin: 20px auto 0 auto; float:left; width:885px; padding: 3px 17px 0px 17px; background:url(../images/layup/footerBg.gif) top left repeat-x; font-size:100%;}
#footer a { font-weight:normal; color:#464646; }
#footer .padding { padding:6px 10px 0 10px; }
.footerL { float: left;}
.footerR { float: right; text-align:right; }
#regDetails { font-size: 0.9em; margin-top: 10px; }

/* ----- 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;}
.purple { color: #750b41; }
.red { color: #ff0000; }
.divider { background:url(../images/layup/dots.gif) bottom left repeat-x; height: 12px; margin-bottom: 10px; }
.height150 { height: 150px;}
.price { font-size:1.2em;} 
.homeNewsDivider { margin:10px 0 12px 0; padding-left:3px;}
.fullDetails { float:right; position:relative; top:-2px; right:10px;}
.fullDetails a { color:#999999; font-weight:bold; text-transform:lowercase;} 
.stockNumber { margin-top: 10px; color:#000000; font-weight:bold;}
.newsItem { background:url(../images/layup/dots.gif) bottom left repeat-x; padding:15px 0 5px 0;}
.newsItemFirst { background:url(../images/layup/dots.gif) bottom left repeat-x; padding:0 0 15px 0;}
.newsItemLast { padding:15px 0 0 0;}
.newsImage { float:left; padding:3px; border:1px solid #cccccc; margin-right:12px; margin-bottom:12px;}
.cmsImage { float:right; padding:3px; margin: 10px 0 15px 15px;}
.cmsImage .icon { margin-top: 15px; width: 242px;}
.cmsImage .icon img { float: left; border: none; margin-right: 2px; margin-bottom: 2px; }
.cmsImage img { border:1px solid #cccccc;}
.documentDownload { float: right; background: #ffffff; padding: 3px; margin: 0px; border: 1px solid #cccccc; clear: right; width: 240px }
.documentDownload .padding {padding: 10px 10px 0px 10px !important; background:#d9d9d9; }
.documentDownload .document { height: 40px; }
.documentDownload .fileName {padding: 8px 0px 0px 30px !important; }.newsItem h2 { float: left;}
.newsItem ul { padding: 0; margin: 0; float: right; }
.newsItem li { list-style: none; display: inline; margin-left: 40px; }
#faqs { margin:0; padding:0; list-style:none;}
#faqs li { padding:8px 20px 10px 35px;}
.question { background:#f5f5f5 url(../images/layup/question.gif) 0px 0px no-repeat; border-bottom:1px solid #ffffff;}
.question p { padding-top:8px; padding-bottom:8px; }
.answer { background:#edf8f2 url(../images/layup/answer.gif) 0px 0px no-repeat; padding: 0px;  margin: 0px 0px 10px 0px; }
.answer td { background:#edf8f2; font-size: 1.0em; }
.answer p { padding:0px;}
.answerImage {padding: 0px 0px 0px 0px; }
.answerText {padding: 8px 0px 8px 0px; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size: 1.0em; color: #562281; padding-bottom: 13px;}
h1 { font-size:110%;}

/* ----- NAVIGATION ----- */
#nav { font-weight: bold; height: 28px; position:relative; }
#nav  ul { padding:6px 0 0 0px; margin: 0px 0px 0px 30px;}
#nav  li {display:inline; list-style:none; }
#nav a { color: #FFFFFF;}
#nav a:hover { color: #4e187c; text-decoration: none;}
#nav ul li a {background:url(../images/layup/topNavRight.gif) center right no-repeat; display:inline; list-style:none; margin:0px;  padding:10px 0 10px 0;}
#nav ul li a span {background:url(../images/layup/topNavLeft.gif) center left no-repeat; }
#nav ul li span {padding:10px 9px; }
#nav ul li a:hover {background:url(../images/layup/topNavRightOver.gif) center right no-repeat; display:inline; list-style:none; margin:0px;  padding:10px 0 10px 0;}
#nav ul li a:hover span {background:url(../images/layup/topNavLeftOver.gif) center left no-repeat; }
#nav .active a { color: #4e187c; background:url(../images/layup/topNavRightOver.gif) center right no-repeat; display:inline; list-style:none; margin:0px;  padding:10px 0 10px 0;}
#nav .active span {background:url(../images/layup/topNavLeftOver.gif) center left no-repeat; }
#nav .login a { color: #ffffff; background:url(../images/layup/topNavLoginRight.gif) center right no-repeat; display:inline; list-style:none; margin:0px;  padding:10px 0 10px 0;}
#nav .login span {background:url(../images/layup/topNavLoginLeft.gif) center left no-repeat; }
#nav .login a:hover { color: #ffffff; background:url(../images/layup/topNavLoginRight.gif) center right no-repeat; }
#nav .login a:hover span { background:url(../images/layup/topNavLoginLeft.gif) center left no-repeat;  }

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

/* ----- BREADCRUMBS ----- */
.breadcrumbs { padding: 7px 0px 18px 18px;  background:url(../images/layup/headingBg.gif) bottom left no-repeat; min-height: 17px; position:relative; }
.breadcrumbs .nonLink { color:#7949ad; font-weight:bold;}
.breadcrumbs a { color: #a5a5a5; }
.breadcrumbs a:hover { text-decoration:underline;}
.breadcrumbs img { display:inline; }
.breadcrumbsText { position:relative; z-index:1; width:350px;}
.found { padding:15px 0 0 0;}

.breadcrumbsGroup { padding: 7px 0px 18px 13px;  background:url(../images/layup/headingHomeBgGroup.gif) bottom left no-repeat; min-height: 17px; position:relative; }
.breadcrumbsGroup .nonLink { color:#7949ad; font-weight:bold;}
.breadcrumbsGroup a { color: #a5a5a5; }
.breadcrumbsGroup a:hover { text-decoration:underline;}
.breadcrumbsGroup img { display:inline; }
.breadcrumbsTextGroup { position:relative; z-index:1; width:350px;}

#pagination { position: absolute; top: 7px; right: 20px; font-weight: bold; }
#pagination ul { list-style:none; margin: 0; padding: 0px 8px 0px 0px; }
#pagination li { display: inline; padding: 0px 2px 0px 2px; }
#pagination a { padding: 1px 2px 1px 2px; color: #000000; }
#pagination a:hover { background: #663194; color: #FFFFFF; text-decoration: none;}
#pagination .active { background: #663194; color: #FFFFFF; text-decoration: none;}
#paginationBottom {  font-weight: bold; margin-right:15px; }
#paginationBottom ul { list-style:none; margin: 0; padding: 0px 8px 0px 0px; }
#paginationBottom li { display: inline; padding: 0px 3px 0px 3px; }
#paginationBottom a { padding: 1px 2px 1px 2px; color: #000000; }
#paginationBottom a:hover { background: #663194; color: #FFFFFF; text-decoration: none;}
#paginationBottom .active { background: #663194; color: #FFFFFF; text-decoration: none;}
.paginationImage:hover { background:none !important;}
.paginationBottomLeft { position:relative; top:-14px; left:-4px;}
.paginationBottomRight { position:relative; top:-14px; right:-4px;}

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

/* ----- LINKS ----- */
a { color:#35388d; 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:none; }
.required { color:#a74979;}
.frmUsedVehicle { }
.frmUsedVehicle select { height: 18px;}
.usedVehicleSelect { width:154px; border:1px solid #d0d0d0; padding:2px 0px 2px 0px; margin:9px 5px 0px 20px;}
.usedVehicleSearch { height: 135px; width:202px; margin: 0px; background:url(../images/layup/usedVehicleSearchBg.gif) top left repeat-x;}
#usedVehicleSearchButton { width:82px !important; height:29px; position:absolute; top:117px; left:94px; }
#pagination label { display:block; text-align:right; float:left; padding-top: 12px; }
#pagination input, #pagination textarea { width:100px; padding:1px 2px; margin-top: 12px; font-size: 1.0em;}
#pagination select { width:100px; margin-top: 12px; font-size: 1.0em;}

.requiredLabel { color:#0033FF;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#frmContact form { padding:0; margin:0; }
#frmContact fieldset { padding:0; margin:0; border:0px none; display:inline; }
#frmContact legend { padding:0; margin:0; display:none; }
#frmContact label { display:block; width:260px; float:left; }
#frmContact input, textarea { width:200px; font-size:11px !important;}
#frmContact .submit { width:82px; height:27px;}
#contactInfo { width: 447px; background:#edebea; border: 1px solid #d2d2d2; padding: 10px; margin-bottom: 10px; }

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

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