/*
Reset - Fonts - taken from YUI css
*/
html{color:#000;background:#f3f4f5;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
body{font:13px/1.231 helvetica,arial,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* fonts */

@font-face {
font-family: "Serifa Bold";
src: url("../fonts/SerifaStd-Bold.otf")
}
@font-face {
font-family: "Serifa Roman";
src: url("../fonts/SerifaStd-Roman.otf")
}


/*
Layout
*/
html{background:inherit;}
body{text-align:center;background:#f3f4f5;margin:0;}
#bd{margin:0 auto;width:980px;text-align:left;position:relative;background:#FFF url(../img/page_bottom.gif) no-repeat bottom left;padding-bottom:20px;}
#hd{padding:20px 0 0px 20px;position:relative;margin-bottom:20px;}
.text-content{margin:20px;background:#FFFFFF;}
#ct{overflow:auto}
#mid{width:460px;float:left;}
#mid-wide{width:700px;float:left;margin-top:6px}
#mid-wide p {font-size:150%}
#lh-col{width:220px;float:left;margin-right:20px;}
#rh-col{width:220px;float:right;}
/*
Generic HTML tag styles
*/
h1,h2,h3,h4,#trip-menu,.enquire-btn span, #trip-tabs{
    font-family:"Serifa Bold";
}


h1{font-weight:normal;font-size:150%;color:#333;}
h2{padding:10px 0 0.2em;}
h2,h3,h4{font-weight:normal;font-size:150%;color:#333;}
h3{font-size:135%;margin-bottom:.5em;}
h4{font-size:125%;margin-bottom:.5em;}
strong{font-weight:bold}
em{font-style:italic}
p,.block li, #mid li{color:#545454;line-height:160%;font-size:108%;margin-bottom:1em}
#mid li {background:url('../img/liarrow.gif') left 6px no-repeat;padding-left:20px;margin-left:10px;margin-bottom:.3em}
#mid ul {margin-bottom:1.5em;}
a{color:#496b83}
a:hover{color:#2a3d4b}

#mid-wide a{text-decoration:none;background:#edeff4}
/*
Extra Menu (top right menu)
*/
#extra-menu{position:absolute;right:10px;top:10px;z-index:20000}
#extra-menu li{float:left;background:#FFF;}
#extra-menu li:hover .sub-menu,#extra-menu li.hover .sub-menu{display:block;}
#extra-menu a{text-decoration:none;display:block;padding:.6em .8em;}
#extra-menu .sub-menu{position:absolute;right:0px;display:none;border:1px SOLID #EEE;border-bottom:0;}
#extra-menu li ul.sub-menu li{float:none;display:block;margin:0px;width:175px;border-bottom:1px SOLID #f3f3f3;font-weight:normal;padding:.1em}
#extra-menu li ul.sub-menu li a {padding:.3em .4em}
#extra-menu li:hover{background:#F2F2F2;}
/*#extra-menu li.hover{border:2px SOLID #F00}
*/

#hd .enquire-btn {position:absolute;right:20px;bottom:-10px;}	

/*
	Main Banner

#main-banner {width:940px;margin-left:20px;margin-bottom:20px;}
#main-banner-outer {background:url(../img/banner_top.png) no-repeat top left;height:240px;}
#main-banner-inner {background:url(../img/banner_bot.png) no-repeat bottom left;height:240px;}

*/
#main-banner {height:240px;width:940px;margin-left:20px;}
#main-banner-outer {background:url(../img/banner_top.png) no-repeat top left;height:240px;}
#main-banner a{display:none}
/*
Main Trip Menu 
*/
#trip-menu-holder{width:940px;margin-left:20px;background:#F1F1F1 url(../img/banner_bot.png) no-repeat bottom left;height:72px;margin-bottom:20px;}
#trip-menu{width:100%;overflow:auto;color:#666;font-weight:normal;font-size:100%;margin-top:-3px;}
#trip-menu li{float:left;}
.trip-type-menu li a{display:block;padding:10px;color:#666;text-decoration:none;}
.trip-type-menu li.selected .trip-menu li a,.trip-type-menu li:hover .trip-menu li a{color:#666;font-weight:normal;}
li.title{width:120px;text-align:right;padding:10px;font-weight:bold;}
.trip-type-menu{width:100%;overflow:auto;background:#e6e7e9;}
#trip-menu:hover li.selected{background:url();}
#trip-menu:hover li:hover,.trip-type-menu li.selected{background:url('../img/trip-type-selected.gif') no-repeat center bottom;color:#000;}
.trip-type-menu li.selected,.trip-type-menu li.selected .trip-menu li.selected a{font-weight:bold;}
.trip-type-menu li:hover a,.trip-type-menu li.selected a{color:#000;}
.trip-type-menu li:hover .trip-menu,.trip-type-menu li.selected .trip-menu{display:block;}
.trip-type-menu li:hover .trip-menu{z-index:1000;}
.trip-menu{background:#f1f1f1;position:absolute;display:none;}
.trip-menu li:hover,.trip-menu li.selected,
#trip-menu:hover .trip-menu li:hover,#trip-menu:hover .trip-menu li.selected{background:url('../img/trip-selected.gif') no-repeat center bottom;}
.trip-type-menu li.selected .trip-menu li:hover a,.trip-type-menu li.selected .trip-menu li.selected a,
.trip-type-menu li:hover .trip-menu li:hover a,.trip-type-menu li:hover .trip-menu li.selected a{color:#000;}
#trip-menu li.title:hover,#trip-menu .trip-menu li.title:hover{color:#666;background:url()}
/*
Trip Images (left hand images on trip pages)
*/
.trip-images{margin-bottom:10px;overflow:auto;}
.trip-images li{float:left;margin-bottom:10px;height:70px;overflow:hidden;}
.trip-images li.first{margin-right:10px;}
/*
curved block
*/
#tweet-feed {height:144px;}
.block{margin-bottom:2em;background:#496b83 url('../img/leftbox-border-bot.png') no-repeat bottom left;}
.block-inner{padding:10px;background:url('../img/leftbox-border-top.png') no-repeat top left;}
.block h1,.block h2{color:#FFF;background:url('../img/10percwhite.png') repeat-x bottom left;padding:0;padding-bottom:.2em;margin-bottom:.5em;height:inherit}
.block h3{font-size:108%;font-weight:bold;}
.block .enq-button{font-weight:bold;text-decoration:none;background:url('../img/10percwhite.png') repeat-x top left;margin-top:1em;padding-top:.3em;display:block;text-align:right;padding-right:5px;}
.block ul{margin:0;padding:0;}
.block li{color:#fff;font-weight:bold;margin:0 0 .5em 18px;list-style-image:url(../img/liarrow_white.png);font-size:100%;line-height:120%;letter-spacing:-.05em}
.block p{color:#fff;margin:0;padding:0;margin-bottom:5px;}
.block.blog-feed li{font-weight:normal;color:#EEE}
.block.contact-block li{font-weight:normal;}
.block.blog-feed li a, .block.contact-block li a,  .block.contact-block li strong{font-weight:bold}
.block.blog-feed h3 a:hover{text-decoration:underline}
.block li.selected{}
.block h2{color:#FFF}
.block a{color:#FFF;text-decoration:none;
	
}
.block a:hover{text-decoration:underline;}


/*
	Comments
*/

blockquote {font-size:150%;font-style:italic;margin-bottom:1em;overflow:auto;background:url(../img/quote.gif) no-repeat top left;padding:10px 0 0 10px;}
blockquote p {font-family:Georgia, Times, Serif;}
blockquote cite {float:right;font-size:78%;text-align:right;}

/*
Trip Dates
*/
div.dates a{text-decoration:none}
div.dates{width:100%;margin-bottom:5px;}
div.dates div.date{overflow:auto;color:#666;font-size:115%;padding:4px;border-bottom:1px SOLID #eee}
div.dates div.special{color:#9999BB;}
div.dates div.special a{font-weight:bold;color:#000}
div.dates div.full td{color:#CCC;}
div.dates div.full{color:#ddd;}
div.dates div:hover{color:#222;background:#f1f1f1;}
/* .price-includes li{color:#585858;margin-bottom:.5em;font-size:115%;list-style-image:url(../img/liarrow.gif);margin-left:30px;}*/
.price-includes{margin-bottom:1em;}
div.dates{margin-bottom:2em;}
div.dates div.enquiring{background:#24c543;color:#FFF;font-weight:bold;}
div.dates div.enquiring a.book{display:none}
a.special:hover{background:#6CB8E1;border:0px;text-decoration:none;}
a.special{background:#45A8DD;color:#FFF;border:0px;padding:3px;text-decoration:underline;font-weight:bold;display:block;text-align:center}
a.book:hover{background:#33CC33;border:0px;text-decoration:none;}
a.book{background:#24c543;color:#FFF;border:0px;padding:3px;text-decoration:underline;font-weight:bold;display:block;text-align:center}
div.dates div.date span.date{display:block;float:left;padding:4px 0;width:65%}
div.dates div.date span.price{display:block;float:left;padding:4px 0;}
div.dates div.date span.link{display:block;float:right;}
.date-name{display:block;font-weight:bold;color:#000;margin-bottom:.3em}
div.dates div.special a.date-link{font-weight:normal;text-decoration:underline;color:#56b7e3;font-size:93%;}
/*
Enquiry Form
*/
#enquiry_form{}
#enquiry_form p{}
#enquiry_form label{display:block}
#enquiry_form input,#enquiry_form textarea{padding:2px;width:98%;font-size:115%;}
.errorlist{color:#A00}
#enquiry_form input#id_bike_hire{width:auto}
#enquiry_form input#id_opt_in{width:auto}
#enquiry_form select{padding:2px;font-size:115%;}
#enquiry_form input#id_number_of_people{width:3em}
#enquiry_form input.submit{width:inherit;}
#enquiry_form label.cb_label{display:inline}
.preselect{background:#F3F3F3;border:3px #DDD solid;padding:.5em;margin-bottom:1em;}
.preselect h3{color:#999;margin:0;}
.preselect h3 strong{color:#000;font-weight:bold;}
.preselect p{font-size:80%;color:#aaa;margin:0;line-height:120%}
p.cancel{text-align:right;}
p.cancel a:hover{color:#900}
#custom_dates{width:420px;margin-bottom:1em;}
#custom_dates p{margin:0;clear:both;}
#from_date_picker,#to_date_picker{float:left;width:200px;}
#from_date_picker{margin-right:10px;}
fieldset{border-bottom:1px SOLID #ddd;margin-bottom:1em;padding-bottom:1em;}


/*
	Footer:
*/

#ft{text-align:left;margin:0px auto;margin-bottom:50px;width:980px;overflow:auto;position:relative;padding:0px;}

#ft .link-list {
	display:inline;
	float:left;
	overflow:auto;
	margin-left:20px;
	width:220px;
}

#ft .link-list.last {
	display:inline;
	float:right;
	text-align:right;
	margin-right:20px;
}

#ft li {
	margin-bottom:.3em;
	color:#666;
}

#ft h2{color:#666;border-bottom:1px SOLID #eee;margin-bottom:.5em}
#ft a {text-decoration:none;color:#999}
#ft a:hover{text-decoration:underline;color:#333}


.first-sponsor {margin-top:1em;}

/* 
caption styling 
*/
.caption-top,.caption-bottom{color:#ffffff;padding:1.2em;font-weight:bold;font-size:13px;font-family:arial;cursor:default;border:0px solid #334143;background:#000000;}
.caption-top{border-width:0px 0px 8px 0px;}
.caption-bottom{border-width:8px 0px 0px 0px;}
.caption a,.caption a{border:0 none;text-decoration:none;background:#000000;padding:0.3em;}
.caption a:hover,.caption a:hover{background:#202020;}
.caption-wrapper{float:left;}
br.c{clear:both;}
/*
Trip Tabs
*/
#trip-tabs,.trip-links{margin-bottom:1em;font-weight:bold;font-size:115%;}
.trip-links{margin-bottom:1em;font-weight:normal;font-size:100%;}
#trip-tabs a,.trip-links a{outline:none;text-decoration:none;padding:.6em 0;display:block;}
#trip-tabs a{padding-left:38px;}
#trip-tabs .ui-tabs-selected a{color:#666;text-decoration:none;background:url('../img/tab-selected-arrow.gif') no-repeat 18px center;}
#trip-tabs .ui-state-processing a{background:url('../img/ajax-loader.gif') no-repeat 18px center;}

.ui-tabs-nav li.ui-tabs-selected{}
.ui-tabs-nav li:hover{background:#f1f1f1;}
.ui-tabs-nav li{background:#FFF;border-bottom:1px SOLID #eee;}
.ui-tabs-hide{display:none;}
.trip-links li{background:url('../img/liarrow.gif') no-repeat right;border-bottom:1px SOLID #eee;}
.trip-links li:hover{background-color:#f1f1f1;}
/*
Enquiry Buttons
*/
.enquire-btn span{display:none;}
.enquire-btn{background:#61ceff url('../img/enq_button_bg.png') no-repeat top left;width:220px;height:27px;display:block;overflow:hidden;margin-bottom:10px;font-size:140%;color:#FFF;padding-top:7px;text-align:center;text-decoration:none;outline:0;margin-top:0px;}
.enquire-btn:hover{background-position:left -34px;}
.enquire-btn:active{background-position:left -68px;}
.enquire-btn-sm span{display:none;}
.enquire-btn-sm{background:#61ceff url('../img/enq_button_sm_bg.png') no-repeat top left;width:80px;height:21px;display:block;overflow:hidden;margin-top:3px;text-align:center;text-decoration:none;outline:0;}
.enquire-btn-sm:hover{background-position:left -21px;}
.enquire-btn-sm:active{background-position:left -42px;}
.enquire-any-btn{background-image:url('../img/enq_button_any_bg.png');}

.guest-hire-btn{background-image:url('../img/guest_hire_button.gif');}
.non-guest-hire-btn{background-image:url('../img/non_guest_hire_button.gif');}

/*
Right hand highlights
*/
#promos {margin-left:0px;width:940px;float:left;background-repeat:no-repeat;}
#promos .block {width:220px;float:left;margin-right:20px;}
#promos div.highlight {float:left;margin-right:20px;height:144px}
#promos div.highlight.last {float:right;margin-right:0px;}
#promos div.highlight a{height:144px;}
#promos .enquire-btn {float:left;}

div.highlight{width:220px;height:100px;overflow:hidden;background-repeat:no-repeat;}
div.highlight h3{padding:0;background:url('../img/leftbox-border-top.png') top left no-repeat}
div.highlight a{height:100px;display:block;background:url('../img/leftbox-border-bot.png') bottom left no-repeat;position:relative;text-decoration:none;}
div.highlight a span{position:absolute;right:0px;bottom:10px;background:#000;color:#FFF;padding:.3em .3em .3em .6em;font-weight:bold;font-size:93%}
div.highlight{margin-bottom:10px;}


/*
	Bike Hire form
*/

#hire_form {}
#hire_form p{}
#hire_form label{display:block;color:#000}
#hire_form label.cb_label{display:inline}
#hire_form select{padding:2px;font-size:115%;}
#hire_form input#id_number_of_people{width:3em}
#hire_form input.submit{width:inherit;}

h3.bike {
	border-top:1px SOLID #EEE;
	padding-top:.5em;
	margin-top:.5em;
}

#mid ul.prices {overflow:auto}

#mid ul.prices li {font-size:93%;float:left;width:27%;margin:0;padding-left:15px;padding-top:2px}

p.error {
	padding:10px;
	font-weight:bold;
	font-size:115%;
	color:#300;
	border:2px SOLID #C00;
	background:#FEE;
}

div.avail {
	padding:10px;
	font-weight:normal;
	font-size:115%;
	color:#030;
	border: 2px SOLID #0C0;
	background:#EFE;
}
p.discount, p.spec {
	font-size:80%;
	font-weight:bold;
	clear:both;
	line-height:110%;
	margin-top:5px;
}



div#booking_agent {
	margin-bottom:20px;
}

div#booking_agent img {
	margin-bottom:10px;	
}

div#booking_agent p{
	font-weight:bold;
	font-size:80%;
}

#rh-col ul.breakdown li {font-weight:normal}

#mid ul.errorlist {margin:0;padding:0}
#mid ul.errorlist li{color:#900;margin:0;padding:0;background:none}

/*
	Trip Gallery:
*/
.gallery-title {border-top:1px SOLID #eee;padding-top:5px;margin-top:5px}
#mid ul.trip-gallery {overflow:auto;}
#mid ul.trip-gallery li {float:left;margin:0 10px 10px 0;background:#FFF;padding:0;height:90px;overflow:hidden;}


/* 
trip differences 
*/
.morocco .block a{color:#FFF}
.morocco .block h1{border-color:#FFF}
.morocco .block,
.morocco .enquire-btn-sm,
.morocco .enquire-btn{background-color:#8c5f40}
.morocco a{color:#8c5f40}
.pyrenees .block a{color:#FFF}
.pyrenees .block h1{border-color:#FFF}
.pyrenees .block,
.pyrenees .enquire-btn-sm,
.pyrenees .enquire-btn{background-color:#cfb873}
.pyrenees a{color:#cfb873}
.morzine .block a{color:#FFF}
.morzine .block h1{border-color:#5c7a90}
.morzine .block,
.morzine .enquire-btn-sm,
.morzine .enquire-btn{background-color:#496b83}
.morzine a{color:#496b83}

.dirtgirls .block a{color:#FFF}
.dirtgirls .block h1{border-color:#AF97BF}
.dirtgirls .block,
.dirtgirls .enquire-btn-sm,
.dirtgirls .enquire-btn{background-color:#715A83}
.dirtgirls a{color:#715A83}

.block a{color:#FFF}
.block h1{border-color:#5c7a90}
.block,
.enquire-btn-sm,
.enquire-btn{background-color:#496b83}
a{color:#496b83}

.switzerland .block a{color:#FFF}
.switzerland .block h1{border-color:#FFF}
.switzerland a{color:#b95353}
.switzerland .block,
.switzerland .enquire-btn-sm,
.switzerland .enquire-btn{background-color:#b95353}
.italy .block a{color:#FFF}
.italy .block h1{border-color:#FFF}
.italy .block,
.italy .enquire-btn-sm,
.italy .enquire-btn{background-color:#53b958}
.italy a{color:#53b958}
