/*-----------------------------------------------------------------------------------
//
//	Scoot Around London
//
//	Date: 05/12/2007
//
//	styles.css - http://www.scootaround.com/css/default.css
//	by Paul Maher - http://www.paulmaher.com
//
// --------------------------------------------------------------------------------- */

html * div, body { 
		margin:0; 
		padding:0; 
		}

body {  
		background: #E5E5E5/*url(../images/templateimages/back.gif)*/;
		font: .8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.5em; 
		color:#333; 
		text-align:center; 
		}
		
::-moz-selection {background: #000; color: #FFF; !important} 
::selection {background: #000; color: #FFF; !important} 

div#wrapper { 
		margin:0 auto; 
		padding: 0; 
		padding-bottom: 0;
		margin-bottom: 0;
		width:792px; 
		height:auto; 
		text-align:left;
		}


/* --------------------------------------------------------------------------------- 
		TYPOGRAPHY
--------------------------------------------------------------------------------- */
		
a:link, a:active {
		color: #D42E2E;
		text-decoration: underline;}
		
a:visited {
		color: #7F0000}


a:active {
		color: #333}
		
a:hover {
		color: #000;
		}
		
img {
		border: 0;}
		
acronym {
		cursor: help;
		}	
		

/* --------------------------------------------------------------------------------- 
		CONTENT AREA STYLES
--------------------------------------------------------------------------------- */

#content ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		
#content li {
		background: url(../images/templateimages/listscooter.gif) no-repeat 0 50%;
		padding-left: 30px;
		}
		
#sale th {
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		padding: 10px;
		text-align: left;
		background: #E5E5E5;
		}
		
#sale th.right {
		border-right: 0;
		}

#sale td {
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		padding: 10px;
		}
		
#sale td.last {
		border-bottom: 0;
		}
		
#sale td.right {
		border-right: 0;
		}
		
		
/* --------------------------------------------------------------------------------- 
		LAYOUT
--------------------------------------------------------------------------------- */

#headerImg {
		width: 760px; 
		height: 160px;
		margin: 0 16px;
		background: #FFF url(../images/templateimages/header-img.jpg);
		}

#content {
		margin: 0 16px;
		padding: 30px 25px;
		padding-bottom: 20px;
		width: 710px;
		background: #FFF; 
		}
		
#footer {
		margin:0 auto;
		padding: 20px;
		width: 720px; 
		text-align: left;
		height: 255px;
		background: #333 url(../images/templateimages/footerbg.jpg) top repeat-x;
		}

#map {
		border: 1px solid #999;
		height: 300px;
		width: 450px;
		}
		
#hide {
		/* Using both properties ensures that this content is hidden from screen readers */
		display: none;
		visibility:hidden;
		}
		
#clear {
		clear: both;
		}
		
		
/* --------------------------------------------------------------------------------- 
		NAVIGATION
--------------------------------------------------------------------------------- */

#navigation {
		margin: 0 16px;
		padding: 0;
		width: 760px;
		background: #000 url(../images/templateimages/menubg.jpg);
		height: 60px;
		}

#navigation ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		
#navigation ul li {
		float: left;
		}
		
#navigation ul a {
		display: block;
		padding: 16px 16px;
		line-height: 2.1em;
		text-decoration: none;
		color:#FFF;
		}
		
#navigation ul a.last {
		display: block;
		padding: 16px 16px;
		padding-right: 13px;
		line-height: 2.1em;
		text-decoration: none;
		color:#FFF;
		}
		
#navigation ul a:hover {	
		height: 27px;
		background: #000;
		color:#D42E2E;
		}
		
#navigation ul a.selected {
		background: #000;
		color: #FFF;
		}
		

/* --------------------------------------------------------------------------------- 
		PRODUCT GALLERY - Links found on scooter page
--------------------------------------------------------------------------------- */

img.floatRight{ 
		float: right; 
		margin: 4px; 
		}
		
		
/* --------------------------------------------------------------------------------- 
		FOOTER STYLES
--------------------------------------------------------------------------------- */
		
div.footer {
		height: 30px;
		width: 760px;
		margin-left: 16px;
		background: #000 url(../images/templateimages/footerbg.jpg);
		}
		
div.footer ul {
		padding: 0;
		margin: 0;
		}

div.footer li {
		float: left;
		list-style-type: none;
		border-right: 0;
		margin: 0;
		}
		
div.footer li.last {
		border-right: 0;
		}
		
div.footer li a, div.footer li a:visited {
		text-decoration:none; 
		display: block;
		padding: 5px 15px 5px 15px;
		color: #FFF; 
 		}
  
div.footer li a:hover {
	  	color: #D42E2E; 
		background: #000;
  		}
		
div.footer li a.selected {
		background:  #000;
		color: #FFF;
		}
		
div.credits {
		width: 740px;
		text-align: right;
		margin-left: 16px;
		font-size: .85em;
		padding: 10px;
		}