html {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
font:normal 80% Arial, sans-serif;
color:#000;
background:#666feb url(../img/site/bodybg.jpg) 0 0 repeat-x;
text-align:center;
}

.error-message {
font-size:80%;
color:#f00;
margin-left:150px;
}

#container {
width:100%;
margin:0 auto;
background:url(../img/site/clouds.png) top center no-repeat;
}

#container2 {
background:url(../img/site/footer.png) bottom center no-repeat;
}

#header {
height:180px;
background:url(../img/site/biplane_banner.png) top center no-repeat;
}

#header h1 {
display:none;
}

#header #skip {
position:absolute;
left:-999px;
}

#content_wrapper {
width:750px;
margin:0 auto;
position:relative;
text-align:left;
}

#content {
width:442px;
margin:0;
padding-bottom:130px;
text-align:left;
}

#content .top {
height:13px;
width:100%;
background:url(../img/site/main_top.png) 0 0 no-repeat; 
}

#content .bottom {
height:13px;
width:100%;
background:url(../img/site/main_bottom.png) 0 0 no-repeat; 
}

#content .middle {
background:url(../img/site/main_middle.png) 0 0 repeat-y; 
padding:5px 20px 1px 20px;
min-height:510px;
overflow:visible;
}

* html #content .middle {
height:350px;
}

#content .middle h2 {
margin-top:10px;
margin-bottom:5px;
font:normal 200% Georgia, serif;
color:#473b63;
}

#content .middle a:link, 
#content .middle a:visited {
color:#dd000a;
text-decoration:none;
}

#content .middle a:hover {
text-decoration:underline;
}

/*Products*/

#products.view_brand .product_listing {
height:81px;
border-bottom:1px dotted #ccc;
padding:5px 0;
}

#products.view_brand a:link img, 
#products.view_brand a:visited img {
border:0;
height:80px;
width:105px;
float:left;
margin-right:10px;
}

#products.view_brand .product_listing span.strike {
text-decoration:line-through;
font-style:italic;
color:#bbb;
}

#products.view_brand .product_listing p {
margin-top:0;
line-height:1.5em;	
}

#products.view_details #product_details {
line-height:1.5em;	
}

#products.view_details #product_details a:link img, 
#products.view_details #product_details a:visited img {
border:0;	
}

#products.view_details #product_details .infobox {
width:135px;
background:#eee;
border:2px solid #ccc;
padding:5px;
font-size:80%;
font-weight:bold;
float:right;
}

#products.view_details #product_details span.strike {
text-decoration:line-through;
font-style:italic;
color:#bbb;
}

#products.view_details #product_details ul {
padding-left:15px;	
}

/*Scooter Hire*/

#pages.scooter_hire form {
border-top:1px dotted #ccc;
padding-top:10px;
padding-bottom:20px;
}

#pages.scooter_hire .required {
padding:4px;	
overflow:auto;
}

#pages.scooter_hire .required label {
display:block;
float:left;
width:150px;
}

#pages.scooter_hire .required input,
#pages.scooter_hire .required textarea {
width:235px;
border-top:1px solid #888;
border-left:1px solid #888;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#pages.scooter_hire .required textarea  {
height:100px;	
}

#pages.scooter_hire .submit {
text-align:right;
padding-right:10px;
}

#pages.scooter_hire form p.smallprint {
margin:0;
padding:0 0 0 4px;
font-size:80%;	
}

#pages.scooter_hire form span.required {
color:#f00;	
}

/*NEWS*/

#news_items.index .news_listing {
padding:5px 0;
border-bottom:1px dotted #ccc;
}

#news_items.index .news_listing a:link img, 
#news_items.index .news_listing a:visited img {
border:0;
width:105px;
height:80px;
float:left;
margin-right:10px;
}

#news_items.view .details {
overflow:auto;	
}

#news_items.view img {
width:150px;
float:right;
}

/*Links*/

#sponsor_links {
margin:10px 0 0 0;
padding:10px 0 0 0;
list-style:none;
width:100%;
text-align:center;
border-top:1px dotted #ccc;
}

#sponsor_links li {
display:inline;	
height:60px;
vertical-align:middle;
padding:5px 10px;
margin-bottom:5px;
}

#sponsor_links li a:link img, 
#sponsor_links li a:visited img {
border:0;
max-width:80px;
max-height:25px;
}

.links {
border-top:1px dotted #ccc;
padding-top:5px;
}

.links span {
display:block;
font-style:italic;
}

.links ul {
margin:10px 0 0 0;
padding:0;
list-style:none;
overflow:auto;
}

.links ul li {
display:inline;	
}

.links ul li a:link, 
.links ul li a:visited {
display:block;
width:130px;
float:left;
text-align:center;
}

.links p {
text-align:right;
font-size:80%;
}

/*Product Comparison*/
#content .middle #comparisons p {
margin-bottom:3px;
padding-bottom:0;
}

#content .middle #comparisons p strong a:link, 
#content .middle #comparisons p strong a:visited {
color:#473b63;	
}

#comparisons ul {
margin:0;
padding:0;
list-style:none;
border-top:1px solid #ccc;
}

#comparisons ul li {
padding:4px;
border-bottom:1px solid #ccc;
}

#comparisons ul li.dark {
background:#eee;	
}

#comparisons ul li span.price {
float:right;	
}

#comparisons ul li span.price span {
text-decoration:line-through;	
font-style:italic;
color:#f00;
font-size:80%;
}

#breadcrumbs ul {
margin:0;
padding:0;
list-style:none;
}

#breadcrumbs ul li {
display:inline;
font-size:80%;
font-weight:bold;
}

#right_col {
position:absolute;
top:50px;
left:460px;
text-align:left;
color:#473b63;
}

#right_col h2 {
font:normal 200% Georgia, serif;
margin:0 0 5px 0;
}

#right_col p {
font:normal 90% Arial, sans-serif;
line-height:1.5em;
}

#right_col p a:link, 
#right_col p a:visited {
color:#fff;
text-decoration:none;
}

#right_col p a:hover {
color:#473b63;
text-decoration:underline;
}

#right_col ul {
margin:0;
padding:0;
list-style:none;
color:#fff;
}

#right_col ul li a:link, 
#right_col ul li a:visited {
text-decoration:none;
color:#473b63;
}

#right_col ul li a:hover {
color:#473b63;
text-decoration:underline;
}

#right_col .row1 {
width:370px;
position:relative;	
}

#right_col .news {
position:relative;
margin-bottom:20px;
width:160px;
height:135px;
background:#fff;
border:2px solid #dd000a;
padding:5px;
}

#right_col .news p {
position:absolute;
bottom:5px;
right:5px;
margin:0;
padding:0;
}

#right_col .news p a:link, 
#right_col .news p a:visited {
font:bold 85% arial, sans-serif;
color:#dd000a;
}

#right_col .r1_advert {
position:absolute;
top:0;
right:0;
width:174px;
height:149px;
}

#right_col .r2_advert {
width:370px;
height:100px;
}

#right_col a:link img, 
#right_col a:visited img {
border:0;	
}

#right_col .r2_advert .text_bg {
background:#fff;
border:1px solid #000;
padding:0 5px;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {
position:absolute;
top:10px;
right:-200px;
font: 100% Georgia, serif;
z-index:400;
}

#nav, 
#nav ul {padding:0 0 0 0; margin:0; list-style:none; position:relative; z-index:400;}
#nav {height:25px; width:500px; padding:0;}

#nav ul {
background:#fff;
border:1px solid #dd000a;
}

#nav ul li a:link, 
#nav ul li a:visited {
color:#dd000a;
background:#fff;
}	

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 10px 0 10px;}
#nav li li {float:none; padding:0 0 0 0;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#473b63; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap; text-align:left;}
#nav li li a {height:25px; line-height:25px; float:none; padding:0 10px 0 10px;}

#nav li:hover {position:relative; z-index:300;}
#nav a:hover {position:relative; z-index:300; text-decoration:underline; color:#dd000a;}

#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-3px; margin-left:100%; top:3px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#dd000a;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}