/* CSS Document */
html, body {
    height: 99%;
}

body {
font-size:12px;
font-family: Helvetica, Verdana, Arial, sans-serif;
background-image:url(graphics/background.gif);
background-attachment:scroll;
background-position:center top;
background-repeat:repeat-y;
margin:0px;

}


h1 {
font-size:16px;
}
h2 {
color:#0066cc;
}

h4 {
color:#0066cc;
}

a {
color:#000;
text-decoration:none;
font-size:12px;
}

a:hover {
text-decoration:underline;
color:#000;
}

#wrapper {
width:100%;
min-height:100%;
height:100%;
}

#mainbody {
width:800px;
max-width:800px;
margin: 0 auto 0 auto;
height:100%;
}



#toplinks {
width:800px;
height:20px;
text-align:right;
vertical-align:middle;
padding-top:2px;
margin:0;
clear:both;


}

#navigation{
width:800px;
position:relative;
float:left;
clear:both;



}

#headers {
width:800px;
height:210px;
margin-top:2px;
margin-bottom:2px;
float:left;
clear:both;


}

#contents
 {
width:794px;
min-height:300px;
padding:2px;
z-index:10;
clear:both;
padding-bottom:22px;
min-height:70%;
border:1px #2328e5 dotted;
}

#footer {
	clear:both;
width:800px;
height:60px;
text-align:center;
margin-top:2px;
bottom:0px;
position:relative;
 
}

.footerlinks {
width:265px;
display:inline;
text-align:center;
margin-left:10px;
margin-right:10px;
margin-bottom:1px
}

 /* hack lets IE see 100%, others see 70%. 

 */

#footer {

    \width: 800px;

    w\idth: 800px;

}


.footerlinks span {
width:265px;

}

/*- navigation */

#links {
  float:left;
  width:100%;
  background:#ffffff;
  font-size:12px;
  line-height:normal;
  background:url(graphics/nav-bg.gif) repeat-x left top;

	
  }
#links ul {
	margin:0;
	padding:0px 10px 0 50px;
	list-style:none;
  }
#links li {
  display:inline;
  margin:0;
  padding:0;
   text-decoration:none;
  }
#links a {
  float:left;
  margin:0;
  padding:0 0 0 5px;
  text-decoration:none;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
  }
#links a span {
  float:left;
  display:block;
  padding:5px 15px 4px 6px;
  color:#fff;
  background:url(graphics/nav-bg.gif) repeat-x left top;
   text-decoration:none;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#links a span {float:none;}
/* End IE5-Mac hack */
#links a:hover span {
  color:#000;
   background-color:#000000;
  text-decoration:none;
  }
#links a:hover {
  background:url(graphics/nav-bg-over.gif) repeat-x left top;
  }
#links a:hover span {

   text-decoration:none;
   background:url(graphics/nav-bg-over.gif) repeat-x left top;
  }


ul {
	margin-left: 22px;
	font-size: 14px;
}

.dslink      { font-size: 10px; color: #000000 }
.dslink:hover    { font-size: 10px; color: #ffffff }

.borderedtable {
border-width:1px;
border-color:#fff;
border-style:solid;
  background:url(graphics/nav-bg.gif) repeat-x left top;
}
.borderedtable:hover {
  background:url(graphics/nav-bg-over.gif) repeat-x left top;
  color:#000;
}
.borderedtable a{
font-size: 12px; color: #fff;

   text-decoration:none;
}

.borderedtable a:hover{
font-size: 12px; color: #000;
   text-decoration:none;
}

.day { color: #000000; }
.currentday { 
color: #000; 
background-color:#FFFF00;
font-weight:bolder;

 }

.listingtable { border-width: 0px; border-style: none; padding: 0; margin: 0; border-style: solid; }
.listingtable td { border-style: none; }
.listingrow0 { background-color: #cccccc; }
.listingrow1 { background-color: #ffffff; }
.price { color: #ff0000; font-weight: bold; }
.viewlink { color: #a0a0a0; text-decoration: none; font-weight: bold; }
.viewlink:hover { color: #ff0000; }
.listingadvert { margin-left: 2.5px;  margin-top: 5px; margin-bottom: 5px; width: 270px; height; 100px; }
.listingphoto { border-style: solid; border-width:1px; border-color: #808080; float: left; width: 100px; height: 75px; left: 1px; top: 1px }
.listingtext {  color: #000040; float: right; width: 165px; }
.listingprice { font-weight: bold; color: #000000; float: right; width: 165px; }
.listingmore { font-weight: bold; color: #000000; float: right; width: 165px; }
.listingmore a { color: #ff0000; text-decoration: none; }
.listingmore a:hover { color: #0000ff; }
#viewadditional { background-color: #808080; font-weight: bold; color: #ffffff; font-size: 12px; font-family: verdana,arial; padding: 5px; border-style: solid; border-width: 1px; border-color: #ff0000; }
				
				
				
#autotrust
{
	position:absolute;
	left: 418px;
	top: 3px;
	width: 310px;
}
				
#service
{
	/*width:800px;*/
	padding:20px;
/*	background-image: url(graphics/mot.jpg);
	background-repeat:no-repeat;
	background-position:left;*/
	height: 600px;
	width:290px;
	float:left;}
	
#service ul li
{
	font-size:15px;}
	
#warranty
{
	padding:10px;
	width:300px;
	
}
#profile
{
	padding-left:5px;
	margin-top:5px;

	}

#toolpic
{
	float:left;
	padding:20px;
	padding-left:80px;


}
#txtPostcodeA {
	float:left;
	width:40px;
	height:20px;
	margin-left:3px;
	margin-top:5px;
	color:#000000;
	background-color:#e5e4e4;
	
}

#txtPostcodeB {
	float:left;
	width:40px;
	height:20px;
	margin-left:5px;
	margin-top:5px;
	color:#000000;
	background-color:#e5e4e4;
}

#directions {
height:100px;
/*border:1px solid #333333;*/
/*padding:65px 0 10px 100px;*/
padding-left:5px;
padding-top:15px;
margin-bottom:8px;
background: url(graphics/google.jpg) left top no-repeat;
}

#btnShowDirections
{
/*	padding-top:6px;*/
	margin-top:5px;
}
#map
{
	float:left;
	height:100px;
	width:370px;
	padding-top:20px;
}

#right-map
{
	float:left;
	height:100px;
	width:370px;
}

#right-google
{
	float:left;
	height:100px;
	width:370px;
}

#table2
{float:left}