/*
-------------------------------------------------
URI: http://www.biggreencoach.co.uk/
-------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset from Yahoo)

2: LAYOUT
	2.1 main form
	2.2 container
	2.3 header
	2.4 wrapper
	2.5 content
	2.6 header content
	2.7 primary content
	2.8 secondary content
	2.9 tertiary content
	2.10 secondary and tertiary content widths
		2.10.1 fixed container size
		2.10.2 secondary content size
		2.10.3 tertiary content size
	2.11 footer

3: GLOBAL ELEMENTS / CONTROLS
	3.1 header elements
	3.2 primary navigation
	3.3 form block (side columns)
	3.3.5 form block (main)
	3.4 links block / list
	3.12 footer elements
		3.12.1 footer row
		3.12.2 logos
		3.12.3 bookmark links
		3.12.4 address
		3.12.5 contact numbers
		3.12.6 footer navigation

4: TEMPLATE / PAGE SPECIFIC

5: USEFUL CLASSES

/* -----------------------------------------------
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 }


/* -----------------------------------------------
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-book-now span { 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-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 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.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#frmtickettravel 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 { 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% }

#form-contactus.content-area { height: 365px }
#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; }

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 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; }

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 ul { list-style-type: none; padding-top: 245px; width: 710px; margin: 0 auto; }
div#footer ul li { display: block; float: left; margin-right: 6px; padding-right: 6px; border-right: 1px solid #fff; }
div#footer ul li a, div#footer ul li a:visited, div#footer ul li a:active { color: #fff; }
div#footer ul li a:hover { text-decoration: none }
div#footer ul li.first { border-right: 0; }
div#footer ul li.last { border-right: 0 }
div#footer address { clear: both; padding-top: 5px; }
div#footer p { padding: 8px 110px; clear: both; }
div#footer img#rough-guides-logo { position: absolute; left: 30px; top: 245px; }


/* -----------------------------------------------
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 }