/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet xxxxxxxxxxxxxxxxxxxxxxxxxxxxx site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; text-align:center;padding:0; background:url(../images/layup/background.gif) repeat-x #f6f6f6; 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% arial, verdana, 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:899px; margin:0 auto; text-align:left; font-size:110%; } #printHeader { display:none;} #header { background:url(../images/layup/headBack.gif) no-repeat left top;position: relative;height:116px;margin:22px 0 11px; } #header #logo {width:144px;height:81px;float:left;} #header #manfacturerLinks {float:right;width:290px;height:81px;} #header #manfacturerLinks img {float:left;} #header #badge {display:none;} #leftCol { float: left;width:200px; } #rightCol { float: right; width:689px;} #mainContent {clear:both;} #mainContent .padding { display:block;padding:0 5px 0px;margin:30px 0 0; } #franchiseJumps { height: 81px; } #franchiseJumps a { display: block; float: left; height: 81px; } #franchiseJumps span { display: none; } #franchiseJumps a#volvoJump { width: 103px; background: url(../images/layup/franVolvo.jpg) no-repeat top left; } #franchiseJumps a#alfaJump { width: 97px; background: url(../images/layup/franAlfa.jpg) no-repeat top left; } #franchiseJumps a#fiatJump { width: 97px; background: url(../images/layup/franFiat.jpg) no-repeat top left; } #franchiseJumps a#abarthJump { width: 97px; background: url(../images/layup/franAbarth.jpg) no-repeat top left; } #franchiseJumps a#lotusJump { width: 97px; background: url(../images/layup/franLotus.jpg) no-repeat top left; } #franchiseJumps a#fiatComJump { width: 96px; background: url(../images/layup/franFiatCom.jpg) no-repeat top left; } #franchiseJumps a#isuzuJump { width: 102px; background: url(../images/layup/franIsuzu.jpg) no-repeat top left; } #franchiseJumps a:hover { background-position: bottom left !important; } #homeBox {border-top:5px solid #fff;} #homeBox img {float:left;} #homeAdverts {margin:20px 0;} #listingSort {background:url(../images/layup/listingSortBack.gif) repeat-x;text-align:center;padding:2px 0;margin:10px 0;height:28px;line-height:25px;} #listingSort ul {margin:0;padding:0;list-type:none;} #listingSort ul li {margin:0;padding:0;display:inline;padding:0 7px; background:url(../images/layup/listingSortSeperator.gif) right no-repeat} #listingSort a {color:#fff;text-decoration:none;font-weight:normal;margin:0 4px;} #listingSort .last {background:none;} #listingContent {margin:20px 0;} #listingContent .listingBox {width:169px;background:url(../images/layup/listingBoxBack.gif) #fff;height:256px;float:left;margin:0 3px 10px 0;position:relative;} #listingContent .listingBox a {text-decoration:none;display:block;height:256px;cursor:pointer;} #listingContent .listingBox .title b {color:#cc0000;} #listingContent .listingBox .image {margin:0;padding:0;position:absolute;top:27px;left:5px;width:159px;height:137px;background:url(../images/layup/noImage.gif) center;} #listingContent .listingBox .title {font-weight:bold;display:block;padding:2px 5px;} #listingContent .listingBox .data {padding:2px 5px;color:#fff;font-weight:bold;position:absolute;top:171px;left:8px;line-height:22px;} #listingContent .listingBox .data b {font-size:25px;} #listingContent2 {margin:20px 0;} #listingContent2 .listingBox {width:169px;background:url(../images/layup/listingBoxBack.gif) #fff;height:168px;float:left;margin:0 3px 10px 0;position:relative;} #listingContent2 .listingBox a {text-decoration:none;display:block;height:168px;cursor:pointer;} #listingContent2 .listingBox .title b {color:#cc0000;} #listingContent2 .listingBox .image {margin:0;padding:0;position:absolute;top:27px;left:5px;width:159px;height:137px;background:url(../images/layup/noImage.gif) center;} #listingContent2 .listingBox .title {font-weight:bold;display:block;padding:2px 5px;} #detailBox {clear:both; border-left:1px dotted #333; border-right:1px dotted #333; padding: 1px 1px 0px 1px; margin-bottom: 20px; border-bottom: 1px dotted #333; } #detailBox .box {float:left;width:223px;border-right:1px dotted #333;border-top:1px dotted #333; margin-right: 1px; color:#fff;font-weight:bold;font-size:15px;line-height:22px; } #detailBox .box .padding { padding: 1px; background: #333333; margin: 1px 1px 1px 0px; } #detailBox .box.last { float: left; border-right: none !important;border-top:1px dotted #333; margin: 0 !important; width: 225px; } #detailBox .box.last .padding { margin-right: 0px !important; } #detailBox .header {padding:5px 15px;} #detailBox .header span {font-size:25px;} /*#detailBox img {border-top:1px dotted #333;} #detailBox #businessRate {float:left;width:265px;border-right:1px dotted #333;} #detailBox #personalRate {float:left;border-right:1px dotted #333;width:265px;} #detailBox .header {background:#333333;height:45px;margin:2px;color:#fff;font-weight:bold;padding:5px 15px;font-size:15px;line-height:22px;} #detailBox .header span {font-size:25px;}*/ #detailContent {width:238px;float:left;background:url(../images/layup/detailsFooter.jpg) repeat-y bottom;padding:20px;color:#fff;} #detailContent .detailHeader {margin:-20px -20px 0;} #detailContent span {font-weight:bold;display:block;padding-top:5px;border-top:1px dotted #fff;} #detailRequirements {font-weight:bold;float:right;} .hireDetail { margin-bottom: 20px; border:1px dotted #333; padding: 1px; } .hireDetail .title { background: #333333; color: #fff; padding: 4px 10px 4px 10px; font-weight: bold; margin-bottom: 10px; } .hireDetail .padding { padding: 0px 10px 0px 10px !important; margin: 0 !important;} /* ----- 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;} .hand { cursor:pointer;} .redBg {background:#633132; color: #fff; } .redBg a { color: #fff; text-decoration: none; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} h1 span {color:#b0111d;} /* ----- TOP NAVIGATION ----- */ #primaryNav {margin:0;height:30px;padding:5px 0 0 30px;} #primaryNav ul { list-style: none; margin: 0; padding: 0; height:30px;line-height:30px;} #primaryNav li {background:url(../images/layup/navSeperator.gif) no-repeat right bottom;display:inline-block;float:left;margin:0;padding:0 1px 0 0;} #primaryNav li a { text-decoration: none; color:#fff;padding:8px 15px;} #primaryNav li a:hover { background:#1f1f1f;} #primaryNav .last {background:none;} #primaryNav .greenIssues {color:#00ff33;} /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav {background:#333333;width:190px;border:5px solid #fff;padding:10px 0 30px;border-top:0;border-bottom:5px solid #fff;text-align:right;font-size:12px;} #secondaryNav ul { list-style: none; margin: 0; padding: 0;} #secondaryNav .navParent {background:#cc3333;height:18px;position:relative;} #secondaryNav .navParent:hover {background:#cc3333;} #secondaryNav li {margin:0;padding:0;display:block; width:190px;margin:2px 0;} #secondaryNav li a { text-decoration: none;color:#fff; display:block;width:181px;padding:0 9px 0 0;margin:0;} #secondaryNav li a:hover {background:url(../images/layup/secNavHover.gif) repeat-y right;} #secondaryNav li a img {position:absolute;left:0;top:0;padding:0;} #secondaryNav ul li ul li {background:url(../images/layup/secNavSeperator.gif) right bottom no-repeat;padding:0 0 3px;} #secondaryNav .last {background:none;} #secondaryNav .active {color:#cc3333; cursor:default;} #secondaryNav .active:hover {background:none;} /* ----- SITE MAP ----- */ #sitemap { list-style:none; margin:0 0 0 5px; padding:0;} #sitemap ul { list-style:none; margin:10px 0 0px 15px; padding:0;} #sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs {} #breadcrumbs .activeGroup {color:#c11c46;} #pagination { float: left;font-weight:bold;} #pagination a { padding: 0px 4px 0px 4px; text-decoration: none; } #pagination a:hover { text-decoration: none; background:#000000; color:#FFFFFF; } #pagination .active { text-decoration: none; background:#000000; color:#FFFFFF; } #pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } #pageinationSort {float:right;} /* ----- FOOTER ----- */ #footer {background:url(../images/layup/dotsH.gif) repeat-x top;} #footer .padding {padding:20px 0 0;} #footer a { font-weight:normal; text-decoration:none;} #footer a:hover { text-decoration:underline;background:none;} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 15px 0; margin:0; } address { font-style:normal;} /* ----- LINKS ----- */ a { color:#000000; 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:260px; float:left; } input, textarea { width:200px; font-size:11px !important;} .requiredLabel { color:#cc3333;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #btnSubmit { width:55px; height:18px; border:none;} /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #e44444; 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: #e44444; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } #searchForm {background:url(../images/layup/searchBack.gif);margin:0 0 25px;text-align:center;height:76px;} #searchForm img {margin:0 auto;} #searchForm input {margin:8px 5px;border:1px solid #ccc;width:90px;border:#000000;float:left;padding:4px;} #searchForm .Submit {width:50px;height:22px} .productDetailsTableContainer {clear:both;position:relative; margin-bottom: 20px; } .productDetailsTable {width:100%;border:5px solid #fff;} .productDetailsTable th { padding:5px;border-right:1px dotted #fff;color:#fff; } .productDetailsTable td { padding:6px 10px 6px 10px;border-right:1px dotted #fff; font-weight:bold;} .productDetailsTable .row1 {background:#b73132; padding:6px 4px; color: #fff; } .productDetailsTable .row1 td { font-size: 1.4em !important; } .productDetailsTable .row2 {background:#e8e8e8; padding:6px 4px; color: #000; } .productDetailsTable .productDetailsLink {display:block;padding:4px;background:#633132;border:1px solid #fff;color:#fff;text-decoration:none; float: right;} .productDetailsTableContainer .productDetailsTOPLFT {position:absolute;top:-3px;left:-3px;} .productDetailsTableContainer .productDetailsBOTLFT {position:absolute;bottom:-3px;left:-3px;} .productDetailsTableContainer .productDetailsBOTRGT {position:absolute;bottom:-3px;right:-3px;}