/* ==== harratts global stylesheet (c) bluesky interactive ==== */

/* ==== common ==== */
html {
margin: 0; 
padding: 0;
font: normal 12px/19px Arial, Helvetica, sans-serif, serif; 
background:url(/images/page-bg.jpg) top center repeat-y #8f1a76;}

img {
margin: 0; 
padding: 0;
border: 0 }
.notes {
font: normal 10px/12px Arial, Helvetica, sans-serif, serif; color: #848484; }
.clear {
clear: both;
height: 0px;
overflow: hidden; }
#pages { 
width: 780px;
padding: 0;
margin: 0 auto;}




/* ====  headings ==== */

body h1 {
font: normal 20px Tahoma, Arial, Helvetica, sans-serif; color: #191919; 
margin: 6px 0 12px 0;}
body h2 {
font: normal 18px Tahoma, Arial, Helvetica, sans-serif; color: #191919; 
margin: 0 0 12px 0;
padding: 0;   }
body h3 {
font: normal 14px Tahoma, Arial, Helvetica, sans-serif; color: #521971; 
margin: 0 0 12px 0;
padding: 0;   }


/* ==== header ==== */

#header {
width: 780px;
padding: 0;
margin: 0;
height:127px; 
display:block;}
.headerleft {
width: 540px;
float: left;
padding: 0;
margin: 0;
display:block; }
.headerright {
width: 220px;
float: right;
padding: 19px 0 0 0;
margin: 0;
display:block;}

.headermaintext {
font: normal 35px Tahoma, Arial, Helvetica, sans-serif; color: #8f1a76; 
margin: 16px 0 0 0;}

.headersubtext {
font: normal 16px Tahoma, Arial, Helvetica, sans-serif; color: #521971; 
margin: 0 0 12px 0;}



/* ====== nav ====== */

#navcontainer {
width: 540px;
height: 37px;
margin: 0 0 0 0;
padding: 0;
font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color:#fff;
background:url(/images/nav-bg.gif) top left repeat-x;
display:block;}

#nav {
float: left;
width: 540px;
display: inline;
list-style: none;
margin: 0;
padding: 0; }

#nav ul {
float: left;
display: inline;
list-style: none;
margin: 0;
padding: 0; }

#nav li {
float: left;
margin: 0;
padding: 0;
display: inline; }

#nav a {
font: normal 12px Tahoma, Arial, Helvetica, sans-serif; color: #e3e3e3;
text-decoration: none;
display: block;
margin: 0;
padding: 10px 11px 13px 11px;
border-right: solid 1px #45155f;}

#nav a:hover {
color: #005dd1;
text-decoration: none; }

#navlast a{
border-right: none;}

#nav ul li a:hover {
color: #FFF;
text-decoration: none;
background:url(/images/nav-hover.gif) top left repeat-x;} 

#nav li ul {
position: absolute;
left: -999em;
height: auto;
margin: 0;
padding: 0;
width: 164px;
w\idth: 160px; }

#nav li ul a {
width: 164px;
w\idth: 160px;
margin: 0;
padding: 1px 3px 5px 0;
background: #121212;
color: #FFF;
font: normal 12px Tahoma, Arial, Helvetica, sans-serif; color: #e3e3e3;
padding-left: 7px;
line-height: 1.4em;
border-bottom: 0 }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
width: 164px; } 



/* ==== content ==== */

#content {
width: 780px;
margin: 0; 
padding: 23px 0 0 0; }
#content p {
margin: 0 0 8px 0;
padding: 0; }





/* ==== left content ==== */

#left {
width: 540px;
margin: 0;
padding: 0 0;
float:left;}
#left p {
padding: 0;
margin: 0 0 16px 0;
color: #232121; } 
#left ul {
margin: 10px 0 10px 25px;
padding: 0 }
#left ul li {
list-style-type: disc;
margin: 0 0 5px 0;
padding: 0; }
#left p a {
font-weight: bold;
color: #521971;
text-decoration: none; }
#left p a:hover {
color: #84bd66;
text-decoration: none;
font-weight: bold; }

.rightimage {
float: right;
margin: 0 0 7px 7px; }



/* ==== right content ==== */

#right {
width: 220px;
float: right;
margin: 0;
padding: 0 0 0 0;}
#right p {
padding: 0;
margin: 0 0 12px 0;}
#right a:link, #right a:visited, #right a:active {
font-weight: bold;
color: #521971;
text-decoration: none; }
#right a:hover {
color: #84bd66;
text-decoration: none;
font-weight: bold;}


.donatebox {
border: solid 1px #d6d6d6;
background-color: #e3e3e3;
padding: 7px;
margin: 0 0 12px 0;}


/* ==== contact form ==== */

#contact {
width: 508px;
margin: 0;
padding: 16px;
background-color:#521971;}
#contact table {
margin: 0;}
#contact form {
margin: 0;
padding: 0; }
#contact td {
margin: 0;
padding: 0 0 5px 0; }
#contact p {
margin: 0 0 0 0;
padding: 0; color: #fff; }

#contact select {
width: 266px;
margin: 0 0 0 0;
padding: 0;
font: 12px/18px  Arial, Helvetica, sans-serif;
height:20px;}
#contact input.chkbox {
margin: 0 6px 0 0;
padding: 0;
font: normal 11px  Arial, Helvetica, sans-serif;  color:#464646;
border: 0; }
.contactwidth {
width: 150px;
margin: 0 0 0 0;
padding: 0;
font: normal 11px  Arial, Helvetica, sans-serif;  color:#464646;
height:19px; }


#contact textarea {
font: normal 11px  Arial, Helvetica, sans-serif;  color:#464646;
width: 150px;
height: 60px;
margin: 0 0 0 0; }
#txtCarDetails, #txtName, #txtEmail, #txtTelephone, #txtCompany, #contact select {
width: 266px;
margin: 0 5px 0 0;
padding: 0;
font: normal 11px/18px  Arial, Helvetica, sans-serif; color:#464646;
height:20px;  }
#txtEnquiry, {
width: 266px;
margin: 10px 0 0 5px;
padding: 0;
font: 12px/18px  Arial, Helvetica, sans-serif;  }
.chkbox {
margin: 10px 5px 0 0;
float: left;}
.white {
color:#FFFFFF;}
#dvOriginalDisclaimer {
margin: 10px 0 0 79px;}
.disclaimertxt {
display: block;}
#contact .contactsubmit {
font: normal 17px Tahoma, Arial, Helvetica, sans-serif; color: #fff;
width: 152px;
margin: 6px 0 0 0;
height: 27px;
padding: 0;
background: url(../images/contact-submit.jpg) top repeat-x;
border:none;
cursor:pointer;}



/* ===== Links ====== */

.linkarrow {
margin: 0;
padding: 0 0 0 18px;
background: url(../images/link-arrow.gif) no-repeat 0 50%; }
.linkarrow:hover {
background: url(../images/link-arrow-over.gif) no-repeat 0 50%; }



/* ==== footer ==== */

#footer {
font: normal 11px/19px Tahoma, Arial, Helvetica, sans-serif, serif;
margin: 23px 0 0 0 ;
color: #767676;}
#footer p {
margin: 0 0 9px 0;}
#footer a:link, #footer a:visited, #footer a:active {
font-weight: normal;
color: #767676; text-decoration: none; }
#footer a:hover {
font-weight: normal;
color: #767676; text-decoration: underline;}
.footerleft {
width: 300px;
float:left;
padding: 7px 0 0 0; }
.footerright {
width: 200px;
border-left: solid 1px #c6c6c6;
float:left;
padding: 7px 0 0 10px;}
.spiritlogo {
margin-right:10px;}