/* @override http://www.summitgarage.co.uk/styles.css */

/* @override http://www.summitgarage.co.uk/styles.css */

body {
padding:15px 0 0 0;
margin:0;
font:76% Verdana, Arial, Helvetica, sans-serif;
/*background:#000000;*/
background:#000000;
color:#303030;
}

a {
color:#575A3F;
text-decoration:none;
}

a:hover {
color:#303030;
text-decoration:none;
}

a.contact {
border-bottom:0;
color:#999;
}

h1 {
margin:0 0 20px 0;
font-size:2.2em;
font-weight:normal;
color:#575A3F;
}

h2 {
margin:0 0 10px 0;
font-size:14px;
font-weight:bold;
color:#2A513C;
}

h3 {
font-size:14px;
font-weight:bold;
color:#666;
margin:0 0 3px 0;
}

p {
margin:0 0 15px 0;
line-height:1.3em;
text-align:left;
}

p.message_good {
	background-color: #a6eb88;
	font-weight: bold;
	text-align: center;
}
p.message_bad {
	background-color: #c01f2e;
	font-weight: bold;
	text-align: center;
}

img, a img {
border:0;
}

table {
border:0;
}

/* Main container */

#container {
margin:0 auto 20px auto;
width:844px;
padding:0px;
background:#ffffff;
}

/* Site title section */

#header {
	float:left;
/*	height:208px;*/
	height:158px;
	width:800px;
	background-color: #e12d1f;
	padding: 22px;
}
#header #lside {
	width: 250px;
	float: left;
	height: 158px;
}
#header img {
	display: block;
	margin: auto;
}
#header #rside {
	width: 250px;
	float: left;
	height: 158px; /* graphic is 101 px*/
}
#header #middle {
	width: 300px;
	float: left;
	height: 120px;
	padding-top: 38px;
}
#header p, #header h1, #header h2, #header h3 {
	text-align: left;
	color: white;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

#header #middle p, #header #middle h1, #header #middle h2, #header #middle h3 {
	text-align: left;
}

#header #rside p, #header #rside h1, #header #rside h2, #header #rside h3 {
	text-align: center;
}


#nav {
float:left;
width:800px;
/*height:50px;*/
padding-bottom:3px;
margin-bottom:10px;
margin-top:2px;
border-bottom: 3px solid #000;
background-color: #e22e1f;
	padding-right: 22px;
	padding-left: 22px;
}

/* Main content */

#main_content_container {
float:left;
width:844px;
clear:both;
background:#fff;
margin-bottom:2px;
}

#main_left_large {
width:800px;
float:left;
background:#ffffff;
padding:12px 22px 0 22px;
}

#main_left {
width:420px;
float:left;
background:#ffffff;
padding:12px 12px 0 22px;
}

#main_left h2 {
color:#1F1F1F;
}

#main_left h2 a {
color:#2A513C;
text-align:center;
}

#main_left img, #main_left_large img {
margin-bottom:5px;
border: 1px solid #8A8F92;
padding:3px;
}
#main_left p {
text-align:justify;
font-size:1em;
color:#666;
}

#main_right {
width:350px;
float:right;
padding:12px 22px 0 12px;
background:#ffffff;
margin-bottom:10px;
}

#main_right h2 {
color:#1F1F1F;
}

#main_right table {
float:left;
border: 1px solid #8A8F92;
padding:3px;
}

#main_right p, td {
font-size:1.0em;
line-height:1.3em;
margin:0 5px 2px 0px;
color:#666;
}

#main_right li {
font-size:0.9em;
line-height:1.1em;
}

#main_right img {
float:left;
margin-right:8px;
margin-top:5px;
border: 1px solid #8A8F92;
padding:3px;
}

#product_thumbnails {
float:left; 
width:400px; 
margin-top:10px; 
margin-bottom:10px; 
text-align:center;
}
#product_thumbnails img {
margin-left:3px;
}

/* Footer */

#footer {
clear:both;
background:#FFFFFF;
height:85px;
margin-left:22px;
margin-right:22px;
margin-bottom:5px;
border-top: 3px solid #8A8F92;
}

#footer a {
color:#000000;
text-align:center;
}

#footer a:hover {
color:#000000;
}

#footer p {
color:#000000;
font-size:10px;
line-height:1.8em;
margin:8px 0 0 0px;
padding:0;
text-align:center;
}

#footer img {
margin-top:5px;
margin-left:150px;
}

/* Various classes */

.photo {
padding:2px;
margin:0 0 8px 0;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}

.right {
margin-top:-8px;
text-align:right;
}

.hide {
display:none;
}

.blue {
color:#0B50AD;
}

.red {
color:#B0021A;
}

.RRP {
font-size:14px;
font-weight:bold;
color:#666;
margin:0 0 3px 0;
}
.our_price {
font-size:14px;
font-weight:bold;
color:#B0021A;
margin:0 0 3px 0;
}

/* MENU STUFF HERE http://www.cssnewbie.com/easy-css-dropdown-menus/*/

#navbar {
	margin: 0;
	padding: 0;
	height: 1em; }
#navbar li {
	list-style: none;
	float: left; 
	}
#navbar li a {
	display: block;
	padding: 6px 20px;
/*	background-color: #B0021A;*/
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}

#navbar li ul {
	display: none; 
	width: 20em; /* Width to help Opera out */
	background-color: #e22e1f;}
	
#navbar li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	opacity: 0.9;
	border-bottom-left-radius: 10% 5%;
	border-bottom-right-radius: 10% 5%;
}
#navbar li:hover li {
	float: none; }
#navbar li:hover li a {
	background-color: #d52b1e;
/*	border-bottom: 1px solid #fff;*/
	color: #fff; }
#navbar li li a:hover {
	background-color: #c2261a;
	}
	


/* old menu stuff
#menu {list-style-type:none; margin:0; padding-left:110px; padding-top:10px; color:#B0021A; }

#menu li {display:block; float:left; position:relative; z-index:100; font-size: 12px; font-weight:bold; width: 100px; }
#menu li span {display:block; z-index:100; padding: 0px 4px; padding-left:50px;}
#menu li a, #menu li a:visited {display:block; padding:0; white-space:nowrap; border:0px;font-size: 14px; font-weight:bold; }

#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0;  filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;  }
* html #menu dl {background-color: #fff;}
#menu dt {margin:0; float:left; }
#menu dd, #menu hr {display:none; background-color: #B0021A; clear:left; margin-left:0; padding:0; color: #ffffff; font-size: 12px; text-align:left; width:225px;}

#menu dt a, #menu dt a:visited {display:block; color:#ffffff; font-size: 14px; padding: 5px 0px; text-decoration:none; }
#menu dd a, #menu dd a:visited {color:#fff; font-size: 12px; text-decoration:none; display:block; padding: 5px 3px; }

#menu li a:hover {border:0; text-decoration:none; }

#menu li:hover dd, #menu li a:hover dd {display:block; }
#menu li:hover dt a, #menu li a:hover dt a {color:#1F1F1F; padding-bottom:18px;}
#menu dd a:hover {color:#1F1F1F; text-decoration:none; }
*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail a{
text-decoration:none;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150px;
left: -300px; /*position where enlarged image should offset horizontally */
}