*{margin:0; padding:0; font-family:Arial,Helvetica,sans-serif;}
body{font:76% Arial,Helvetica,sans-serif;background:#262626 url(images/bodyback.gif) repeat-y center top;}
body#home{background:#262626 url(images/containerbackindex.jpg) no-repeat center 110px;}
body#contactus{background:#262626 url(images/containerbackcontactus.jpg) no-repeat center 110px;}
html, body{margin:0; padding:0; height:100%}
.clear:after{content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both;}
h2{margin-bottom:10px;}
h3{font-size:1.2em;}
h2 a{color:#0ff;}
p{font-weight:bold;text-align:justify;}
a img{border:none;}
em {font-style:normal;color:#A4FAFF;}
.prices em{color:#006;}
.opening {font-weight:normal;float:left;color:#fff;margin:25px 10px 10px 40px;}
.opening h3{font-size:1.2em;font-weight:normal;margin-bottom:5px;}
.opening p{margin-bottom:5px;font-weight:normal;}
.opening em{color:#9AC1FF;}
.opening .hi{color:#9AC1FF;}
#container{margin:0 auto;width:1002px;min-height:100%;position:relative; text-align:left;}
#body{margin:0 auto;padding:0 0 44px 0;width:1002px;position:relative; text-align:left;}
#sales #body{background:url(images/containerbacksales.jpg) no-repeat top center;}
#accessories #body{background:url(images/containerbackaccessories.jpg) no-repeat top center;}
#repairs #body{background:url(images/containerbackrepairs.jpg) no-repeat top center;}
#vintage #body{background:url(images/containerbackvintage.jpg) no-repeat top center;}
#custom #body{background:url(images/containerbackcustom.jpg) no-repeat top center;}
#howto #body{background:url(images/containerbackhowto.jpg) no-repeat top center;}
#useful #body{background:url(images/containerbackuseful.jpg) no-repeat top center;}
#header{width:1002px; height:110px; margin:0; background:#f1ecce url(images/headerback.jpg) no-repeat 178px top;}
#header #logo a, #header #logo a:hover, #header #logo a:active{display:block; float:left; width:192px; height:94px; margin:7px 0 0 0; background:url(images/logosmall.gif) no-repeat 5px 5px; text-decoration:none; text-indent:-1000em;}
#header a img{border:none; text-decoration:none;}
#header #chat{float:right; width:160px; height:40px; margin:15px 20px 15px 0;}
#maincontent, #maincontent2, #maincontent3{float:left; margin:15px 10px 0 10px; width:510px;}
#maincontent3{height:600px;}
#maincontent3 p{color:#fff;font-weight:bold;margin-left:21px;}
#maincontent2{margin-left:25px;}
#maincontent h1, #maincontent3 h1{width:618px; height:52px; text-align:center; color:#fff; font:bold 1.6em Arial,Helvetica,sans-serif; margin:6px 0 0; line-height:45px;}
#maincontent h2, #maincontent3 h2{background:none; color:#FFFE78; margin:2px 20px 10px; font-size:1.3em;}
#maincontent .colcon h2 {margin:2px 20px 5px 10px;}
#maincontent h3{font-size:1.2em; margin:0; color:#a00; text-align:center;}
#maincontent h4, #maincontent3 h4{font-size:1.2em; margin:0; color:#FFB3EF; text-align:center;}
#maincontent3 .column1 p, #maincontent3 .column2 p{margin-left:11px;}
#maincontent p, .maincontentbox p{margin:10px; font-weight:bold; color:#fff;}
#maincontent .colcon2 p {margin:10px 10px 25px 20px;}
#maincontent img{display:block; margin:2px auto 5px;}
#maincontent .column2first img{margin-top:34px;border:2px solid #000000;}
.maincontentbox{float:left; margin:20px 0 30px; padding-bottom:10px; width:692px; background:url(images/maincontentbottomback2.gif) no-repeat center bottom;}
#maincontent .maincontentbox h3, #maincontent2 .maincontentbox h3{padding:15px 10px 10px 13px; width:669px; background:url(images/maincontentheadback2.gif) no-repeat center top; font-size:1.6em;}
.colcon{float:left;width:650px;margin-bottom:10px;}
.colcon2{float:left;}
.colcon2 h2{margin-left:20px;}
#maincontent .colcon2 img{float:left;margin:10px;}
.colcon .column1{float:left;width:420px;margin-bottom:10px;padding:2px 10px 10px;}
.colcon .column2, .colcon .column2first{float:right;width:204px;padding:2px 0 10px;}
.column1, .column2{float:left;width:300px;margin:10px 0 0;padding:2px 0 0;}
.column2, .column2first{float:right;}
.maincontentbox h4{margin-left:14px; font-size:1.1em; color:#950000;}
/* .maincontentbox p{padding:10px;}
*/
.maincontentbox ul{margin-bottom:10px;}
.maincontentbox li{font-weight:bold; list-style-type:none; background:url(images/free.gif) no-repeat left 2px; margin:0 20px; padding:4px 20px 4px 70px;}
.maincontentbox ul.maincontnormal li{background:url(images/tick.gif) no-repeat left 2px; padding-left:20px;}
#maincontent .extracost p{margin:0 20px; padding:4px 0px 4px 20px;}
#maincontent .extracost img{float:left; margin:0 10px 0 20px; padding:4px 0px;}
#secondarycontent{float:right; background:#000 url(images/shopback2.jpg) no-repeat top center;width:330px; height:744px;}
#mainbox{padding:0 10px 20px; float:left;}

/*------------------------------\
FOOTER BY MATTHEW JAMES TAYLOR   )   
-------------------------------*/
#footer{position:absolute;width:1002px;height:44px;bottom:0; color:#000;border-top:1px solid #444}
#footer a{text-decoration:none;font-weight:normal;color:#000;}
#footer a:hover{color:#FCFFA2;text-decoration:underline;}
#footer .copy{display:none;}
#footer .links{margin-top:12px; float:right; margin-right:10px;}
#footernav{width:400px;height:20px;float:left;color:#fff;margin:7px 0 0 310px;}
#footer .validation {position:absolute;left:5px; bottom:3px;}
#footer .validation2 {position:absolute; left:100px; bottom:3px;}
#footerbar {background-color:#555;position:absolute;bottom:0;left:0;width:1002px;height:44px;border-top:1px solid #000}
#footerbar a{color:#fff;padding:0 3px;}
#designed{float:right;}
#designed p{float:left;margin-top:13px;color:#FCFFA2;}

/*-----\
NAVBAR  )
------*/
#mainnav{width:191px;float:left;padding:10px 0;background-color:#000;}
ul#navbar{float:left;margin:0 0 0 40px;padding:2px 0 0;list-style-type:none;}
 ul#navbar li{float:left;height:30px;margin:0;}
ul#navbar li.last{background:none;}
ul#navbar li:hover{}
ul#navbar li a{padding:3px 0px;color:#9AC1FF;text-decoration:none;line-height:18px;height:28px;width:120px;display:block;}
ul#navbar li a:hover{color:#FFF;}
ul#navbar li a.active, ul.nav li a.active:hover{color:#000;}
#home li#homelink a, #sales li#saleslink a, #accessories li#accessorieslink a, #repairs li#repairslink a, #vintage li#vintagelink a, #custom li#customlink a, #contactus li#contactuslink a, #howto li#howtolink a, useful li#usefullink a{color:#FFF;}
#home li#homelink, #sales li#saleslink, #accessories li#accessorieslink,  #repairs li#repairslink, #vintage li#vintagelink, #custom li#customlink, #contactus li#contactuslink, #howto li#howtolink, useful li#usefullink{color:#fff;}
.livezilla{width:160px; margin:0 auto;}
#map{margin:20px auto 20px -6px;width:450px;}
#map img{display:block;clear:both;margin:30px auto 0;}
#map .wearetotheright{width:385px;}
#map .weareherevintage{width:425px;}
#maincontent .colcon2 img.printmarket{padding:20px;background-color:#fff;width:436px;margin:10px auto 20px 97px;display:block;}
#address{width:130px;margin:10px;}
#address p{margin-bottom:10px;}
#maincontent #tel img{display:inline;margin:0 0 -3px;}
#footer h3{margin:0 0 12px;padding:0 0 6px;border-bottom:1px dotted #555;font-size:1em;}
#footer h4{color:#0015AB;margin-bottom:3px;font-style:italic;}
#maincontent .prices{width:400px;background:#FFFE89 url(images/prices_bg.jpg) repeat-x top center;padding:5px 5px;margin:10px 0 10px 10px;border:1px solid #FFFE00;}
#maincontent .prices p{color:#000;margin:8px 10px;}
div#topaddress {float:right;margin:18px 45px 0 0;font:normal bold 1em Arial, sans-serif;color:#0200BF;}
div#contact {float:right;margin:22px 45px 0 3px;}
div#contact p, div#contact em {color:#BF0000;margin-bottom:9px;}
div#contact em, div#contact em a {color:#0200BF; text-decoration:none;}

/* CONTACT FORM START */
.mainbox {
  margin: 0 auto;
  width: 99%;
  text-align: center;
  padding: 20px 0;
}
.formcontainer {
  background: url(images/contactusback.png) no-repeat top center;
  margin: 0 auto 0;
  padding: 0;
  width: 420px;
  height: 400px;
  text-align: left;
}
.formcontainer h1 {margin:10px 0 0 20px;color:#ffffff;}
.forminput {
  border: 1px solid #003366;
}
form input {
  margin:0;
  padding:0;
}

form label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 84px;
	margin: 3px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	color: #000;
	font-weight: bold;
}
form label.please {
  color: #000000;
}

form h1 {
  margin: 0 0 5px 8px;
  color: #ffff80;
  font-size: 1.6em;
}

/* CONTACT FORM END */
/*CONTACT FORM START*/
#contact-area2 EM
{
	font: bold 1.1em Tahoma, Arial, Helvetica, sans-serif;color:#a00;padding-right:10px;
}
#contact-area2 IMG
{
	border: 1px solid #000000;
	margin: 10px 30px 0 0;
}
#contact-area2 INPUT, #contact-area2 TEXTAREA
{
	float: left;
	padding: 2px;
	width: 252px;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	margin: 10px 10px 0 0;
	border: 1px solid #000;
}
#contact-area2 FIELDSET
{
	width: 450px;
	border: 1px solid #000000;
}
#contact-area2 INPUT, #contact-area2 TEXTAREA
{
	width: 280px;
	float: left;
	clear: right;
}
#contact-area2 TEXTAREA
{
	margin-top: 10px;
	overflow: auto;
}
#contact-area2 TEXTAREA.collection
{
	margin-top: -4px;
}
#contact-area2 TEXTAREA:focus, #contact-area2 INPUT:focus
{
	border: 2px solid #900;
}
#contact-area2 INPUT.submit-button
{
	width: 70px;
	height: 27px;
	float: right;
	color: #fff;
	font-weight: bold;
	margin: 7px 28px 0 0;
	padding: 4px 0 7px;
	background: url(images/submit.png) no-repeat 0 0;
	border: 0;
}
#contact-area2 INPUT.submit-button
{
	margin: 10px 50px 0 0;
	float: right;
	background: url(images/submit.gif) no-repeat 0 0;
}
#contact-area2 INPUT.submit-button:hover
{
	background-position: 0 -30px;
}
#contact-area2 FIELDSET
{
	width: 420px;
	padding: 0 0 0 8px;
	margin-left: 5px;
	float: left;
	border: 0;
}
#contact-area2
{
	float: left;
	width: 420px;
	margin: 5px 0 50px 1px;
	padding: 10px 0 0;
	background: url(images/contactback2.png) no-repeat top left;
	color: #000;
}
/*CONTACT FORM END*/

div#dawes, div#kona {
  width: 190px;
  height: 85px;
  margin: 15px auto;
}
div#kona {
  margin-top: 5px;
  height: 85px;
}
div#dawes p, div#kona p { 
  text-align: center;
}
div#dawes p a, div#kona p a{ 
  font-size: 0.8em;
  color: #000;
  font-weight:bold;
  text-decoration: underline;
  margin: 0 auto;
}
div#kona p {
  margin: 4px auto 20px;
}
div#dawes p a:hover, div#kona p a:hover {
  text-decoration: none;
}
div#dawes img, div#kona img {
  display:block;
  margin: 0 auto 3px;
}
#col1 {float:left;width:194px;}
#col2 {float:left;width:430px;padding:0 25px 20px 21px;/*background-color:#f1ecce;*//*min-height:730px;*/}
#col2 h1{font-size:1.6em;color:#f1ecce;margin-bottom:20px;}
#home #col2 h1 span{background: url("images/titlehome.jpg") no-repeat scroll 0 0 transparent;height:33px;position:absolute;width:430px;}
#sales #col2 h1 span{background: url("images/titlesales.jpg") no-repeat scroll 0 0 transparent;height:33px;position:absolute;width:430px;}
#accessories #col2 h1 span{background: url("images/titleaccessories.jpg") no-repeat scroll 0 0 transparent;height:33px;position:absolute;width:430px;}
#repairs #col2 h1 span{background: url("images/titlerepairs.jpg") no-repeat scroll 0 0 transparent;height:33px;position:absolute;width:430px;}
#vintage #col2 h1 span{background: url("images/titlevintage.jpg") no-repeat scroll 0 0 transparent;height:33px;position:absolute;width:430px;}
#custom #col2 h1 span{background: url("images/titlecustom.jpg") no-repeat scroll 0 0 transparent;height:33px;position:absolute;width:430px;}
#contactus #col2 h1 span{background: url("images/titlecontactus.jpg") no-repeat scroll 0 0 transparent;height:33px;position:absolute;width:430px;}
#howto #col2 h1 span{background: url("images/titlehowto.jpg") no-repeat scroll 0 0 transparent;height:33px;position:absolute;width:430px;}
#useful #col2 h1 span{background: url("images/titleuseful.jpg") no-repeat scroll 0 0 transparent;height:33px;position:absolute;width:430px;}
#col2 h3 {color:#0023BA;}
#col2 p {margin:0 0 20px 0;font:1.4em normal Arial, Helvetica, sans-serif;}
#col3 {float:right;width:330px;}
#dealers{float:left;width:430px;margin:0 auto 40px;}

.tablecontainer th {
  background: url(images/footer2blue.gif) no-repeat center right;
  font: bold 1.1em Arial, sans-serif;
  color: #FFF;
  height: 33px;
}
.tablecontainer th h4 {
  background: url(images/footer1blue.gif) no-repeat center left;
  color: #FFF;
  height: 33px;
  margin: 0;
  padding-top: 13px;
  text-align: center;
}
.tablecontainer {
    margin: 0 0 10px -10px;
    width: 455px;
    clear: both;
}
.tablecontainer img {
  float: right;
  clear: both;
  padding-top: 7px;
}
#col2 table {
    float: left;
    margin: 0 10px 10px 0;
    width: 343px;
}
#col2 td {
    font-weight: bold;
    padding: 3px;
}
#col2 td.Hi {
    color: #000066;
    width: 35px;
}
#col2 td.odd {
  background-color:#C8C8C8;
}
#col2 td.Hi {
  color: #000066;
  font-weight: bold;
  width: 35px;
}
#col2 h1.christmas{color:#000;margin:20px 0 10px;text-align:center;}
.access{width:440px;float:left;}
.access img{display:block;clear:left;margin:10px auto;width:150px;}
.jzoomer {margin-bottom:20px;}
.jzoomer h4{text-align:center;font:bold 20px Arial, Helvetica, sans-serif;}
#col2 .jzoomer img {margin-left:-10px;}
.jzoomitLoading { background-color: #444; margin: 0; padding: 2px 8px; color: #ffffff; font: normal 12px Arial,Helvetica; border: 1px solid #222; }
.jzoomitBig { background-color: #fff; margin: 0; padding: 8px; color: #ffffff; font: normal 12px Arial,Helvetica; border: 1px solid #222; }
.jzoomitOverlay { background-color: #000; opacity: 0.1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); }