body
{
    /*background: url('../gfx/client/bg.png') repeat-y top center #EAEAEA; color: #000;*/
	background: #EAEAEA; color: #000;
    margin: 0; padding: 0;
}

h1, h2, h3, h4, h5, p, a, span, div, li { font-family: Georgia, Times, serif; }

a img { border: 0; }

#pageOverlay { position: fixed; top: 0; left: 0;  margin: 5px; padding: 0; border: 3px double #333; }
#pageOverlay ul { padding: 10px !important; margin: 0 !important; list-style: none; background: #FFF; }
#pageOverlay ul li { padding: 0; margin: 0; }
#pageOverlay ul li a { display: block; padding: 4px 10px; text-decoration: none; font-size: 10pt; color: #666; }
#pageOverlay ul li a:hover { display: block; text-decoration: none; color: #FFF; background-color: #666;}

#bgwrap
{
	background: url('../gfx/client/bg.png') repeat-y top center #FFF;
	margin: 0px auto; padding: 0;
	width: 780px;
	min-height: 700px;
	_height: 700px;
}

#wrapper
{
    background: #FFF; color: #000;
    margin: 0px auto; padding: 0;
    height: auto; width: 760px;
}

#header { padding: 25px 0 0 0; width: 760px; height: 116px; background: url('../gfx/client/shadow-box-top.gif') top left no-repeat; }
#header.anim { padding: 25px 0 0 0; width: 760px; height: 116px; background: url('../gfx/client/jdc-header-anim.gif') top left no-repeat; }

#header h5 { width: 299px; height: 80px; font-size: 20pt; background: url('../gfx/client/logo.gif') no-repeat top left; text-indent: -9999px; margin: 0px 25px; padding: 0px; }
#header h2 { text-indent: -9999px; position: absolute; }
#header h1.remove {font-size:1px; color:#FFF;text-indent: -9999px;}


#header #flash { float: right; width: 260px; height: 70px; margin: -80px 0 0 0; padding: 0 30px 0 0; }

#header ul { margin: 8px 0 0 20px; padding: 0; list-style-type: none; }
#header ul li { float: left; }
#header ul li a { padding: 2px 15px; text-transform: uppercase; font-size: 8pt; color: #969696; text-decoration: none; }
#header ul li a.selected { padding: 2px 15px; text-transform: uppercase; font-size: 8pt; color: #61350E; text-decoration: none; }
#header ul li a:hover, #header ul li a:focus { color: #61350E; }

p.smallp { font-size: 9pt !important; }
p.right { text-align: right; }
p.right a { padding: 0 20px 0 0; color: #A4A4A4; background: #FFF url('../gfx/client/link-arrow-small.gif') no-repeat right center; font-style: italic; }
p.right a:hover { color: #61350E; background: #FFF url('../gfx/client/link-arrow-small-hover.gif') no-repeat right center; text-decoration: none; }

div.summary
{ clear: both; margin: 0; padding: 0 0 0 0; width: 760px; background: url('../gfx/client/shadow-bottom-line.gif') bottom center no-repeat; }
div.subnav
{ clear: both; margin: 0; padding: 0 0 1px 0; width: 760px; background: url('../gfx/client/shadow-bottom.gif') bottom center no-repeat; }
div.subnav-news
{margin: -20px 0 20px 0; padding: 0 0 16px 0; font-size: 10pt;} 
div.subnav-line
{ clear: both; margin: 0; padding: 0 0 1px 0; width: 760px; background: url('../gfx/client/shadow-bottom-line2.gif') bottom center no-repeat; }

div.subnav-news div.longpane h1 {
	font-size: 20pt;
	width: 350px;
	margin: 16px 0 10px 0;
}


div.subnav-news div.longpane ul{
	float: left;
	width: 350px;
	color: #003265;
}

div.subnav-news div.longpane ul.second { margin-left: 10px;}

div.subnav-news div.longpane ul li{
	float: none;
 
}

div.subnav-news div.longpane ul span{
	color: #959595;
}

div.clear {clear: both;}

div.subnav-events div.longpane h1 {float: left;}
div.subnav-events div.longpane p {float: right; padding: 12px 40px 0 0;}


div.subnav-news div.longpane p a{color: #C8CBC9; font-size: 17px; text-decoration: none; font-style: italic;}
div.subnav-news div.longpane p a:hover{color: #959595;}



div.subnav-news div.longpane ul p{text-align: right; margin: 4px 0 4px 0;} 
div.subnav-news div.longpane ul p a{color: #959595; text-decoration: underline; padding-right: 25px; font-style: normal; font-size: 10pt;}
div.subnav-news div.longpane ul p a:hover{color: #333;}



div.summary p.clear
{ clear: both; margin: -10px 0 0 0; padding: 0; }

div.summary div.first
div.summary div.second,
div.summary div.rightpane,
div.subnav div.longpane,
div.subnav-line div.longpane,
div.summary div.leftpane
{
    margin: 0;
}

div.summary div.first,
div.subnav div.longpane, div.subnav-line div.longpane
{ background: url('../gfx/client/shadow-top-line.gif') no-repeat top left;  }

div.subnav div.longpane, div.subnav-line div.longpane
{ padding: 1px 0px 0px 35px; }

div.subnav div.longpane ul, div.subnav-line div.longpane ul
{ padding: 0; margin: 0; list-style-type: none; }

div.subnav div.longpane ul li, div.subnav-line div.longpane ul li
{ float: left; }

div.subnav-news div.longpane ul li{	float: none;}

div.subnav div.longpane p, div.subnav-line div.longpane p
{ color: #A4A4A4; font-size: 10pt; }

div.subnav div.longpane ul li a, div.subnav-line div.longpane ul li a
{ color: #A4A4A4; text-decoration: none; font-size: 10pt; padding: 0 27px 0 0; }
div.subnav div.longpane ul li a.selected, div.subnav-line div.longpane ul li a.selected
{ color: #603811; text-decoration: none; }
div.subnav div.longpane ul li a:hover, div.subnav-line div.longpane ul li a:hover
{ color: #603811; text-decoration: none; }

div.summary div.second
{ background: url('../gfx/client/shadow-top-line.gif') no-repeat top center; }

div.summary div.first
{ width: 225px; float: left; padding: 8px 10px 15px 35px; }

div.summary div.second
{ width: 235px; float: left; padding: 8px 15px 15px 30px; }

div.summary div.first p,
div.summary div.second p,
div.summary div.rightpane p
{ color: #A4A4A4; font-size: 9pt; padding: 3px 0; margin: 0; line-height: 1.5em;}

div.subnav div.leftpane, div.subnav-line div.leftpane
{ float: left; width: 530px; padding: 1px 4px 5px 36px; background: url('../gfx/client/shadow-top.gif') top left no-repeat; min-height: 157px; }
div.summary div.rightpane,
div.subnav div.rightpane, div.subnav-line div.rightpane
{ float: right; width: 170px; padding: 1px 5px 15px 15px; background: url('../gfx/client/shadow-top.gif') top right no-repeat; 
	padding-right: 25px; /* NEW ON 24/12/2010 */	}

div.subnav div.rightpane.showrooms, div.subnav-line div.rightpane.showrooms{
	padding: 1px 5px 15px 0;
	width: 185px;
	}

div.summary h3, div.subnav h3, div.subnav-line h3
{ color: #603811; background-color: transparent; font-weight: normal; font-style: italic; margin: 0; padding: 10px 0 0 0; width: 520px}
div.summary h3 a, div.subnav h3 a, div.subnav-line h3 a
{ color: #603811; text-decoration: none; display: block; background: #FFF; }
div.summary h3 a:hover, div.subnav h3 a:hover, div.subnav-line h3 a:hover
{ }
div.summary h3.smaller, div.subnav h3.smaller, div.subnav-line h3.smaller
{ font-size: 14pt; 
width: 220px
}

div.summary div.rightpane h3.smaller, div.subnav h3.smaller, div.subnav-line h3.smaller
{
font-size: 12pt; 
margin: 4px 0;
width: 155px;
}

div.subnav h4, div.subnav-line h4
{ clear: both; color: #A4A4A4; background-color: transparent; margin: 0; padding: 5px 0 5px 0; font-weight: normal; font-style: italic; font-size: 10pt;}

div.subnav div.leftpane ol, div.subnav-line div.leftpane ol
{
    margin: 0; padding: 0;
    list-style-type: none;
}

div.subnav div.leftpane ol li, div.subnav-line div.leftpane ol li
{
    margin: 0; padding: 0 7px 0 0;
    float: left;
}

div.summary div.rightpane ul,
div.subnav div.rightpane ul,
div.subnav-line div.rightpane ul
{ list-style-type: none; margin: 0; padding: 0; }

div.summary div.rightpane ul li,
div.subnav div.rightpane ul li,
div.subnav-line div.rightpane ul li
{ margin: 0; padding: 0; float: left; }

div.summary div.rightpane ul li a,
div.subnav div.rightpane ul li a,
div.subnav-line div.rightpane ul li a
{
    width: 155px;
    padding: 2px 0; margin: 0;
    color: #A4A4A4;
    text-decoration: none;
    display: block;
    font-size: 9pt;
    background-color: transparent;
}

div.summary div.rightpane ul li a:hover,
div.subnav div.rightpane ul li a:hover,
div.subnav-line div.rightpane ul li a:hover,
div.subnav div.rightpane ul li a.selected,
div.subnav-line div.rightpane ul li a.selected
{ color: #603811; background-color: transparent; background: url('../gfx/client/select-arrow.gif') no-repeat right center; }


#content { clear: both; width: 760px; padding: 20px 0 0 0; margin: 0;}

#main { float: left !important; width: 720px; padding: 0px !important; margin: 0 !important; }
/* changed width to 720px on 02 10 07 to fix IE6 bug
#main { float: left !important; width: 440px; padding: 0px !important; margin: 0 !important; }
*/
/*#main { float: left !important; width: 560px; padding: 0px !important; margin: 0 !important; }    old 560px widtht?? is there any page without a class set?*/

#main.regular { width: 375px !important; padding: 0; }
#main.wide { width: 440px !important; padding: 0; }
#main.showroom { width: 580px !important; padding: 0; margin: 0; }
#main.large { width: 760px !important; padding: 0 !important; }
#overview { float: right; position: relative; left: -35px; width: 140px; padding: 0 0 0 10px; }

#rightdetail h3, #overview h3 { font-size: 12pt; padding: 0; margin: 0; font-weight: normal; color: #603811; padding: 8px 0 0 0; }
#overview p { color: #CB9869; font-size: 8pt; line-height: 15px; margin: 2px 0 10px 0;}
#overview ul { list-style: none; margin: 0; padding: 0; }
#overview ul li { margin: 0; padding: 0; }
#overview ul * { _line-height: 0px; }
#overview ul li a { display: block; font-size: 10pt; text-decoration: none; color: #A4A4A4; padding: 2px 0; line-height: 16px;}
#overview ul li a.selected, #overview ul li a:hover { background: url('../gfx/client/select-arrow.gif') no-repeat right center; color: #603811; }

#main h1, #main h2, #main h3, #main p, #main li, #main blockquote
{ color: #003265; padding-left: 35px; padding-right: 5px; }
img.home-image { padding: 10px 0 10px 30px; }
#main h1 { font-weight: normal; font-style: italic; font-size: 20pt; margin: 0 0 10px 0; }
#main h2 { font-weight: normal; font-style: italic; font-size: 12pt; margin: 14px 0 0 0; } /* was 25px top margin */
#main blockquote {font-weight: normal; font-size: 11pt; margin: 0 0 10px 0; color: #B6B9B7 }
#main p { font-size: 10pt; line-height: 20px; margin: 5px 0 8px 0;}
#main img {  }

#rightdetail {
    padding-top: 0px;
    float: right;
    width: 385px;
}

#rightdetail.boxes img {
    padding: 1px;
    margin: 10px 10px 10px 35px;
    border: 1px solid #CCC;
}

ol.cars, ol.cars li ul { list-style-type: none; padding: 0 !important; margin: 10px 0 0 0 !important; width: 575px; }
ol.cars li.carDetails { 
padding: 0 !important;
margin: 4px 0 0 0 !important;
 }
ol.cars li ul { padding: 0px; clear: both; background: url('../gfx/client/shadow-medium-bottom.gif') no-repeat bottom left; }

li.image { float: left; width: 120px; height: 90px; padding: 20px 20px 0 30px !important; background: url('../gfx/client/shadow-medium-top.gif') no-repeat top left; margin: 0 !important; }
li.detail { float: left; width: 165px; background: url('../gfx/client/shadow-medium-top.gif') no-repeat top center; padding: 20px 0 !important; margin: 0 !important; }
li.detail table { width: 165px; padding: 0; margin: 0; }
li.detail span { color: #003265; }
li.detail td { padding: 0 0 5px 0 !important; margin: 0; text-align: left; font-size: 10pt; width: 160px; }
li.detail th { padding: 0 0 5px 0 !important; margin: 0; text-align: left; font-size: 10pt; color: #A4A4A4; font-weight: normal; width: 160px; }
li.description { float: right; width: 240px; padding: 0 !important; background: url('../gfx/client/shadow-medium-top.gif') no-repeat top right; margin: 0 !important; }
li.description p { padding: 20px 20px 0 0 !important; margin: 0 !important; }
li.more { clear: both; text-align: right; padding: 0 20px 20px 0 !important; margin: 0 !important; }
li.more a { color: #C9986F; background: #FFF; text-decoration: none; font-style: italic; }
li.more a:hover { color: #000; background: #FFF; text-decoration: underline; }

table.car_detail { width: 350px; padding: 0 0 0 0px; margin: 0 0 0 30px; }
table.car_detail * { padding: 0; margin: 0; }
table.car_detail td { width: 175px; font-size: 10pt; color: #003263; }
table.car_detail th { width: 175px; text-align: left;  }
table.car_detail span { color: #003263;  }

table.car_detail th, #main h3 { font-size: 10pt; color: #A4A4A4; font-weight: normal; }
#main h3 { padding: 20px 0 10px 30px; margin: 0; }
#main a { color: #777; }
#main a:hover { color: #333}
#lightbox a { color: #666; }

#main li { 
    color: #003265; 
    padding: 0;
    margin: 8px 20px 8px 16px;
    line-height: 1.2em;
    font-size: 10pt;
}

p.sorry { color: red; font-weight: bold; }

#description_left, #description_right { float: left; width: 350px; }

#description_left p, #description_right p { line-height: 24px; margin: 0; padding: 0 0 0 30px; }

#footer { clear: both; text-align: center; padding: 30px 0; width: 760px;}
#footer p { margin: 0; padding: 0; color: #B4B4B4; background: #FFF; font-size: 8pt; }

#lightbox{
    background: url('../gfx/lightbox/bg.gif') no-repeat bottom right #FFF;
    padding: 20px;
    }
#lightboxDetails{
    font-size: 10pt;
    padding-top: 0.4em;
    }    
#lightboxCaption{ margin: 10px 0 10px 0; float: left; display: block; width: 112px; height: 30px; text-indent: -9999px; background: url('/gfx/lightbox/logo.gif') no-repeat center center;  }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url('../gfx/lightbox/overlay.png'); }

* html #overlay{
    background-color: #333;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../gfx/lightbox/overlay.png", sizingMethod="scale");
    }
    
div.enquiry p { color: #666 !important; margin: 0 !important; }
div.enquiry input, div.enquiry select, div.enquiry textarea { width: 290px; padding: 3px; margin: 0 0 5px 35px; }

div.focus_link { margin: 5px 0 30px 20px;}
#rightdetail h3 { font-style: italic; padding: 0; margin: 10px 20px; }

/* added padding below to fix Safari bug on 01/10/08*/
div.focus_link { width: 324px; background: url('../gfx/client/bevel_bottom.gif') no-repeat bottom left #FFF; padding: 0 0 10px 0;}
div.focus_link a.cap { width: 284px; background: url('../gfx/client/bevel_top.gif') no-repeat top left; display: block; padding: 20px; text-decoration: none; font-size: 10pt; color: #B6B9B7; }
div.focus_link a { width: 284px; display: block; padding: 5px 0 15px 20px; text-decoration: none; font-size: 10pt; color: #B6B9B7; }
div.focus_link h4 { width: 284px; background: url('../gfx/client/bevel_top.gif') no-repeat top left; display: block; padding: 20px 20px 0 20px; text-decoration: none; font-size: 10pt; color: #B6B9B7; }
/* added padding below to fix Safari bug on 01/10/08 - old was 0 10px 0 0 */
div.focus_link a img { float: left; margin: 0 10px 10px 0; }  
div.focus_link a:hover, a.adobe_reader:hover { color: #666; }
div.focus_link  p {padding: 0 0 0 140px;}

div.focus_upgrades {
background: url('../gfx/client/jdc-brochure-upgrades.jpg') no-repeat 6px 16px; 
_height: 180px;
min-height: 180px;
}

div.focus_brochure {
background: url('../gfx/client/jdc-brochure.jpg') no-repeat 6px 16px;
_height: 180px;
min-height: 180px;
}

/*
div.focus_brochure {background: url('../gfx/client/jdc-brochure.jpg') no-repeat 6px 16px;}
*/


#aboutBox {
margin: 0 0 0 32px;
color: #969696;
font-style: italic;
font-size: 10pt;
width: 250px;
}

a.adobe_reader { display: block; width: 324px; margin: 5px 30px 30px 20px; font-size: 10pt; color: #B6B9B7; text-decoration: none; }
a.adobe_reader img { float: left; margin: 0 10px 0 0; }

ul.news { width: 680px; margin: 0 35px; padding: 0; list-style: none; }
/*ul.news *{ margin: 0 !important; padding: 0 !important; }*/
ul.news li { clear: both; margin: 0 !important; padding: 0 !important;}
ul.news img {
 		float: right; 
    padding: 1px; !important;
    margin: 20px 0 0 0; !important;
    border: 1px solid #CCC;
}
ul.news h2, ul.news h3, ul.news div {margin: 0 !important; padding: 0 !important; width: 470px; display: block; }
ul.news div {margin: 0 !important; padding: 0 !important; display: block; }
ul.news div img {margin: 5px 5px 15px 15px !important;}
ul.news div a { float: right; }
ul.news div p {margin: 0 0 10px 0 !important; padding: 0 !important;}

#main.news { width: 720px; }
#main.news p { width: 470px;}
#main.news h2 { margin-top: 10px; width: 470px; }
#main.news a { margin: 0 0 0 470px; font-size: 10pt;}
#main.news a.not { margin: 0; font-size: 10pt;}
#main.news h3 { margin: 0; padding: 0 0 0 35px; width: 470px; }
#main.news img {margin: 15px 0 0 10px !important; float: right; border:1px solid #CCCCCC; padding:1px;} 

#main.news-wide { width: 720px; }
#main.news-wide p { width: 690px;}
#main.news-wide h2 { margin-top: 10px; width: 470px; }
#main.news-wide a { margin: 0 0 0 640px; font-size: 10pt;}
#main.news-wide h3 { margin: 0; padding: 0 0 0 35px; width: 470px; }
#main.news-wide img {margin: 15px 0 20px 20px !important; float: right; border:1px solid #CCCCCC; padding:1px;} 

#main.events{ width: 720px; margin: -20px 0 0 0 !important;}
#main.events p { width: 400px; margin: 0 0 2px 0;}
#main.events p span {color:#A4A4A4;}
#main.events p.title {margin-top: 45px;}
#main.events a { margin: 0 0 0 350px; font-size: 10pt; color: #959595;}
#main.events img {margin: 35px 0 0 10px !important; float: right; border:1px solid #CCCCCC; padding:1px;} 

#main.news .movie {margin: 15px 0 0 72px; float: right; border:1px solid #CCCCCC; padding:1px;} 
#rightdetail .movie {margin: 6px 36px 0 0; float: right; border:1px solid #CCCCCC; padding:1px;} 

#main p.accordion_toggle {
	margin: 12px 0 0 35px;
	cursor: pointer;
	display: block;
	font-family: Georgia, Times, serif;
	font-size: 20px;
	text-decoration: none;
	border-bottom: 2px solid #D1DCE4;
	padding: 4px 0;
	color: #003265;
	background: url('../gfx/client/toggle-bg.png') no-repeat 86px 3px;
}

#main p.accordion_toggle_active{background-position: 86px -35px;}
#main p.accordion_toggle_active.no-trophy{background-position: 86px -73px;}

.accordion_content { overflow: hidden;}

p.expand-table span.down {float:right;}
p.expand-table span.up {float:right; display: none;}

table.trophy {
	color: #666;
	font-size: 12px;
	margin-left: 25px;
	width: 700px;
}

table.trophy tr {
	vertical-align: top;
}
table.trophy td {
	padding: 8px 12px;
}