/* layout
----------------------------------------------------*/
html,body,ul,ol,li,p,td,h1,h2,h3,h4,h5,h6,form,fieldset,a,div,img { margin:0; padding:0; border:0 } 
body {
		font-family: Helvetica, Arial, sans-serif;
		text-align: center; 
		background:#fff;
		font-size:100%;
		}
	#container {
		border: 1px solid #CCCCCC;
		width: 1000px;  
		margin: 0 auto;
		text-align: left;
		padding-bottom:12px;
		overflow:hidden;
		background:#fff;
		}
	#header {
		height: 139px;
		}
	#headerlinks {
		float: right;
		font-size: .7em;
		padding: 8px 10px 8px 10px;
	}
	#headerLogo {
		padding: 12px 0 0 30px;
		float: left;
	}	
	
	.clearcont:after {
	content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; visibility:hidden;
	}
	.clearcont {
	height:1%;
	}

p img { padding: 0;	max-width: 100%; }
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;	}
img.alignleft {	padding: 4px;margin: 0 7px 2px 0;display: inline;	}
.alignright {float: right;	} .alignleft {float: left	}

/* IE specific better image scaling */
img { -ms-interpolation-mode: bicubic; }
	
	
/* mainNav
----------------------------------------------------*/
	#mainNav {
		padding: 0 0 0 15px;
		border-bottom: 4px solid #fcce00;
		height: 31px;
		list-style: none;
		overflow: hidden;
		}
	#mainNav ul {
		list-style: none;
		display: inline;
		}
	#mainNav li {
		list-style: none;
		display: inline;
		}
	#mainNav a {
		width: 92px;
		background: url(/images/main/tab.gif) top left no-repeat; 
		float: left;
		overflow: hidden;
		height :31px;
		text-align:center;
		color:#FFFFFF;
		font-size:12px;
		letter-spacing:.1pt !important;
		text-decoration:none;
		display:block;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:600;
		}
	#mainNav a span {
		display:block;
		padding-top:9px;
		}
	#mainNav a:hover {
		background-position: 0 -31px;
		}
	#mainNav a.selected {
		background-position: 0 -62px;
		color:#000000;
		}
		
		
/* mainContent 
----------------------------------------------------*/
	#mainContent {
		padding: 0 0 18px 0;
		margin: 15px 0 15px 0;
		width: 705px;
		float: left;
		margin-left: 15px;
		font-size:0.8em;
		height:1%;
		}

	#mainContent:after {
	content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; visibility:hidden;
	}
	
	.cnleft{
		float:left;
		width:400px;
		}
	 .cnright {
		float:right;
		width:260px;
		}
		
	.rounded {
  -moz-border-radius:1ex;
  -webkit-border-radius:1ex;
}
		

/* sidebar contains booking widget 
----------------------------------------------------*/
	#sidebar {
		width: 247px;
		margin-left: 15px;
		float: left;
		}
		
/* Container for Booking Panel in sideBar 
----------------------------------------------------*/		

	.motoPanel {
		width: 227px;
		background: url(/images/boxes/fade247.jpg) top left repeat-x;
		margin: 15px 0 0 0;
		padding:9px 10px;
		display: block;
		font-size: 12px;
		}
		
	.motoPanelFoot {
		width: 227px;
		background: url(/images/main/gradBoxHeaderBikeB.jpg) bottom left repeat-x;
		height:40px;
		display: block;
		}
	
	.indbike {
	background: url(/images/main/gradBoxHeaderBike.jpg) top left repeat-x;
	}
		
	.motoPanel h2 {
		color: #D10019;
		font-size: 14px;
		display: block;
		margin:0 0 2px 0;
		}
		
	.motoPanel h3 {
		margin:0 0 0 0;
		}
		
		
		.motoPanel input.cal {
		background: url(/images/bk/cal.gif) top right no-repeat;
		width:200px;
		}
		
		
/* Container for Special Offer Panel in sideBar 
----------------------------------------------------*/		
	.specialOfferContainer {
		text-align: center;
		width: 247px;
		background-image: url(/images/main/gradBoxFiller.jpg);
		background-repeat: repeat-y;
		margin: 15px 0 10px 0;
		display: block;
		}
	
	.specialOfferContainer ul {
	text-align: left;
		font-size: 0.8em;
		font-style: normal;
		line-height: 1.4em;
		display: block;
		margin: 10px 0 15px 0;
		padding: 0 0 0 30px;
		}
	.specialOfferContainer h2 {
		font-size:.8em;
		text-align: left;
		text-indent: 1em;
		}
	.specialOfferContainer img {
			width: 140px;
			margin-top: 5px;
		}


		
/* adBar contains side advert 
----------------------------------------------------*/
	#adBar {
		width: 200px;
		float: left;
		clear: right;
		margin-left: 15px;
		text-align:center;
		overflow:hidden;
		/* background-color:#ECECEC; */
		}
		
/* Footer 
----------------------------------------------------*/
	#footer {
		clear: left;
		text-align: center;
		border-top: 1px solid #D10019;
		margin: 0 15px 0 15px;
		}
	
/* p Default styling for paragraphs
----------------------------------------------------*/
	p {
		color: #000000;
		line-height: 1.2em;
		margin:1em 0;
		}
	ul {
	margin-left:30px;
	text-align:left;
	}
		
/* Define value for headers
----------------------------------------------------*/
	h1 {
		font-size: 1.4em;
		line-height: 1.1em;
		margin-bottom: .5em;
		color: #D10019;
		}
	h2 {
		font-size: 1.2em;
		line-height: 1.2em;
		margin-bottom: 1em;
		color: #D10019;
		}
	h3 {
		font-size: 1em;
		line-height: 1.2em;
		margin-bottom: 1em;
		color: #000000;
		}
			
/* Styling for paragraphs in footer
----------------------------------------------------*/
	#footer p {
		color: #000000;
		font-size: 0.7em;
		line-height: 0.4em;
		margin:1em 0;
		}
	
/* Turn off all browser links outlines
----------------------------------------------------*/
	a {
		outline: none;
		}
		
/* Styling for links in headerlinks and footer
----------------------------------------------------*/
	#headerlinks a:link, #headerlinks a:visited, #headerlinks a:hover, #footer a:link, #footer a:visited, #footer a:hover { 
		color: #666666; 
		text-decoration: none; 
		}	
		
/* Hover styling for links in headerlinks and footer
----------------------------------------------------*/
	#headerlinks a:hover, #footer a:hover { 
		text-decoration: underline; 
		}
		
/* Styling for links in mainContent
----------------------------------------------------*/
	#mainContent a:link, #mainContent a:visited, #mainContent a:hover { 
		color: #D10019;
		text-decoration: underline; 
		}
		
/* Define values for individual bike pages 
-------------------------------------------------------------------------------------------*/
	
	.bikeBoxContainer {
		width: 708px;
		background: url(/images/main/gradBoxHeader.jpg) top left repeat-x;
		}
		
	.bikeBoxContainerA {
		width: 470px;
		float: left;
		margin-left:10px;
		}
		
	
	.bikeBoxContainerRight {
		width: 200px;
		float: right;
		text-align:center;
		}
		
	.bikeBoxContainerSpec {
		font-size:12px;
		padding:9px 28px 0 20px;
		}

	
	.bikeBoxContainer h1 {
		color: #D10019;
		height: auto;
		display: block;
		line-height: 45px;
		text-indent: 10px;
		}

	
	.bikeBoxContainer h2 {
		color: #D10019;
		font-size:0.95em;
		margin:14px 0 9px 0;
		}
	


/* Container for panels on grouped bike page 
----------------------------------------------------*/		
	.bikeHireContainer {
	background: url(/images/main/gradBoxHeader.jpg) 0px -2px  repeat-x;
		width: 160px;
		border:1px solid #eee;
		margin: 0 9px 9px 0;
		float: left;
		text-align: center;
		 -moz-border-radius:1ex;
  		-webkit-border-radius:1ex;
		padding:0 0 8px 0;
		cursor:pointer;
		}
		
		
/* h1 styling for grouped bike panels 
----------------------------------------------------*/	
	.bikeHireContainer h2 {
		margin:0;
		padding:4px;
		display:block;
		font-size: 14px;
		height: 36px;
		line-height: 16px;
		cursor:pointer;
		}
	


/* bike calendar 
----------------------------------------------------*/
div.bikeCalendar {
}

div.bikeCalendar div.calclear {
padding-top:20px;
clear:left;
overflow:auto;
}

div.bikeCalendar div.calbox {
float:left; 
margin:0 10px 10px 0;
}

div.bikeCalendar table.calmonth {
width:auto;
background-color:#FFCB00;
border-collapse:collapse;
}

.calmonth th, .calmonth td  {
margin:0 !important;
padding:0 !important;
border:1px solid #666666;
border-collapse:collapse;
font-size:12px;
width:22px;
text-align:center;
}

div.bikeCalendar table.calmonth td.hdg {
margin:0 !important;
padding:0 !important;
width:auto;
}

div.bikeCalendar table.calmonth th {
border:1px solid #333333;
background-color:#333333;
color:#FFFFFF;
font-weight:normal;
text-align:center;
}

div.bikeCalendar table.calmonth td.cellON { 
background-color:#AAAAAA;
}

div.bikeCalendar ul.bikeCAL { 
text-align:left;
margin:9px 0 18px 0; 
list-style:none
}

.bikeCalendar li {
display:inline !important;
margin:0 12px 4px 0 !important; 
padding:0 0 0 20px !important; 
}

div.bikeCalendar li.calAV {
background:url(/images/bullet2.gif) no-repeat top left;
}
div.bikeCalendar li.calNOTAV {
background:url(/images/bullet1.gif) no-repeat top left;
}



/* other 
----------------------------------------------------*/
img.iLeft { float:left; margin:0 9px 9px 0 }
img.iRight { float:right; margin:0 9px 9px }


.gearPage h2 { margin:9px 0 0 0; padding:0 }
.gearPage h3 { color: #D10019; padding:0; margin:0 }
.gearPage table, div.gearPage table th, div.gearPage table tr { border:0; padding:0; }
.gearPage table td { border-bottom:1px solid #CCCCCC; border-left:0; border-right:0; border-top:0; text-align:left; font-size:.9em;  }
.gearPage table td.euro {text-align:center; }
.gearPage table th  {  text-align:center; border:0; }

#bikesComingSoon {
clear:both;
overflow:auto;
margin:16px 0 9px 0;
}

.superdeals {
padding:0 5px 0 7px;
}
.superdeals h2{
font-size:14px;
margin-bottom:3px;
}
.superdeals p {
margin:0 0 1em 0;
font-size:13px;
}

noscript #werr {
display:block;
font-size:1em;
margin:20px 7px 7px 7px !important;
padding:7px !important;
color:#FF0000;
border:1px solid red;
background-color:#eee;
}

.bikemisc {
	font-size:11px;
	padding:0;
}

.hometop {
padding-top:45px;
margin-bottom:9px;
}
.hometop #intro {
float:right;
width:400px;
margin-top:-45px;
line-height:1.1em;
}


.promo {
padding:10px;
text-align:left;
font-size:12px;
}


#bkgContainer {
		padding: 0 0 18px 0;
		margin: 15px;
		width: auto;
		font-size:0.8em;
		height:1%;
}

#tmpmove {
font-size:15px;
}
#tmpmove h2,#tmpmove h3 {
margin:12px 0 .6px;
color: #D10019;
font-size:16px;
line-height:20px;
overflow:visible;
}
#tmpmove p {
margin:0 0 .5em 0;
}

/* new home page */

ul.hmbikes { border-top:2px solid #CDCDCD; margin-top:4px;}
ul.hmbikes,ul.hmbikes li { list-style:none; }
ul.hmbikes li {
	padding:1px;
	border-bottom:2px solid #CDCDCD;
	font-size:12px;
}
ul.hmbikes li a {
	padding:1px 0;
	display:block;
	text-decoration:none !important;
	text-indent:2px;
}
ul.hmbikes li a:hover {
	background:#EEE;
	ext-decoration:none;
}


#bikerama {
	background:#EEE;
	width:470px;
	height:300px;
	position:relative;
}

#bikescroller {
	height:300px;
	width:230px;
	overflow:auto;
}
#bikescroller ul {
	margin-left:0;
}


#bikerinner {
position:absolute;
top:9px; left:9px;
	width:452px;
	height:282px;
	background:#fff;
}

p.space1 { height:4px; overflow:hidden; visibility:hidden }
p.space2 { height:4px; overflow:hidden; visibility:hidden }


.hmbits {
		width: 220px;
		background: url(/images/boxes/fade220.jpg) top left no-repeat;
		display: block;
		font-size: 12px;
		text-align:left;
}
.hmbits h2 {
		padding:9px 9px 12px 9px;
		display: block;
		width:auto;
		
}

.hbi {padding:0 9px; line-height:normal; font-size:12px}

