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

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

Type: Print

Description : Print stylesheet for Drake And Fletcher site

Created : 18/04/07
Modified : 

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

body { font:11px verdana, arial, helvetica, sans-serif; color:#000000 !important; margin:0; padding:0; background:#FFFFFF; text-align:left; }

#accessibility
{ display: none; }

#container { width:650px; margin:0 auto; text-align:left; }
#logoPrint { width: 650px; display: block; margin-bottom: 10px; }
#header { display: none; }
#backToGroup { display: none; }
#nav { display: none; }
#jumpGroup { display: none; }
#mainContentGroupHomeLeft { width: 650px; }
#mainContentGroupHomeRight { width: 650px; }
#latestOffers { display: block !important; }
#leftColGroup { width: 640px; float: left; margin-right: 0px; }
#leftCol { display: none; }
#rightCol { float: left; width: 640px; }

#fileList { float:right; background:#f5f3f1; padding:10px 15px; width:292px; border: 1px solid #cccccc; margin:0 0px 15px 15px; line-height:25px;}
#fileList ul { margin:0; padding:0; list-style:none;}
#fileList li { padding-left:20px;  background:url(../images/layup/bullet.gif) 0px 6px no-repeat;}
#fileList h1 { padding: 0;}

#inner { }


#mainContentHome { background: url(../images/layup/dots.gif) top left repeat-x; }
#mainContentHome .padding { padding: 15px 26px 30px 16px; }
#mainContent { background: url(../images/layup/dots.gif) top left repeat-x; min-height: 760px; padding-top: 1px; }
#mainContent .padding { padding: 10px 10px 30px 16px; }
.contentImage { float:right; position:relative; padding: 0px 0px 10px 10px; }
.frameLarge { position:absolute; top: -4px; left: 6px; }
.frameSmall { position:absolute; top: -5px; left: -6px; }
.listItem { position:relative; margin: 4px 0px 0px 0px; width: 650px;}
.listItem a{ text-decoration: underline; font-weight: normal; }
.listItem a:hover{ text-decoration: none; }
.listImage { float:left; }
.listImageTitle { position:absolute; top: 129px; left: 7px; font-weight: bold; font-size: 1.1em; }
.listText { float:left; padding-top: 10px; width: 380px;}
.listTextUsed { float:left; padding-top: 20px; width: 400px; padding-left: 15px; }
.listHeading { background: #f0f0f0; margin-left: 152px; color: #7c49a6; padding: 7px 0px 0px 15px; height: 18px; border: 1px solid #CCCCCC; width: 467px; }
.listPrice { font-size: 1.3em; color: #f81313; position: absolute; top: 16px; right: -10px; font-weight: bold; }
.multiplePictures { background:url(../images/layup/iconPhoto.gif) 0px 0px no-repeat; padding-left: 26px; margin-top: 10px; }

#newCars { min-height: 345px; padding: 0px 0px 0px 7px; margin: 0px 1px 0px 1px; }
.newCarThumb { position:relative; float: left; width: 172px; height: 162px; }
.newCarThumbTitle { position:absolute; top: 129px; left: 7px; font-weight: bold; font-size: 1.0em; clear: both; }
#carOptions { background:url(../images/layup/dots.gif) top left repeat-x; padding-top: 1px; line-height: 120%; margin-top: 10px; }
#carOptionsRow2 { padding-top: 1px; line-height: 120%; }
#carOptionsRow2 a{ color: #bbbbbb; }
.carOptionsBox { background-color:#f2f2f2; float: left;}
.brochure { padding: 18px 0px 0px 70px; background:url(../images/layup/iconBrochure.gif) 17px 11px no-repeat; width: 84px; height: 40px; border-right: solid  3px #ffffff; }
.testDrive { padding: 18px 0px 0px 70px; background:url(../images/layup/iconTestDrive.gif) 19px 9px no-repeat; width: 80px; height: 40px; border-right: solid  3px #ffffff;}
.manufacturer { padding: 18px 0px 0px 55px; background:url(../images/layup/iconManufacturer.gif) 18px 7px no-repeat; width: 100px; height: 40px; border-right: solid  3px #ffffff;}
.store { padding: 18px 0px 0px 80px; background:url(../images/layup/iconStore.gif) 36px 11px no-repeat; width: 154px; height: 40px; }
.store a { color: #7c49a6; }
.enquire { padding: 10px 0px 0px 60px; background:url(../images/layup/iconEnquire.gif) 17px 6px no-repeat; width: 172px; height: 30px; border-bottom: solid  3px #ffffff; border-right: solid  3px #ffffff; }
.sendToFriend { padding: 10px 0px 0px 60px; background:url(../images/layup/iconSendToFriend.gif) 19px 7px no-repeat; width: 172px; height: 30px; border-bottom: solid  3px #ffffff; border-right: solid  3px #ffffff;}
.printSpec { padding: 10px 0px 0px 60px; background:url(../images/layup/iconPrint.gif) 18px 7px no-repeat; width: 173px; height: 30px; border-bottom: solid  3px #ffffff; }

.rightColBox { display: none; }
#signUp { display: none; }

#carOptions { display: none; }
#carOptionsRow2 { display: none; }

.frameLarge { display: none; }
#usedCarPhoto { float:left; position:relative; width: 333px; padding: 0px 0px 0px 4px; margin: 10px 0px 10px 0px !important; }
#usedCarPhoto .frameLarge { position:absolute; top: -4px; left: 0px; }
.imageEnlarge { display: none; }
#usedCarPhoto .specialOffer { position: absolute; top: 0px; left: 3px;}
#thumbnails { float:left; width:330px; margin-top: 10px;}
#thumbnails ul { margin:0; padding:0; list-style:none;}
#thumbnails li { position:relative; float:left; padding-right:7px; padding-bottom:9px; }
#similarVehicles { margin-top: 10px; }
#similarVehicles .title { width: 596px; border: 2px solid #f2f2f2; height: 22px; padding: 5px 0px 0px 20px;}
.similarVehiclesBox { float: left; width: 155px; margin-top: 4px; line-height: 120%;  margin-bottom: 10px;}
.similarVehiclesBox img { width: 150px;}
.last{ float: left; width: 166px; }

#usedCarPhoto { float:left; position:relative; width: 343px; padding: 0px 0px 0px 4px; margin: 10px 0px 0px 0px; }
#usedCarPhoto .frameLarge { position:absolute; top: -4px; left: 0px; }
.imageEnlarge { position: absolute; bottom: 10px; left: 10px; }
#usedCarPhoto .specialOffer { position: absolute; top: 0px; left: 3px;}
#thumbnails { float:left; width:330px; margin-top: 10px;}
#thumbnails ul { margin:0; padding:0; list-style:none; }
#thumbnails li { position:relative; float:left; padding-right:7px; padding-bottom:9px;}

/* ----- FOOTER ----- */
#footer { display: none; }

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0px 0 0 10px; padding:0; }
#sitemap ul { list-style:circle;}
.sitemapLi { padding:5px 0 5px 20px; }

/* ----- BREADCRUMBS ----- */
#breadcrumbsGroup { display: none; }
#breadcrumbs  { display: none; }

/* ----- 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; }
.relative { position:relative; }
.inline {display:inline;}
.specialOffer { display: none; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { font-size: 1.1em; color: #35388d; padding-bottom: 10px; padding-top: 10px;}
h2 { font-size: 1.3em; }
h3 {}
h4 {}
h5 {}
h6 {}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0px 0px 10px 0px; margin:0; line-height: 120%; }

/* ----- LINKS ----- */
a { color:#464646; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }

/* ----- TABS ----- */
#t1, #t2, .tabset_content {  display: block !important;}

.domtab { margin-top: 0px; float:left !important; /*clear: both;*/ }
#contentHeight {  float:left !important; position:relative; margin-right: 15px; background:#ffffff; border-top:5px solid #f2f2f2; border-left:5px solid #f2f2f2; border-right:5px solid #f2f2f2; border-bottom: 5px solid #f2f2f2; color: #717171; }
.tabset_content h2 { display:none; }
.tabset_tabs { display: none; margin-right: 15px; }
.printTableWidth { width: 300px !important; } 
.printTableWidthLarge { width: 600px !important; } 

.tabset_print { display: block;  margin:0; padding:0; list-style-type:none; margin-left: 0px;}
.tabset_print ul { list-style: none; margin: 0px; padding: 0px; }
.tabset_print li { list-style: none; margin:0 5px 0 0; padding:0; float:left; }
.tabset_print a	{text-decoration:none; clear: right; font-size:100%; display:block; padding: 0px; margin:0px; color:#000000;  background: #ffffff; border-left: 2px solid #f2f2f2; border-right: 2px solid #f2f2f2; border-bottom: 2px solid #f2f2f2;  border-top: 2px solid #f2f2f2; }
.tabset_print a:hover { text-decoration:none; font-size:100%; display:block; padding:0; color:#000000;  background: #f2f2f2; border-left: 2px solid #f2f2f2; border-right: 2px solid #f2f2f2; border-top: 2px solid #f2f2f2; }
.tabset_print span { color:#8f8f8f !important; display:block; padding:5px 15px; }

.tabset_printSingle { display: block;  margin:0; padding:0; list-style-type:none; margin-left: 0px;}
.tabset_printSingle ul { list-style: none; margin: 0px; padding: 0px; }
.tabset_printSingle li { list-style: none; margin:0 5px 0 0; padding:0; float:left; }
.tabset_printSingle a	{ text-decoration:none; clear: right; font-size:100%; display:block; padding: 0px; margin:0px; color:#000000;  background: #ffffff; border-left: 2px solid #f2f2f2; border-right: 2px solid #f2f2f2; border-bottom: 2px solid #f2f2f2;  border-top: 2px solid #f2f2f2; }
.tabset_printSingle a:hover { text-decoration:none; font-size:100%; display:block; padding:0; color:#000000; background: #f2f2f2; border-left: 2px solid #f2f2f2; border-right: 2px solid #f2f2f2; border-top: 2px solid #f2f2f2; }
.tabset_printSingle span { color:#8f8f8f !important; display:block; padding:5px 15px; }

.tabset_content table { }
.tabset_content	{ padding:0px 10px 20px 0px; clear: both; background:none !important; border:none !important;}
.tabset_content .inlineMiddle { display:inline; vertical-align:middle; }
.tabset_label	{ display:none }
.tabset_content_active	{ display:block; }
.tabset_tabs .active { background: #f2f2f2; color: #000000 !important; }
.tabset_tabs .active span { color: #000000 !important; }
.trAlt { background:#f2f2f2 !important; }
.tabset_content th { height: 50px; padding: 0px 12px 0px 12px;}
.tabset_content td { height: 23px; padding: 0px 12px 0px 12px;}

#singleContentHeight { width: 200px; float:left !important; position:relative;  background:#ffffff; border-top:5px solid #f2f2f2; border-left:5px solid #f2f2f2; border-right:5px solid #f2f2f2; border-bottom:5px solid #f2f2f2; color: #717171; }
.singleTab_content	{ color: #000000;  padding:0px 0px 0px 0px; background:none !important; border:none !important;}
.singleTab_content .inlineMiddle { display:inline; vertical-align:middle; }
.singleTab_content th { height: 22px; padding: 8px 12px 0px 12px;}
.singleTab_content td { height: 22px; padding: 0px 12px 0px 12px;}
.singleTab_content table { }
.singleTab_content a { color:#ff0000; text-decoration:underline; }
.singleTab_content a:hover { color:#ff0000; text-decoration:none; }

#singleContentHeight form { border: none; }
#loanDetails input, textarea, select { width: 74px !important; font-weight: bold;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { font-size: 1.0em; color: #35388d; padding-bottom: 10px;}
h2 { font-size: 1.3em; }
h3 {}
h4 {}
h5 {}
h6 {}

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

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

#promoForm { padding:12px 0 0 19px; }
#promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;}
#promoForm .signupBoxes label { float:left; width:450px; position:relative; top:3px;}
#promoForm .signupBoxes input { float:left;}
#promoForm select { width:125px !important; display:block; margin-right:15px;}
#promoForm .carSelects { padding-top:18px;}
#promoForm .submitButton { margin:20px 0 20px 0;}

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

#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:#a74979;}
#mainContentGroup select { width:208px; margin-top: 8px; font-size: 1.0em;}

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

#salesFeedback input { width:20px !important; padding:1px 2px; margin-top: 8px; font-size: 1.0em;}
#customerFeedback input { width:20px !important; padding:1px 2px; margin-top: 8px; font-size: 1.0em;}
#customerFeedback .width200 input { width:200px !important;}
#salesFeedback .width200 input { width:200px !important;}
#salesFeedback table { width: 645px !important; margin-bottom: 30px; margin-top: 15px; }

#loginForm { padding: 5px 10px 12px 10px; background: #eeeeee; }
#loginForm .submit { width: 50px !important; padding: 0px; margin-left: 260px; margin-top:10px; margin-right: 10px;}
#loginForm img { display: inline; }

#details { height: 90px !important; }
