@font-face {
	font-family: 'Sketch Block Bold';
	src: url('/fonts/Sketch-Block-Bold.eot');
	src: local('â˜º'), url('/fonts/Sketch-Block-Bold.woff') format('woff'), url('/fonts/Sketch-Block-Bold.ttf') format('truetype'), url('/fonts/Sketch-Block-Bold.svg#webfontkWg2cPfO') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

html { font-family: Arial, Helvetica, "microsoft sans serif", sans-serif; color: #5c5c5c; background: #fff url(/images/bg-paper-tile.jpg) repeat; }
body { height: 100%; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { }
h1, h2, h3, h4, h5, h6, p, ul { }
table { margin: 0 }
table td { padding: 0 }
a { color: #8bb33a; text-decoration: underline }
a:hover, a:visited, a:active { }
ul { margin: 0; list-style: disc outside }
ol { margin: 0; font-size: 1.0em; list-style: decimal outside }
dl { margin: 0; font-size: 1.0em }
hr { display: block; background: #d9d9d9; color: #d9d9d9; width: 100%; height: 1px; border: none; margin: 18px 0 18px 0; }
form fieldset legend { display: none; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #A5ACB2; background: #fff; font-size: 11px; color: #000; padding: 2px 2px 2px 0 }
ul#skiplinks { display: none }
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden }
ul#skiplinks a:active, ul#skiplinks a:focus { position: static; width: auto; height: auto }
p { margin-bottom: 10px; }
strong, b { font-weight: 800; }

/* -----------------------------------------------
2. LAYOUT
----------------------------------------------- */

div#primary-content, div#secondary-content { padding-top: 10px }

/*
div#primary-content { border: 1px solid #000; width: 710px; float: right; }
div#secondary-content { border: 1px solid #000; width: 220px; float: left; margin-right: 221px; }
*/


/* -----------------------------------------------
3. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

h1 { margin: 0 auto; background: transparent url(/images/header.jpg) no-repeat scroll center top; width: 100%; height: 171px; text-indent: -3000px; }
h1.ticketline { background-image: url(/images/header-ticketline.jpg); }
h2#carbon-footprint { background: transparent url(/images/reducing-your-carbon-footprint.png) no-repeat; width: 940px; height: 36px; text-indent: -3000px; margin-bottom: 5px; }

a.btn-book-now { background: transparent url(/images/btn-book-now.jpg) no-repeat; display: block; width: 100px; height: 24px; text-indent: -3000px; }
a.btn-download-now { background: transparent url(/images/btn-download-now.jpg) no-repeat; display: block; width: 100px; height: 24px; text-indent: -3000px; }
a.btn-book-now span, a.btn-download-now { text-indent: -3000px }

div#header ul.nav { width: 940px; height: 46px; } 
div#header ul.nav li { display: block; float: left; }
div#header ul.nav li a { display: block; height: 46px; text-indent: -3000px; background-repeat: no-repeat; }
div#header ul.nav li#nav-home a { background-image: url(/images/nav/home.png); width: 71px; }
div#header ul.nav li#nav-home.selected a, div#header ul.nav li#nav-home a:hover { background-image: url(/images/nav/home_over.png); }
div#header ul.nav li#nav-pickuplocs a { background-image: url(/images/nav/pickup.png); width: 167px; }
div#header ul.nav li#nav-pickuplocs.selected a, div#header ul.nav li#nav-pickuplocs a:hover { background-image: url(/images/nav/pickup_over.png); }
div#header ul.nav li#nav-mybooking a { background-image: url(/images/nav/myres.png); width: 165px; }
div#header ul.nav li#nav-mybooking.selected a, div#header ul.nav li#nav-mybooking a:hover { background-image: url(/images/nav/myres_over.png); }
div#header ul.nav li#nav-trees4cities a { background-image: url(/images/nav/treesfor.png); width: 167px; }
div#header ul.nav li#nav-trees4cities.selected a, div#header ul.nav li#nav-trees4cities a:hover { background-image: url(/images/nav/treesfor_over.png); }
div#header ul.nav li#nav-festivalwood a { background-image: url(/images/nav/festivalwood.png); width: 137px; background-position: 0 15px; }
div#header ul.nav li#nav-environment a { background-image: url(/images/nav/theenviro.png); width: 165px; }
div#header ul.nav li#nav-environment.selected a, div#header ul.nav li#nav-environment a:hover { background-image: url(/images/nav/theenviro_over.png); }
div#header ul.nav li#nav-about a { background-image: url(/images/nav/aboutus.png); width: 93px; }
div#header ul.nav li#nav-about.selected a, div#header ul.nav li#nav-about a:hover { background-image: url(/images/nav/aboutus_over.png); }
div#header ul.nav li#nav-contact a { background-image: url(/images/nav/contact.png); width: 110px; }
div#header ul.nav li#nav-contact.selected a, div#header ul.nav li#nav-contact a:hover { background-image: url(/images/nav/contact_over.png); }
div#header ul.nav li#nav-faqs a { background-image: url(/images/nav/faq.png); width: 85px; }
div#header ul.nav li#nav-faqs.selected a, div#header ul.nav li#nav-faqs a:hover { background-image: url(/images/nav/faq_over.png); }
div#header ul.nav li#nav-workforus a { background-image: url(/images/nav/workforus.png); width: 70px; }
div#header ul.nav li#nav-workforus.selected a, div#header ul.nav li#nav-workforus a:hover { background-image: url(/images/nav/workforus_over.png); }

div#header div#searchbox { float: left; width: 300px; height: 250px; background: transparent url(/images/bg-big-green-tile.jpg) no-repeat; color: #fff }
div#header div#searchbox h2 { width: 252px; height: 40px; text-indent: -3000px; }
div#header div#searchbox h2.hdg-buy-tickets { background: transparent url(/images/headings/buy-tickets.jpg) no-repeat; }
div#header div#searchbox h2.hdg-search-and-buy { background: transparent url(/images/headings/search-and-buy.jpg) no-repeat; }
div#header div#searchbox h2.hdg-quick-buy { background: transparent url(/images/headings/quick-buy.jpg) no-repeat; }
div#header div#searchbox form { padding: 10px 10px 10px 10px; }
div#header div#searchbox form fieldset label, div#header div#searchbox form span { font-weight: bold; font-size: 0.8em }
div#header div#searchbox form fieldset select { width: 180px }
div#header div#searchbox form fieldset a.btn-search-go { float: right; border: 0; width: 54px; height: 30px; display: block; background: #fff url(/images/btn-searchbox-search.jpg) no-repeat; margin-top: 10px }
div#header div#searchbox form fieldset table td { padding: 5px }

div#twitter #bird-branch { position: absolute; top: 0; right: 17px; }
div#twitter #bird-branch a { background: transparent url(/images/follow-us-on-twitter.png) no-repeat; width: 110px; height: 79px; float: right; text-indent: -3000px; }
div#twitter #message-box { position: absolute; top: 26px; right: 127px; background: #fff; border: 1px solid #5c5c5c; width: 300px; height: 24px; vertical-align: middle; padding: 0 3px; }
div#twitter #message-box a, div#twitter #message-box a:visited, div#twitter #message-box a:active { color: #5c5c5c; font-size: 70%; text-decoration: none; }
div#twitter #message-box a:hover { text-decoration: underline }

div#primary-content h2#latest-products { background: transparent url(/images/headings/our-hot-products.jpg) no-repeat; width: 230px; height: 48px; text-indent: -3000px; }
div#primary-content dl.feat-prod { width: 219px; height: 130px; background: transparent url(/images/bg-hot-product.png) no-repeat; float: left; margin: 0 5px 15px 0; font-size: 70%; padding: 8px 0 0 10px; }
div#primary-content dl.feat-prod.last { margin-right: 0 }
div#primary-content dl.feat-prod h4 { display: none }
div#primary-content dl.feat-prod dd { color: #5c5c5c; line-height: 1.4em; }
div#primary-content dl.feat-prod dd.image a, div.booking-form span.prod-image { height: 117px; width: 70px; background-position: -501px -1px; background-repeat: no-repeat; display: block; text-indent: -3000px; }
div#primary-content dl.feat-prod dd.info { width: 121px; margin-left: 8px; }
div#primary-content dl.feat-prod dd span { display: block }
div#primary-content dl.feat-prod dd a.title { background-position: -221px -42px; background-repeat: no-repeat; width: 121px; height: 36px; text-indent: -3000px; display: block; }
div#primary-content dl.feat-prod dd span.date { padding-top: 5px; font-weight: bold }
div#primary-content dl.feat-prod dd span.priceinc { }
div#primary-content dl.feat-prod dd span.book { padding-top: 5px; color: #8BB33A; }
div#primary-content dl.feat-prod dd span.book a { text-decoration: none; font-weight: bold }
div#primary-content dl.feat-prod dd span.book a:hover { text-decoration: underline }

div#primary-content div.feat-prod-details, div.content-area { clear: both; background: transparent url(/images/bg-messy-pale-shizzle.png) repeat top right; padding: 8px }
div#primary-content div.feat-prod-details h3 { display: block; width: 444px; height: 39px; background-repeat: no-repeat; background-position: -1px -1px; }
div#primary-content div.feat-prod-details h3 span { display: none }
div#primary-content div.feat-prod-details p { font-size: 70%; line-height: 1.4em; color: #5c5c5c; }
div#primary-content div.feat-prod-details p.alert { font-size: 80%; font-weight: bold; padding: 5px 0; text-align: center; }
div#primary-content div.feat-prod-details p.detail { font-weight: bold } 
div#primary-content div.feat-prod-details p.detail span { color: #8bb33a; }
div#primary-content div.feat-prod-details p.detail a { font-weight: bold; color: #5c5c5c; }

div.booking-form { color:#5c5c5c; padding: 0; }
div.booking-form.alt-prod-view { padding: 20px; width: 550px; margin: 0 auto; }
div.booking-form h2 { display: block; width: 600px; height: 40px; }
div.booking-form ol li { padding: 0 }
div.booking-form p { font-size: 80%; line-height: 1.4em; }
div.booking-form span { font-weight: bold } 
div.booking-form span b { color: #8bb33a; }
div.booking-form span a { color: #5c5c5c; }
div.booking-form span.fr img { margin: 0 0 10px 10px; }
div.booking-form a.btn-ticket-plus-coach { margin: 0 auto; text-indent: -3000px; display: block; width: 200px; height: 52px; background: transparent url(/images/btn-ticket-and-coach.png) no-repeat top left; }
div.booking-form a.btn-coach-only { margin: 0 auto; text-indent: -3000px; display: block; width: 120px; height: 52px; background: transparent url(/images/btn-travel-only.png) no-repeat; }
div.booking-form form { padding: 0; clear: both; margin-bottom: 10px }
div.booking-form form legend { display: none }
div.booking-form form table { margin-left: 100px; }
div.booking-form form table tr td { padding-right: 20px; }
div.booking-form form#frmtickettravel table { background-image: url(/images/btn-ticket-and-coach.png); width: 447px; height: 52px; margin: 0 auto; }
div.booking-form form#frmtickettravelhotel table { background-image: url(/images/btn-ticket-and-hotel.png); width: 447px; height: 52px; margin: 0 auto; }
div.booking-form form#frmtickettravel table tr td.first, div.booking-form form#frmtickettravelhotel table tr td.first { padding-left: 230px; }
div.booking-form form#frmtravelonly table { background-image: url(/images/btn-travel-only.png); width: 407px; height: 52px; margin: 0 auto; }
div.booking-form form#frmtravelonly table tr td.first { padding-left: 160px; }
div.booking-form #coach-times-prices, div.booking-form #final-info { width: 220px; margin: 10px auto; display: block; }

div.content-area h2 { padding: 0; background-repeat: no-repeat; background-position: -1px -1px; height: 39px; width: 444px; }
div.content-area h2#pickup-locations { background: transparent url(/images/headings/pickup-locations.png) no-repeat; width: 222px; height: 57px; text-indent: -3000px; }
div.content-area p, div.content-area table, div.content-area dl { font-size: 80%; line-height: 1.4em; color: #5c5c5c; }
div.content-area p { padding-top: 5px }
div.content-area ul { margin: 10px 0 10px 0; }
div.content-area ul li { list-style-type: disc; list-style-position: inside; padding-top: 5px; font-size: 80% }
div.content-area dl.faqs dt { font-weight: bold }
div.content-area dl.faqs dd { margin-bottom: 25px }

#form-contactus.content-area { height: 425px }
#form-contactus.content-area h4 { background: transparent url(/images/headings/contact-us.png) no-repeat; width: 197px; height: 41px; margin: 0 auto; }
#form-contactus.content-area h4 span { display: none }
#form-contactus.content-area div#contactus-container { margin: 0 auto; width: 450px; }
#form-contactus.content-area form ol li { margin-bottom: 15px; }
#form-contactus.content-area form label { display: none }
#form-contactus.content-area form div#label-name { float: left; padding-right: 10px; background: #F8F4D9 url(/images/headings/contact-us_name.png) no-repeat; width: 67px; height: 22px; }
#form-contactus.content-area form div#label-email { clear: left; float: left; padding-right: 10px; background: #F8F4D9 url(/images/headings/contact-us_email.png) no-repeat; width: 67px; height: 19px; }
#form-contactus.content-area form div#label-event { clear: left; float: left; padding-right: 10px; background: #F8F4D9 url(/images/headings/contact-us_event.png) no-repeat; width: 67px; height: 22px; }
#form-contactus.content-area form div#label-msg { clear: left; float: left; padding-right: 10px; background: #F8F4D9 url(/images/headings/contact-us_message.png) no-repeat; width: 93px; height: 24px; }
#form-contactus.content-area form input[type='text'] { background: #F8F4D9; border: 0; border-bottom: 1px solid #5C5C5C; width: 345px; }
#form-contactus.content-area form textarea { background: #f0eec1; border: 1px solid #5C5C5C; width:450px; }
#form-contactus.content-area form input#btn-contact-send { background: #F8F4D9 url(/images/btn-contactus-send.jpg) no-repeat; width: 100px; height: 24px; float: right; margin-top: 5px; border: 0; }

#form-workapp { margin: 30px auto; width: 480px; }
#form-workapp form ol li { margin-bottom: 15px; }
#form-workapp form input[type='text'] { background: transparent; border-width: 0 0 1px 0; border-style: solid; border-color: #5C5C5C; font-size: 1.05em; width: 400px; }
#form-workapp form input#fld-city { width: 189px; }
#form-workapp form textarea { background: #f0eec1; border: 1px solid #5C5C5C; font-size: 1.05em; width:480px; height: 50px; }
#form-workapp form input#btn-workapp-send { background: url(/images/btn-contactus-send.jpg) no-repeat; width: 100px; height: 24px; float: right; margin-top: 5px; border: 0; }
#form-workapp form div#label-name { float: left; padding-right: 10px; background: transparent url(/images/headings/work-form_name.png) no-repeat; width: 70px; height: 25px; }
#form-workapp form div#label-age { float: left; padding-right: 10px; background: transparent url(/images/headings/work-form_age.png) no-repeat; width: 70px; height: 25px; }
#form-workapp form div#label-email { float: left; padding-right: 10px; background: transparent url(/images/headings/work-form_email.png) no-repeat; width: 70px; height: 25px; }
#form-workapp form div#label-phone { float: left; padding-right: 10px; background: transparent url(/images/headings/work-form_phone.png) no-repeat; width: 70px; height: 25px; }
#form-workapp form div#label-city { float: left; padding-right: 10px; background: transparent url(/images/headings/work-form_city.png) no-repeat; width: 281px; height: 25px; }
#form-workapp form div#label-festivals { float: left; padding-right: 10px; background: transparent url(/images/headings/work-form_festivals.png) no-repeat; width: 352px; height: 25px; }
#workapplication-thankyou { font-size: 1em; margin: 0 0 100px 0; }
#form-workapp span.error { float: right; }

div.content-area .work-application ul li { list-style-type: none; margin-bottom: 10px; }
.work-application li.festival label, .work-application label.form-sub-label { font-family: sans-serif; color: #5C5C5C; font-size: 14px; display: inline; }
.work-application h3 { font-family: "Sketch Block Bold"; font-size: 20px; margin-top: 30px; }
.work-application label { font-family: "Sketch Block Bold"; color: #8BB33A; font-size: 16px; display: block; margin-bottom: 5px; }
.work-application input[type='text'] { background: transparent; border-width: 0 0 1px 0; border-style: solid; border-color: #5C5C5C; font-size: 1.05em; width: 400px; }

div#secondary-content h5 { background: transparent url(/images/headings/newsletter.jpg) no-repeat; width: 170px; height: 41px; text-indent: -3000px; }
div#secondary-content dl { margin: 0 10px 10px 10px; }
div#secondary-content dl.prod-cat a { background-position: -1px -42px; background-repeat: no-repeat; width: 200px; height: 22px; text-indent: -3000px; display: block; }
div#secondary-content dl.prod-cat a span { display: none }
div#secondary-content dl dt { padding-bottom: 10px; width: 200px; height: 66px; }
div#secondary-content dl dt.prod-cat-1 { background: transparent url(/images/headings/arenas-stadiums.jpg) no-repeat; }
div#secondary-content dl dt.prod-cat-2 { background: transparent url(/images/headings/festivals-uk.jpg) no-repeat; }
div#secondary-content dl dt.prod-cat-3 { background: transparent url(/images/headings/festivals-europe.jpg) no-repeat; }
div#secondary-content dl dt.prod-cat-4 { background: transparent url(/images/headings/sport.jpg) no-repeat; height: 44px; }
div#secondary-content dl dt.prod-cat-5 { background: transparent url(/images/headings/club-nights.jpg) no-repeat; height: 44px; }
div#secondary-content dl dt span { display: none }
div#secondary-content dl dd { padding-bottom: 3px; }
div#secondary-content dl dd.coming-soon { text-indent: -3000px; display: block; background: #fff url(/images/headings/coming-soon.jpg) no-repeat; width: 143px; height: 22px; padding-bottom: 0; }

div#secondary-content div#newsletter { margin-left: 10px; }
div#secondary-content div#newsletter p { font-size: 70% }
div#secondary-content div#newsletter ol { list-style-type: none }
div#secondary-content div#newsletter ol li { float: left }
div#secondary-content div#newsletter ol li input[type='text'] { width: 137px; height: 26px; border: 1px solid #968d82; margin-top: 3px; color: #5c5c5c; font-size: 100% }
div#secondary-content div#newsletter ol li input[type='submit'] { border: 0; width: 56px; height: 32px; background: transparent url(/images/newsletter-submit.jpg) no-repeat; }

span.package-code-name { display: inline-block; height: 35px; width: 450px; background-position: -1px -3px; background-repeat: no-repeat; }
table#package-selection { width: 100%; border-spacing: 5px; }
table#package-selection tr td { padding: 10px; font-size: 14px; }
table#package-selection tr td strong { color: #92BB3B; font-weight: bold; }
table#package-selection tr.spacer td { padding: 0; height: 8px; }
td.package { background-position: -501px -1px; background-repeat: no-repeat; height: 117px; width: 70px; }
p.package-header { background-position: -1px -42px; background-repeat: no-repeat; display: block; height: 15px; width: 200px; }

div#footer { color: #fff; background: transparent url(/images/footer.jpg) no-repeat; width: 940px; height: 355px; text-align: center; font-size: 80%; }
div#footer a#sign-facebook { position: absolute; left: 50px; top: 40px; height: 50px; width: 50px; display: block; text-indent: -3000px; }
div#footer a#sign-twitter { position: absolute; left: 146px; top: 52px; height: 40px; width: 40px; display: block; text-indent: -3000px; }
div#footer .links { padding-top: 240px; }
div#footer a, div#footer a:visited, div#footer a:active { color: #fff; padding: 0 2px; }
div#footer a:hover { text-decoration: none }
div#footer address { clear: both; padding: 5px 0; }
div#footer p { padding: 0 20px 0 90px; clear: both; }
div#footer img#rough-guides-logo { position: absolute; left: 20px; top: 245px; }

#map .infoBox {
	background-color: #74972f;
	width: 230px;
	color: #fff;
	padding: 10px;
	margin-top: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
  -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5); 
     -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5); 
          box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5); 

}

#map .infoBox::before {
	content: "";
	display: block;
	top: -10px;
	left: 130px;
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 10px solid #74972f; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

#map .infoBox p { color: #fff !important; margin-bottom: 0; }
#view-pickups { 
	font-family: 'Sketch Block Bold', serif; 
	color: #fff;
	background: #74972f;
	padding: 5px;
	width: 236px;
	cursor: pointer;
}
#view-pickups:hover {
	background: #5d5d5b;
}

.map-product-list {
	display: block;
	width: 280px;
	float: left;
	height: 450px;
	overflow-y: scroll;
	list-style: none;
	font-size: 120%;
}

.map-product-list li { list-style-type: none !important; }

.map-product-list a { text-decoration: none; display: block; padding: 4px; }
.map-product-list a:hover, .map-product-list .selected a { background-color: #8BB33A; color: #fff; }


/* -----------------------------------------------
5. USEFUL CLASSES
----------------------------------------------- */

/*.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }*/
.clr { overflow: hidden; clear: both; height: 1px; margin-top: -1px }
.la { text-align: left }
.ra { text-align: right }
.ca { text-align: center }
.fl { float: left }
.fr { float: right }
.vt { vertical-align: top }
.vm { vertical-align: middle }
.vb { vertical-align: bottom }
.nb { border: 0 none !important }
.hide { display: none }
