/*  YUI RESET ALL BROWSER STYLE SHEETS  */
/*Copyright (c) 2009, Yahoo! Inc. All rights reserved.Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txtversion: 2.7.0*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}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:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

			/*  BASIC PAGE STYLE */
html{background:#d3d3d3 url(../images/bggrad.jpg) repeat-x top left fixed;}

body {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0; 
	height: 100%; 
} 

a, a:link {color: #33ace4; text-decoration: underline;}
a:hover {color: #244D77;}
a:active {color: #7493BE;}

.leftcol {float: left; width: 370px;}
.rightcol {float: right; width: 370px;}

.float-l {float: left; padding: 0 20px 10px 5px;}
.float-r {float: right; padding: 0 5px 10px 20px;}

.clear {clear: both;}

strong {font-weight: bold;}
em {font-style: italic;}

			/* TOP CONTACT HEADER */			
#container{margin:0 auto; text-align:center; width:800px;}
#contactheader{position:relative; top:0.5em; background-image:url(../images/stripe.png); background-repeat:no-repeat;  background-position:11.3em 2.5em; padding-bottom:3em; z-index:3; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #497ba0; letter-spacing:-0.1em; }
#logo{display:inline; position:relative; float:left; top:-0.5em;}
#mobilenumber{display:inline;  background-image:url(../images/call.jpg); background-position:0em 0em; background-repeat:no-repeat;
padding-left:0.7em; padding-right:0.5em; margin-left:-2.8em; font-size:24pt; }
#landlinenumber{display:inline; position:relative; background-image:url(../images/or.jpg); background-position:0em 0.4em; background-repeat:no-repeat; padding-left:0.9em; font-size: 24pt;}
#phoneicon{display:inline; float:right; position:absolute; margin-top:-0.1em;  margin-left:1.5em;}

			/*  MAIN GRAPHIC HEADER  */
#mainheader{clear:both; position:relative; top:-8em; background-image:url(../images/headerbg.jpg); background-repeat:no-repeat; height:370px; width:800px; padding-top:0em; background-position:0em 0em;}
#open-golf{position:relative; top:1em; font-size:14pt; left:-63px;}
#emaillink{position:relative; top: 1.2em; left: -9.6em;}
#open-banner {position: relative; top: 160px; left: 60px; background: transparent url(../images/theopen2010.png) no-repeat 0 0; width: 259px; height: 72px; display: block; text-indent: -999em;}
	#open-banner a {display: block; width: 259px; height: 72px;}
	#open-banner a:focus {overflow: hidden;}
#twitter-banner {position: relative; top: 200px; left: 44px; background: transparent url(../images/twitter.png) no-repeat 0 0; width: 275px; height: 62px; display: block; text-indent: -999em;}
	#twitter-banner a {display: block; width: 275px; height: 62px;}
	#twitter-banner a:focus {overflow: hidden;}

			/*  CONTENT  */
#content {float: left; width: 800px; clear: both; margin: -11em 0 0 0; background: #fff;}
	
#textcolumn {float: right; width: 785px; margin: 1em 7px 1em 0;  text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12pt; color:#244d60; letter-spacing:0em;}
	#home-page #textcolumn {width: 400px; margin: 1em 12px 0 5px;}
	
	#textcolumn p {padding: 0 0.5em;}
	#textcolumn h2 {padding: 0 0.2em;}
	#textcolumn h3 {padding: 0 0.2em;}

#photocolumn {position:relative; margin-top: 0; padding-left: 0;}

#photo-row {margin: 2em 0 0 0;}
#photo-row .image1 {margin: 0 50px 0 0;}

.textcolumn-text {background: #e2eff5;}

#textcolumn-links {position:relative; width:50%; margin-top:-11.5em; margin-left:-0.3em; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; font-style:oblique; color:#244d60; letter-spacing:0em;}

#thankyoutext{width: 295px; position: relative; top: 8em; left: 4em; float: left; text-align: left; color: #244d60; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: oblique; letter-spacing: -0.01em; word-spacing: -0.1em;}

			/*  NAVIGATION  */
#nav {
	width: 800px;
	position: relative;
	top: -10.5em;
	float: left;
	}
	
	#nav li {
		float: left;
		list-style: none;
		margin: 0;
		}
		
		#nav li a {
			display: block;
			background-color: #55942f;
			background-image: url(../images/nav.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			text-align:left;
			text-indent: -999em;
			line-height: 40px;
			}
		
		#nav #n-transfers a {background-position: 0 0; width: 172px;}
		#nav #n-golf a {background-position: -172px 0; width: 117px;}
		#nav #n-standrews a {background-position: -289px 0; width: 180px;}		
		#nav #n-tours a {background-position: -469px 0; width: 72px;}		
		#nav #n-price a {background-position: -541px 0; width: 127px;}
		#nav #n-quote a {background-position: -667px 0; width: 132px;}			
		
		#nav #n-transfers a:hover, #transfers-page #nav #n-transfers a {background-position: 0 -40px;}
		#nav #n-golf a:hover, #golf-page #nav #n-golf a {background-position: -172px -40px;}
		#nav #n-standrews a:hover, #standrews-page #nav #n-standrews a {background-position: -289px -40px;}		
		#nav #n-tours a:hover, #tours-page #nav #n-tours a {background-position: -469px -40px;}		
		#nav #n-price a:hover, #price-page #nav #n-price a {background-position: -541px -40px;}
		#nav #n-quote a:hover, #quote-page #nav #n-quote a {background-position: -667px -40px;}

		#nav li a:focus {overflow: hidden;}
		
			/* FULL QUOTE FORM */
#form-top {background: transparent url(../images/formbg-full-top.png) no-repeat 0 0; width: 780px; height: 34px; margin-left: 20px;}
#form-bot {background: transparent url(../images/formbg-full-bot.png) no-repeat 0 0; width: 780px; height: 38px; margin-left: 20px;}
#fullquoteform {
	background: transparent url(../images/formbg-full-mid.png) repeat-y 0 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: left;
	width: 780px;
	margin-left: 20px;
	}

	#fullquoteform legend {
		background: transparent url(../images/quoteformtitle.png) no-repeat 45px 15px;
		display: block;
		padding: 25px 0 0 40px;
		text-indent: -999em;
		width: 475px;
		height: 35px;
	}
	
	#fullquoteform .leftcol {
		float: left;
		margin: 0 0 0 46px;
		width: 287px;
		}
	
	#fullquoteform .rightcol {
		float: right;
		margin: 0 80px 0 0;
		width: 287px;
		}
		
	#fullquoteform #section-wherepickup, #fullquoteform #section-returnpickup {
		border-bottom: 1px solid #94abb2;
		float: left;
		padding: 10px 0 15px 0;
	}
	
	#fullquoteform #section-returnpickup {margin-top:0px;}
	#returndatesection {margin-top:0px;}
	
	
		#fullquoteform .col-r {
			margin: 0 0 0 5px;
			}
		
	#fullquoteform #section-destination textarea {
		height: 60px;
		}
		
	#add-destination a {
		background: #b9cbcd url(../images/icon-add-destination.png) no-repeat right center;
		color: #424242;
		font-weight: bold;
		padding: 5px 25px 5px 0;
		line-height: 2.2em;
	}
		
		#add-destination a:hover {color: #103242;}
		
	#section-passengers {padding: 10px 0 15px 0;}
		#section-passengers .section, #section-luggage .section {display: block; padding: 0 0 5px 0;}
			#section-passengers .section label, #section-luggage .section label {width: 80px; display: inline-block;}
			
	#section-luggage {border-top: 1px solid #94abb2; padding: 10px 0 15px 0;}
		
	#fullquoteform .return-links {
		margin: 0 0 0 46px;
		}

			/* SLIDING FORM */
#quoteform {
	background: transparent url(../images/formbg.png) no-repeat 0 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	float: left;
	text-align: left;
	width: 383px;
	height: 643px;
}

	#quoteform legend {
		background: transparent url(../images/formlegend.png) no-repeat 45px 45px;
		display: block;
		padding: 50px 0 0 40px;
		text-indent: -999em;
		width: 300px;
		height: 45px;
	}
	
	#quoteform p, #quoteform input, #quoteform select, #quoteform textarea,
	#fullquoteform p, #fullquoteform input, #fullquoteform select, #fullquoteform textarea {
		color: #373737;
		font-size: 0.75em;
		padding: 0.3em 0.2em;
	}
	
	#quoteform label, 
	#fullquoteform label {
		color: #244d60;
		font-size: 0.8em;
		font-style: italic;
		padding: 0 0 2px 0;
	}
	
	#quoteform h2 label,
	#fullquoteform h2 label {
		color: #244d60;
		display: block;
		font-size: 0.8em;
		font-weight: bold;
		font-style: normal;
		line-height: 1em;
		padding: 5px 0 8px 0;
		
	}
	
	#section-destination h2 label {line-height: 1.4em;}
	
	#quoteform .return-links,
	#fullquoteform .return-links {
		color: #20595f;
	}
	
	#quoteform .return-links a, #fullquoteform .return-links a {color: #20595f;}
	#quoteform .return-links a:hover, #fullquoteform .return-links a:hover {color: #103242;}
	
	/* Page 1 */
	#section-picktaxi {display: none;}
	
	#choosetaxitype {}
	
		#choosetaxitype li {
			margin: 15px 0 0 0;
			text-align: center;
		}
	
			#choosetaxitype li a {
				color: #1b2f35;
				font-weight: bold;
				display: block;
				text-decoration: none;
				width: 283px;
				height: 140px;
				background-color: transparent;
				background-repeat: no-repeat;
				background-position: top center;
				text-indent: -999em;
			}
				#choosetaxitype #taxitype-taxi a {background-image: url(../images/btn-taxi.png);}
				#choosetaxitype #taxitype-taxivan a {background-image: url(../images/btn-taxivan.png);}
				#choosetaxitype #taxitype-taxibus a {background-image: url(../images/btn-minibus.png);}
			
				#choosetaxitype li a:hover {background-position: 0 -140px;}
	
				#choosetaxitype li.on a {background-position: 0 -280px;}
	
				#choosetaxitype li a:focus {overflow: hidden; outline: none;}
	
	/* Page 2 */
	#section-whatservice {
		clear: both;
		padding: 0 0 20px 0;
	}
	
		#whatservice {
			width: 200px;
			}
	
	#section-bringingluggage {
		background: transparent url(../images/icon-luggage.jpg) no-repeat 168px 20px;
		border-top: 1px solid #94abb2;
		padding: 15px 0 40px 0;
	}
		
		#section-bringingluggage h2 label {width: 190px; line-height: 1.4em;}
	
	#section-multipledropoffs {
		background: #b9cbcd url(../images/icon-directions.png) no-repeat 180px bottom;
		border: 1px solid #94abb2;
		border-left: 0;
		border-right: 0;
		padding: 20px 0 40px 0;
	}
	
	#section-multipledropoffs h2 label {line-height: 1.4em;}
	
	#next-btn {
		background: transparent url(../images/next-btn.png) no-repeat 0 0;
		display: block;
		text-indent: -999em;
		margin: 20px 0;
		width: 93px;
		height: 32px;
	}
		#next-btn:focus {
			overflow: hidden;
		}
		
	p#big-form #submit-btn {
		margin: 20px 0 17px 0;
		padding: 0;
		height: 32px;
		font-size: 1em;
	}
	
	/* Page 3 */	
	.radio-item {clear: both; display: block; margin: 0 0 0 10px;}
		.radio-item label {color: #424242 !important; line-height: 2.2em; font-weight: bold; font-style: normal !important;}
		
	#page3 {
		background: transparent url(../images/icon-user.png) no-repeat right 263px;
		}
		#quote-page .rightcol {background: transparent url(../images/icon-user.png) no-repeat right 273px;}
		
	#section-wherepickup .col-l, #section-returnpickup .col-l {float: left;}
	#section-wherepickup .col-r, #section-returnpickup .col-r {float: right;}
		#section-wherepickup label, #section-returnpickup label {display: block;}
		
		#section-wherepickup #pickupaddress, #section-returnpickup #returnaddress {width: 175px; height: 65px;}
		#section-wherepickup #pickupdate, #section-returnpickup #returndate {width: 85px; margin: 0 0 4px 0;}
		#section-wherepickup #pickuptime, #section-returnpickup #returntime {width: 45px;}
		#section-wherepickup #pickuptime-mins, #section-returnpickup #returntime-mins {width: 45px;}
	
	
	#section-destination {clear: both; padding: 10px 0 15px 0;}
		#section-destination label {display: block;}
		
		#section-destination #destination {width: 280px; height: 62px;}
		
	
	#section-yourdetails {
		border: 1px solid #94abb2;
		border-left: 0;
		border-right: 0;
		padding: 10px 0 15px 0;
	}
	
		#section-yourdetails label {display: block;}
		
		#section-yourdetails #yourname {width: 220px; margin: 0 0 5px 0;}
		#section-yourdetails #youremail {width: 220px; margin: 0 0 5px 0;}
		#section-yourdetails #yourphone {width: 220px;}

	#submit-btn {
		margin: 10px 0 0 0;
		}

/* jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider */
/* Most common stuff you'll need to change */
	.coda-slider-wrapper {padding: 0 0 0 30px;}
	.coda-slider {}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider {height: 200px; overflow: auto !important; padding-right: 20px;}
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel {width: 317px;} 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {width: 600px;}
	.coda-slider-wrapper.arrows .coda-slider {margin: 0;}
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a {background: #000; color: #fff; padding: 0; width: 100px;}
	
	/* Tab nav */
	.coda-nav ul li a.current {background: #39c;}
	
	/* Panel padding */
	.coda-slider .panel-wrapper {padding: 0 15px;}
	
	/* Preloader */
	.coda-slider p.loading {padding: 0; text-align: center;}

	/* Tabbed nav */
	.coda-nav ul {clear: both; display: block; margin: auto; overflow: hidden;}
	.coda-nav ul li {display: inline;}
	.coda-nav ul li a {background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none;}

	/* Miscellaneous */
	.coda-slider-wrapper {clear: both; overflow: auto;}
	.coda-slider {float: left; overflow: hidden; position: relative;}
	.coda-slider .panel {display: block; float: left;}
	.coda-slider .panel-container {position: relative;}
	.coda-nav-left, .coda-nav-right {float: left;}
	.coda-nav-left a, .coda-nav-right a {display: block; text-align: center; text-decoration: none;}
	

			/*  FOOTER  */
#footer {
	clear:both;
	position:relative;
	width:780px;
	background: #6BA33A url(../images/footer-bg.png) repeat-x 0 0; 
	padding: 0.5em 10px; 
	text-decoration:none;
	font-weight:normal;
	font-style:oblique;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	letter-spacing:0em;
	color:#fff;
	}

#footeremail{position: relative; display:inline; margin-right:2.5em;}
#copyright{position: relative; display:inline; margin-right:2.5em;}
#itservecredit{position: relative; display:inline; }

			/*  LINKS AND TEXT STYLES*/
h1 {margin: 1em 0 1.5em 0; font-family:Arial, Helvetica, sans-serif; font-size:16pt; font-weight:bold; font-style: normal; color:#244d60; line-height: 1.2em;}

/* H1 Page Titles */
h1 {padding: 0; text-indent: -9999px;}

#home-page h1 {background: url(../images/title-home.png) no-repeat 0 0; width: 348px; height: 57px; margin-left: 5px;}
#transfers-page #h-airporttransfers {background: url(../images/title-transfers.png) no-repeat 0 0;}
#transfers-page #cruisetransfers {background: url(../images/title-cruisetransfers.png) no-repeat 0 0; margin-left: 0.2em;}
#transfers-page h1 {background: url(../images/title-transfers.png) no-repeat 0 0;}
#golf-page h1 {background: url(../images/title-golf.png) no-repeat 0 0;}
#standrews-page h1 {background: url(../images/title-standrews.png) no-repeat 0 0;}
#tours-page h1 {background: url(../images/title-tours.png) no-repeat 0 0;}
#price-page h1 {background: url(../images/title-price.png) no-repeat 0 0;}
#links-page h1 {background: url(../images/title-links.png) no-repeat 0 0;}
#standrews-page #h-history {background: url(../images/title-standrews-2.png) no-repeat 0 0;}
#thanks-page h1 {background: url(../images/title-thanks.png) no-repeat 0 0;}

h2 {font-weight: bold; font-size: 12pt;}
	#golf-page h2, #travel-page h2, #standrews-page h2, #tours-page h2 {clear: both; margin: 0.5em 0;}
h3 {font-style: italic; line-height: 1.5em;}
	#travel-page h3 {font-size: 12pt; margin: 0 0 0.5em 0;}

#emaillink a:link {color: #497ba0; text-decoration:none; font-weight:bold; font-size:11pt; letter-spacing: -1px; background: transparent url(../images/email-icon.png) no-repeat 0 0; padding: 0 0 0 28px;}
#emaillink a:visited {color: #497ba0; text-decoration:none; font-weight:bold;}
#emaillink a:hover, #emaillink a:focus {text-decoration:underline;}
#emaillink a:active {color: #497ba0; text-decoration:none;}

#footer a:link {color: #fff; text-decoration:underline; font-weight:bold; font-size:9pt; letter-spacing:0em;}
#footer a:visited {color: #fff; text-decoration:underline;}
#footer a:hover, #footer a:focus {color: #efc734; text-decoration:none;}
#footer a:active {color: #fff; text-decoration:none;}

#textcolumn li {list-style-image:url(../images/bulpt.png); list-style-position:inside; text-indent:0.2em; color:#7493a1; line-height:1.5; text-align:left; }
#textcolumn p {margin:0; padding-bottom:1.2em; line-height:1.4em;}
#textcolumn-links p {margin-bottom:0.5em;}
#links-page #textcolumn p {padding: 0 0 1em 0;}
	
			/* Content Rows */
.row-odd, .row-even {clear: both; margin: 0 0 1em 0; float: left; width: 785px;}
.row-odd {background: #e2eff5;}

			/*  Pricing Table  */
p.last {border-bottom: 1px solid #cfd8dc;}

#grid-options {
	background: transparent url(../images/grid-options-bg.png) no-repeat bottom center;
	margin: 20px auto 0 auto;
	padding: 0 0 0 0;
	width: 700px;
	height: 51px;
	line-height: 51px;
}

		#grid-options label {
			margin-left: 10px;
		}

		#grid-options select {
			font-size: 11pt;
			margin: 0 0 0 0;
		}
		
		#grid-options #uniform-guidereturn {
			margin: 12px 15px 0 0 !important;
		}

#pricing-grid {
	text-align: center;
	width: 700px;
	margin: 0 auto 40px auto;
}

	#pricing-grid thead {
		color: #fff;
		width: 700px;
	}
		
		#pricing-grid thead th { /*something in here breaks the table with*/
			background: transparent url(../images/grid-head-bg.png) repeat-x center center;
			font-size: 12pt;
			text-align: center;
			line-height: 2em;
		}
		
		#pricing-grid thead th em {
			display: block;
			font-size: 8pt;
		}

	#pricing-grid tbody {
		background: #fff;
		font-size: 12pt;
	}

		#pricing-grid td {
			background: #fff url(../images/grid-bg.jpg) repeat-x left bottom;
			border: 1px solid #65c1eb;
			width: 175px;
			height: 130px;
		}

		#pricing-grid td.grid-distance {
			height: 410px;
		}

		#pricing-grid span.taxi, #pricing-grid span.taxivan, #pricing-grid span.taxibus {
			background-color: transparent;
			background-repeat: no-repeat;
			background-position: 0 0;
			display: block;
			text-indent: -999em;
			margin: 0 0 10px 13px;
			width: 150px;
			height: 69px;
		}
			#pricing-grid span.taxi {background-image: url(../images/icon-taxi-small.png);}
			#pricing-grid span.taxivan {background-image: url(../images/icon-taxivan-small.png);}
			#pricing-grid span.taxibus {background-image: url(../images/icon-taxibus-small.png);}
			
			#pricing-grid span.noofpeople {
				background: transparent url(../images/icon-people-small.gif) no-repeat top right;
				font-size: 9pt;
				margin: 0 10px 0 0;
				padding: 5px 22px 5px 0;
			}
	
	
			#pricing-grid span.noofsuitcases {
				background: transparent url(../images/icon-suitcase-small.gif) no-repeat top right;
				font-size: 9pt;
				margin: 0 10px 0 0;
				padding: 4px 25px 5px 0;
			}
	
	
			#pricing-grid span.noofbags {
				background: transparent url(../images/icon-smallbag-small.gif) no-repeat top right;
				font-size: 9pt;
				margin: 0 0 5px 0;
				padding: 1px 18px 5px 0;
			}


/*Form Validation */
.error{
color:#FF0000 !important;
}
.fill{
line-height:130px;
display:block;

}