/* ==== Eddie Wright Accident Repair Centre (c) 2008 Bluesky Interactive ==== */

/* ==== common ==== */
body {
background: #ffffff url("/images/page-bg.gif") repeat-x; background-attachment:fixed;
font: normal 12px/16px Arial, sans-serif; color: #464249; }
.notes {
font: normal 10px/12px Arial, sans-serif; color: #949494; }
.clear {
clear: both;
height: 0px;
overflow: hidden; }
#pages { 
width: 944px;
padding: 0 10px 0 10px;
margin: 0 auto;
background: #ffffff;}

/* ==== header ==== */
#header {
width: 944px;
height: 143px;
background:  url("/images/header-bg.jpg") no-repeat;
padding: 0;
margin: 0;}
#header.nonfault {
width: 944px;
height: 143px;
background:  url("/images/header-nonfault.jpg") no-repeat;
padding: 0;
margin: 0;}
#headerleft {
float: left;
width: 190px;
padding: 0 0 0 10px;
margin: 0; }
p.intro  { 
position: relative;
top: 2px; left: 1px;
font-weight: bold; color: #e7058a;
margin: 0;
padding: 4px 0 0 0;}

/* ====== nav ====== */
#navcontainer {
width: 944px;
height: 28px;
margin: 0 0 24px 0;
padding: 0;
background-color: #d7df24;}
#nav {
width: 944px;
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-size: 15px; font-weight: bold; color: #7f5286;
text-decoration: none;
display: block;
margin: 0;
padding: 5px 6px 7px 10px;}
#nav a:hover {
color: #00862f;
text-decoration: none; }
#nav ul li a:hover {
color: #00862f;
text-decoration: none;} 
#nav li ul {
position: absolute;
left: -999em;
height: auto;
margin: 0;
padding: 0;
width: 194px;
w\idth: 190px;
border: none; }

#nav li ul a {
width: 174px;
w\idth: 174px;
margin: 0;
padding: 3px 2px 5px 0;
background: #af72ae;
color: #FFF;
font-size: 11px; font-weight: bold; color: #fff;
padding-left: 10px;
line-height: 1.4em;
border-top: solid 1px #cd96cd;
border-right: none; }
#nav li ul a:hover {
color: #d6d92f; }

#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: 944px;
font-size: 11px/16px; color: #525252;
margin: 0 0 9px 0; 
padding: 0;}
#content a:link, #content a:visited, #content a:active {
font-weight: bold;
color: #e7068a;
text-decoration: underline; }
#content a:hover {
color: #00862f;
text-decoration: underline;
font-weight: bold; }

.left {
width: 180px;
margin: 0;
padding: 0;
float: left;
background-color:#FFFFFF;}
.left p {
padding: 0 10px 0 10px;
margin: 0 0 10px 0; }

/* ==== main ==== */
#main {
width: 753px;
float: right;
padding: 0;
margin: 0; }
#main .intro {
padding: 0;
margin: 0 0 24px 0; }
#main .centre {
width: 562px;
margin: 0;
padding: 0;
float: left; }
#main .right {
width: 180px;
float: right;
margin: 0;
padding: 0; }

#main h1 {
padding: 0 0 0 10px;}
#main p {
padding: 0 10px 0 10px;
margin: 0 0 10px 0;
font-size: 11px/17px; font-weight: normal; color: #4b4b4b; }
#main ul {
margin: 0 0 10px 10px;
padding: 0;
list-style-type: none;  }
#main ul li {
background-image:  url("/images/bullet.gif");
background-repeat: no-repeat;
background-position: 0 .35em;
padding: 0 0 3px 15px;
margin: 0 0 0 0;}

.centre p {
padding: 0 10px 0 10px;
margin: 0 0 10px 0; }

#main .centre ul {
margin: 0 0 10px 10px;
padding: 0;
list-style-type: none;  }
#main .centre ul li {
background-image:  url("/images/bullet.gif");
background-repeat: no-repeat;
background-position: 0 .35em;
padding: 0 0 3px 15px;
margin: 0 0 0 0;}

.right h1 {
padding: 0 0 0 6px;}
#right p {
padding: 0 10px 0 10px;
margin: 0 0 10px 0; }

#questionbox {
width: 180px;
height: 78px;
padding: 70px 0 0 0;
margin: 0;
background: #d7df24 url("/images/question-box.jpg") no-repeat; }
#questionbox h3 {
font-size:12px;
padding: 0 0 34px 10px;
margin: -2px 0 0 0; }
#testimonial {
	width: 180px;
	padding: 35px 0 0 0;
	margin: 20px 0 0 0;
	background: #d7df24 url("/images/testimonial-top.gif") top left no-repeat; 
}
#testimonial h3 {
	font-size:12px;
	background:  url("/images/testimonial-bottom.gif") top left no-repeat;
	padding: 0 0 34px 10px;
	margin: -2px 0 0 0; }
#rightcolumn {
	width: 170px;
	float: left;
	padding: 0;
	margin: 0 0 24px 0;
	color: #FFF; }

/* === Link arrows === */
.internal {
margin: 0;
padding: 0 0 0 10px;
background: url(/images/arrow.gif) no-repeat 0 50%; }
.internal:hover {
background: url(/images/arrow.gif) no-repeat 0 50%; }

/* ======  images ====== */
.homewidth {
padding: 0;
margin: 6px 0 0 0;}
.titleimage {
padding: 0;
margin: 0 0 10px 0;}
.newsimage {
width: 307px;
float: right;
margin: 0 0 10px 10px;}


/* ======  findus ====== */
.openingtimes {
width: 300px;
float: right;
margin: 0;
padding: 0;}
.opentimestable {
border-collapse: collapse;
margin: 0 0 10px 0;
padding: 0; }
.opentimestable p {
margin: 0;
padding: 0; }
.opentimestable td {
border: 1px solid #cecf8c;
padding: 2px 4px 3px 4px; }
.opentimestable th {
font-weight: normal;
border: 1px solid #cecf8c;
background-color: #e5e6aa;
padding: 4px;
text-align: left; }
.postcodebox {
width: 550px;
margin: 0;
padding: 5px 0 5px 10px;
background: #e5e6aa;
border: 1px solid #cecf8c; }

.callpeter {
	margin: 0 0 10px 0;}
.callpeterlarge {
	float: right;
	margin: 0 0 10px 10px;}

/* ====  headings ==== */
h1 {
font-size: 24px; font-weight: bold; color: #9862a1;
letter-spacing: -1px;
margin: 0 0 10px 0;
padding: 0; }

h2 {
font-size: 14px; font-weight: bold; color: #9862a0;
letter-spacing: -1px;
margin: 0 0 10px 0;
padding: 0 0 0 10px; }


/* ==== other text styles ===== */
.testimonialname  {
font-size: 14px; font-weight: bold; color: #525252;
margin: 0;
padding: 0; }

/* ====== contact form ====== */
#contact table {
	background: #e7058a;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	border-top: 4px solid #e7058a;
	border-bottom: 8px solid #e7058a; }
#contact form {
	margin: 0 0 10px 0;
	padding: 0; }
#contact td {
	margin: 0;
	padding: 4px 0 0 10px; }

.contactwidth {
font-size: 11px; font-weight: bold; color: #000;
margin: 0;
padding:0;
width: 225px;}
#contact p {
margin: 0;
padding: 0;
font-size: 11px; font-weight: bold; color: #fff; }
#contact legend { 
font-size: 11px; font-weight: bold;
margin: 0;
padding: 0 5px 0 0; }
#contact label {
float: left;
width: 170px;
margin: 0;
padding: 0;}
#contact select { 
font-size: 11px; font-weight: normal; color: #000;
width: 230px;
margin: 5px 0 0 0;
padding: 0; }
#contact textarea { 
font-size: 11px; font-weight: normal; color: #000;
width: 225px;
height: 80px;
margin: 2px 0 0 0;
padding: 0; }
#contact input:focus, #partexform textarea:focus { 
background-color: #FFC; }
.chkbox1 {
margin: 0;
padding:0;}
.chkbox2 {
margin: 0;
padding:0;}
.chkbox {
margin: 0 7px 3px 0;
padding: 0;}
#contact input.submit {
font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #fff;
width: 230px;
margin: 0; 
padding: 2px 0 2px 0;
background:  url("/images/search-button-bg.gif") repeat-x;
border: 1px solid #fff;}
.disclaimer {
color: #fff;
float: left;
margin: 6px 6px 0 0;
padding: 0;}

/* ==== footer ==== */
#footer {
width: 924px;
background: #e7d4e6;
margin: 14px auto 0 auto ;
padding: 10px 10px;
font: 11px; font-weight: normal; color: #464249; }
#footer p {
margin: 0 0 6px 0;}
#footer a {
font-weight: normal;
color: #9862a1; text-decoration: none; }
#footer a:hover {
font-weight: normal;
color: #a9b308; text-decoration: none;}
#footer-left {
float: left;
width: 160px; }
#footer-right {
float: right;
width: 733px; }