/* CSS Document */

body {
	background:url(../images/General/main-bg.jpg) left 148px repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333333;
	padding:0px;
	margin:0px;
	width: 100%
}

.wrapper {
	width: 960px; margin: 0px auto;
}

.clearer {
	clear:both;
	height:1px;
}

.clearerHi {
	clear:both;
	height:10px;
}

a {
	color:#568dbc;
	outline:none;
	border:none;
}
a:hover {
	color:#568dbc;
	outline:none;
	border:none;
	text-decoration: none;
}

img {
	border:none;
}

.nodec {
	text-decoration:none;
}

.trans {
	behavior: url("../iepngfix.htc");
}

.leftflo {
	float:left;
}

.rightflo {
	float:right;
}

.textbox {
	background:url(../images/content/textbox-bg.gif) top left no-repeat;
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	border-bottom:1px solid white;
	border-right:1px solid white;
	padding:9px;
}

.valign {
	vertical-align:middle;
}

hr {
	height: 1px;
	border-style: none;
	color: #5289ba;
	background-color: #5289ba;
	clear:both;
	margin:0px;
	padding:0px;
}

.hr {
	height: 1px;
	background-color: #5289ba;
}

h1 {
	color:#3e719b;
	font-size:240%;
}

h1, h2, h3 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-weight:normal;
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}
h4{
	border-bottom: 1px dotted #999999;
	padding: 0px 0px 5px 0px;
}
h2 {
	color:#cf3b36;
	font-size:150%;
}
h2.question {
	color:#cf3b36;
	display: inline;
	float: left;
	margin-right: 10px;
	font-size:150%;
}
h2.answer {
	color:#023D82;
	display: inline;
	float: left;
	margin-right: 10px;
	font-size:150%;
}


.rightmarg {
	margin-right:20px;
}

.GreyText {
	color:#666666;
}

.WhiteText {
	color:white;
}

.BlueText {
	color:#2b5091;
}

.LightGreyText {
	color:#999999;
}

.SmallerText {
	font-size:85%;
}

.SmallHeader {
	font-size:120%;
}

.SmallerHeader {
	font-size:150%;
}

.SmallBlueHead {
	font-weight:bold;
	color:#2b5091;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}

/*----------------------------------------------------------------LAYOUT ELEMENTS-----------------------------------------------------------------*/


.logo, .logo span {
	width:360px;
	height:27px;
	position:relative;
	float:left;
	margin-top:10px;
}

.logo span {
	background:url(../images/template/thecoachholiday-logo.gif) no-repeat;
	position:absolute;
	margin-top:0px;
	display: block;
}

.phone, .phone span {
	width:173px;
	height:37px;
	float:right;
	position:relative;
}

.phone span {
	position:absolute;
	background:url(../images/template/phone-number.gif) no-repeat;
}

.header {
	height:125px;
	padding:20px 0px 8px 0px;
}

.hero {
	height:287px;
	margin-top:40px;
}

.greySearchBar {
	height:101px;
	padding:10px 0px 0px 0px;
	width: 800px;
	float: left;
}
.greySearchBar form{
	display: inline;
}
.footer {
	clear:both;
	font-size:85%;
	border-top:1px dotted #ccc;
	padding:10px 0px;
	color:#666666;
	margin:10px 0px;
}

.waves {
	padding:30px 0px 0px 0px;
	position:relative;
	color:white;
	height:91px;
}

.leftnav {
	width:173px;
	float:left;
}

.maincontent {
	width:741px;
	float:right;
}

.contentWide {
	margin:0px auto;
	width:80%;
}
.postcardContentWide{
	background: url(../images/content/postcard-bg.png) no-repeat;
	width: 841px;
	height: 434px;
}
.contentSuperWide{
	width: 100%;
	margin: 0px auto;
}
#advSearch th{
	background:#6394BD;
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px;
}
#advSearch td{
	border: 1px solid #fff;
	border-collapse: collapse;
}
.search{
	background: #dedede
}
.white{
	background: #ffffff;
}

/*---------------------------------------------------------------------- CONTENT ELEMENTS ------------------------------------------------------------------------*/

.hpbox, .hpboxLast {
	float:left;
	width:265px;
	background:url(../images/content/seperator1.gif) top right no-repeat;
	padding:10px 20px 0px 0px;
	margin-right:20px;
}

.hpboxLast {
	background: url(../images/content/latedealsclock.jpg) no-repeat right top;
	width:300px;
	position:relative;
}

.whiteroundedbox {
	width:951px;
	background: white url(../images/content/whitebox-bottom.gif) bottom left no-repeat;
	behavior: url("../pngbehavior.htc");
	position:relative;
	height:18em;
}

.whiteroundedboxInner1 {
height:15.3em;
	background:url(../images/content/whitebox-right.gif) right repeat-y;
	margin-bottom:70px;
}

.whiteroundedboxInner2 {
	padding:15px;
	background:url(../images/content/whitebox-top.gif) top left no-repeat;
}

.coach {
	position:absolute;
	left:-30px;
	bottom:10px;
}

.postcards {
	position:absolute;
	right:-40px;
	bottom:-29px;
}

.map {
	position:absolute;
	top:-20px;
	right:-120px;
}

.brochure {
	margin-right:15px;
}

.hptext1 {
	float:left;
	width:340px;
	margin-left:280px;
	_margin-left:135px;
}

.herobuttons {
	height:51px;
	position:relative;
	margin-top:-10px;
}

.herobuttons img {
	margin-right:17px;
}

.searchText {
	margin-right:20px;
	vertical-align:middle;

}

.pageNumbers {
	text-align:right;
	float:right;
	font-weight:bold;
}

.pageNumbers a {	
	text-decoration:none;	
}

.pageNumbers a:hover {
	text-decoration:underline;	
}

.searchResults {
	padding:10px 0px;
	border-bottom:1px dotted black;
}

.resultsImgs {
	float:left;
	width:201px;
	margin-right:10px;
}

.resultsText {
	float:left;
	width:520px;
}
form{
	margin: 0px;
	padding: 0px;
}
.formfield, .formfieldArea {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	padding:10px;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	margin-bottom:10px;
	width:350px;
}

.formfieldArea {
	height:10em;
}

.smformfield{
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	padding:5px;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	width:150px;
}

.sideNav {
	list-style:none;
	font-weight:bold;
	padding:0px;
	margin:0px;
	font-size:110%;
	color:#666;
}

.sideNav li {
	padding:10px 0px;
	border-bottom: 1px solid #5289ba;
}

.sideNav a {
	color:#21488b;
	text-decoration:none;
}
.sideNav a:hover{
	color:#999999;
	text-decoration:none;
}

.backLink {
	background:url(../images/content/arrow-l.gif) no-repeat left 6px ;
	padding-left:7px;
}

.nextLink {
	background:url(../images/content/arrow-r.gif) no-repeat right 6px; 
	padding-right:7px;
}

.smallercontent {
	width:180px;
}

.car {
	float:right;
	position:relative;
	right:-10px;
	top:-10px;
}
.holidayinfo{
	clear: both;
	padding-top: 20px;
	line-height: 20px;
}
.holidayimg{
	float: right;
	margin-left: 20px;
}
#TourGrid{

	}
#TourGrid Th{
	background:#6394BD;
	color: #FFFFFF;
	border: 1px solid #fff;
	font-weight: bold;
	padding: 5px;
}
.type1{
	background:#cecece;
	color: #333;
	border: 1px solid #fff;
	font-weight: bold;
	padding: 5px;
}
.type2{
	background:#dedede;
	color: #333;
	border: 1px solid #fff;
	font-weight: bold;
	padding: 5px;
}
ol#terms{

}
#terms li{
	margin-bottom: 20px;
}
.intro{
	height: 30px;
	font-size: 21px;
	margin-top: 10px;
	margin-right: 10px;
}
.faq{
	float: left;
	clear: both;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
	width: 960px;
	padding-bottom: 15px;
}
/* revised nav without slider */


ul#globalNav{
	width: 980px;
	margin: 40px 0 0 0;
	padding: 0px;
	list-style: none;
	height: 22px;
}
#globalNav li{
	float: left;
	margin-right: 12px;
	height: 22px;
}
#globalNav li a{
	float: left;
	text-decoration: none;
	text-indent: -10000px;
	height: 22px;
}

#menu_home a {
	width: 61px;
	background: url('../images/menu/home.png') no-repeat center top;
	text-indent: -10000em;
}
#menu_home a:hover {
	width: 61px;
	background: url('../images/menu/home.png') no-repeat center bottom;
	text-indent: -10000em;
}

#menu_destinations a {
	width: 117px;
	background: url('../images/menu/destinations.png') no-repeat center top;	
}
#menu_destinations a:hover {
	width: 117px;
	background: url('../images/menu/destinations.png') no-repeat center bottom;	
}

#menu_travel a {
	width: 117px;
	background: url('../images/menu/travel.png') no-repeat center top;	
}
#menu_travel a:hover {
	width: 117px;
	background: url('../images/menu/travel.png') no-repeat center bottom;	
}

#menu_deals a {
	width: 95px;
	background: url('../images/menu/late-deals.png') no-repeat center top;	
}
#menu_deals a:hover{
	width: 95px;
	background: url('../images/menu/late-deals.png') no-repeat center bottom;	
}

#menu_brochure a {
	width: 141px;
	background: url('../images/menu/order-brochure.png') no-repeat center top;	
}
#menu_brochure a:hover{
	width: 141px;
	background: url('../images/menu/order-brochure.png') no-repeat center bottom;	
}

#menu_drive a {
	width: 91px;
	background: url('../images/menu/self-drive.png') no-repeat center top;	
}
#menu_drive a:hover{
	width: 91px;
	background: url('../images/menu/self-drive.png') no-repeat center bottom;	
}

#menu_faqs a {
	width: 67px;
	background: url('../images/menu/faqs.png') no-repeat top center;	
}
#menu_faqs a:hover {
	width: 67px;
	background: url('../images/menu/faqs.png') no-repeat bottom center;	
}

#menu_about a {
	width: 88px;
	background: url('../images/menu/about-us.png') no-repeat center top;	
}
#menu_about a:hover {
	width: 88px;
	background: url('../images/menu/about-us.png') no-repeat center bottom;	
}

#menu_contact a {
	width: 82px;
	background: url('../images/menu/contact.png') no-repeat center top;	
	margin-right:0px;
}
#menu_contact a:hover{
	width: 82px;
	background: url('../images/menu/contact.png') no-repeat center bottom;	
	margin-right:0px;
}

/* Display active tabs */
.activeTab {
	display: block;
}

/* Hide inactive tabs */
.inactiveTab {
	display: none;
}

/* Set all the hero buttons to display in a line as blocks with a bit of margin */
.herobuttons a {
	display: block;
	float: left;
	margin-right: 15px;
}

/* Hide the 'span' text inside the hero buttons, this makes them accessible */
.herobuttons a span {
	display: none;
}

/* The default state for the coast link */
.herobuttons #coastLink {
	background: url(../images/buttons/uk-coastal-hotels.png) no-repeat;	
	width: 181px;
	height: 51px;
}

/* Define a different 'on' image */
.herobuttons a.on#coastLink {
	background:  url(../images/buttons/uk-coastal-hotels-on.png) no-repeat;
}

/* The default state for the villages link */
.herobuttons #villagesLink {
	background:  url(../images/buttons/uk-holiday-villages.png);
	width: 190px;
	height: 51px;
}

/* Define a different 'on' image */
.herobuttons a.on#villagesLink {
	background: url(../images/buttons/uk-holiday-villages-over.png) no-repeat;
}

/* The default state for the country link */
.herobuttons #countryLink {
	background: url(../images/buttons/heritage-and-country.png) no-repeat;
	width: 190px;
	height: 51px;
}

/* Define a different 'on' image */
.herobuttons a.on#countryLink {
	background: url(../images/buttons/heritage-andcountry-over.png) no-repeat
}

/* The default state for the contintal link */
.herobuttons #continentalLink {
	background: url(../images/buttons/continental.png) no-repeat;
	width: 130px;
	height: 51px;
}

/* Define a different 'on' image */
.herobuttons a.on#continentalLink {
	background: url(../images/buttons/continental-over.png) no-repeat;
}