/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Eddy Grimstead site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#e2e2e2; 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:888px; margin:0 auto; text-align:left; font-size:110%; background: #fff url(../images/layup/containerBg.gif) top left repeat-y; padding: 0 33px; line-height: 120%; } #printHeader { display:none; } #header { position: relative; height: 66px; background:url(../images/layup/headerBg.jpg) top left no-repeat; } #header #logo { position: absolute; top: 11px; left: 286px; } #inner { background: url(../images/layup/innerBg.jpg) top left no-repeat !important; padding: 10px 0px 0px 0px; float: left; } #jumpPoints { height: 180px; width: 888px; } #jumpPoints .cornerCurve { position: absolute; top: 0px; left: 0; } #jumpPoints .box img { float: left; display: block; } #newCarOptions img { float: left; } #contactFormDetails { width: 270px; float: right; } #dealerLocatorPage #detailsContainer { border: 1px solid #efefef;margin-top:10px; width: 670px; height: 240px; float: left; } #dealerLocatorPage #address { width: 280px; float: left; padding: 10px; } #dealerLocatorPage #openingTimes { width: 280px; float: left; padding: 10px 0px 10px 0px; } #dealerLocatorPage #map { width: 390px; height: 212px; float: right; } #dealerLocatorPage #dealerImage { width: 283px; height: 212px; float: left; } /* ----- HOMEPAGE IDS ----- */ #homeSearch { height: 218px; } #homeSearch .usedCarSearch { width: 178px; float: left; background:url(../images/layup/usedCarSearchBg.gif) top left repeat-y; padding-bottom: 13px; position: relative; margin-right: 12px; } #homeSearch .usedCarSearch .title { padding-bottom: 13px; } #homeSearch .usedCarSearch form { } #homeSearch .usedCarSearch select { width:146px; border:1px solid #d0d0d0; padding:1px 0px; font-size: 1.0em; margin: 0px 0px 7px 17px; } #homeSearch .usedCarSearch .search { width: 78px !important; height: 29px; margin-top: 9px; float: left; } #homeSearch .usedCarSearch .advanced { width: 64px !important; line-height: 120%; margin-top: 7px; float: left; padding-left: 21px; } #homeSearch .usedCarSearch .advanced a { color: #fff; text-decoration: none; font-weight: normal; } #homeSearch .usedCarSearch .advanced a:hover { text-decoration: underline; } #homeSearch .usedCarSearch .bottom { position: absolute; bottom: -47px; left: 0px; } #homeSearch .mainImage { float: left; } #homeSearch .greenCars { height:219px; width: 177px; float: left; position: relative; margin-left: 12px; } #homeSearch .greenCars .bottom { position: absolute; bottom: -47px; left: 0px; } #homeContent { padding: 18px 18px 12px 12px; } /* ----- INTERNAL IDS ----- */ #leftBg { background:url(../images/layup/leftBg.gif) top left repeat-y; float: left; } #leftCol { float: left; width: 178px; margin-right: 23px; } #leftCol .usedCarSearch { background:url(../images/layup/usedCarSearchBg.gif) top left repeat-y; padding-bottom: 13px; position: relative; } #leftCol .usedCarSearch .title { padding-bottom: 13px; } #leftCol .usedCarSearch form { } #leftCol .usedCarSearch select { width:146px; border:1px solid #d0d0d0; padding:1px 0px; font-size: 1.0em; margin: 0px 0px 7px 17px; } #leftCol .usedCarSearch .search { width: 78px !important; height: 29px; margin-top: 9px; float: left; } #leftCol .usedCarSearch .advanced { width: 64px !important; line-height: 120%; margin-top: 7px; float: left; padding-left: 21px; } #leftCol .usedCarSearch .advanced a { color: #fff; text-decoration: none; font-weight: normal; } #leftCol .usedCarSearch .advanced a:hover { text-decoration: underline; } #leftCol .usedCarSearch .bottom { position: absolute; bottom: -47px; left: 0px; z-index: 9999; } /* ----- ADVANCED SEARCH ------ */ .advancedSearch { padding-bottom: 13px; } .advancedSearch .title { padding-bottom: 13px; } .advancedSearch form { } .advancedSearch select { width:146px; border:1px solid #d0d0d0; padding:1px 0px; font-size: 1.0em; margin: 0px 0px 7px 0px; } .advancedSearch .search { width: 78px !important; height: 29px; margin-top: 9px; float: left; } .advancedSearch .advanced { width: 64px !important; line-height: 120%; margin-top: 7px; float: left; padding-left: 21px; } .advancedSearch .advanced a { color: #fff; text-decoration: none; font-weight: normal; } .advancedSearch .advanced a:hover { text-decoration: underline; } .advancedSearch .bottom { position: absolute; bottom: -47px; left: 0px; z-index: 9999; } #rightCol { float: left; width: 675px; min-height: 269px; } #rightCol .cmsImage { float: right; width: 283px; height: 212px; background:url(../images/layup/noImage283x212.gif) top left no-repeat; margin: 0px 0px 10px 10px; border: 4px solid #e6e6e6; } #mainContent {} #mainContent .padding { padding: 0px 0px 0px 0px; } .topBanner { margin-bottom: 10px; } /* ----- LIST ----- */ #list {} #list .listItem { float: left; background:url(../images/layup/dotsH.gif) bottom left repeat-x; } #list .listItem a { display: block; padding: 10px 0px 10px 0px; width: 676px; cursor: pointer; text-decoration: none; font-weight: normal; color: #000; } #list .listItem .thumb { display: block; float: left; background:url(../images/layup/noImage179x134.gif) 5px 5px no-repeat; padding: 5px; border: 1px solid #cfcfcf; width: 179px; height: 134px; margin-right: 13px; } #list .listItem .titleBar { display: block; float: left; width: 450px; padding: 6px 10px 6px 10px; font-weight: bold; background: #6f6f6f; color: #fff; font-size: 1.2em; } #list .listItem .titleBar .title { float: left; } #list .listItem .titleBar .price { display: block; float: right; color: #fff; font-weight: bold; } #list .listItem .description { display: block; float: left; width: 450px; padding: 11px 10px 0px 10px; } #list .listItem .btn { display: block; float: right; padding-top: 16px; } #list .listItem .clear { display: block; clear:both; } /* ----- BOX LIST ----- */ #boxList {} #boxList .box { float: left; margin-right: 30px; } #boxList .box a { display: block; width: 191px; cursor: pointer; text-decoration: none; font-weight: bold; margin-bottom: 20px; } #boxList .box .thumb { display: block; background:url(../images/layup/noImage179x134.gif) 5px 5px no-repeat; width: 179px; height: 134px; padding: 5px; border: 1px solid #cfcfcf; } #boxList .box .title { display: block; padding: 6px 6px 6px 6px; margin-top: 5px; background: #6f6f6f; color: #fff; font-size: 1.2em; } /* ----- USED CAR DETAIL ----- */ #usedCarImagery { height: 258px; } #usedCarPhoto { float: left; background: #fff url(../images/layup/noImage320x240.gif) 3px 3px no-repeat; border: 1px solid #cfcfcf; padding: 3px; width: 320px; height: 240px; margin-right: 14px; position: relative; } #usedCarPhoto .enlarge { position: absolute; bottom: 15px; left: 18px; } #usedCarThumbnails { float: left; width: 330px; } #usedCarThumbnails .thumb { float: left; background: #fff url(../images/layup/noImage93x70.gif) 2px 2px no-repeat; border: 1px solid #cfcfcf; padding: 2px; width: 93px; height: 70px; margin-right: 8px; margin-bottom: 10px; } #usedCarOptions { margin-bottom: 14px; height: 41px; } #usedCarOptions .btn { float: left; margin-right: 5px; } #printCarDetails { display: none; } #similarVehicles { margin-top: 16px; padding-left: 0px; } #similarVehicles .heading { background: #e8e8e8; border: 1px solid #bdbdbd; padding: 14px; font-weight: bold; width: 625px; } #similarVehicles .box { float: left; width: 152px; margin-right: 15px; margin-top: 4px; } #similarVehicles .box a { display: block; cursor: pointer; text-decoration: none; width: 144px; font-weight: normal; padding-bottom: 10px; color: #000; } #similarVehicles .box .thumb { display: block; background:url(../images/layup/noImage144x108.gif) 3px 3px no-repeat; width: 144px; height: 108px; padding: 3px; border: 1px solid #cfcfcf; } #similarVehicles .box .title { display: block; font-weight: bold; padding: 7px 0px 5px 10px; } #similarVehicles .box .detail { display: block; padding: 0px 0px 0px 10px; } #similarVehicles .box .price { display: block; font-weight: bold; font-size: 1.4em; padding: 7px 0px 7px 10px; color: #d32f2b; } #similarVehicles .box .last { margin-right: 0px; } /* ----- DOMTABS ----- */ #usedVehicleSpec { float: left; margin-right: 1px; } #usedVehicleSpec .domtab { } #usedVehicleSpec .tabset_print { display: none;} #usedVehicleSpec .tabset_tabs { height: 29px; width: 394px; margin:0px; padding: 0px; list-style:none; } #usedVehicleSpec .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; margin-right: 5px; font-size: 1.0em; border-left: 2px solid #cfcfcf; border-right: 2px solid #cfcfcf; border-top: 2px solid #cfcfcf; } #usedVehicleSpec .tabset_tabs a { display: inline; background: #fff; color: #5e5e5e; font-weight: bold; float: left; cursor: pointer !important; padding: 7px 17px 7px 17px; margin: 0px; text-decoration: none; } #usedVehicleSpec .tabset_tabs a:hover { font-weight: bold; background: #cfcfcf !important; color: #000; } #usedVehicleSpec .tabset_tabs .active a { background: #cfcfcf; color: #000; } #usedVehicleSpec .trAlt { background:#cfcfcf !important; } #usedVehicleSpec .tabset_content { border: 6px solid #cfcfcf; } #usedVehicleSpec .tabset_content h1 { color: #000; padding: 0px; } #usedVehicleSpec .tabset_content table { } #usedVehicleSpec .tabset_content th { padding: 0px 17px 0px 17px; height: 50px; font-size: 1.2em; } #usedVehicleSpec .tabset_content td { height: 24px; padding: 0px; color: #4a4a4a; } #usedVehicleSpec .tabset_content tfoot tr { background:#cfcfcf !important; } #usedVehicleSpec .tabset_content tfoot td { height: 40px; } #financeCalculator { float: left; } #financeCalculator .tab { padding: 0px; margin: 0; list-style: none; height: 26px; width: 236px; } #financeCalculator .tab li { float:left; font-size: 1.0em; display: inline; font-weight: bold; background: #cfcfcf; color: #000; float: left; cursor: default; padding: 7px 17px 7px 17px; } #financeCalculator .tabset_content { border: 6px solid #cfcfcf; padding-top: 8px; } #financeCalculator .tabset_content table { } #financeCalculator .tabset_content td { height: 24px; padding: 0px; color: 231f20; } #financeCalculator .tabset_content form { } #financeCalculator .tabset_content select { width: 70px; height: 20px; } #financeCalculator .tabset_content input { width: 67px; } #financeCalculator .terms { background:url(../images/layup/dashH.gif) top left repeat-x; } #financeCalculator .terms td { color: #b1b1b1; font-size: 0.9em; height: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; } #financeCalculator .terms a { color: #de0001; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:block; width: 170px; float:left; } input, textarea { width:200px; font-size:11px !important;} .requiredLabel { color:#c21c1c;} .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:78px; height:29px; border:none;} /*------ PEUGEOT COMPETITION ------*/ #frmCompetition { width:664px; position:relative; margin:40px 0 0 0; } #frmCompetition #competitionImg { width:265px; height:154px; position:absolute; top:-109px; right:1px; } #frmCompetition fieldset { width:640px; min-height:240px; background:url(../images/layup/competitionBoxBg.jpg) no-repeat; padding:0 10px 25px 14px; } #frmCompetition fieldset .title { padding:9px 0 0 0; } #frmCompetition fieldset .leftCol { width:315px; padding:24px 0 0 0; float:left; } #frmCompetition fieldset .rightCol { width:315px; padding:24px 0 0 0; float:right; } #frmCompetition fieldset input { width:186px; height:15px; border:1px solid #FF0000; margin:0 0 13px 0; } #frmCompetition fieldset input.calendar { width:158px !important; margin:0 0 13px 3px; float:left; display: block; } #frmCompetition fieldset .calendarIcon a { width:21px; height:20px; float:right; } #frmCompetition fieldset select { width:188px; margin:0 0 13px 0; } #frmCompetition fieldset label { width:122px !important; padding:3px 0 0 0; font-weight:bold; } #frmCompetition fieldset #submit { width:110px; height:36px; float:right; margin:30px 2px 0 0; } #frmCompetition input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } #frmCompetition input.validation-failed, #frmCompetition textarea.validation-failed, #frmCompetition select.validation-failed { border: 1px solid #c01c1c; } #frmCompetition input.validation-passed, #frmCompetition textarea.validation-passed, #frmCompetition select.validation-passed {} #frmCompetition .validation-advice {width:300px; padding: 5px; background-color:#c01c1c; color : #FFF; font-weight: bold; display:inline; position: relative; top: -7px; } #frmCompetition #advice-required-firstRegistration { position: absolute; top: 24px; left: 0px; } #frmCompetition #advice-required-nextMOT { position: absolute; top: 24px; left: 0px; } /* ----- CLASSES ----- */ .clear { clear:both; } .clearSmall { display: block; line-height: 0px; font-size: 0px; height: 0px; 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;} .relative { position: relative; } .labelForm { display: block; float: left; width: 90px; } .red { color:#bd1d1d; } /* ----- TOP NAVIGATION ----- */ #primaryNav { background:url(../images/layup/navBg.jpg) top left no-repeat; height: 91px; } #primaryNav ul { list-style: none; margin: 0; padding: 0px 0px 0px 7px; } #primaryNav li { float: left; display: block; background:url(../images/layup/navDivider.gif) top right no-repeat; } #primaryNav li a { float: left; display: block; text-decoration: none; color: #fff; display: inline; margin-right: 1px; } #primaryNav li a:hover { text-decoration: none; color: #fff; } #primaryNav li a:hover span {background: #921a1a;display:block; } #primaryNav li .active span {background: #921a1a;display:block; } #primaryNav li.last { background: none; } #primaryNav li.noDivider { background: none; } /* ----- TOP NAVIGATION - USED CARS ----- */ #primaryNav li.navUsedCars a { background:url(../images/layup/iconUsedCars.gif) top center no-repeat; padding: 64px 8px 6px 9px; width: 57px; } #primaryNav li.navUsedCars a:hover { background:url(../images/layup/iconUsedCars.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; width: 74px; } #primaryNav li.navUsedCars a:hover span { padding: 4px 8px 8px 9px; } #primaryNav li.navUsedCars .active { background:url(../images/layup/iconUsedCars.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; width: 74px; } #primaryNav li.navUsedCars .active span { padding: 4px 8px 8px 9px; } /* ----- TOP NAVIGATION - NEW CARS ----- */ #primaryNav li.navNewCars a { background:url(../images/layup/iconNewCars.gif) top center no-repeat; padding: 64px 8px 6px 9px; width: 53px; } #primaryNav li.navNewCars a:hover { background:url(../images/layup/iconNewCars.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; width: 70px; } #primaryNav li.navNewCars a:hover span { padding: 4px 8px 8px 9px; } #primaryNav li.navNewCars .active { background:url(../images/layup/iconNewCars.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; width: 70px; } #primaryNav li.navNewCars .active span { padding: 4px 8px 8px 9px; } /* ----- TOP NAVIGATION - COMMERCIAL ----- */ #primaryNav li.navCommercial a { background:url(../images/layup/iconCommercial.gif) top center no-repeat; padding: 64px 8px 6px 9px; width: 67px; } #primaryNav li.navCommercial a:hover { background:url(../images/layup/iconCommercial.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; width: 84px; } #primaryNav li.navCommercial a:hover span { padding: 4px 8px 8px 9px; } #primaryNav li.navCommercial .active { background:url(../images/layup/iconCommercial.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; width: 84px; } #primaryNav li.navCommercial .active span { padding: 4px 8px 8px 9px; } /* ----- TOP NAVIGATION - BUSINESS USERS ----- */ #primaryNav li.navBusinessUsers a { background:url(../images/layup/iconBusinessUsers.gif) top center no-repeat; padding: 64px 8px 6px 9px; width: 88px; } #primaryNav li.navBusinessUsers a:hover { background:url(../images/layup/iconBusinessUsers.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; width: 105px; } #primaryNav li.navBusinessUsers a:hover span { padding: 4px 8px 8px 9px; } #primaryNav li.navBusinessUsers .active { background:url(../images/layup/iconBusinessUsers.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; width: 105px; } #primaryNav li.navBusinessUsers .active span { padding: 4px 8px 8px 9px; } /* ----- TOP NAVIGATION - OFFERS ----- */ #primaryNav li.navOffers a { background:url(../images/layup/iconOffers.gif) top center no-repeat; padding: 64px 8px 6px 9px; width: 37px; } #primaryNav li.navOffers a:hover { background:url(../images/layup/iconOffers.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; width: 54px; } #primaryNav li.navOffers a:hover span { padding: 4px 8px 8px 9px; } #primaryNav li.navOffers .active { background:url(../images/layup/iconOffers.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; width: 54px; } #primaryNav li.navOffers .active span { padding: 4px 8px 8px 9px; } /* ----- TOP NAVIGATION - HISTORY ----- */ #primaryNav li.navHistory a { height:90px; width: 90px; } /* ----- TOP NAVIGATION - ABOUT US ----- */ #primaryNav li.navAboutUs a { background:url(../images/layup/iconAboutUs.gif) top center no-repeat; padding: 64px 8px 6px 9px; width: 50px; } #primaryNav li.navAboutUs a:hover { background:url(../images/layup/iconAboutUs.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; width: 67px; } #primaryNav li.navAboutUs a:hover span { padding: 4px 8px 8px 9px; } #primaryNav li.navAboutUs .active { background:url(../images/layup/iconAboutUs.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; width: 67px; } #primaryNav li.navAboutUs .active span { padding: 4px 8px 8px 9px; } /* ----- TOP NAVIGATION - RECRUITMENT ----- */ #primaryNav li.navRecruitment a { background:url(../images/layup/iconRecruitment.gif) top center no-repeat; padding: 64px 7px 6px 7px; width: 68px; } #primaryNav li.navRecruitment a:hover { background:url(../images/layup/iconRecruitment.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; width: 82px; } #primaryNav li.navRecruitment a:hover span { padding: 4px 7px 8px 7px; } #primaryNav li.navRecruitment .active { background:url(../images/layup/iconRecruitment.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; width: 82px; } #primaryNav li.navRecruitment .active span { padding: 4px 7px 8px 7px; } /* ----- TOP NAVIGATION - CUSTOMER CARE ----- */ #primaryNav li.navCustomerCare a { background:url(../images/layup/iconCustomerCare.gif) top center no-repeat; padding: 64px 7px 6px 7px; width: 85px; } #primaryNav li.navCustomerCare a:hover { background:url(../images/layup/iconCustomerCare.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; width: 99px; } #primaryNav li.navCustomerCare a:hover span { padding: 4px 7px 8px 7px; } #primaryNav li.navCustomerCare .active { background:url(../images/layup/iconCustomerCare.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; width: 99px; } #primaryNav li.navCustomerCare .active span { padding: 4px 7px 8px 7px; } /* ----- TOP NAVIGATION - MOTABILITY ----- */ #primaryNav li.navMotability a { background:url(../images/layup/iconMotability.gif) top center no-repeat; padding: 64px 7px 6px 7px; width: 51px; } #primaryNav li.navMotability a:hover { background:url(../images/layup/iconMotability.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; width: 65px; } #primaryNav li.navMotability a:hover span { padding: 4px 7px 8px 7px; } #primaryNav li.navMotability .active { background:url(../images/layup/iconMotability.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; width: 65px; } #primaryNav li.navMotability .active span { padding: 4px 7px 8px 7px; } /* ----- TOP NAVIGATION - CONTRACT US ----- */ #primaryNav li.navContactUs a { background:url(../images/layup/iconContactUs.gif) top center no-repeat; padding: 64px 6px 6px 7px;} #primaryNav li.navContactUs a:hover { background:url(../images/layup/iconContactUs.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; } #primaryNav li.navContactUs a:hover span { padding: 4px 6px 8px 7px; } #primaryNav li.navContactUs .active { background:url(../images/layup/iconContactUs.gif) center -91px no-repeat; padding: 60px 0px 6px 0px; } #primaryNav li.navContactUs .active span { padding: 4px 6px 8px 7px; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav {} #secondaryNav ul { list-style: none; margin: 0; padding: 0; } #secondaryNav li { } #secondaryNav li a { text-decoration: 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 9px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #pageInfo { background: url(../images/layup/dashH.gif) bottom left repeat-x; padding: 0px 0px 8px 0px; margin-bottom: 12px; } #breadcrumbs { float: left; } #breadcrumbs a { font-weight: normal; text-decoration: none; color: #000 !important; } #breadcrumbs a:hover { text-decoration: underline; } #breadcrumbs .active { font-weight: normal; color: #000; } #back { float: right; padding-right: 10px; } #back a { text-decoration: none; font-weight: bold; } #back a:hover { text-decoration: underline; } #searchInfo { background: url(../images/layup/dashH.gif) bottom left repeat-x; padding: 0px 10px 8px 0px; margin-bottom: 0px; } #pagination { float: right; } #pagination a { padding: 0px 4px 0px 4px; text-decoration: none; font-weight: normal; } #pagination a:hover { text-decoration: none; background:#d80000; color:#FFFFFF; font-weight: bold; } #pagination .active { text-decoration: none; background:#d80000; color:#FFFFFF; font-weight: bold; } #pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } #pagination .prev, #pagination .next { font-weight: bold; } #pagination .prev:hover, #pagination .next:hover { background: none; font-weight: bold; color: #000; text-decoration: underline; color: #000 !important; } #searchResults { float: left; font-weight: bold; margin-top: 10px; padding-top: 15px; } #sortBy { float: right; margin-top: 10px; clear: right; } #sortBy label { width: 50px; font-weight: bold; margin-top: 2px; } #sortBy select { height: 20px; } #searchInfo .clear { height: 0; font-size: 0; } #pageInfoBottom { padding: 15px 10px 20px 0px; } #paginationBottom { float: right; } #paginationBottom a { padding: 0px 4px 0px 4px; text-decoration: none; font-weight: normal; color: #000 !important; } #paginationBottom a:hover { background: #d80000; color: #fff !important; font-weight: bold; } #paginationBottom .active { background: #d80000; color: #fff !important; font-weight: bold; } #paginationBottom .prev, #paginationBottom .next { font-weight: bold; } #paginationBottom .prev:hover, #paginationBottom .next:hover { background: none; font-weight: bold; color: #000; text-decoration: underline; color: #000 !important; } /* ----- FOOTER ----- */ #footer { background:url(../images/layup/dotsH.gif) top left repeat-x; margin-top: 27px; } #footer .padding { padding: 12px 12px 0px 12px; } #footer a { font-weight:normal; text-decoration:none;} #footer a:hover { text-decoration:underline;} .borderBottom { width: 954px; margin: 0 auto; } /* ----- 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.4em; } /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 12px 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; } legend { padding:0; margin:0; display:none; } label { display:block; width: 170px; float:left; } input, textarea { width:200px; font-size:11px !important;} .requiredLabel { color:#c21c1c;} .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:78px; height:29px; 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 #c21c1c; 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: #c21c1c; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } .paginationBottom {height:13px;padding:10px 0;}