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

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

Type: Screen, Projection

Description : Screen and projection stylesheet Parkstone Motor Company site

Created : 08/05/07
Modified : 

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#3c3c3c; 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:10px; }
/* some browsers don't inherit the font into tables or textareas! */

/* ----- IDS ----- */
#container { width:897px; margin:0 auto; text-align:left; font-size:110%; }
#header { width:897px; height: 83px; position:relative; }
#logoGroup { position:absolute; top: 29px; left: 15px;}
#seatGroup { position:absolute; top: 17px; right: 86px;}
#suzukiGroup { position:absolute; top: 12px; right: 23px;}

#flashBanner { float: right; }

#mainImageGroup { width:897px; height: 281px; }
#jumpSeatGroup { position: relative; float: left; }
#jumpSeatGroupBtn { position: absolute; bottom: 38px; right: 72px; }
#jumpSuzukiGroup { position: relative; float: left; }
#jumpSuzukiGroupBtn { position: absolute; bottom: 38px; right: 72px; }

#mainContentGroup { min-height: 280px; }
#mainContentGroup .padding { padding: 0px 18px 0px 18px;}
#mainContentGroup h1 { font-size: 1.1em; padding: 0px 0px 0px 0px; text-transform: none !important }

#mainContent { background: #eeeeee url(../../images/layup/mainContentBg.gif) top left no-repeat;width:897px; }
#mainContent .heading { padding: 0px 0px 14px 0px; }
#mainContent .heading h1{ font-size: 1.1em; padding: 0px 0px 0px 0px; text-transform: none !important }
#leftCol { padding-bottom: 20px; background:url(../../images/layup/colDivider.gif) top right no-repeat; width: 200px; min-height: 268px; float: left; }
#leftCol .padding { padding: 24px 0px 0px 17px;}
#middleCol { padding-bottom: 20px; background:url(../../images/layup/colDivider.gif) top right no-repeat; width: 474px; min-height: 268px; float: left; }
#middleCol .padding { padding: 24px 10px 0px 27px;} 
#rightCol { padding-bottom: 20px; width: 223px; min-height: 268px; float: right; }
#rightCol .padding { padding: 24px 20px 0px 27px;}
#rightCol .latestOffer { padding-bottom: 40px; }
#rightCol .latestOfferThumb { position:relative; margin: 12px 0px 0px 8px; width: 156px; height: 123px;}
#contactUs { padding: 0px 0px 0px 10px; }
#contactUs a{ text-decoration:underline; font-weight: normal; }
#contactUs a:hover { text-decoration:none; }
#contactUs .bullet { background:url(../../images/layup/bullet.gif) 0px 4px no-repeat; padding-left: 11px; }
#advert { padding: 0px 0px 20px 0px; }

/* ----- BUTTONS ----- */
.btnClickHereGroup { position:absolute; bottom: 11px; right: 10px; background:url(../../images/layup/btnSeatClickHereBg.gif) top left no-repeat; width: 96px; height: 27px;}
.btnViewDetailsGroup { position:absolute; bottom: 11px; right: 10px; background:url(../../images/layup/btnSeatDetails2Bg.gif) top left no-repeat; width: 96px; height: 27px;}
.btnViewRangeGroup { position:absolute; bottom: 11px; right: 10px; background:url(../../images/layup/btnSeatRangeBg.gif) top left no-repeat; width: 86px; height: 27px;}

#rightColInternal { float: left; width: 697px;}
#rightColInternal .padding { padding: 24px 10px 0px 27px;}
#internalImage {  padding: 0px 10px 20px 20px;}
#usedCarSearchLeft { position:relative; background:url(../../images/layup/usedCarLeftBg.gif) top left no-repeat; width: 168px; height: 190px; margin-bottom: 10px; }
#usedCarSearchLeft .padding { padding: 30px 10px 0px 10px;}
#leftCol .stockUpdates { position:relative; background:url(../../images/layup/stockUpdateLeftBg.gif) top left no-repeat; height: 166px; width: 168px; margin-bottom: 10px; }
#leftCol .stockUpdates .padding { padding: 60px 11px 0px 11px; }
#leftCol .stockUsed { position:relative; background:url(../../images/layup/usedStockLeftBg.gif) top left no-repeat; height: 166px; width: 168px; margin-bottom: 10px; }
#leftCol .stockUsed .padding { padding: 60px 11px 0px 11px; }

#results { float: left; font-weight: bold; color: #e50c14; padding: 10px 0px 0px 0px;  }

.newCarBox { float: left; margin: 10px 0px 0px 4px; width: 160px; min-height: 200px; }
.newCarBox .newCarThumb { position:relative; }
.newCarBox .newCarTitle { padding: 15px 20px 0px 0px; }
#newCarPhoto {float:left; position:relative; width: 343px; padding: 0px; margin: 0px; }
#newCarPhoto .frameLarge { position: absolute; top: -1px; left: -1px; }
#newCarOptions { float: left; }
#newCarOptions .padding { padding: 0px 0px 0px 0px; }

.usedCarRow { border-top: 1px solid #9e9d9d; clear: both; padding-top: 12px; min-height: 114px; width: 647px; }
.usedCarRow .usedCarThumb { float: left; margin: 0px 12px 12px 0px; width: 135px; }
.usedCarRow .usedCarText { float: left; width: 500px; position:relative; }
#usedCarPhoto {float:left; position:relative; width: 343px; padding: 0px; margin: 0px; }
#usedCarPhoto .frameLarge { position: absolute; top: -1px; left: -1px; }
#usedCarPhoto #mainimage { /*width: 341px; height: 256px;*/ }
#usedCarThumbnails { float: left; width: 303px; }
#usedCarThumbnails .padding { padding: 0px 0px 0px 3px; }
#usedCarThumbnails .usedCarThumb { position:relative; float: left; width: 95px; height: 72px; padding: 0px 7px 8px 0px; }
#usedCarThumbnails .usedCarThumbTop { background:url(../../images/layup/thumbnailBg.gif) top left no-repeat; float: left; width: 292px; height: 24px; font-weight:bold; color:#FFFFFF; padding: 2px 0px 0px 10px; }
#usedCarOptions { float: left; background:url(../../images/layup/usedCarOptionsBg.gif) top left no-repeat; width: 648px; height: 38px; }
#usedCarOptions .padding { padding: 6px 6px 0px 12px; }
#usedCarOptions a { text-decoration:none; color: #3c3c3c; }
#usedCarOptions ul { margin: 0px; padding: 4px 0px 0px 0px; }
#usedCarOptions li { list-style: none; display:inline; }
#usedCarOptions .printSpec { background:url(../../images/layup/iconPrint.gif) top left no-repeat; padding: 7px 0px 7px 37px; }
#usedCarOptions .sendFriend { margin-left: 20px; background:url(../../images/layup/iconFriend.gif) top left no-repeat; padding: 7px 0px 7px 34px; }
#usedCarOptions .enquire { margin-left: 20px; background:url(../../images/layup/iconEnquire.gif) top left no-repeat;  padding: 7px 0px 7px 34px; }
#usedCarOptions .finance { margin-left: 20px; background:url(../../images/layup/iconFinance.gif) top left no-repeat;  padding: 7px 0px 7px 30px; }


#footerGroup { background:url(../../images/layup/footerBg.gif) top left repeat-x; width:897px; height: 20px; padding-top: 5px; margin-top: 1px;}
#footerLeft { float: left; padding-left: 18px; }
#footerRight { float: right; padding-right: 18px; }
#footerGroup a { color: #000000; font-weight: normal; text-decoration:none; }
#footerGroup a:hover { text-decoration:underline; }
#footerGroup ul { margin: 0; padding: 0; }
#footerGroup li { list-style: none; display:inline; padding-right: 15px; }

#footer { background:#FFFFFF; width:897px; height: 20px; padding-top: 15px;}
#footer a { color: #000000; font-weight: normal; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer ul { margin: 0; padding: 0; }
#footer li { list-style: none; display:inline; padding-right: 15px; }

/* ----- BUTTONS ----- */
#leftCol .btnClickHere { position:absolute; bottom: 11px; right: 10px; background:url(../../images/layup/btnClickHereBg.gif) top left no-repeat; width: 96px; height: 27px;}

/* ----- 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;}
.title { padding: 0px 0px 20px 0px;}
.price { font-weight: bold; font-size: 1.5em; padding-top: 12px;}
.frameLarge { position: absolute; top: -1px; left: 19px; }
.frameSmall { position: absolute; top: -1px; left: -1px; }
.red { color: #e50c14; }
.optionTitle {padding-top: 13px;}
.clickable { cursor: pointer;}
.checkboxInput { width:20px !important;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size:100%; font-weight:bold;}
h1 { font-size: 1.5em; line-height: 120%; padding-bottom: 12px; text-transform:uppercase; color: #000000; }
h2 { font-size: 1.0em; line-height: 120%; padding-bottom: 12px; }
h3 {}
h4 {}
h5 {}
h6 {}

/* ----- NAVIGATION ----- */
#navGroup { background:url(../../images/layup/navGroupBg.gif) top left no-repeat; height: 34px; margin-bottom: 1px; text-transform: uppercase; }
#navGroup ul { margin: 0px; padding: 0px;}
#navGroup li { list-style: none; display: inline; float:left; background:url(../../images/layup/navGroupDivider.gif) top right no-repeat;}
#navGroup a { display:block; margin-right: 3px; padding: 8px 15px 8px 15px; color:#FFFFFF; text-decoration:none; }
#navGroup ul li a:hover { text-decoration: none; background: url(../../images/layup/navGroupOver.gif) top left repeat-x; }
#navGroup .first a:hover {background:url(../../images/layup/navGroupFirst.gif) top left no-repeat; }
#navGroup ul li .active { text-decoration: none; background: url(../../images/layup/navGroupOver.gif) top left repeat-x; } 
#navGroup .first .active {background:url(../../images/layup/navGroupFirst.gif) top left no-repeat; }
 
#leftNav { padding-bottom: 10px; }
#leftNav ul {list-style:none; padding: 0; margin: 0;}
#leftNav li { margin-bottom: 1px; }
#leftNav a { color: #FFFFFF; text-decoration: none; padding: 4px 0px 0px 30px; background:url(../../images/layup/leftNavBg.gif) top left no-repeat; display:block; width: 137px; height: 23px;}
#leftNav a:hover { background:url(../../images/layup/leftNavOverBg.gif) top 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:1px 0 5px 20px; }
#sitemap a { color: #3c3c3c; }

/* ----- BREADCRUMBS AND PAGINATION ----- */
#breadcrumbs { float: left; font-weight: bold; color: #5e5e5e; padding: 0px 0px 15px 0px; }
#breadcrumbs a{ color: #908f8f; font-weight: bold; text-decoration:none; }
#breadcrumbs a:hover { text-decoration: underline; }
#pagination { font-weight:bold; color: #5e5e5e; float: right; padding: 0px 15px 10px 0px; text-align: right;}
#pagination a { color: #5e5e5e; font-weight: bold; text-decoration:none; padding: 0px 3px 0px 3px; margin: 0px 2px 0px 2px; }
#pagination a:hover { text-decoration: none; color:#FFFFFF; }
#pagination .active { text-decoration: none; color:#FFFFFF; }
#paginationBottom { width: 647px; border-top: 1px solid #9e9d9d; font-weight:bold; color: #5e5e5e; float: left; text-align:right; padding: 10px 0px 0px 0px;}
#paginationBottom a { color: #5e5e5e; font-weight: bold; text-decoration:none; padding: 0px 3px 0px 3px; margin: 0px 2px 0px 2px; }
#paginationBottom a:hover { text-decoration: none; color:#FFFFFF; }
#paginationBottom .active { text-decoration: none; color:#FFFFFF; }
#back { font-weight:bold; color: #5e5e5e; float: right; padding: 0px 15px 0px 0px; background:url(../../images/layup/bulletBack.gif) 0px 5px no-repeat; padding-left: 10px; }
#back a { color: #5e5e5e; font-weight: bold; text-decoration:none;}
#back a:hover { text-decoration: underline; }

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


/* ----- LINKS ----- */
a { color:#e10b12; 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:none; }

.frmUsedCar {}
.frmUsedCar select { height: 18px; padding: 0px; font-size: 1.0em; }
.usedCarSelect { width:149px; border:1px solid #d0d0d0; padding:1px 0px; margin:7px 0px 0px 0px;}
#usedCarSearchButton { width:76px !important; height:27px; position:absolute; bottom:23px; right:10px; }
#frmContact { width: 463px;float: left;}
#addressBar { float: left; background:#FFFFFF; border: 1px solid #7f9db9; margin-top: 8px; width: 180px; height: 423px; }
#addressBar .padding { padding: 5px 0px 0px 5px; }

#pagination select { width:100px !important; font-weight: bold; font-size: 1.0em; height: 18px;}
#pagination label { display:block !important; width:80px !important; float:left !important; padding-top: 9px !important; }

#rightColInternal form { }
#rightColInternal label { display:block; width:230px; float:left; padding-top: 5px; }
#rightColInternal input, textarea { width:200px; padding:1px 2px; margin-top: 8px; font-size: 1.0em;}
#rightColInternal .submit { width:82px !important; border: none; padding: 0px 0px 10px 0px;}
.required { color:#e60c14;}
#rightColInternal select { width:208px; margin-top: 8px; font-size: 1.0em;}

#mainContentGroup form { }
#mainContentGroup label { display:block; width:260px; float:left; padding-top: 5px; }
#mainContentGroup input, textarea { width:200px !important; padding:1px 2px; margin-top: 8px; font-size: 1.0em;}
#mainContentGroup .submit { width:82px !important; border: none; padding: 0px 0px 10px 0px;}
.required { color:#e60c14;}
#mainContentGroup select { width:208px; margin-top: 8px; font-size: 1.0em;}

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

.inputfieldList { height: 105px;}

/* ----- TABLES ----- */
table{ border-collapse:collapse; margin-top: 8px; margin-bottom: 8px; }
#carSpec { margin-top:10px;}
#carSpec table{ border-collapse:collapse; width:648px !important; }
#carSpec .altRow { background:#d9d9d9;}
#carSpec td { padding:7px 0 7px 14px; margin-top: 8px; font-size:100%; font-family:Arial, Helvetica, sans-serif;}
.tableTop { border-top:1px solid #eeeeee;}
.tableTop .first { border:none;}
.tableTop .last { border-top:1px solid #918982; border-bottom:1px solid #918982;}
.price { color:#d50000;}
.hand { cursor:pointer;}

#teamDetails {}
#teamDetails td{ font-size: 1.0em !important; padding: 3px 0px 3px 0px; margin: 0px; }
#teamDetails th{ padding-bottom: 5px; }