/* CSS Document */
/* 
------------------------------------
DETAILS:
Title: mbt-screen.css
Author: Andy Coffey
Modified: November 2007
------------------------------------
COLORS:
Dark Blue: 	#0a598b
Mid Brown:	#b5884f
Beige:		#e8d7ac
----------------------------------- */
/* DEFAULT ELEMENTS 
-------------------------------------------------------------------------------------------------- */
* {padding:0;margin:0}

html {height:100%;background:#fff url(images/mbg_sprite.jpg) repeat-x 0 0}
body {font-family:"Trebuchet MS", Helvetica, Arial, sans-serif; font-size:15px; color:#333;background:transparent url(img/bg_footer.jpg) repeat-x left bottom;text-align:center;position:relative}
<!--#content{font-family:"Trebuchet MS", Helvetica, Arial, sans-serif; }-->
<!--option,select {min-width:1.5em}-->
img,fieldset,a img {border:0}
hr {height:1px;color:#ccc;margin:1em 0;background-color:#ccc;border:none;clear:both}
p {font-size:15px;}
ul {padding-left:15px}
dt {font-weight:bold}
fieldset {display:block;}
form label{cursor:pointer}
table{width:auto;border-collapse:collapse;border-spacing:0;table-layout:fixed}
ol,ul,blockquote,dl {margin-bottom:0px}
cite {font-style:normal;font-size:.94em}

/* ---- Links ---- */
a {text-decoration:none;outline:none}
a:link {color:#0a598b}
a:visited {color:#00519c}
a:hover,a:active {color:#900}
a:hover {text-decoration:none}

/* ---- Headings ---- */
h1,h2,h3,h4,h5,h6 {margin:0;color:#2C6D9F; font-family:Helvetica LT Condensed Black, "Trebuchet MS", Helvetica, Arial, sans-serif;}
h1 {font-size:2.5em}
h2 {font-size:17px;position:relative;line-height:1.1;}
h3 {font-size:18px;;border-top:1px solid #8ebbe4;padding:10 0 5 0px;}
h4 {font-size:14px;border-top:1px solid #8ebbe4;padding:10 0 5 0px;}
h5 {font-size:12px;border-top:1px solid #8ebbe4;padding:5 0 5 0px;}
h6 {font-size:12px;border-top:1px solid #8ebbe4;padding:5 0 5 0px; text-align:right}
h2 small {position:absolute;display:block;top:12px;right:0;font:.4em Helvetica LT Condensed Black, "Trebuchet MS", Helvetica, Arial, sans-serif;color:#666;text-align:right}

/* ---- Lists ---- */
ol li {margin-left:.5em;padding-left:0}
ul li {margin-left:.8em}
li em {font-size:.9em;font-weight:normal;font-style:normal;color:#4f4f4f}
li.more {color:#4f4f4f;font-weight:bold;margin-top:1px}


/* COMMON ELEMENTS 
-------------------------------------------------------------------------------------------------- */
.skiplinks {position:absolute;left:-9000px;width:1px;font-size:1px;line-height:1px}
.highlight {color:#f00}
.fL {float:left}
.fR {float:right}
.cBoth {clear:both}
.cLeft {clear:left}
.hide {display:none} 
.show {display:block}
.invisible {visibility:hidden}
.inline {display:inline}
.aR {text-align:right}
.aL {text-align:left}
.aC {text-align:center}
.clear:after,.c2:after,.c3:after,.c4:after,.c5:after {content:".";display:block;height:0;clear:both;visibility:hidden}

/* LAYOUT
-------------------------------------------------------------------------------------------------- */
/* Basic document structure: FooterFullWidth is default */
#wrap,#contentwrap,#sidebar {position:relative}
#wrap {position:relative;width:990px;margin:0 auto;text-align:left}
#contentwrap {width:960px;margin:0 15px;padding-top:25px}
#content,#sidebar {float:left;display:inline}
#content {width:720px;margin:0 0px 0 20px;padding-top:0px;overflow:hidden}
#sidebar {width:240px;z-index:0;margin-top:30px;clear:right}
#footer {font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;width:100%;margin:0px 0 0 0;padding-bottom:0px;text-align:center;clear:both;color:#fff;background:url(images/mbt_footer.jpg)}
#search{float:left;display:inline;width:955px;margin:0 0px 5px 20px;padding-top:0px;overflow:hidden}

/* body.FooterInsideContent 
.FooterInsideContent #content {margin:0 10px}
.FooterInsideContent #sidebar {position:absolute;top:0;right:10px;left:auto}*/

/* body.ContentFullwidth 
.ContentFullwidth #content {width:940px;margin:0}
.ContentFullwidth #sidebar {display:none}
.ContentFullwidth #footer {width:940px} */



/* TITLE 

-------------------------------------------------------------------------------------------------- */
#title {clear:both;position:relative;width:960px;margin:0 15px;text-align:center;background:transparent url(images/bg_title.jpg) no-repeat 0 0}
#title h1 {text-align:left;line-height:3}
#title h1,#title h1 a {width:500px;height:110px;_height:160px;float:left;overflow:hidden}
*+html #title h1,*+html #title h1 a {height:120px}
	#title h1 {margin:10px 0}
	#title h1 a {display:block;text-indent:-9000px;background:transparent url(img/mbg_sprite.gif) no-repeat 0 0;background:transparent}

/* NAVIGATION 
-------------------------------------------------------------------------------------------------- */
#nav {width:960px;height:65px;display:inline;position:relative;margin:0px 0px;_margin-top:0;_height:70px;padding:0;z-index:1;background:#fff url(img/mbg_sprite.gif) no-repeat 0 -400px;overflow:hidden}
*+html #nav {margin-top:0;height:60px}
       #nav ul li {position:relative;float:left;display:block;width:auto;margin:0;padding:0;list-style-type:none;color:#ced4e9}
      /* #nav ul li a {height:50px;width:auto;padding:0;text-indent:-9000px;overflow:hidden;display:block;background:transparent url(img/mbg_sprite.gif) no-repeat 0 -200px}*/
       #nav #home a {background-position:-10px -200px;width:90px} #nav #home a:hover,#nav #home.active a {background-position:-10px -300px}
       #nav #tours a {background-position:-100px -200px;width:100px} #nav #tours a:hover,#nav #tours.active a {background-position:-100px -300px}       
	   #nav #bookings a {background-position:-203px -200px;width:130px} #nav #bookings a:hover,#nav #bookings.active a{background-position:-203px -300px}       
	   #nav #the_club a {background-position:-342px -200px;width:120px} #nav #the_club a:hover,#nav #the_club.active a{background-position:-342px -300px}
       #nav #about_manly a {background-position:-468px -200px;width:170px} #nav #about_manly a:hover,#nav #about_manly.active a{background-position:-468px -300px}
       #nav #faq a {background-position:-636px -200px;width:85px} #nav #faq a:hover,#nav #faq.active a{background-position:-636px -300px}
       #nav #about_us a {background-position:-725px -200px;width:115px} #nav #about_us a:hover,#nav #about_us.active a{background-position:-725px -300px}
       #nav #bike_hire a {background-position:-845px -200px;width:115px} #nav #bike_hire a:hover,#nav #bike_hire.active a{background-position:-845px -300px}
      
       /* ---- Dropdown ---- */
       #nav ul li ul {display:none;position:absolute;top:44px;left:0;margin:0;padding:0;border:1px solid #e8d7ac;border-top:0;background:#fff;z-index:2}
       #nav ul li ul li{margin:0;padding:0 5px;background:#fff}
       #nav ul li ul li a{text-indent:0;background:#fff;font-size:1.2em;color:#a16122}
       #dropdown li>ul {top:auto;left:auto}
       #dropdown li:hover ul, li.over ul {display:block}
       #nav ul#dropdown li ul li {float:none;clear:both;border-bottom:1px solid #e8d7ac}
       #nav ul#dropdown li ul li a {width:180px;height:auto;margin:0;}
       #nav ul#dropdown li#n_home ul li a {margin-left:10px}


/* CONTENT MODULES 
-------------------------------------------------------------------------------------------------- */ 
.search {position:relative;width:960px;height:49px;overflow:hidden;background:#b5884f ;color:#fff;}
	.search .formA {width:630px;margin:0 0 0 280px}
	.search h2 {display:none}
	.search .formA li {clear:none;}
	.search .formA li label {width:auto;padding:0 5px 0 0;display:inline}
	.search .formA .form-input {width:75px}
	.search .formA #people.form-input {width:55px}
	.searchPeople {width:200px;float:left;clear:none; margin:1em 0}
	.searchWhen{width:300px;float:left;clear:none;overflow:hidden;margin:1em 0}
	.search a {position:absolute;top:0;left:auto;right:0;display:block;width:145px;height:49px;text-indent:-9000px;overflow:hidden;background:#b5884f url(images/mbt_tour_check.jpg) no-repeat }
	.search a:hover{background:#b5884f url(images/mbt_tour_check.jpg) no-repeat}
	.imageCheckAvaibility{width:200px;float:left; margin-left:0px;}
/*.imageCheck{ height:60px; background:url(images/mbt_tour_checkavailability.jpg) no-repeat;}*/


/* ---- Puff ---- 
.puff-promo{background:#367ABA repeat-x scroll 0 0; margin:10px; width:300px; padding-bottom:10px;text-align:center}

.puff {position:relative;margin-bottom:10px;padding:5px 0}
	.puff h1,.puff h2,.puff h3,.puff h4,.puff h5 {margin:0 10px;line-height:1.6}
	.puff cite,.puff p,.puff ul,.puff ol,.puff dl,.puff blockquote {margin:0 10px}
	.puff img {position:relative;float:left;margin:2px 10px 0 0}
	
#index .c2 .s1 p {font-size:1.2em}
#index .c2 .s2 {padding:0}
#index .c2 .s2 .puff h3 {font-size:1.3em;;color:#a16122}
#index .c2 .s2 .puff p {margin:0 10px}*/

/* ---- Ruff ---- */
.ruff{
background-image:url(images/mbt_ridercommentsbg.jpg); text-align:center; width:350px; float:left; font-style:italic; letter-spacing:normal;}
.ruff h2{ font-size:20px; color:#FFFFFF}
/* ---- Surf ---- */
.surf{
background-image:url(images/mbt_ridercommentsbg.jpg); text-align:center; width:200px; margin-left:400px; font-style:italic;  letter-spacing:normal;}
.surf h2{ font-size:20px; color:#FFFFFF}

/* ---- Forms ---- 
.formA {}
	.formA h1,.formA h2,.formA h3,.formA h4,.formA h5 {margin:0 0 10px 0;padding-bottom:3px;border-bottom:1px solid #ccc;clear:both}
	.formA ul {margin:0;padding:0;list-style:none}
	.formA li {display:block;margin:0 5px;padding:4px 1em;clear:left;overflow:auto}
	.formA li label {display:block;width:130px;float:left;font-weight:bold}
	.formA .checkbox {width:220px;float:left;overflow:visible}
	.formA .checkbox label {width:auto;float:none;clear:left;font-weight:normal}
	.formA .checkbox label input {margin-right:5px}
	.formA li em {font-size:86%;color:#900;font-style:normal;padding-left:10px}
	.formA li input.form-input,.form-typeA span select {width:220px}
	.formA li.form-submit {text-align:center}
	.formA li.form-submit input {padding:3px 6px;background:#000;color:#fff;font-weight:bold;font-size:1.4em;border:none;cursor:pointer}*/
		
/* SIDEBAR 
--------------------------------------------------------------------------------------------------  
#sidebar .puff {background:#367aba url(img/bg_puff.gif) repeat-x 0 0;color:#fff;margin-bottom:20px}
	#sidebar .puff h2 {font-weight:bold;font-size:1.4em;color:#fff}
	#sidebar .puff h2 a {color:#fff}
	#sidebar .puff p {position:relative;font-size:.94em;font-weight:bold}
	#sidebar .puff img {position:relative;float:right;margin:-5px 0 0 10px}
	#sidebar .puff p cite {color:#88d1f2}
	#sidebar .puff.testimonials {background:#367aba url(img/bg_testimonials.gif) repeat-x 0 0;padding:10px 0}
	#sidebar .puff.testimonials h2 {font-size:1.6em;visibility:hidden}
	
	#sidebar .puff.theHub {background:#367aba url(img/bg_theHub.gif) repeat-x 0 0;padding:10px 0}
	#sidebar .puff.theHub h2 {font-size:1.6em;visibility:hidden}
	#sidebar .puff.theHub p a {color:#fff}
	#sidebar .puff.theHub p a:hover {text-decoration:underline}
	
	#sidebar .puff.photoGallery {background:#367aba url(img/bg_photoGallery.gif) repeat-x 0 0;padding:10px 0}
	#sidebar .puff.photoGallery h2 {font-size:2em;visibility:hidden}*/
	
/* PROMOS 
--------------------------------------------------------------------------------------------------  
#promos,#promos.c4 {width:920px;margin:0 20px}
	#promos.c4 {background:#fff url(img/bg_promos.gif) repeat-y 0 0}
	#promos.c4 .s1,#promos.c4 .s2,#promos.c4 .s3 {width:186px;padding-bottom:5px}
	#promos.c4 .s4 {width:300px;margin-left:1px}
	#promos.c4 p {margin:0 5px;line-height:1.3}
	#promos.c4 img {margin:0 0 5px 0}
	#promos .puff {background:#367aba url(img/bg_yoursay.gif) repeat-x 0 0;color:#fff}
	#promos .puff h2 {visibility:hidden}
	#promos .puff p {border-top:2px solid #fff;padding:5px 0}
	#testimonialContainer cite {display:block;color:#88d1f2;text-align:right;margin:0}*/

/* BLOG POSTS 
--------------------------------------------------------------------------------------------------  
.hubpost {background:#accdec url(img/bg_hubpost.gif) repeat-x 0 0;margin:25px 0;padding:1px 0 0 0;float:none}
.hubpost small {background:#B5884F;color:#fff;padding:2px 6px;text-transform:uppercase}
.hubpost h3 {margin:5px 10px 0 10px}

.hubpostImg {width:210px;float:right;background:#fff;border:1px solid #8ebbe4;text-align:center;margin:-25px 10px 10px 10px}
.hubpostImg img {padding:0;margin:0;margin-bottom:-5px !important}


.hubpost p img {float:left;padding:4px;background:#fff;margin:3px 10px 0 0;border:1px solid #8ebbe4}
.hubpost p {font-size:.84em;margin:0 10px 10px 10px}
.hubpost p i,.hubpost .hubpostImg i {display:block;margin:0 5px;font-style:normal;font-weight:bold;color:#0a598b}
.hubpost .hubpostImg i {display:inline;line-height:1.2;margin-top:-5px}
p.thumbBar {background:#accdec url(img/bg_hubpost.gif) repeat-x 0 0;vertical-align:middle;clear:both;margin:10px 0 0 0;padding:10px 10px 3px 10px;border-top:3px solid #8ebbe4}
.thumbBar img {padding:3px;border:1px solid #8ebbe4;background:#fff}*/

/* FOOTER 
--------------------------------------------------------------------------------------------------  
#footer ul {clear:both;text-align:center;padding:0;margin:0}
	#footer ul li {display:inline;list-style-type:none;margin:0;padding:0 4px 0 2px;border-right:1px solid #88d1f2;font-size:1.2em}
	#footer ul li a {color:#fff}
	#footer .last {border:none}
	#footer cite {font-size:1.2em}*/

/****************************************************************************************************/
.mainTable{ float:left;vertical-align:top;}
.conLeft{ vertical-align:top;}
.conMidlle{ vertical-align:top;}
.sideDiv{float:right;width:225px;margin: 0px 15px 5px 0;}

.sideTableOne{ font-size:12px; width:221px;margin: 0 0 10px 0;}
.sideTableFour{ font-size:12px; width:222px; height:135px; border:1px solid #3C89D0; margin: 0 0 10px 0;background:url(images/mbt_bluegradientnarrow.jpg)} /*1px solid #8ebbe4*/
.sideTableFour2{ font-size:12px; width:222px; height:112px; border:1px solid #3C89D0; margin: 0 0 10px 0;background:url(images/mbt_bluegradientnarrow.jpg)}
.borderBottom{ border-bottom:1px solid #8ebbe4;}
.imageM{ border:1px solid #376590;}
.imageName{color:#6FB2D6; font-weight:bold;}
.commentLine{color:#FFFFFF;}
.commentLine a{color:#FFFFFF;}
.commentLine:hover{color:#FFFFFF;}
.tdd{ padding-left:10px; padding-right:10px;}
.latestPost{background:url(images/mbt_bluegradientnarrow.jpg); padding-left:10px;}
/*.bikeRates{font:Helvetica; font-size:17px;color:#333;}*/

.alignleft {float: left; }
.alignright {float: right;	}
/******************		CALENDER		******************************/
#ad{	padding-top:220px;	padding-left:10px;	}
#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}



#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;


}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}