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

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

Type: Print

Description : Screen and projection stylesheet Loads of Vans site

Created : 28/09/07
Modified :

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

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

#accessibility
{ display:none; }

/* ----- IDS ----- */
#container { width:650px; margin:0 auto; text-align:left; }
#header { display: none; }
#printHeader { display: block; height: 140px; }
#topBar { display: none; }
#leftCol { display: none; }
#rightCol { display: none; }
#middleCol { width: 650px; }
#middleCol .padding { padding:0px; }
#homeFlash { display: none; }
#titleSelectVehicle { display: none; }
#selectVans { display: none; }
#middleCol .row { border-bottom: 1px solid #dcdcdc; padding-bottom: 12px; margin: 0px 0px 0px 0px; }
#middleCol .row .padding { padding:0px; }
#middleCol .row .box { position: relative; background: none; float: left; width: 205px; margin-right: 11px; margin-top: 8px;   }
#middleCol .row .box.last { margin: 8px 0px 0px 0px !important; }
#middleCol .row .box .thumb { padding: 9px 0px 0px 0px !important; }
#middleCol .row .box .info { padding: 10px 0px 0px 0px !important; line-height: 130%; width: 170px; }
#middleCol .row .box .title {  padding: 0px 0px 8px 0px; font-weight: bold;}
#middleCol .row .box .color {  padding: 0px; font-weight: bold;}
#middleCol .row .box .price { padding: 0px; font-weight: bold; color: #dd0201; font-size: 1.1em;}
#middleCol .row .box .sale { display: none; }
#middleCol .row .badge { float: left; width: 210px; margin: 20px 0px 10px 0px;  }
#middleCol .row .badge img { margin:0 auto; }
#middleCol .row .newCarBox { position: relative;float: left; width: 182px; margin-right: 11px; margin-top: 8px; }
#middleCol .row .newCarBox.last { margin: 8px 0px 0px 0px !important; }
#middleCol .row .newCarBox .thumb { padding: 9px 21px 0px 21px !important; background: none; height: 118px;  }
#middleCol .row .newCarBox .link { float: right; padding-right: 4px; }
#middleCol .row .newCarBox .link img { display: inline; position: relative; top: 4px; padding-left: 5px; }
#middleCol .row .newCarBox .link a { text-decoration: none; color: #d50505; }
#middleCol .row .newCarBox .link a:hover { text-decoration: underline; }
#middleCol .row .newCarBox h1 { text-transform: uppercase; padding: 0px 0px 0px 10px !important;}
#middleCol .row .newCarBox.last { margin: 8px 0px 0px 0px !important; }
#mainContent { width: 650px;}
#mainContent .padding { padding:18px 0px 10px 0px;}
#mainContent p { line-height: 130%; color: #818181; }
#mainContent .internalImage { position: relative; float: right; margin: 0px 9px 20px 25px; }
#mainContent .internalImage .frame { display: none; }
#fileList { display: none; }

#titleHotDeals { margin:30px 0 0px 10px; }
#titleHotDealsRed { margin:14px 0 0px 10px; }
#titleNewCars { margin:25px 0 0px 10px; padding-bottom: 10px; background:none; }
#hotDealBox { position:relative; background: none; height: 130px; margin-top: 9px; }
#hotDealBox .padding { padding: 13px 0px 0px 14px;}
#hotDealBox .thumb { position:relative; float: left; width: 158px; }
#hotDealBox .thumb .frame { display: none; }
#hotDealBox .info { float: left; line-height: 130%; width: 270px !important; margin-top: 10px; }
#hotDealBox .title { padding: 0px 0px 8px 0px; font-weight: bold; font-size: 1.1em;}
#hotDealBox .spec { padding: 0px 0px 8px 0px; }
#hotDealBox .choice { padding: 0px; font-weight: bold; color: #dd0201; text-transform: uppercase; }
#hotDealBox .price { margin-top: 9px; margin-right: 7px; color: #d90404; font-size: 1.1em; text-transform: uppercase; line-height: 130%; font-weight: bold; text-align:right;  }

#carPhoto { float:left; position:relative; width: 300px; padding: 0px 0px 0px 0px; margin: 26px 0px 0px 0px; }
#carPhoto .padding { padding: 0px 0px 0px 14px; }
#carPhoto .frame { display: none; }
#thumbnails { float:right; width:266px; margin-top: 10px; margin: 26px 0px 0px 0px; }
#thumbnails ul { margin:0; padding:0; list-style:none; }
#thumbnails li { position:relative; float:left; padding-left: 25px; padding-bottom:24px; }
#thumbnails .thumb { position:relative; }
#thumbnails .thumb .frameSmall { display: none; }
#thumbnails .imageEnlarge { display: none; }
#carOptions { line-height: 120%; margin-top: 15px; }
.carOptionsBox { display: none; }
#newCarOptions { display: none; }
.newCarTitle {}
.newCarTitle h1 {padding: 0px 0px 0px 7px; margin-top: 20px; text-transform: uppercase; font-size: 1.1em;}
#middleCol .listItem { position: relative; background: none; padding-bottom: 15px; margin: 0px 0px 0px 6px; }
#middleCol .listItem .padding { padding: 11px 0px 5px 7px; }
#middleCol .listItem .thumb { float: left;  padding: 0px !important; width: 158px; position:relative; }
#middleCol .listItem .frame { position:absolute; top: -5px; left: -6px; }
#middleCol .listItem .info { float: left; line-height: 130%; width: 270px !important; margin-top: 10px; }
#middleCol .listItem .title  { padding: 0px 0px 8px 0px; font-weight: bold; }
#middleCol .listItem .spec { padding: 0px 0px 15px 0px; width: 230px; }
#middleCol .listItem .multiplePhotos { display: none; }
#middleCol .listItem .priceWas { margin-top: 8px; margin-right: 7px; text-decoration:line-through; color: #000000; font-size: 1.1em; font-weight: bold; text-align:right; }
#middleCol .listItem .price { margin-top: 0px; margin-right: 7px; color: #d90404; font-size: 1.1em; line-height: 130%; font-weight: bold; text-align:right; }
#middleCol .listItem .sale { display: none; }
#financeCalc { display: none; }
#pageDetails { display: none; }


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

.domtab { margin-top: 15px; margin-right: 0px; float:left; position:relative; }
.domtab .special { display: none;}
.tabset_tabs { display: none; }
.tabset_content	{ display:none; padding:0px; background:none !important; color: #000000 !important; border:none !important; position: relative; }
.trAlt { background:#ffffff !important; }
.tabset_label { display:none }
.tabset_content_active	{ display:block; }
.tabset_content th { background: #eeeeee; color: #c10435; height: 23px; padding: 0px 12px 0px 12px;}
.tabset_content td { height: 23px; padding: 0px 12px 0px 12px; font-size: 1.0em;}
.tabset_content table { margin-top: 0px; margin-bottom: 40px;  }
.tabset_print { display: inline; margin: 0; padding: 0; width: 647px !important;}
.tabset_print ul { padding: 0; margin: 0px 0px 0px 0px;}
.tabset_print li { list-style: none; padding: 5px 0px 5px 10px; font-weight: bold; margin: 0px 7px 0px 7px; float:left; width: 610px; height: 20px; border: 1px solid #000000; }
.tabset_content table {width:647px !important; }
.tabset_print a { text-decoration:none; }
.contentHeight .clear { height: 15px !important;}*/

/* ----- TABS ----- */
#t1, #t2, #t3, #t4, #t5, .tabset_content {  display: block !important;}
#printHideTab { display: none !important; }
.domtab { margin: 0px 0px 0px 0px !important; padding: 0px !important; float:left; position:relative; }
.tabset_tabs { display: none !important; }
.tabset_content	{ display:none; padding:0px; background:none !important; color: #000000 !important; border:none !important; position: relative; }
.trAlt { background:#ffffff !important; }
.tabset_label { display:none }
.tabset_content	thead h1 { font-size: 1.1em; margin: 0px !important; padding: 4px 0px 0px 0px !important; font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 1.0em !important; }
.tabset_content	tbody td { padding: 0px 12px 10px 12px;} 
.tabset_content_active	{ display:block; }
.tabset_content th { background: #eeeeee; color: #c10435; height: 23px; padding: 0px 12px 0px 12px;}
.tabset_content td { height: 23px; padding: 0px 12px 0px 12px; font-size: 1.0em;}
.tabset_content table { margin-top: 0px; border-bottom: 1px solid #c3c3c3; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; }
.tabset_print { display: inline; margin: 0; padding: 0; width: 647px !important;}
.tabset_print ul { padding: 0; margin: 0px 0px 0px 0px;}
.tabset_print li { list-style: none; padding: 0px; font-weight: bold; margin: 0px; float:left; }
.tabset_content table {width:649px !important; }
.tabset_print a { text-decoration:none; }
.contentHeight .clear {}
.financeCalculator { display: none; }

#footer { display: none; }


/* ----- NAVIGATION ----- */
#navigation { 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; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}

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

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 15px; padding:0;}
#sitemap a { text-decoration: none;}
#sitemap a:hover { text-decoration: underline; }
#sitemap ul { list-style:square; padding: 0; margin: 0;}
#sitemap li { list-style:square;}
.sitemapLi { padding:4px 0 4px 15px;}

/* ----- BREADCRUMBS ----- */
#breadcrumbs { background:none; border-bottom: 1px solid #dcdcdc; margin: 0px 0px 4px 0px; }
#breadcrumbs .padding { padding: 0px 0px 6px 0px;}
#pagination { display: none; }
#paginationBottom { display: none; }
#search { display: 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:#e10000;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:68px; height:33px; border: none; }