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

Title : 
Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd

Type: Print

Description : Screen and projection stylesheet for Yeomans site

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

body { font:62.5%/1.3 arial, verdana, helvetica, sans-serif; margin:0; padding:0; color:#000000; text-align:center; }

#accessibility { display:none; }
#printHeader { display:block; }

/*  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,
#mainContent,
#primaryContent { width:650px; margin:0 auto; text-align:left; font-size:110%; }

#mainContent { margin-top: 12px; }

#header,
#primaryNavigation,
#footer,
#secondaryContent,
#homeFlash,
#homeFranchiseJumps,
#homeJumps,
#usedCarJumps,
#breadCrumbs,
#usedOptions,
.paginationTop,
.paginationBottom,
.detailBack,
#mediaPhotosActive,
#mediaPhotos,
#mediaVideosActive,
#mediaVideos,
#detailJumps,
#similarVehicles,
#newUsedJumps,
#detailVideo,
.newHirePurchaseForm,
#detailImage { display: none !important;}



#detailImage_Print {display:block; float:left;}
#detailImage img { width: 300px !important; float: left; }
#usedCarSearch { padding: 14px 19px 0px 21px; background: #c00f15; }
#tradeCentre { background: url(../images/layup/tradeCentreBg.gif) no-repeat; }
#tradeCentre a { display: block; padding: 224px 0px 42px 22px; text-decoration: none; color: #c00f15; }
#mediaPrice { display:block; padding:10px 0px 0px 15px; }
#jumpServicing, #jumpGoingGreen { display: block; width: 223px; height: 120px; }
#jumpServicing .padding, #jumpGoingGreen .padding { display: block; padding: 39px 0px 0px 18px !important; }
#jumpServicing { background: url(../images/layup/jumpServicing.jpg) no-repeat; }
#jumpGoingGreen { background: url(../images/layup/jumpGoingGreen.jpg) no-repeat; }
#homeText { margin: 17px 0px 0px 17px; }
#usedCarJumps { padding-left: 3px; background: url(../images/layup/dotsH.gif) repeat-x bottom; padding-bottom: 2px; float: left; }
#usedCarJumps img { float: left; padding-right: 1px; }
#searchResults { width: 200px; float: left; font-weight: bold; padding-left: 10px; }
#dealerLeft { float:left; width:310px; padding-top: 20px; }
#dealerRight { float:right; padding-left:20px; width:310px; padding-top: 20px; }
#dealer { padding: 0px 0px 0px 30px; }
#detailMedia { width: 213px; float: right; display:block; }
#mediaPhotos, #mediaVideos, #mediaPhotosActive, #mediaVideosActive { display: block; width: 209px; height: 71px; cursor: pointer; }
#mediaPhotos { background: url(../images/layup/mediaPhotos.jpg) no-repeat; }
#mediaVideos { background: url(../images/layup/mediaVideos.jpg) no-repeat; }
#mediaPhotosActive { background: url(../images/layup/mediaPhotosActive.jpg) no-repeat; }
#mediaVideosActive { background: url(../images/layup/mediaVideosActive.jpg) no-repeat; }
#mediaDetails { display: block; padding: 40px 0px 0px 15px; }
#detailJumps img { float: left; padding: 15px 0px 0px 0px; }
#priceDetails { padding: 5px 10px 0px 0px; }

/* ----- CLASSES ----- */
.clear { clear:both; display: block; }
.clearSmall { clear:both; display: block; line-height: 0px; height: 0px; font-size: 0px; }
.hide { display:none; }
.printHide {display:none;}
.show { display:block; }
.bold { font-weight: bold; }
.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;}
.textLine {text-decoration: line-through;}
.hand { cursor:pointer;}
.title { display: block; padding-bottom: 12px; }
.box { position: relative; }
.box a { font-weight: normal; text-decoration: none; }
.box .boxText { display: block; padding: 0px 0px 0px 24px; }
.imgDealerLocator { position: absolute; top: 45px; left: 120px; }
.redText { display: block; color: #c00f15; padding-top: 15px; font-weight: bold; }
.blueText { font-weight: bold; color: #225988; }
.greenText { font-weight: bold; color: #94ac49; }
.detailBack { float: right; }
.detailBack a { text-decoration: none; font-size: 12px; }
.redPrice { color: #ff0000; font-weight: bold; }
.dealer { width: 338px; float: left; padding-right: 5px; margin-bottom: 10px; }
.dealer a { text-decoration: none; } 
.dealer .title { display: block; padding: 5px 10px 5px 10px; background: #EAE7E2; }
.tabHeading { background: url(../images/layup/tabBg.gif) repeat-x; padding: 6px 19px 7px 19px; font-weight: bold; color: #FFF; font-size: 12px; display: block; float: left; }
.modelName { font-size: 12px; font-weight: bold; }
.reductionPrice { color: #FF0000; font-size: 15px; }

/* ----- IMAGE FRAMES ----- */
#internalImage { background: url(../images/layup/frame332x249.gif) no-repeat; float: right; height:261px; width:344px; margin-left: 20px; }
#internalImage .noImage { background: url(../images/layup/noImage332x249.jpg) no-repeat; display:block; height: 249px; width:332px; margin: 6px 0px 0px 6px; }


#internalList img { width: 184px; }
#internalList a { cursor: pointer; text-decoration: none; }
#internalList .listItem { width: 198px; float: left; height: 165px; }
#internalList .cmsImage { height:140px; width:194px; display: block; float: left; }
#internalList .itemHeading { display: block; padding: 6px 0px 0px 10px; float: left; }

#similarList { background: url(../images/layup/dotsH.gif) repeat-x top; padding-top: 5px; }
#similarList a { cursor: pointer; text-decoration: none; font-weight: normal; }
#similarList .listItem { width: 171px; float: left; }
#similarList .cmsImage { background: url(../images/layup/frame152x114.gif) no-repeat; height:126px; width:164px; display: block; float: left; }
#similarList .noImage { background: url(../images/layup/noImage152x114.jpg) no-repeat; display:block; height: 114px; width:152px; margin: 6px 0px 0px 6px; }
#similarList .listDetails { display: block; padding: 10px 10px 0px 7px; float: left; }
#similarList .vehicleName { display: block; font-weight: bold; padding-bottom: 10px; }
#similarList .vehicleDesc { display: block; }
#similarList .vehiclePrice { display: block; float: right; color: #FF0000; font-weight: bold; font-size: 17px; padding-right: 15px; padding-top: 10px; }

#usedList a { cursor: pointer; text-decoration: none; padding-left: 10px; display: block; font-weight: normal; }
#usedList .listItem { padding-bottom: 10px; border-bottom: 2px solid #000; }
#usedList .cmsImage { background: url(../images/layup/frame176x132.gif) no-repeat; height:144px; width:188px; display: block; float: left; }
#usedList .noImage { background: url(../images/layup/noImage176x132.jpg) no-repeat; display:block; height: 132px; width:176px; margin: 6px 0px 0px 6px; }
#usedList .itemIntro { display: block; float: left; width: 400px; }
#usedList .itemHeading { display: block; margin-left: 8px; padding: 5px 10px 5px 10px; background: #6f6f6f; color: #FFF; font-size: 13px; font-weight: bold; }
#usedList .itemPrice { float: right; }
#usedList .itemInfo { display: block; padding-top: 10px; }
#usedList .itemDetails { display: block; padding: 10px 10px 0px 18px; }
#usedList .hirePurchase { display: block; width: 290px; float: left; padding-right: 10px; }
#usedList .ppc { display: block; width: 290px; float: left; }
#usedList .head { display: block; background: #f2f2f2; padding: 5px 0px 5px 10px; font-weight: bold; }
#usedList .payments { float: right; padding-right: 10px; font-weight: normal; }
#usedList .totalPrices { display: block; padding: 10px 0px 0px 10px; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}

/* ----- PRIMARY NAVIGATION ----- */
#primaryNavigation { height: 33px; }
#primaryNavigation ul { list-style: none; padding: 0px 0px 0px 5px; margin: 0px; height: 33px; }
#primaryNavigation ul li { float: left; padding: 0px 2px 0px 0px; background: url(../images/layup/primaryNavSpacer.gif) no-repeat right; }
#primaryNavigation ul li.lastItem { background: none; } 
#primaryNavigation ul li a { display: block; padding: 9px 18px 9px 18px; color: #3c3c3c; font-weight: bold; text-decoration: none; }
#primaryNavigation ul li a:hover, #primaryNavigation ul li a.active { background: url(../images/layup/primaryNavBg.gif) repeat-x; }
#primaryNavigation ul li.navDate { float: right !important; background: none !important; padding: 9px 0px 9px 0px !important; color: #3c3c3c; font-weight: bold; }

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


/* ----- 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;}


/* ----- 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; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.requiredLabel { color:#C00F15;}
.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;}
#usedCarSearch form { padding: 7px 0px 21px 0px !important; margin-bottom: 7px; }
#btnUsedSearch { width: 83px; height: 26px; }
#usedCarSearch select { width: 165px; height: 19px; margin-bottom: 14px; }
#pageCount label { width: 104px; }
#sortBy label { width: 52px; }
#pageCount label, #sortBy label { font-weight: bold; padding-top: 3px; }
#sortBy, #pageCount { float: right; }
#sortBy { width: 180px; }
#pageCount { width: 155px; }
#usedOptions { width:686px; float: left; padding-top: 5px; background: url(../images/layup/dotsH.gif) repeat-x bottom; padding-bottom: 10px; }
#btnSubmit { width: 50px; height: 20px; }
#similarVehicles { padding-top: 15px; }

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

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }


/* ----- DOMTABS ----- */
.domTab { float: left; margin-top: 10px; }
.domTab .domBlock { display: none; width: 550px; margin-bottom:20px; }
.domTab .domBlock .padding { padding: 5px 10px 5px 0px !important; }
.domTab #block10, .domTab #block20, .domTab #block30, .domTab #block40, .domTab #block50 { display: block; }
.domTab .domHeadings { display: none; }
.domTab .domContainers { margin-top: 4px; }
.domTab .domHeadings a.active, .domTab .domHeadings a:hover { display: inline; float: left; padding: 5px 10px 5px 10px; text-decoration: none; background: #BCBCBC url(../images/layup/domTabActive.gif) repeat-x; }
.domTab .domHeadings a { color: #FFF; display: inline; float: left; padding: 5px 10px 5px 10px; margin-right: 2px; text-decoration: none; background: #333333 url(../images/layup/domTab.gif) repeat-x; }
.domTab .altRow { background: #f2f2f2; }
.domTab #hirePurchase { padding: 4px; }
.domTab #hirePurchase select { float: left; }
.domTab #hirePurchase label#lblPeriod { width: 88px !important; padding-top: 3px; }
.domTab #hirePurchase label#lblDeposit { width: 60px !important; padding-top: 3px; padding-left: 20px; }
.domTab #hirePurchase label#lblMileage { width: 80px !important; padding-top: 3px; padding-left: 20px; }
.domTab #btnUpdate { width: 68px; height: 19px; }
.domTab span.block { display: block; }
.domTab #monthlyPayment { display: block; float: left; padding: 3px 20px 0px 20px; }
.domTab table#hirePurchaseTable td { font-weight: bold !important; }
.domTab table { width: 550px !important; }



#t1, #t2, #t3, #t4, #t5, .domBlock {  display: block !important; margin-top: 0px; }
.tabset_tabs { display: none; }
.tabset_print { display: inline; margin: 0; padding: 0; width: 650px !important;}
.tabset_print ul { padding: 0; margin: 0px; }
.tabset_print li { list-style: none; margin: 0 !important; padding: 0 !important; float:left; height: 24px; }
.tabset_print a { text-decoration:none; }
.tabset_content table { width:650px !important; margin-top: 0px !important; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.tabset_content table td { padding-top: 7px; padding-bottom: 7px; width: auto !important; }