body {background-color:#000; margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%;}
h1{font-size:24px; margin:0; padding:0;}
#wrapper {width: 960px; margin:0 auto 0 auto; padding:0; border:thin #CBB384 solid; background-color: #CBB385; overflow: hidden; }
#header { height: 171px; background-image: url('images/jhbs-hdr.jpg');}
#hdr-spacer { height: 118px;}
#hdr-menu {height: 54px;}
#container {clear:both; background-color : #CBB385; width: 960px; }
#sidebar {float: left; width: 140px; padding-bottom: 3000px; margin-bottom:-3000px;}
#content {float: right;width: 800px;  padding-bottom: 3000px; margin-bottom:-3000px;}
#innertube {width:780px; margin:20px 20px 20px 0px; background-color: #E0D1B6;}
#navigation {width: 140px}
#footer {clear:both;height: 20px; background-color:#203431;text-align:center; color: #FFF; padding-top: 5px;}
#sub-footer {clear:both; height:15px; }
p {text-align:left; margin-left: 30px; margin-right: 30px;}
.style1 {text-align: left;}
.style2 {margin-left: 13px;}


/*  Body Shop */

#bodyshopholder {width:700px; height:230px; padding: 5px; margin: 0 auto 0 auto; text-align:left;}
.bs-col-L {float: left; width: 330px; padding: 5px; }
.bs-col-R {float: right; width: 330px; padding: 5px; }

/*  Paint Shop */

#paintshopholder {width:700px; height:230px; padding: 5px; margin: 0 auto 0 auto; }
.ps-col-L {float: left; width: 330px; padding: 5px; }
.ps-col-R {float: right; width: 330px; padding: 5px; }

/*  Shop Office */

#officeholder {width: 600px; margin:0 auto 0 auto;}
.o-col-L {float: left; width: 300px; padding: 5px; }
.o-col-R {float: right; width: 280px; padding: 5px; }

/*  Contact Us */

#contactholder { width: 700px; margin: 0 auto 0 auto; }
#contactrow1 {height: 200px;  }
#contactrow2 {height: 200px;  }
#contactrow3 {height: 200px;  }
#contactrow4 {height: 200px;  }
#contactrow5 {height: 200px;  }
#contactrow6 {height: 200px;  }
#contactrow7 {height: 200px;  }

.contact-L {float:left;width: 250px;}
.contact-R {float:right;width:450px;}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#multi-level {height:30px; position:relative; z-index:100;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

.menu {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:50px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:350px; background:url(images/checkvehicle2.jpg) no-repeat;;}
.menu li.p2 {width:370px; background:transparent;;}
.menu li.p3 {width:180px; background:url(images/eEstimate2.jpg) no-repeat;;}

/* set up the normal unhovered images in the links */
.menu li a#checkvehicle {width:350px; background:url(images/checkvehicle1.jpg) no-repeat;}
.menu li a#products {width:370px; background:transparent;}
.menu li a#eEstimate {width:180px; background:url(images/eEstimate1.jpg) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
 
.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}
 
.menu li:hover a#privacy {background:transparent;}
 
.menu li a#privacy:hover {background:transparent;}
 
.menu li:hover a#shop {background:transparent;}
 
.menu li a#shop:hover {background:transparent;}
 
.menu li:hover a#contacts {background:transparent;}
 
.menu li a#contacts:hover {background:transparent;}
 
.menu li:hover a#services {background:transparent;}
 
.menu li a#eEstimate:hover {background:transparent;}
 
.menu li:hover a#products {background:transparent;}
 
.menu li a#products:hover {background:transparent;}
 
.menu li:hover a#home {background:transparent;}
 
.menu li a#checkvehicle:hover {background:transparent;}
 
/* keep the 'next' level invisible by placing it off screen. */
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}
 
.menu :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}
 
.menu :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}
 
.menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}
 
.menu ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}
 
.menu :hover ul.sub {left:35px; top:40px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:130px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu :hover ul.sub li a {display:block; font-size:12px; height:20px; width:124px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(multi_level-files/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:red; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#37a237 url(multi_level-files/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#37a237 url(multi_level-files/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 
 
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; z-index:200; height:auto;}

.menu :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; z-index:200; height:auto;}

.menu :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; z-index:200; height:auto;}

.menu :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; z-index:200; height:auto;}

/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dl-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 a:focus {direction:ltr; outline:0;}
 
 a:active {direction:ltr; outline:0;}
 
 a:hover {direction:ltr; outline:0;}
 
 a:visited {direction:ltr; outline:0;}
 
 a {direction:ltr; outline:0;}
 
#positioner {position:relative; width:140px; height:336px; padding-left:0px; float:left; background:transparent;}
.holder {position:absolute; width:140px; height:25px;}
dl.sidemenu
{width:300px; float:left; margin:-32000px 0 0 -9999px;}
.p4 {top:0;}
.p5 {top:26px;}
.p6 {top:52px;}
.p7 {top:78px;}
.p8 {top:104px;}
.p9 {top:130px;}
.p10 {top:156px;}
.p11 {top:182px;}
.p12 {top:208px;}
.p13 {top:234px;}
.p14 {top:260px;}
.p15 {top:286px;}
.p16 {top:312px;}

dl.sidemenu
a {display:block; height:25px; font:bold 11px/25px verdana, sans-serif; text-decoration:none; text-indent:20px; border-bottom:1px solid  #CBB385; border-left:1px solid  #CBB385;}
 
 dl.sidemenu
dt {float:left; padding:0; position:relative; left:9999px; z-index:50; margin:32000px 0 0 0;}
 dl.sidemenu
dt a {width:149px; background:#CBB385; float:left; color:#000;}
 dl.sidemenu
dt a.sub {background:#CBB385 url(dl-flyout/arrow.gif) no-repeat 150px center; color:#000;}
 dl.sidemenu dt a:active
 {margin-right:1px; text-decoration:none; background-color:#FF0000; color:#fff;}

 dl.sidemenu dt a:focus
 {margin-right:1px; text-decoration:none; background-color:#FF0000; color:#fff;}

 dl.sidemenu dt a:hover
 {margin-right:1px; text-decoration:none; background-color:#FF0000; color:#fff;}

 dl.sidemenu
dd {float:left; padding:0; margin:0;height:25px;}
 dl.sidemenu
dd a {position:relative; background:#FFFFFF; width:149px; color:#000; left:10149px; top:-26px; z-index:60;}
 dl.sidemenu dd a:active
 {margin-right:1px; background:#FF0000; color:#fff;}

 dl.sidemenu dd a:focus
 {margin-right:1px; background:#FF0000; color:#fff;}

 dl.sidemenu dd a:hover
 {margin-right:1px; background:#FF0000; color:#fff;}

.center {text-align: center;}
.indent25 {padding:0 25px 0 25px;}
.left-pad25 {padding: 0 25px 0 25px;text-align: left;}

a:link {color: #016547; text-decoration:none}
a:active {color: #016547; text-decoration:none}
a:visited {color: #000000; text-decoration:none}
a:hover {color:  #FF0000 ; text-decoration:none}

.greenlink { }
.greenlink a:link {color: #016547; text-decoration:none}
.greenlink a:active {color: #016547; text-decoration:none}
.greenlink a:visited {color: #016547; text-decoration:none}
.greenlink a:hover {color:  #FF0000 ; text-decoration:none}


/*---Top Nav LEFT ----*/

#left-menu {position:relative; width:400px; height:50px; background:transparent url(images/eEstimate1.jpg) 0 0 no-repeat; overflow:hidden; margin:0 auto; z-index:10;}
#left-menu ul {margin:0; padding:0;}
#left-menu li {list-style-type:none; display:inline; width:100px; height:50px;}
#left-menu a {display:block; width:100px; padding-top:50px; height:0; color:#000; text-decoration:none; float:left; background:transparent url(normal_over.gif) -110px -60px no-repeat; overflow:hidden;}
* html #left-menu a:visited {height:50px; he\ight:0;}
 
* html #left-menu a:link {height:50px; he\ight:0;}
 
#left-menu a:hover {background:transparent url(images/eEstimate2.jpg) 0 0 no-repeat;   z-index:50;}
* html #left-menu a:hover {height:50px; he\ight:0;}
 
#lbox {width:405px;}

/*---Top Nav RIGHT ----*/


#right-menu {position:relative; width:400px; height:50px; background:transparent url(images/checkvehicle1.jpg) 0 0 no-repeat; overflow:hidden; margin:0 auto; z-index:10;}
#right-menu ul {margin:0; padding:0;}
#right-menu li {list-style-type:none; display:inline; width:100px; height:50px;}
#right-menu a {display:block; width:100px; padding-top:50px; height:0; color:#000; text-decoration:none; float:left; background:transparent url(normal_over.gif) -110px -60px no-repeat; overflow:hidden;}
* html #right-menu a:visited {height:50px; he\ight:0;}
 
* html #right-menu a:link {height:50px; he\ight:0;}
 
#right-menu a:hover {background:transparent url(images/checkvehicle2.jpg) 0 0 no-repeat;   z-index:50;}
* html #right-menu a:hover {height:50px; he\ight:0;}
 
#lbox {width:405px;}