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

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

Type: Print

Description : Print stylesheet for Peter Vardy site

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

body { font:12px verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#FFFFFF; text-align:left; }

#accessibility,
#topNav,
#similarVehicles,
.btnAdjustFinance,
#btnApplyForFinance,
#pagination,
#jumps,
#newCarEnquiry,
#similarContain

{ display:none !important; }

#header, #leftCol, .borderT, .borderB, #primaryNav, #mainFlash, #primaryJumps, #secondaryJumps, #pageInfo, #searchInfo, #footer { display: none; }
#printHeader { display:block; height: 124px; }

#rightCol #internalDetails { float: right; margin: 0px; display: inline; }
#rightCol .cmsImage { width: 337px; height: 252px; position: relative; border: 1px solid #000; float:right; margin:0px 0px 15px 15px; }
#rightCol .cmsImage .frame { display: none; }
#rightCol .cmsImage .special { display: none; }

/* ----- BOX LIST ----- */
#boxList { }
#boxList .box { float: left; margin-right: 5px; margin-left: 6px; display: inline; margin-bottom: 34px; }
#boxList .box a { display: block; width: 205px; cursor: pointer; text-decoration: none; font-weight: bold; color: #666; }
#boxList .box a:hover { text-decoration: underline; }
#boxList .box .thumb { display: block; background: none; width: 205px; height: 154px; position: relative; border: 1px solid #000; }
#boxList .box .thumb .frame { display: none; }
#boxList .box .title { display: block; padding: 0px 6px 0px 0px; height: 30px; background: none; text-transform: uppercase; }
#boxList .box.last { margin-right: 0px; }

/* ----- VIDEO LIST ----- */
#videoList { margin-top: 7px; }
#videoList .box { float: left; margin-right: 7px; display: inline; margin-bottom: 34px; margin-bottom: 7px; }
#videoList .box img { width: 212px; } 
#videoList .box a { display: block; width: 212px; cursor: pointer; text-decoration: none; font-weight: bold; color: #666; }
#videoList .box a:hover { text-decoration: underline; }
#videoList .box .thumb { display: block; background: none; width: 212px; position: relative; }
#videoList .box .thumb .frame { display: none; }
#videoList .box.last { margin-right: 0px; }

/* ----- OFFER DETAIL PAGE ----- */
#rightCol .offerFrame { float: right; margin: 0px 0px 10px 20px; }
#rightCol .offerFrame .frame { display: none; }
#rightCol #detailOfferJumps { display: none; }
#rightCol #contactForm { display: none; }
#rightCol #offerList2 { display: none; }


/* ----- OFFER LIST ----- */
.offerBox { width:317px; height:237px; border:1px solid #b5b5b5; margin-right:5px; margin-bottom:20px; float:left;}


/* ----- ABOUT US LIST ----- */
#aboutUsList .listItem { background: url(../images/layup/dotsH.gif) repeat-x bottom; margin-bottom: 10px; padding-bottom: 10px; }
#aboutUsList .listItem a { text-decoration: none; font-weight: normal; }
#aboutUsList .listItem span { display: block; }
#aboutUsList .listItem .itemImage { float: left; background: url(../images/layup/frameAboutList.gif) no-repeat; /*width: 206px; height: 74px;*/ padding: 6px; }
#aboutUsList .listItem .itemDetails { width: 393px; float: right; }
#aboutUsList .listItem .itemDetails .itemHeading { font-weight: bold; font-size: 13px; border-bottom: 1px solid #dfdfdf; margin-bottom: 10px; padding-bottom: 5px; }
#aboutUsList .listItem .itemDetails .float_right { font-weight: bold; }

/* ----- FINANCE PAGE ----- */
#financeJumps a { display: block; padding-right: 2px; float: left; padding-bottom: 15px; }
#financeJumps .lastItem { padding-right: 0px; }

#adjustFinance { display: none; }
#usedCarOffer { display: none; }

/* ----- LIST ----- */
#list { float: left; width: 650px; }
#list .listItem { background: none; margin-bottom: 3px; }
#list .listItem a { display: block; cursor: pointer; text-decoration: none; font-weight: normal; color: #fff; padding: 7px 0px 0px 0px; width: 650px; }
#list .listItem .borderB { display: none; }
#list .listItem .clear { display: block; clear:both; }
#list .listItem .title { display: block; float: left; width: 500px; font-weight: bold; font-size: 1.1em; padding: 3px 0px 0px 0px; margin-bottom: 10px; background: none; }
#list .listItem .bullet { background: none; padding-left: 0px; } 
#list .listItem .price { display: block; font-weight: bold; float: right; }
#list .listItem .thumb { display: block; float: left; background: none; width: 153px; height: 115px; position:relative; margin-right: 3px; }
#list .listItem .thumb .frame { display: none; }
#list .listItem .thumb .special { display: none; }
#list .listItem .financeExample { display: block; float: left; width: 460px; height: 19px; padding: 6px 0px 0px 10px; font-size: 1.0em !important; background: none; color: #fff;  }
#list .listItem .financeExample .financeTitle { display: block; width: 130px; float: left; font-size: 0.9em !important; }
#list .listItem .financeExample .financeDeposit { display: block; width: 130px; float: left; text-align: left; font-size: 0.9em !important; }
#list .listItem .financeExample .financeMonthlyPayments { display: block; width: 200px; float: left; text-align: left; font-size: 0.9em !important; }
#list .listItem .spec { display: block; float: left; width: 460px; background: none; margin-bottom: 6px; }
#list .listItem .specDetails { display: block; float: left; width: 460px; background: none; margin-bottom: 6px; }
#list .listItem .specDetails .float_right { float: left !important; padding-left: 4px; }
#list .listItem .specItem { display: block; height: 21px; padding: 7px 0px 0px 5px; float: left; width: 145px; }
#list .listItem .specList { display: block; height: 21px; padding: 7px 0px 0px 10px; float: left; width: 400px;  }

/* ----- MOTABILITY PAGES ----- */
#rightCol #motabilityJumps { display: none; }
#rightCol #motabilityOffersBox { display: none; }
#rightCol #motabilityImageLarge { float: right; margin: 0px 0px 10px 15px; }
#rightCol #motabilityImageLarge .frame { display: none; }
#rightCol #motabilityImageLarge .cmsImageMotability { padding-left: 13px; }
#rightCol .titleLarge { font-weight: bold; font-size: 16px; color: #000; border-bottom: 1px solid #cccccc; margin-bottom: 10px; padding-bottom: 5px; }
#rightCol #motabilityOffersBox .titleLarge { color: #cd0000 }
#rightCol #motabilityMainBanner { display: none; }

/* ----- NEW CAR DETAIL ----- */
.newCarTitle { font-size: 23px; float:left; font-weight:bold; color: #ca2121; width: 325px; padding-bottom: 4px; margin-bottom: 1px; line-height: 140%; } 
.newCarListPrice { font-size: 18px; font-weight:bold; color: #ca2121; float:right; padding-bottom:0px; padding-top:7px; }

.newCarDottedHeading { color: #fff; width: 325px; background: none; padding: 2px 0px; height: 21px; margin-bottom: 12px; }
.newCarDottedHeading h2  { padding: 4px 10px 4px 10px; background: #cc0000; display: block; float: left; height: 13px; }
.newCarFeaturesList { list-style: none; padding: 0; margin: 0px 0px 12px 0px; }
.newCarFeaturesList li { font-weight: bold; padding: 0px 0px 0px 2px; }
.newCarListPrice .title { color: #fff; background: #333333; font-weight: bold; padding: 3px 4px 3px 4px; width: 152px; display: block; float: left; }
.newCarListPrice .price { font-weight: bold; font-size: 12px; text-align: right; padding-top: 1px; width: 120px; float: left; }
.newCarVardyPrice { height: 37px; line-height: 170%; }
.newCarVardyPrice .title { color: #fff; background: #333333; font-weight: bold; padding: 2px 4px 2px 4px; width: 152px; display: block; float: left; }
.newCarVardyPrice .price { font-weight: bold; font-size: 15px; text-align: right; padding-top: 1px; width: 120px; float: left; }
.newCarYouSave { height: 37px; line-height: 170%; }
.newCarYouSave .title { color: #fff; background: #cc0000; font-weight: bold; padding: 2px 4px 2px 4px; width: 152px; text-transform: uppercase; display: block; float: left; }
.newCarYouSave .price { font-weight: bold; font-size: 15px; color: #cc0000; text-align: right; padding-top: 1px; width: 120px; float: left; }
.newCarOptions { display: none; }

#newCarImage { float:left; margin-right:10px;}


/* ----- NEW CAR MODELS LIST ----- */
#newCarModels {  }
#newCarModels .box { width: 205px; margin-right: 5px; float: left; }
#newCarModels .box a { display:block; width: 205px; color: #fff; cursor: pointer; text-decoration: none; }
#newCarModels .thumb { width: 205px; height: 154px; margin-bottom: 3px; display: block; }
#newCarModels .title { font-size: 1.0em; background: #cc0000; padding: 3px 0px 3px 9px; margin-bottom: 3px; display: block; }
#newCarModels .box.last { margin-right: 0px; }
#newCarModels .newCarDottedHeading { width: auto !important; } 


.newCarBox { width:205px; height: 178px; float:left; margin-right:10px; margin-bottom:15px; }
.newCarBox.last { margin-right:0px; }
.newCarBox a {font-weight:bold; color:#fff; text-decoration:none;}
.newCarBox .title { display:block; width:190px; height:21px; background:url(../images/layup/newCarTitleBg.jpg) no-repeat; padding:5px 0px 0px 15px; }
.newCarBox .image { border: 1px solid #3a3a3a; display:block; width:203px; height:152px; }




/* ----- USED CAR DETAIL ----- */
#usedCarImagery { width: 650px; float: left; }
#carPhoto { background: none; width: 307px; height: 230px; position: relative; padding: 0px; float:left; }
#carPhoto .frame { display: none; }
#carPhoto .enlarge { display: none; }
#carPhoto .special { display: none; }

#usedCarOptions { display: none; }

#thumbnails { width: 320px;  margin-top: 0px; float:right; margin-left:10px; }
#thumbnails .thumb { float: left; width: 147px; height: 110px;  margin-left:10px; margin-bottom:8px;  }

#usedCarFinanceQuote { background: none; width: 646px; padding: 10px 0px 10px 0px; margin-left: 0px; margin-top: 5px; border: 1px solid #000; color: #000; }
#usedCarFinanceQuote .titleBtns { background: none; text-transform: uppercase; position: relative; color: #000; line-height: 120%; font-size: 1.3em; font-weight: bold; height: 23px; padding-top: 2px; margin-bottom: 2px; }
#usedCarFinanceQuote .title { float: left; padding-left: 10px; }
#usedCarFinanceQuote .btnApplyForFinance { display: none; }
#usedCarFinanceQuote .btnAdjustFinance { display: none; }
#usedCarFinanceQuote table { color: #fff; width: 100%; }
#usedCarFinanceQuote td { padding: 2px 5px 2px 10px; font-size: 0.9em; }
#usedCarFinanceQuote #adjustFinance { display: none; }
#usedCarFinanceQuote .float_left { float: left !important; }
#usedCarFinanceQuote .float_right { padding-left: 3px; float: left !important; }

.domTab2 { margin-top: 20px; }
#newHirePurchaseForm { display: none; }
#cwFinanceOptions { display: none; }
#cwCarInsuranceDetails { display: none; }
#linkInstQuote { display: none; }
#linkAdjustFinance { display: block; font-size: 1.2em; padding: 4px 0px 4px 3px; width: 645px; border: 1px solid #000; text-decoration: none;  }
.newHirePurchaseTable { width: 628px; padding: 10px; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; }
.newHirePurchaseTable h1 a { text-decoration: none; }
.newPurchaseButtonBg { display: none; }
.newLeasePurchaseTable { width: 628px; padding: 10px; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; }
.newLeasePurchaseTable h1 a { text-decoration: none; }
.newPCPTable { width: 628px; padding: 10px; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; }
.newPCPTable h1 a { text-decoration: none; }

/* ----- DOMTABS ----- */
#t1, #t2, #t3, #t4, #t5, .tabset_content {  display: block !important; margin-top: 0px; width:650px; clear:left; }
/*.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: 7px 0px 0px 0px; }
#financeCalculator { display: none; } */

/* ----- DOMTABS ----- */
#usedVehicleSpec { float: left; background: none; width: 650px;  padding: 3px 3px 0px 3px; clear:both; }
#usedVehicleSpec .titlePrice { background: none; width: 650px; margin-bottom: 4px; padding-top: 0px; text-transform: uppercase; font-weight: bold; font-size: 1.0em; }
#usedVehicleSpec .title { float:left;}
#usedVehicleSpec .price { float:right; }
#usedVehicleSpec .domtab { }
#usedVehicleSpec .tabset_print { margin:0px; padding:0px; float:left; }
#usedVehicleSpec .tabset_print ul { float:left;}
#usedVehicleSpec .tabset_print li { list-style: none; float:left;   }
#usedVehicleSpec .tabset_tabs { display: none; }
#usedVehicleSpec .trAlt {  }
#usedVehicleSpec .tabset_content { display: block; }
#usedVehicleSpec .tabset_content h1 { color: #000; padding: 0px; }
#usedVehicleSpec .tabset_content table { width: 650px !important; }
#usedVehicleSpec .tabset_content td { height: 17px; padding: 0px; padding: 0px 0px 0px 0px !important; }
#usedVehicleSpec .tabset_content tr { }
.details div {width:200px; float:left; line-height:16px; margin-top:15px; font-weight:bold;}



#finance { clear:both; padding-top:16px;} 
#finance  img {display:none;}
#financeCalc { width:271px; border: 1px solid #c2c2c2;  margin-bottom:10px; background:url(../images/layup/domtabBg.gif) top left repeat-x #f9f9f9; padding:10px; }  
#frmFinance {display:none;}
#financeInfo { margin-bottom:10px;}
#financeInfo div { clear:left; padding-bottom:18px; }
#financeCalc img {display:none;}

/* ----- CHARITY PAGES ----- */
#charityLeft { width:317px; margin:0 1px 10px 0; float:left; }
#charityLeft .titleTop { width:303px; color:#000; font-weight:bold; padding:10px 5px; display:block; }
#charityLeft .titeBottom { width:317px; color:#000; display:block; }
#charityLeft .titeBottom .padding { padding:10px 5px; display:block; }

#charityRight { display:none; }

#howToApplyPoints {}
#howToApplyPoints .icon { width:49px; display:block; float:left; }
#howToApplyPoints .description { width:580px; padding:0 0 15px 10px; float:left; }
#howToApplyPoints .description h2 { font-size:11px; font-weight:bold; padding:0 0 10px; display:block; }

a.faq { font-size:16px; cursor:pointer; font-weight:bold; text-decoration:none; display:block; }
a.faq:hover { color:#cc0000; }

img.charityImg { width:155px; height:117px; border:1px solid #dadada; padding:6px 7px; margin:0 15px; float:right; }
h3.charity { font-size:23px; color:#000; font-weight:bold; background:none; padding:0 0 5px; margin:0 0 8px; }

#charityMain { width:650px; height:284px; margin:0 0 4px;  }
#charityMain img { width:650px !important; height:284px !important; }
#charityMain .overlay { display:none; }

#projectBox { width:650px; margin:0 0 5px; }
#projectBox a { text-decoration:none; font-weight:normal; cursor:pointer; display:block; }
#projectBox .title { font-size:11px; color:#000; background:none; padding:5px 0 5px 0; display:block; }
#projectBox .padding { border:none; padding:0; display:block; }
#projectBox .leftSide { width:430px; font-size:11px; color:#000; background:none; padding:0; float:left; display:block; }
#projectBox .leftSide .projectTitle { font-size:23px; font-weight:bold; azimuth:0 0 5px; display:block; }
#projectBox .leftSide .subTitle { font-weight:bold; padding:0 0 12px; display:block; }
#projectBox .leftSide .description { padding:0 0 17px; display:block; }
#projectBox .leftSide .btnMoreInfo { display:none; }
#projectBox .thumb { width:155px; height:117px; border:none; margin:10px 0 0; padding:0; display:block; float:right; }

#charityBoxList { margin:0 0 20px; }
#charityBoxList .box { width:205px; margin:0 10px 0 0; float:left; } 
#charityBoxList .end { margin:0; }
#charityBoxList .box a { width:auto; text-decoration:none; font-weight:normal; cursor:pointer; display:block; }
#charityBoxList .box .title { font-size:11px; color:#000; font-weight:bold; background:none; padding:5px 0; display:block; }
#charityBoxList .box .padding { border:none; padding:0; display:block; }
#charityBoxList .box .thumb { width:205px; height:90px; background:none; padding:0; margin:0 0 10px; display:block; }
#charityBoxList .box .subTitle { height:20px; font-size:11px; color:#000; font-weight:bold; text-transform:none; background:none; padding:0; display:block; }
#charityBoxList .box .description { height:63px; font-size:11px; display:block; }
#charityBoxList .box .btn { display:none; }

table#fundingAchievements { margin:0 0 15px; }
table#fundingAchievements p { padding:0 0 10px !important; }

#latestUpdates { width:320px; height:130px; color:#000; background:none; margin:0 0 11px; float:left; }
#latestUpdates .padding { padding:0; }
#latestUpdates .title  { width:320px; font-size:23px; font-weight:bold; }
#latestUpdates .subTitle{ width:320px; font-size:11px; font-weight:bold; padding:0 0 10px; display:block; }
#latestUpdates .description{ width:320px; font-size:11px; display:block; }

#videoDiary { width:320px; height:130px; color:#000; background:url(../images/layup/charityJumpVideoDiary.gif) no-repeat left top; margin:0 0 11px; float:right; }
#videoDiary .padding { padding:0; }
#videoDiary .title { width:320px; font-size:23px; font-weight:bold; }
#videoDiary .subTitle { width:320px; font-size:11px; font-weight:bold; padding:0 0 10px; display:block; }
#videoDiary .description { width:320px; font-size:11px; display:block; }

#whoElseHaveWeHelped {}
#whoElseHaveWeHelped .title { font-size:15px; font-weight:bold; color:#000; background:none; padding:5px 0 5px 0; margin:0 0 8px; display:block; }
#whoElseHaveWeHelped #boxList {}
#whoElseHaveWeHelped #boxList .box { width:155px; border:0; margin:0 10px; float:left; } 
#whoElseHaveWeHelped #boxList .divider { display:none; }
#whoElseHaveWeHelped #boxList .box a { width:auto; text-decoration:none; font-weight:normal; cursor:pointer; padding:0; display:block; }
#whoElseHaveWeHelped #boxList .box .thumb { width:155px; height:117px; background:url(../images/layup/charityDotsH.gif) repeat-x left bottom; padding:0 0 9px; margin:0 0 10px; display:block; }
#whoElseHaveWeHelped #boxList .box .title { height:20px; font-size:11px; color:#000; text-transform:none; background:none; padding:0; display:block; }
#whoElseHaveWeHelped #boxList .box .description { height:auto; font-size:11px; display:block; }
#whoElseHaveWeHelped #boxList .box .btn { display:none; }

/* ----- PRESS RELEASE ----- */
#pressList {}
#pressList .listItem { width:648px; border-bottom:none; padding:0; margin:0 0 15px; }
#pressList .listItem a { text-decoration:none; }
#pressList .listItem .thumb { width:221px; height:164px; padding:0; position:relative; display:block; float:left; }
#pressList .listItem .thumb .frame { display:none; }
#pressList .listItem .rightSide { width:402px; color:#3b3b3b; font-size:11px; font-weight:bold; float:right; display:block; }
#pressList .listItem .rightSide .title { font-size:16px; display:block; }
#pressList .listItem .rightSide .date { padding:0 0 10px; display:block; }
#pressList .listItem .rightSide .description { height:auto; display:block; }
#pressList .listItem .rightSide .link { display:none; }

/* ----- SITE MAP ----- */
#sitemap { list-style:square; margin:0 0 0 5px; padding:0; font-size: 0.9em; }
#sitemap ul { list-style:square;  margin:10px 0 0px 25px; padding:0;}
#sitemap li { padding:5px 0 5px 10px; margin: 0px 0px 0px 20px; }
#sitemap a { text-decoration: none; }
#sitemap a:hover { text-decoration: underline; }

/* ----- CLASSES ----- */
.clear { clear:both; }
.printClear { clear:both; display:block;}
.hide { display:none; }
.show { display:block; }
.printHide { display:none; }
.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; }
.red { color: #ff0000; } 

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

/* ----- 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; 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:#cc0000;}
.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:99px; height:41px; 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 #cc0000; 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: #cc0000; color : #FFF; font-weight: bold; }

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

#thumbBox { display: none; }
#thumbLoading { display: none; }