﻿/*------------------------------------------------------------------------------------------------*/
/*-                                            RESET.CSS                                         -*/
/*-           ADAPTED FROM CAMERON MOLLS RESET BUT THIS DOESN'T RESET TABLE BORDERS              -*/
/*-                                                                                              -*/
/*------------------------------------------------------------------------------------------------*/

iframe {position:absolute;} 

/*sort the cufon out yeah!*/
.cufon-loading #navigation ul li a,
.cufon-loading #ctl00_mainarea_breadcrumb {
display:none;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size:100%;
	/*font-family: inherit; removed for ie7.js */
	vertical-align: baseline;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption{	border: 0;}
/* remember to define focus styles! */
:focus {	outline: 0;}
body {
    line-height: 62.5%;
	color: black;
	background: white;
}
ol, ul {	list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
clear:both;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	border: 0;
}
blockquote:before, blockquote:after,
q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}

/*------------------------------------------------------------------------------------------------*/
/*-                                            LAYOUT.CSS                                        -*/
/*-THIS IS USED TO DECLARE LAYOUT ONLY, INCLUDING POSISTIONING AND BACKGROUND STYLING OF ELEMENTS-*/
/*-                           IT DOES NOT DECLARE TEXT OR CONTENT STYLING.                       -*/
/*------------------------------------------------------------------------------------------------*/

body {background:url(../images/bg.jpg);}

#glow {
background: url(../images/glow.png) repeat-x top center;
width:100%;
height:auto;
}

#mapbg {
background: url(../images/map.png) repeat-x top center;
width:100%;
height:auto;
}
/* ################################### HEADER LAYOUT #################################*/

#headercontainer { width: 100%}

#header {
 margin: 0 auto;
 width: 992px;
 padding: 0 0 31px 0;
}

#header img {
float:left;
margin: 35px 0 0 -15px;
}

#header ul {
 float:right;
 margin:0;
 padding:13px 0 0 0;
 clear:right;
width:50%;
text-align:right;
}

#header ul li {
 margin:0;
 padding:0 11px 0 8px;
display:inline;
border-right: solid 1px #a9a69e;
}

#header ul li.no {
border:0;
padding-right:0;
}

#header ul li a {
 text-decoration:none;
 color:#0e9418;
font-size:1.55em;
text-transform: uppercase;
padding-top:1px;
}

/*Quick Search*/

#qs {
float:right;
background: url(../images/bg-qs.png) no-repeat 0 0;
width: 367px;
height:31px;
margin-top:22px;
}

#qs label {
float:left;
text-transform: uppercase;
width:110px;
padding: 10px 0 0 8px;
font-size:1.3em;
}

#qs input {
width:200px;
margin: 7px 0 0 4px;
color:#888887;
font-size:11px;
float:left;
color:#3f3b30;
}

#qs input.btn-qs {
float:right;
margin:3px 3px 0 0;
width:30px;
height:25px;
}

/* ################################### NAV LAYOUT #################################*/

#navigationcontainer {
 width: 100%;
 height:46px;
}

#navigation {
 margin: 0 auto;
 width: 992px;
 height: 46px;
 background: url(../images/nav_bg.png) no-repeat bottom center;
z-index:99;
position:relative
}

/* ################################### BREADCRUMB LAYOUT #################################*/

#ctl00_mainarea_breadcrumb {
 padding: 7px 25px 8px 25px;
 width: 941px;
 height:21px;
}

#bread {
float:left;
}

#strapline {
 padding:0;
 float:right;
 width:360px;
 text-align:right;
}

#strapline span {
color:#797771;
font-size:.95em;
padding: 4px 8px 0 0;
float:left;
}

#strapline span.tel {
color:#373737;
font-size:1.5em;
padding:0;
margin:0;
}

#maincontainer #ctl00_mainarea_breadcrumb #strapline span.tel a.google-call {
color:#373737;
}

/* ################################### PAGE LAYOUT #################################*/

#maincontainer {
 margin: 0 auto;
 width: 992px;
}

#copyarea {
 background: url(../images/copyarea_bg.gif) repeat-y 0 28px;
 float:left;
 width:992px;
}

#ctl00_mainarea_tc {
 background: url(../images/tc.gif) no-repeat 0 0;
 height:6px;
 width:100%;
}

#ctl00_mainarea_bc {
 background: url(../images/bc.gif) no-repeat 0 0;
 height:6px;
 width:100%;
 clear:both;
}

/*Template 3 is used on the tour page only and require a different bg
These are switched off on Templates 1 and 2*/
#ctl00_mainarea_content4_tc {
 background: url(../images/content4_tc.gif) no-repeat 0 0;
 height:6px;
 width:100%;
}

#ctl00_mainarea_content4_bc {
 background: url(../images/content4_bc.gif) no-repeat 0 0;
 height:6px;
 width:100%;
 clear:both;
}
/*-end-*/

#ctl00_mainarea_content1 {
 float: left;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 0px 0px 0px 0px;
 width: 241px;
}

#ctl00_mainarea_content2 {
 float: right;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 26px 26px 26px 0px;
 width: 700px;
}

#ctl00_mainarea_content3 {
 background: #ddd;
 float: right;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 0px 10px 20px 0px;
 width: 190px
}

/*only used on tour pages to hold the tour control*/
#ctl00_mainarea_content4 {
 height:auto !important;
 height: auto;
 min-height: 200px;
 width: 967px;
 padding: 0 0 0 25px;
 background:url(../images/content4_bg.gif) repeat-y 0 0;
 float:left;
}

#ctl00_mainarea_sidemenu {
 padding: 0px 0px 0px 0px;
 width: 190px
}

.quotes {
 display: block;
 margin: 11px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 180px
}

.quotestop {
 background: #8da5c8;
 display: block;
 padding: 6px 0px 6px 15px
}

.quotesmiddle {
 background: #fff;
 border-right:solid 1px #ccc;
 border-left:solid 1px #ccc;
 display: block;
 padding: 10px 15px 1px 15px;
}


/*Contact, brochure, newsletter pages*/

/*left col*/
.form-cont {
width:425px;
margin: 0 auto;
}

/*############# SHOP STEPS #################*/

/*Set the background for the shopping steps*/
#ctl00_mainarea_content4.shop_bg {background: url(../images/shop_bg.gif) repeat-y 0 0;}
#ctl00_mainarea_content4_bc.shop_bc {background: url(../images/shop_bc.gif) no-repeat 0 0;}
#ctl00_mainarea_content4_tc.shop_tc {background: url(../images/shop_tc.gif) no-repeat 0 0;}

#tour_left.cart {width:692px;}
.cart a {cursor: pointer;}

#copyarea p.payment_heading {
background:#faf9f7;
border-top:dotted 1px #bfbdb4;
border-bottom:dotted 1px #bfbdb4;
padding: 20px;
font-size:1.3em;
text-transform: uppercase;
width:900px;
float:left;
margin:0;
}

.payment_section {
width: 690px;
border-bottom:dotted 1px #bfbdb4;
margin-top:20px;
padding:20px 0 20px 0;
clear:both;
overflow:hidden;
}

.payment_section.first {
margin-top:0;
padding-top:35px;
}

/*contains each label and field/dropdown*/
.pelement_container {
float:left;
clear:both;
width:445px;
margin:8px 0;
}

.pelement_container img.tooltip {
float:right;
margin-top:6px;
}

/*form label default*/
#copyarea span.p_label {
height:auto;
float:left;
padding: 5px 10px 0 0;
width:100px;
}

/*Required field asterix*/
#copyarea span.p_label span, span.asterix {
color:#1e9b21;
}

span.apchk {
margin:3px 0 0 0;
float:left;
width:120px;
}

#payment_btns {
padding: 20px 0;
width: 700px;
clear:both;
overflow:hidden;
width:96%;
}

/*#### STEP TWO ####*/

/*How many people are travelling page*/
#copyarea .wide span.p_label {width:auto;}
.wide {width:100%;}

/*##### NEWS PAGE #####*/

#copyarea a.rss {
color:#1e9b21;
text-decoration: underline;
float:right;
background:url(../images/ico_rss.gif) no-repeat right 2px;
display:block;
padding:0 22px 0 0;
}

.quotesbottom {
 border-bottom:solid 1px #ccc;
 display: block;
}

.newsoverview, .relatedtour {
 display: block;
 height:auto !important;
 height: auto;
padding:25px 0 20px 0;
width:700px;
border-top:dotted 1px #e4e3de;
position:relative;
clear:both;
overflow:hidden;
}

.newsoverview img, .relatedtour img {
float:left;
margin: 0 15px 0 15px;
}

.newsImgBorder {
position:absolute;
top:22px;
left:12px;
width:142px;
height:98px;
background:url(../images/border_news.gif) no-repeat 0 0;
cursor: pointer;
}

#copyarea .newsoverview span.newsTitle, #copyarea .relatedtour span.newsTitle {
 font-size:1.3em;
text-transform: uppercase;
margin:0 0 0 0;
display:block;
float:left;
height:auto;
}

span.newsDate {
color:#8c8778;
display:block;
font-size:1em;
line-height:0;
padding: 8px 0 10px 0;
clear:right;
}

span.latestnewsDate {
padding:10px 0 10px 0;
color:#595343;
}

#copyarea .newsoverview p, #copyarea .relatedtour p {
margin:0;
}

#copyarea .newsoverview p a {
font-weight:bold;
color:#1e9b21;
background: url(../images/tab_arrow.gif) no-repeat right 5px;
padding-right:10px;
}

/*news pager*/
span.pagination {
display:block;
border-top:dotted 1px #e4e3de;
border-bottom:dotted 1px #e4e3de;
padding:15px 0 20px 0;
text-align:left;
color:#1e9b21;
clear:both;
}

#copyarea span.pagination a {
color:#1e9b21;
}

#copyarea span.pagination span.current {
color:#1e9b21;
font-weight:bold;
}

#copyarea span.pagination span.prev, #copyarea span.pagination span.next {
font-weight:normal;
text-decoration: underline;
}

/*############ Recently Added page ##############*/


#copyarea table.recently-added{
margin:10px 0;
}

#copyarea table.recently-added tr td {
padding-bottom:10px;
}

#copyarea table.recently-added tr td a {
text-decoration: underline;
}

/*######################################## TOUR LEADER RELATED TOURS  #########################################*/

.related_left {
width:525px;
float:left;
}

.related_right {
width:155px;
float:right;
margin-top:-5px;
}

.green_bird {
background: url(../icons_images/ico_bird_green.png) no-repeat top right;
}

#copyarea .relatedtour span.newsTitle {
width:355px;
}

/*########## Homepage Slideshow Gallery #########*/


#home-slideshow {
	width: 990px;
	height:300px;
	overflow:hidden;
	position: relative;
	z-index:0;
	margin-left:-24px;
	margin-top:-6px;
	background: #fff;
	
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	border-top-right-radius: 7px;
}

.cycle-slideshow {
	overflow:hidden;
	width:733px;
	height:300px;
	top:0; left:0;
	position: absolute;
	z-index:1;
}

.cycle-slideshow div {
	height:300px;
	width: 733px;
	position: relative;
	
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	border-top-left-radius: 7px;
}

#maincontainer #home-slideshow h1 {
	color:#fff;
	position: absolute;
	top:40px;
	left:25px;
	font-size:30px !important;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, .2);
}

#maincontainer .cycle-slideshow div p {
	color:#fff;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, .3);
	width: 320px;
	position: absolute;
	top:90px;
	left:25px;
	font-size:14px;
	line-height: 21px;
}

.cycle-slideshow div a img {
	position: absolute;
	bottom:40px;
	left:25px;
}

.cycle-pager {
	width: 265px;
	top:0; right:0;
	position: absolute;
	z-index:3;
}

.cycle-pager div {
	width: 225px;
	height: 62px;
	background: url('../images/slideshow-tab.png') no-repeat 0 -80px;
	cursor: pointer;
	padding: 13px 15px 0 25px;
}

.cycle-pager #first-tab {
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	border-top-right-radius: 7px;
}

.cycle-pager div img {
	float:left;
	margin-right:15px;
	opacity: .6;
}

#copyarea .cycle-pager div p  {
	margin:0;
	padding:0;
}

#copyarea .cycle-pager div p.slideshow-tab-title  {
	margin:0 0 5px 0;
	color:#4baf30;
	font-weight:bold;
}

/*Active tabs*/

.cycle-pager div.cycle-pager-active {
	background: url('../images/slideshow-tab.png') no-repeat 0 0;
}

#copyarea .cycle-pager div.cycle-pager-active p.slideshow-tab-title {
	/*color:#f79235;*/
}

.cycle-pager div.cycle-pager-active img {
	opacity: 1;
}

/*######## HOMEPAGE TABS ##########*/

.home_intro {
position:relative;
float:left;
width:100%;
}

.home_intro .addthis_toolbox {
position: absolute;
top:0;
right:0;
height:30px;
width: 190px;
}

.home_intro .addthis_toolbox a.addthis_button_tweet {overflow:hidden;display:block; width:90px; height:25px;}

.htab-thumb {
float:left;
height:auto;
margin: 0 20px 0px 0;
padding-bottom:10px;
}

/*NEW HOME TABS*/

.item {
clear:both; 
width:100%; 
border-bottom:dotted 1px #ccc; 
overflow:hidden;
padding: 20px 0 0 0;
position: relative;
}

#maincontainer #home_tabs h2 span {font-size: 8px;text-transform: none;}
#maincontainer #home_tabs h2 span a { color:#1b9823;}

.item img {
border: 4px solid #e8e5de;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float:left;
margin: 0 20px 15px 0;
}

.item img.youtube-thumb {width:160px}
.feature img.youtube-thumb {width:320px}

img.play {
position: absolute;
top:65px;
left:65px;
display:block;
border:0;
}

.feature img.play {display:none;}

a.watch-now {
width:107px;
height:31px;
background-position: -215px -506px;	
float:left;
text-indent: -999px;
overflow:hidden;
margin-bottom:20px;
}

a.watch-now:hover {background-position: -215px -538px;}
.item img.wp-small {width:160px;}

img.fb-wall-picture {width:150px;}
.fb-wall-box {padding-bottom:20px;}
.fb-wall-comments {display:none;}
.fb-wall-media {margin:10px;}

/*make feed 100% as api does not allow this*/
#twitter-widget-0, #twitter-widget-1 {
  float: none;
  width: 700px !important; 
}

/*######### COPY PAGE TOP BANNERS #########*/

.banner_img {
 position: relative;
margin-bottom:30px;
width:100%;
}

.banner_img_copy_L {
 display: block;
 width:200px;
 padding: 30px 20px 0px 20px;
 position:absolute;
 top:0;
 left:0;
}

.banner_img_copy_R {
 display: block;
 width:200px;
 padding: 30px 20px 0px 20px;
 position:absolute;
 top:0;
 right:0;
}


/*##################################### LEFT HAND COLUMN LAYOUTS ###############################*/

.leftcol_container {
background: url(../images/left_divide.gif) repeat-x 0 0;
height:auto;
width:191px;
padding:25px;
float:left;
}

.noBg {
 background:0;
}

/*######### Need some help box #########*/

#ctl00_mainarea_content1 .help h3 {
margin-bottom:15px;
}

#ctl00_mainarea_content1 .help a {
font-weight:normal;
text-decoration: underline;
}

/*late avail*/

#ctl00_mainarea_content1 .late_avail p {
padding:0;
margin:0;
}

#ctl00_mainarea_content1 .late_avail p.loc {
margin-top:10px;
}

#ctl00_mainarea_content1 .late_avail p.loc a {
font-weight:normal;
}


/*######################################## TOUR LAYOUT ##############################*/

/*left column*/
#tour_left {
 float:left;
width:725px;
height:auto;
}

.tour_overview {
float:left;
width:460px;
height:auto;
padding-top:30px;
}

.tour_price {
float:right;
width: 225px;
background: url(../images/tprice_bg.gif) no-repeat 0 20px;
padding:30px 0 0 20px;
position:relative;

height: auto !important; 
height: 150px; 
min-height: 150px;
}

/*bargain tour band*/
.tour_price img {
 position:absolute;
 top:-5px;
 right:-1px;
}

#tabs {
clear:both;
float:left;
margin-top:15px;
width:700px;
}

/*#######tour right column########*/
#tour_right {
 float:right;
width:240px;
height:auto;
position: relative;
}

.tour_right_element {
width:190px;
height:auto;
background: url(../images/horizontalSearch_bg.png) repeat-x bottom left;
padding: 20px 25px 20px 25px;
overflow:hidden;
}

img.map {
margin-bottom:20px;
}

p.summaryImgCap {
text-align:right;
width:97%;
font-size:0.85em;
}

.tour_type img {
float:left;
margin:6px 6px 0 0;
}

.tour_type img.noMargin {
margin-right: 0;
}

.tour_review, .noBackground {
background:0;
}

/*SUMMARY*/

#summary_left {
 width:460px;
height:auto;
float:left;
}

#summary_right {
 width:220px;
height:auto;
float:right;
width:auto;
}

#outline_it {
width:220px;
height:auto;
background: url(../images/outline_it_bg.png) no-repeat 0 0;
margin-top:25px;
}

#outline_head {
width:190px;
height:auto;
padding: 23px 15px 18px 15px;
}

.itinerary_item {
width:190px;
height:auto;
padding: 10px 15px 10px 15px;
float:left;
}

.alternate {
 background:#f5f2ea;
}

div.outline_it_bottom {
width:220px;
height:5px;
background:url(../images/outline_it_bg.png) no-repeat bottom left;
clear:both;
}

/*IMAGES*/

#flickr-gal img {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 4px solid #e8e5de;
margin: 0 10px 10px 0;
width:83px;
}

#flickr-gal img.nomargin {
margin-right:0;
}

#tooltip{
position:absolute;
background:#000;
padding:7px;
display:none;
color:#fff;
font-size:12px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #333;
}

/*REVIEWS*/

.review_cont {
width:670px;
height:auto;
padding:20px 15px 20px 15px;
border-top:dotted 1px #e4e3de;
overflow:auto;
}

#landing-reviews {
overflow: hidden;
}

#landing-reviews .review_cont {width:908px;}

.review_name {
 float:left;
height:auto;
width:135px;
}

.review {
float:right;
width: 495px;
}

#landing-reviews .review {
width:760px;
}


/*DATES AND PRICES*/

#prices_head {
 width:668px;
border-top:dotted 1px #dcdbd6;
border-bottom:dotted 1px #dcdbd6;
padding: 9px 15px 9px 15px;
overflow:auto;
}

#prices_head span {
display:block;
float: left;
}

#prices_head span.dep {
width: 370px;
}

#prices_head span.av, #prices_head span.cost {
width: 100px;
}

.prices_item {
 width:668px;
border-bottom:dotted 1px #dcdbd6;
padding: 15px 15px 15px 15px;
padding: 15px 15px 25px 15px;
height:auto;
overflow:auto;
}

.prices_depart {
float:left;
width:370px;
height:auto;
}

.prices_av  {
float:left;
width:100px;
height:auto;
}

.prices_cost {
float:left;
width:95px;
height:auto;
}

/*Accordion styling*/

.question {
float:left;
clear:both;
margin:-32px 0 0 15px;
color:#1e9b21;
cursor: pointer;
font-size:.95em;
background: url(../images/arrow-more.gif) no-repeat top right;
padding-right:13px;
}

.question.active {
background: url(../images/arrow-more-up.gif) no-repeat top right;
}

.question:hover {
text-decoration: underline;
}

.answer {
clear:both;
width:610px;
border:solid 5px #f5f2ea;
border-top:0;
margin:0 auto 15px auto;
padding: 15px 25px;

-webkit-border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
border-radius: 0px 0px 20px 20px;
}

#maincontainer .answer p {
margin:0;
}


/*Tour page hints*/
#aToolTip {
position: absolute;
display: none;
z-index: 50000;
}

#aToolTip .aToolTipContent {
position:relative;
margin:0;
padding:0;
width:300px;
}

/*Default Theme */
.defaultTheme {
background:#fcfcfa;
color:#5f5949;
font-weight:normal;
margin:0;
line-height:17px;
padding:6px 12px;
border:solid 2px #e4e2da;	
font-size:13px;

-moz-border-radius: 8px 8px 8px 0;
-webkit-border-radius: 8px 8px 8px 0;
-khtml-border-radius: 8px 8px 8px 0;
border-radius: 8px 8px 8px 0;
}

img.fixedTip {margin:0px 0 0 8px; vertical-align: middle; cursor: pointer;}
	

/*##################### SPECIFY ALL IMG BORDER OVERLAYS HERE #######################*/

/*Tour managar thumb layout*/
.tm_imgContainer {
position:relative;
width:89px;
height:80px;
float:left;
margin-right:8px;
}

.tm_imgContainer img {
margin: 2px 2px 0 2px;
width:85px;
}

.tm_imgContainer .border {
width:89px;
height:80px;
top:0;
left:0;
position:absolute;
background: url(../images/border_tm.gif) no-repeat 0 0;
}

/*############################### LANDING PAGE #########################################*/


/*All tours*/


/*banner*/
#landing-banner {
margin:25px 0 10px 0;
width: 938px;
height: 252px;
position: relative;
}

#landing-banner-copy {
position: absolute;
width:200px;
padding: 30px 20px 0px 20px;
top:0;
}

#landing-banner-copy.pos-left {left:0;}
#landing-banner-copy.pos-right {right:0;}

/*Social area*/
.l-social {
width:100%;
float:right;
height:20px;
}

.addthis_default_style {
float:right;
margin-right:25px;	
}

/*Overwrite for footer*/
#twitter .addthis_default_style {
margin:0;
float:left;
}

.addthis_default_style a {
display:block;
float:left;
margin-right:5px;
position: relative;
width:auto;
}

/*Left/Right cols*/
.landing-left {float:left; width:463px;overflow:hidden;}
.landing-right {float:right; width:463px;overflow:hidden;margin-right:25px;}


/*Each section*/
.landing-section {
float:left;
width:97%;
border-bottom: dotted 1px #d1d1d1;
padding: 30px 0 0 0;
overflow:hidden;	
}

.l-first {padding-top:10px;}

/*Sections inside columns*/
.landing-right .landing-section,
.landing-left .landing-section {width:100%;}
.landing-section .landing-right {margin-right:0;}

.landing-section img,
.landing-section #flickr-gal img {
border:solid 3px #d1d1d1;
-webkit-border: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#l-leader {float:left;width:150px; text-align:right;margin:0 20px 20px 0;font-size:.9em;}
#maincontainer #l-intro p {font-size:1.2em;color:#595447;line-height:1.2em;}
#maincontainer .landing-section h2 {margin:0 0 10px;font-size:1.85em;}
.tailor {border-top: dotted 1px #d1d1d1;margin-top:20px;}

/*related tours*/

#copyarea .landing-section .relatedtour span.newsTitle {
  width:300px;
}

/*flickr*/

.landing-section #flickr-gal img {margin-right:16px;}
.landing-section #flickr-gal img.nomargin {margin-right:0;}

/*landing page form*/

.landing_element {
float:left;
width:100%;
overflow:hidden;
margin: 10px 0;
}

.landing_element label {display:none;}

div.LandingTxtBoxCont {
float:left;
background: url(../images/bg-landing-inputs.png) no-repeat 0 0;
width:453px;
height:31px;
padding: 8px 0 0 10px;
}

input.landing_field {
border: 0;
color: #3b3832;
background-color: Transparent;
width:420px;
height:auto;
font-size:13px;
}

div.landingTxtAreaCont {
float:left;
background: url(../images/bg-landing-inputs.png) no-repeat 0px -39px;
width:453px;
height:110px;
padding: 8px 0 5px 10px;
overflow:hidden;
}

textarea.landing_question {
border: 0;
color: #3b3832;
background-color: Transparent;
width:438px;
height:95px;
font-size:13px;
font-family:Verdana;
}

.landing-section a.submit_btn {margin-top:0;}
.landing-section .mandatory {margin-top:5px;}

.landing-tour {width:100%;}

.landing-tour .related_left {width:300px;}
.landing-tour img {margin:0 15px 0 0;}
.landing-tour .newsImgBorder {left:0;}

#copyarea .landing-tour span.duration {float:left; width:100%; font-size: 12px;}
#copyarea .landing-tour span.price {float:none; width: auto;}
#copyarea span.priceb {float:left;clear:both;display:block;padding:5px 0 0 0;}
#copyarea .landing-tour a.rel_tourdetails_btn_btn {float:right; margin:0;}



/*############################### REFINE SEARCH RESULTS STYLES #########################################*/

#copyarea div.refine-cont-header p {
color:#fff;
font-weight:bold;
font-size:1.2em;
padding:16px 0 0 15px;
}

/*date inputs in lightbox*/
input.refDate {
width:76px;
background: url(../images/bg_sprite.png) no-repeat -121px -507px;
float:left;
padding: 8px 7px 9px 7px;
}

input.refDate:focus {
width:90px;
}

.refine-date label {
float:left;
font-size:14px;
padding:3px 10px 0 0;
}

#copyarea .refine-content a {
font-weight:normal;
}

#copyarea .ref-price a {
float:left;
clear:both;
width:200px;
}

/*fix ie7 duplicate content bug appearing on last price item*/
.dupfix {
float: left; 
width: 1px; 
height: 0px; 
line-height: 0px; 
visibility: hidden;
}

#copyarea .rem-link a {
display:block;
background: url(../images/remove-refine.gif) no-repeat 0 3px;
padding-left:17px;
clear:both;
}

#copyarea .rem-link a.rem {
background:0;
padding-left:0;
}


/*Choose more lightbox links*/
#copyarea .refine-content a.choose {
color:#2f8d24;
font-weight: bold;
clear:left;
display:block;
background:0;
padding:0;
}

#copyarea a.choose:hover {
text-decoration:none;
}

/*set width of checkbox list in dialog popup*/
table.refineTable tr td {
width:300px;
}

/*################# Search Refinments Layout #################*/

#refine { /*Contains all*/
padding: 0 0 0 13px;
overflow:hidden;
}

.refine-container { /*Section holder*/
width:216px;
height:auto;
position:relative;
z-index:0
}

.app {
margin-top:30px;
}

.refine-date {
float:left;
width:190px;
padding: 20px 0 200px 0;
}

.refine-date-cont { /*Contains to and from date in left col*/
overflow:hidden;
width:80px;
height:auto;
}

.refine-date-cont {
overflow:hidden;
width:80px;
height:auto;
}

.refine-cont-header { /*green header bar*/
background: url(../images/applied-header.png) no-repeat 0 0;
height:44px;
width:216px;
}

.ref-header {
background: url(../images/refine-header.png) no-repeat 0 0;
}

.refine-content { /*contains all inside refine container*/
background: url(../images/refine-content.png) repeat-y 0 0;
width:210px;
height:auto;
overflow:hidden;
padding: 0 3px 4px 3px;
}

.refine-section {
padding: 10px 10px 10px 13px;
border-bottom:solid 1px #e7e7e7;
width: 187px;
height:auto;
overflow:hidden;
}

.section-hd {
font-weight:bold;
color:#403e31;
}

.refine-bot { /*bottom rounded corners*/
clear:both;
height:6px;
width:216px;
background: url(../images/refine-bot.png) no-repeat 0 0;
}

a.brochure_btn {
float:left;
background-position: 0 -574px;
width:131px;
height:31px;
text-indent: -9999px;
overflow:hidden;
}

a.brochure_btn:hover {
background-position: -132px -574px;
}


/*Go Btn*/
a.go_btn {
float:right;
margin:2px 10px 0 0;
width:40px;
height:32px;
background-position: -786px -121px;
}

a.go_btn:hover {
background-position: -786px -153px;
}

a.refineGo {
margin-top:20px;
}

#copyarea div.currefs a { /*current refinemint links*/
margin:3px 3px 3px 0;
padding: 1px 8px 1px 18px;
float:left;
clear:left;
background: url(../images/tick_cross.gif) no-repeat 0 -65px;
width:100%;
}

	#copyarea div.currefs a:hover {
	text-decoration:underline;
	background: url(../images/tick_cross.gif) no-repeat 0 4px;
	}
	

/*Calendar styling - Date not being used at the moment */
.ajax__calendar_container {
background:#fff;
border:solid 1px #1e9b21; 
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-box-shadow: 0px 0px 5px rgba(30, 155, 33, .8);
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
box-shadow: 0px 0px 5px #000;
padding: 0 0 20px 0;
}

#copyarea .ajax__calendar_body {
height:auto;
height:125px;
}

#searchSort{ /*contains three sort dropdowns*/
clear:both;
overflow:hidden;
width:690px;
padding: 12px 0 0 0;
height:42px;
background:0;
}

#copyarea #searchSort select.sortbyDrop {
margin:0 15px 0 0;
float:left;
}

table.TourGrid tr.DisplayBoxAlternateRow, .landing-tour-alt {
background:#f5f2ed;
border: solid 1px #fff;
}

table.TourGrid tr {
border:solid 1px #fff;
}

#copyarea table.TourGrid tbody tr td table tbody tr td a,
#copyarea table.TourGrid tbody tr td table tbody tr td span {
display:block;
padding: 0 3px 0 3px;
}

/*Departure view styles*/

#ctl00_mainarea_content2 a.dept-view {
padding: 5px 10px 5px 10px;
overflow:hidden;
float:left;
width:680px;
font-size:1.1em;
clear:both;
}

#ctl00_mainarea_content2 a.dept-view:hover {
background:#e2fcd2;
text-decoration: none;
}

#ctl00_mainarea_content2 .dept-dates,
#ctl00_mainarea_content2 .dept-avail,
#ctl00_mainarea_content2 .dept-price,
#ctl00_mainarea_content2 .dept-sharing {
color:#595447;
}

.dept-dates {
float:left;
width: 130px;
padding-right:15px;
}

.dept-location {
float:left;
width: 310px;
}

.dept-sharing {
float:left;
width: 70px;
text-align:right;
}

.dept-avail {
float:left;
width: 70px;
text-align:center;
}

.dept-price {
float:right;
width: 80px;
text-align:right;
}

/*cal alternate row*/
.class1 {
background:#f5f2ed;
}

/*search pager styling*/

#copyarea table.searchPager {
margin:-37px 0 5px 0;
float:right;
font-size:12px;
}

#copyarea table.pagertable {
margin:20px 0 5px 0;
}

#copyarea table.searchPager span {
display:block;
float:left;
color: #3a3731;
}

#copyarea table.searchPager a {
text-decoration: underline;
display:block;
float:left;
 color: #3a3731;
 font-weight:normal;
}

#copyarea table.searchPager a.On {
text-decoration: none;
color:green;
font-weight:bold;
}

/*Cal view styles*/

#maincontainer ul#cal {
overflow:hidden;
width:700px;
margin:0 0 10px 0;
padding:0;
float:left;
}

#maincontainer ul#cal li {
list-style:none;
float:left;
}

ul#cal li a {
background: url(../images/bg-cal.png) no-repeat top center;
width:115px;
height:25px;
float:left;
font-size:1.1em;
color:#5f5949;
text-align:center;
padding: 13px 0 0 0;
display:block;
border-left: solid 1px #dadada;
}

ul#cal li.cal-first a {
background-position: 0 0;
border:0;
}

ul#cal li.cal-end a {
background-position: top right;
}

ul#cal li a:hover {
background:url(../images/bg-cal.png) no-repeat bottom center;
text-decoration:none;
}

ul#cal li.cal-first a:hover {
background-position: bottom left;
}

ul#cal li.cal-end a:hover {
background-position: bottom right;
}

.cb {
border-top:solid 1px #f4f2ec;
border-bottom:solid 1px #f4f2ec;
width:680px;
overflow:hidden;
padding:5px 0 5px 10px;
}

#maincontainer #copyarea h2.month {
margin-top:25px;
clear:both;
float:left;
font-size:1.9em;
width:100%;
}

/*########################################EXTENSIONS LIGHTBOX LAYOUT##############################*/

.dialogBox #outline_it {
float:right;
margin-bottom:20px;
}

.dialogBox #outline_head {
padding: 10px 11px 11px 15px;
}

.dialogBox .extension-left {
float:left;
width:200px;
margin:25px 0 20px 0;
}

.dialogBox h4 {
font-size:20px;
color:#1e9b21;
margin-bottom:10px;
}

.dialogBox .contact_copy ul li {
list-style-type: circle;
font-size:1.2em;
margin-top:6px;
}


/*########################################FORMS LAYOUT##############################*/

.dialogBox {
overflow:hidden;
}

#contact_copy, .contact_copy {
border-top:dotted 1px #e4e3de;
border-bottom:dotted 1px #e4e3de;
padding:20px 0 20px 0;
margin:15px 0 15px 0;
overflow:auto;
clear:both;
}

#contact_copy img, .contact_copy img {
float:right;
margin-left:20px;
border:solid 4px #e8e5de;
}

/*Thank you panel, displayed after form is successfully sent*/
.thanks-panel {
	position: absolute;
	width: 100%;
	background:#fff;
	overflow:hidden;
	border-bottom: solid 1px #cecece;
	z-index:9999999;
	top:0;
	left: 0;
}

#thanks-inside {
	margin: 0 auto;
	width: 980px;
}

#thanks-inside p {
	color:#12961c;
	font-weight: bold;
	text-align: center;
	padding:10px 0;
	margin:0 !important;
	font-size:12px;
}

/*########################################FOOTER LAYOUT##############################*/

#footercontainer {
 width: 100%;
 padding-top:30px;
}

#footer {
 margin: 0 auto;
 width: 992px;
height:auto;
padding:44px 0 0 0;
background:url(../images/footer_head.gif) no-repeat 0 0;
}

#footerContent {
 width: 944px;
 padding: 23px;
 border-left:solid 1px #dbd4c6;
 border-right:solid 1px #dbd4c6;
 background:#f4f2ec
}

#twitter {
height:auto;
padding: 30px 22px 0 0;
width:195px;
float:left;
background: url(../images/connect_head.gif) no-repeat 0 0;
overflow:hidden;
}

a.fb_badge {
 width:195px;
 height:32px;
 background:url(../images/fb_badge.png) no-repeat 0 0;
display:block;
margin-bottom:15px;
clear:both;
float:left;
}

a.fb_badge:hover {
 background:url(../images/fb_badge.png) no-repeat 0 -32px;
}

#quickLinks {
height:auto;
float:left;
padding:30px 0px 15px 26px;
border-right: solid 1px #d8d5cf;
border-left: solid 1px #d8d5cf;
width:486px;
background: url(../images/quicklinks_head.gif) no-repeat 26px 0;
}

#quickLinks ul {
float: left;
width:161px;
}

#footerContact {
padding:30px 0 0 20px;
height:auto;
float:right;
width:190px;
background:url(../images/footercontact_head.gif) no-repeat 20px 0;
}

#footer_bc {
 background:url(../images/footer_bc.gif) no-repeat 0 0;
height:6px;
width:100%;
clear:both;
}

#copyright {
 margin: 0 auto;
 padding: 18px 0px 20px 0px;
 text-align: center;
 width: 992px;
}

#copyright img {
 margin-top:18px;
}

.border {
width:142px;
height:98px;
top:0;
left:0;
position:absolute;
background: url(../images/border.gif) no-repeat 0 0;
}


/*------------------------------------------------------------------------------------------------*/
/*-                                            STLYES.CSS                                        -*/

/*set overall body text colour, set a base font size of 62.5% which is 10px and a 
  base line height for the whole document, the percentage of 62.5% which is a 10px 
  line-height is aleady set in the reset style sheet*/
body {
 color: #595447;
 font: 62.5%/1.6em Arial, Verdana, Sans-Serif
}

/*Apply 1px #fff shadow here*/
#ctl00_mainarea_content1, #footerContent, #copyright, #ctl00_mainarea_breadcrumb, select,
.tour_right_element, #copyarea #outline_head p, #qs input {
 text-shadow: 0px 1px #fff;
}

#copyarea #slideshowNav a{
text-shadow: 0px -1px #443f3a;
}

.collapsePanelHeader{
text-shadow: 0px -1px #1d7614;
}

#maincontainer {
 font-size: 1.2em;
 line-height: 1.6em
}

#maincontainer h1 {
 color: #444137;
 font-size: 2.2em;
 line-height: 1.2em;
 margin: 0px 0px 10px 0px;
 padding: 0;
 text-transform:uppercase;
font-weight:normal;
}

#maincontainer h2 {
 color: #3a3731;
 font-size: 1.55em;
 margin: 12px 0px 10px 0px;
font-weight:normal;
text-transform: uppercase;
}

#maincontainer h4 {
 color: #3a3731;
 font-size: 1.3em;
 margin: 0px 0px 10px 0px;
font-weight:normal;
text-transform: uppercase;
}

#maincontainer p {
 margin: 0px 0px 20px 0px
}

#maincontainer a, h1.news span, h1.refine span {
 color: #1e9b21;
 text-decoration: none;
  font-weight: bold
}

#ctl00_mainarea_content1 a {
color:#595343;
text-decoration:none;
}

#maincontainer a:hover {
 text-decoration: underline
}

#maincontainer strong {
 font-weight: bold
}

#maincontainer em {
 font-style: italic
}

#maincontainer ul {
 margin: 10px 0px 10px 22px;
 padding: 0px 0px 0px 0px;
}

#maincontainer  ul li {
 list-style: url(../images/bullet.gif);
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 5px 0px;
 list-style-position:outside;
}

#maincontainer ol {
 list-style: decimal;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 0px 0px
}

#maincontainer ol li {
 list-style: decimal;
 padding: 0px 0px 10px 10px;
  list-style-position: inside !important;

}

/*given to all buttons to define the sprite*/
.sprite {
background-image: url(../images/bg_sprite.png);
background-repeat: no-repeat;
display:block;
}

/* start to declare more specific stylings if required if they are slightly different to the base styles*/
/* a linked h2 needs to redeclared as the browser will use defaults for example*/
#maincontainer h2 a {
 color: #003579;
 font-size: 1.4em;
 margin: 0px 0px 20px 0px
}

#maincontainer ul.SiteMap,
#maincontainer ul.SiteMap li {
 list-style: none
}

/*H1 on species image*/
#copyarea .banner_img h1,
#copyarea .banner_img h2,
#landing-banner-copy h2 {
color:#3ea639;
margin:0 0 5px 0;
font-size:2.4em;
}

#copyarea h1.refine {
font-size:1.9em;
}

/*H1 for news page*/
#copyarea h1.news {
display:block;
float:left;
margin-bottom:30px;
}

/*H1 for news page*/
#copyarea h1.refine {
display:block;
float:left;
margin-bottom:18px;
}

#copyarea #tabs h2 {
color:#595447;
font-weight:normal;
font-size:1.6em;
margin: 0 0 20px 0;
} 

#ctl00_mainarea_content1 h3, #tour_right h3 {
 font-size: 1.15em;
 margin: 0px 0px 6px 0px;
color:#3f3b30;
text-transform: uppercase;
}

#tour_right h3 {
 margin-bottom:8px;
}

#ctl00_mainarea_content2 h3, #copyarea #tabs h3 {
 color:#595447;
font-size:1.05em;
font-weight:bold;
}

#copyarea #tabs h3 span {
 color:#b2aea4;
font-style: italic;
font-weight:normal;
}

#ctl00_mainarea_content1 p {
line-height:1.3em;
padding:0;
margin:0 0 10px 0;
}

/*################ USE CLASSES TO DEFINE SPECIFIC FONTS ################*/

.neoSansStyle {
/*standard NeoSans*/
}

.neoSansBoldStyle {
 font-weight:bold;
}

.neoSansItalicStyle {
 font-style: italic;
}

/* ############################################# QUOTE BOXES ###################################*/

/*styling for the quoteboxes and contents if that looks different to the base styling of swirl output*/
/*for example lists maybe different in the quote boxes than the main document*/
.quotes {
 color: #0e3465;
 font-size: 0.9em;
 line-height: 1.4em
}

.quotestop {
 color: #fff
}

.quotes p {
 margin: 0px 0px 10px 0px
}

#maincontainer .quotes h4 {
 color: #7b7b7b;
 font-size: 0.9em;
 font-weight: normal;
 margin: 0px 0px 10px 0px
}
/*############################################## .NET PAGER STYLING ###############################*/

/*used for gridviews if used*/
#maincontainer tr.pager a {
 color: #696969;
 height: 35px;
 padding: 0px 0px 0px 3px;
 text-decoration: underline;
 width: 11px
}

#maincontainer tr.pager span {
 color: #005983
}

/* ################################### BREADCRUMB STYLES  #################################*/

#ctl00_mainarea_breadcrumb a {
 color: #686354;
 text-decoration: none;
 font-weight:normal;
 font-size:.9em;
}

#maincontainer #ctl00_mainarea_breadcrumb a:last-child {
 color: #1e9b21;
 text-decoration: none;
font-weight:bold;
}

#ctl00_mainarea_breadcrumb a:hover {
 text-decoration: underline
}


/*######## HOMEPAGE TABS ##########*/

#copyarea .htab-thumb p {
margin:0;
padding:0;
width:220px;
}

#copyarea p.htab-heading {
margin:11px 0 3px 0;
font-size:1.2em;
width:auto; /*otherwise cufon breaks*/
}

#copyarea p.htab-heading a {
color:#3f3b30;
}

#copyarea p.htab-heading a:hover {
text-decoration: none;
}



/*########### SPECIES PAGE ###############*/

/*Related Tours Btn*/
a.related_btn {
float:left;
width: 144px;
height:25px;
background-position: -345px -48px;
margin-top:15px;
}

a.related_btn:hover {
background-position: -345px -74px;
}

#copyarea .banner_img p, #copyarea #landing-banner-copy p {
 margin:0;
 color:#f4f2ec;
 line-height:1.8em;
}

/*######################################TOUR STYLES###############################*/

#copyarea .tour_overview p, #copyarea .tour_price p {
padding:0;
margin:0;
}

#copyarea .tour_overview p {
 font-style: italic;
font-size:1.2em;
}

#copyarea .tour_overview h1 {
margin:0;}

#copyarea p.tcode {
 font-size: 0.9em;
font-style: normal;
margin-bottom:10px;
clear:right;
}

#copyarea p.tcode span, 
#copyarea p.green strong, 
.tour_manager .no,
span.tcode {
 color:#1e9b21;
 font-weight:bold;
}

#copyarea span.duration {
color:#444137;
float:left;
font-size:1.3em;
margin-bottom:6px;
letter-spacing:-0.02em;
padding-top:3px;
}

#copyarea span.price {
 color:#1e9b21;
clear:both;
font-size:2.1em;
width:100%;
float:left;
}

#copyarea span.price span {
color:#444137;
font-size:.5em;
}

#copyarea .tour_price span.extensiontop {
font-size:1em;
clear:both;
float:left;
width:225px;
padding-top:3px;
}

#copyarea .tour_price span.extensiontop a {
clear:both;
float:left;
margin-top:5px;
}

/*Book Holiday Btn*/
a.book_btn {
float:left;
width: 200px;
height:39px;
background-position: -584px -121px;
margin-top:22px;
}

a.book_btn:hover {
background-position: -584px -160px;
}

/*Register Interest Btn*/
a.book_btn2 {
float:left;
width: 200px;
height:39px;
background-position: -706px -206px;
margin-top:22px;
}

a.book_btn2:hover {
background-position: -706px -294px;
}

/*disable book button state*/
a.disable {
float:left;
width: 200px;
height:39px;
background-position: -706px -250px;
margin-top:22px;
}

a.disable:hover {
background-position: -706px -250px;
cursor:default;
}

/*#### Tour right column styling ####*/
#copyarea .tour_right_element p {
margin:0;
padding:0;
line-height:1.5em;
}

#copyarea .tour_right_element a {
text-decoration:underline;
margin:0;
padding:0;
}

#copyarea .tour_right_element ul li a {
color:#6f6c62;
text-decoration: none;
font-weight:normal;
}

#copyarea .tour_right_element ul li a:hover {
text-decoration: underline;
}

.tour_review p  {
 font-style: italic;
}

.tour_review p span {
 font-style: normal;
font-weight:bold;
}

#copyarea .tour_leaders ul, #copyarea .tour_leaders ul li {
list-style: none none;
margin:0;
padding:0;
}

#copyarea .tour_leaders ul li {
background: url(../images/leader_bul.gif) no-repeat 0 7px;
padding: 0 0 0 15px;
margin-bottom:5px;
}

#copyarea .tour_manager p.tm_name {
margin-bottom:3px;
}

#copyarea .tour_manager p.tm_name em {
font-size:11px;
}

.toggleReports {cursor: pointer;}


/*Download PDF section*/

a.download_btn {
float:left;
width: 89px;
height:31px;
background-position: -144px -48px;
}

a.download_btn:hover {
background-position: -144px -80px;
}

/*########## SUMMARY STYLING ###########*/

#copyarea .itinerary_item p, .dialogBox .itinerary_item p, #copyarea #outline_head p, #copyarea .prices_depart p,
#copyarea .review p, #copyarea .prices_item p {
margin:0;
padding:0;
}

#copyarea #outline_head p {
font-weight:bold;
font-size:1.1em;
line-height:0;
}

#copyarea #outline_head a {
font-weight:normal;
color:#1e9b21;
font-size:0.8em;
margin-left:30px;
}

#copyarea .itinerary_item p span, 
.dialogBox .itinerary_item p span {
float:right;
width: 129px;
padding-left:5px;
}

#copyarea .itinerary_item p strong, 
.dialogBox .itinerary_item p strong {
float:left;
}

.dialogBox .itinerary_item p strong, 
.dialogBox .itinerary_item p span {
font-size:12px;
}

#copyarea .prices_depart p {
margin-bottom:5px;
}

.tour_img_cont p {
padding: 0 4px 0 4px;
font-size:0.95em;
line-height:1.25em;
text-align:center;
}

/*###### PRICES AND DATES ########*/

/*Book now Btn Tour Page*/
a.booksml_btn {
float:right;
width: 101px;
height:27px;
background-position: -237px -48px;
}

a.booksml_btn:hover {
background-position: -237px -76px;
width: 101px;
height:27px;
display:block;
}

.prices_depart p, #copyarea .prices_cost p, #copyarea .prices_av p, #copyarea .prices_btn p {
 font-size:1.2em;
}

#copyarea p.prices_small {
font-size:0.9em;
margin:0 0 8px 0;
line-height:0.8em;
}

.prices_depart label {
 font-size:0.9em;
}

#copyarea .prices_depart input {
margin-right:5px;
float:left;
}

.prices_depart label span, #copyarea .prices_cost p {
font-weight:bold;
color:#1e9b21
}

#copyarea .prices_av span {
color:#a9a69f;
}

#copyarea .prices_btn p {
text-align: center;
}

/*Class given to tour which is full or disabled*/
#copyarea .prices_item.disabled p {
color:#a9a69f;
}

/*Search Tour Leaders Control*/
a.searchleader_btn {
float:right;
margin-right:2px;
width:190px;
height:31px;
background-position: -650px -48px;
margin-top:-2px;
}

a.searchleader_btn:hover {
background-position: -650px -80px;
}

/*Inspiration Control*/
a.inspiration_btn {
float:left;
margin-right:2px;
width:116px;
height:31px;
background-position: -844px -48px;
}

a.inspiration_btn:hover {
background-position: -844px -80px;
}

/*######################################## Related tour leader tours ##############################*/

#copyarea .relatedtour span.newsTitle {
margin:0;
padding:0;
}

#copyarea .relatedtour p.tcode {
margin:0;
}

#copyarea .related_right span {
margin:0;
padding:0;
float:left
}

#copyarea .related_right span.duration {
font-size:1em;
color:#444137;
width:100%;
}

#copyarea .related_right span.price {
font-size:1.5em;
}

#copyarea .related_right span.incflights {
padding:2px 0 0 4px;
}

#copyarea p.tour_d {
width:355px;
float:left;
height:auto;
}

/*rel dates prices btn*/
a.rel_datesprices_btn {
float:left;
margin-top:4px;
width:130px;
height:27px;
background-position: 0px -48px;
}

a.rel_datesprices_btn:hover {
background-position: 0px -75px;
}

/*Register interest small*/
a.registerIntsml {
float:left;
margin-top:4px;
width:130px;
height:27px;
background-position: -867px -570px;
}

a.registerIntsml:hover {
background-position: -867px -597px;
}

/*container for ajax reg int form*/	
#reg-cont {overflow:hidden;}

/*rel tour details btn*/
a.rel_tourdetails_btn_btn {
float:left;
margin-top:4px;
width:130px;
height:27px;
background-position: 0px -121px;
}

a.rel_tourdetails_btn_btn:hover {
background-position: 0px -148px;
}

img.newsImg {
margin-bottom:25px;
}


/*########################################DESTINATIONS LAYOUT##############################*/

/*latest tours btn*/
a.latest_btn {
float:left;
width: 130px;
height:31px;
background-position: -493px -48px;
margin:0px 0 0px 0;
clear:both;
display:block;
}

a.latest_btn:hover {
background-position: -493px -80px;
}

/*###################################### SHOPPING STEPS ###############################*/


#maincontainer .cart .payment_section h2 {
font-size:26px;
text-transform: uppercase;
color:#c1bdb3;
margin:0 0 20px 0;
}

#maincontainer .cart h2 {
color:red;
color:#c1bdb3;
font-size:26px;
text-transform: uppercase;
margin: 35px 0 20px 0;
}

/*Set background images for drop down lists in all payment steps*/
select.paymentDrop {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 3px solid #e8e5de;
padding:4px;
background: url(../images/p_sprite.png) no-repeat;
height:31px;
float:left;
}

select.paymentDrop:focus {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 3px solid #d9e7d3;
}

select.paymentDrop option{
background:#fff;
text-shadow: 0px 0px #fff;
border:0;
}

/*Define individual drop downs*/

/*#### STEP ONE ####*/


/*Right column step one*/
.p-tour-thumb {
width:142px;
height:98px;
position: relative;
margin-top:12px;
}

	.p-tour-thumb img {
	margin: 3px 0 0 3px;
	}
	
		.p-tour-thumb .newsImgBorder {
		top:0;
		left:0;
		cursor: default;
		}

select.appl {
width:76px;
background-position: -4px -4px;
margin:0 30px 0 0 ;
}

select.afn {
width:76px;
background-position: -4px -4px;
}

select.pcountry {
background-position: -4px -74px;
width:292px;
}

input.paymenttxtbox {
border: 0;
color: #5e5e5e;
vertical-align: top;
background-color: Transparent;
padding: 7px 15px 9px 10px;
background: url(../images/p_sprite.png) no-repeat;
height:16px;
float:left;
}

input.aname {
width:134px;
background-position: 0px -36px;
}

input.aname:focus {
background-position: -160px -36px;
}

input.aaddress {
width:268px;
background-position: 0px -71px;
}

input.aaddress:focus {
background-position: 0px -106px;
}

input.dobYear {
width:51px;
background-position: -1px -1px;
}

input.dobYear:focus {
width:51px;
background-position: -79px -1px;
}

span.radioSex {padding-top:2px;float:left;}
span.radioSex input {margin: 0 10px;}

/*set width of label to keep even distances*/
span.apchk label {
display:inline-block;
width:30px;
}

p.psprt {
clear:both;
}

/*Find address button*/

input.find_btn {
background:url(../images/p_sprite.png) no-repeat 0 -220px;
width:119px;
height:31px;
border:0;
margin-left:20px;
cursor: pointer;
}

input.find_btn:hover {background:url(../images/p_sprite.png) no-repeat 0 -251px;}

/*Postcode anywhere*/
.Postcode_finder {clear:both; float:left; padding:5px 0; width:100%;}
.Postcode_finder div {float:left;margin-left:110px;}
.Postcode_finder select option {padding:2px 2px;}
.Postcode_finder select option:hover {background:#f2efe7;}

/*back & continue btns*/

a.pback_btn {
float:left;
width:192px;
height:38px;
background:url(../images/p_sprite.png) no-repeat -196px -140px;
}

a.pback_btn:hover {
background-position: -196px -180px;
}

a.tback_btn {
float:left;
width:129px;
height:27px;
background:url(../images/p_sprite.png) no-repeat -161px -4px;
margin: -4px 15px 0 0;
}

a.tback_btn:hover {
background-position: -292px -4px;
}

a.pcont_btn, input.pcont_btn {
float:right;
width:192px;
height:38px;
background:url(../images/p_sprite.png) no-repeat -1px -140px;
border:0;
}

a.pcont_btn:hover, input.pcont_btn:focus, input.pcont_btn:hover {
background-position: -1px -180px;
cursor: pointer;
}

/*validation errors on payment steps*/
#copyarea span.pError {
clear:both;
float:right;
padding: 2px 0 0 0;
display:block;
color:red;
}

#copyarea span.pErrorWidth {
width:405px;
text-align:right;
float:left;
padding-top:4px;
}

.error-bubble {
background:#FFDFE0;
width:93.5%;
padding:20px 20px 0 20px;
margin-bottom:20px;
font-weight: bold;
border:solid 1px #EFC2C4;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

/*#### STEP TWO ####*/


/*Amount in party Go button*/
a.amount_btn {
background:url(../images/p_sprite.png) no-repeat -322px -37px;
width:51px;
height:31px;
border:0;
margin-left:20px;
cursor: pointer;
display:block;
float:left
}
a.amount_btn:hover {background-position: -373px -37px;}



/*Add passenger table*/

table#passengers {
width:690px;
border:solid 1px #e4e2da;

-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
} 

table#passengers tr.thead {background: url(../images/bg-passengers.png) repeat-x 0 0; height:33px;}
table#passengers tr.thead td {height:27px;color:#595447;font-weight:bold;padding:6px 10px 0 10px}
table#passengers tr td {padding: 17px 10px;}
table#passengers tr.row1 {background:#fafafa;}
table#passengers a {font-weight:normal; text-decoration: underline;}

table#passengers input.textbox {
border-top:solid 1px #adadaf;
border-bottom: solid 1px #e4e5e7;
border-left: solid 1px #ecebee;
border-right: solid 1px #e8e8e9;
padding:2px;
height:18px
}

table#passengers select {
width:40px;
border-top:solid 1px #adadaf;
border-bottom: solid 1px #e4e5e7;
border-left: solid 1px #ecebee;
border-right: solid 1px #e8e8e9;
}

#copyarea a.add-trav {
width:170px;
height:29px;
font-weight:normal;
text-decoration: underline;
position: relative;
padding-top:10px;
float:right;
margin-top:20px;
cursor: pointer;
}

a.add-trav span {
display:block;
background:url(../images/p_sprite.png) no-repeat -387px -111px;
width:37px;
height:39px;
float:right;
position: absolute;
top:0;
right:0;
}
a.add-trav:hover span {
background-position: -387px -71px;
}

#rooms {float:left;width:250px;margin-right:30px;}
#rooms span, #rooms select {float:left}
#rooms img {float:right;}
#rooms select {margin-right:10px;}
.room-row {padding-bottom:13px;clear:both;width:100%;float:left}

.bubble {
width:370px;
height:auto;
float:left;
border:solid 2px #dbdbdb;
padding:15px;

-webkit-border: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#copyarea .bubble h3 {font-size:1.3em;}

#copyarea .bubble p {margin-top:10px;}
#copyarea .bubble img {float:left; margin:19px 15px 0 0;}
.bubble .room-row span {float:left;padding:5px;}
.bubble .room-row select {margin:0 15px;}

.extension {
border:solid 2px #dbdbdb;
-webkit-border: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:10px;
overflow:hidden;
margin-bottom:20px;
}

/*when tour is selected, add green border*/

.extension h3 {font-size:1.4em;margin-bottom:10px;}
.extension .p-tour-thumb {float:left; margin:0 20px 0 0;}
.extension p {width:369px;float:left}
.ext-btns {float:right;width:123px;}
#copyarea .ext-btns a {font-weight:normal; text-decoration: underline; }
.ext-btns span {padding-left:3px;clear:both;float:left;}

a.btn_view_itinerary {
display:block;
background:url(../images/p_sprite.png) no-repeat -120px -220px;
width:123px;
height: 27px;
margin-bottom:10px;
}
a.btn_view_itinerary:hover {background-position: -120px -248px;}

a.btn_add_ext {
display:block;
background:url(../images/p_sprite.png) no-repeat -246px -220px;
width:123px;
height: 27px;
}
a.btn_add_ext:hover {background-position: -246px -248px;}

textarea.notes {
border:solid 2px #dbdbdb;
padding:5px;
-webkit-border: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

font-family: sans-serif;
color:#5e5e5e;
}

span.pMethod {/*Payment method radios*/
margin-top:3px;float:left;}
span.pMethod label {display:block;width:130px;float:left}
span.pMethod input {display:block;width:30px;float:left}

#copyarea p.breakdown-total {
border-top:solid 1px #eae8e1;
padding-top:10px;
margin-top:10px;
width:100%;
clear:both;
display:block;
overflow:hidden;
}

#copyarea p.breakdown-total span.amount {
font-size:1.9em;
color:#1E9B21;
display:block;
float:left;
margin:7px 0;
}


#floaterWrapper { /* required to avoid jumping */
left: 0;
position: absolute;
z-index:1000;
height: 179px; 
}

#comment {
position: absolute;
top: 20px;
}

#comment.fixed {
position: fixed;
top: 0;
border:solid 3px #d4cebe;
border-top:0;
background:#f3f2ed;
padding: 30px;
margin-left:-34px;
width:192px;
z-index:1000;
  
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}

/*#### STEP THREE ####*/

table#passengers.summary {width:937px;background:#faf9f7; margin-bottom:30px;}

table#passengers.summary tr td {padding:0;}

table#passengers.summary tr.thead td {
width:50%;padding:6px 15px 0 15px;
}

table#passengers.summary table.sub {
width:100%;
padding: 20px 0;
}

table#passengers.summary table.sub td {
padding:5px 15px;
}

table.l, td.l {border-right:solid 1px #e6e5e4;}
table.r, td.r {border-left:solid 1px #fff;}

#insurance {
float:left;
width:424px;
height:auto;
padding:18px;
border:solid 1px #e5e5e1;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}


#copyarea #insurance p {
font-size:0.9em;
margin:0;
}

#cards{
float:left;
width:314px;
height:30px;
margin:25px 0 40px 0;
clear:left;
}



#costs {
width:355px;
height:auto;
overflow: hidden;
float:right;
margin-right:25px;
font-size:12px;
}

.cost_row {
clear:both;
height:auto;
width:355px;
overflow:hidden;
padding:3px 0;
}

.cost_terms {
border-bottom:dotted 1px #dcdbd6;
padding: 3px 15px 10px 15px;
text-align:right;
margin:5px 0 50px 0;
}

.cost_title {
float:left;
height:auto;
padding: 0 0 0 15px;
width:150px;
}

#copyarea .total .cost_title {
font-size:13px;
}

.cost_note {
float:left;
text-align:right;
width:120px;
}

.cost_detail {
float:right;
height:auto;
width:55px;
text-align:right;
padding: 0 15px 0 0;
font-weight:bold;
}

#copyarea .total {
border-top:dotted 1px #dcdbd6;
border-bottom:dotted 1px #dcdbd6;
padding: 5px 0 5px 0;
margin-top:3px;
font-size:1.2em;
background:#faf9f7;
}

.pay_options {
float:right;
width:340px;
padding: 7px 0 7px 15px;
height:auto;
margin:5px 0 10px 0;
border-bottom:dotted 1px #dcdbd6;
border-top:dotted 1px #dcdbd6;
background:#e8e8e8;
}

#copyarea .pay_options p {
margin:0;
}

#method {
float:left;
height:auto;
width:130px;
margin:0 0 0 10px;
padding-bottom:15px;
}

#total_price {
float:right;
height:auto;
width:110px;
text-align:right;
padding: 0 15px 0 0;
font-weight:bold;
margin-top:-2px;
}

#total_price {font-size:1.2em;}

#copyarea p.pay_now {
display:block;
padding: 0;
font-size:1.2em;
text-transform: uppercase;
width:70px;
float:left;
}


#copyarea p.cost {
border-bottom:dotted 1px #dcdbd6;
padding: 0 0 10px 15px;
font-size:1.2em;
margin:0;
}

/*######################################FOOTER STYLES###############################*/

/* base footer styles, different footer elements maybe require extra declaration if different*/
#footerContent  {
 color: #757268;
 font-size: 1.3em;
 line-height: 1.4em;
}

#footerContent a {
 color: #757268;
 text-decoration: none
}

#footerContent a:hover {
 text-decoration: underline
}

#footerContact p {
text-align:left;
}

#footerContact p strong {
font-weight:bold;
}

#twitter {
line-height:1.15em;
}

#footercontainer div.tweet a {
color:#595343;
}

span.tweet_text {
}

div.tweet {
padding-top:15px;
}

#footercontainer span.tweet_time {
float:left;
font-style: italic;
font-size:0.8em;
padding-right:5px;
}

#copyright p {
 font-size:1.1em;
 color:#6b685e;
}

#copyright a {
 color:#595447;
 text-decoration: none;
 font-weight: bold;
}

#copyright a:hover {
 text-decoration: underline;
}

#copyright p span {
 color:#595447;
 font-weight:bold;
}


/*########################### FORM ELEMENTS STYLING ###############################################*/

#maincontainer p.form_element{
 clear: left;
 margin: 0;
 padding: 0px 0px 0px 0px;
 padding-left: 10px;
 width: 450px
}

.form_element label{
 color: #646a6f;
 float: left;
 font-size: 11px;
 font-weight: bold;
 line-height: 15px;
 margin: 0px;
 margin-left: 0px;
 padding: 0px 20px 0px 0px;
 text-align: right;
 width: 135px
}

.form_element span label{
 float: none;
 font-weight: normal
}

.textboxes {
border: 0;
color: #5e5e5e;
vertical-align: top;
background-color: Transparent;
/*padding: 7px 15px 9px 16px;*/
}

div.txtBoxCont {
height:25px;
padding: 6px 0px 0px 10px;
background-image: url(../images/bg_sprite.png);
background-repeat:no-repeat;
}

.asterix {
 color: #FF0000
}

.error {
 color: #FF0000;
 font-weight: bold
}


/* ############################################### Newsletter Sign up ###############################*/

div.signup_email {
width:183px;
margin: 0 0 8px 0;
background-position: 0 -441px;
}

input.signup_email {
width:173px;
}

div.signup_name {
width:107px;
float:left;
background-position: 0 -507px;
}

input.signup_name {
width:98px;
}

a.signup_btn {
float:right;
margin-right:2px;
width:66px;
height:31px;
background-position: -311px -121px;
}

a.signup_btn:hover {
background-position: -311px -153px;
}

span.signup_error {
 clear:both;
float:left;
color:#d33939;
width:100%;
}

/*###### Style the search forms in left column and top ######*/
/*###### Style the search Download form on tour page ######*/

select.searchDrop, select.downloadDrop {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 3px solid #e8e5de;
width:190px;
padding:4px;
background: url(../images/txtbox_bg.png) no-repeat -3px -3px;
margin-bottom:10px;
height:31px;
}

select.downloadDrop {
margin:9px 0 9px 0;
}

select.searchDrop:focus, select.downloadDrop:focus {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 3px solid #d9e7d3;
}

select.horizontalSelect {
margin-left:8px;
float:left;
width:181px;
background: url(../images/bg_sprite.png) no-repeat -195px -444px;
}

select.horizontalAny {
margin-left:8px;
float:left;
width:139px;
background: url(../images/bg_sprite.png) no-repeat -195px -470px;
}

select.searchDrop option, select.downloadDrop option{
background:#fff;
text-shadow: 0px 0px #fff;
border:0;
}

/*Holiday search Btn Searchform*/
a.holSearch_btn {
float:right;
width: 190px;
height:38px;
background-position: -387px -121px;
}

a.holSearch_btn:hover {
background-position: -387px -160px;
}

/*Holiday search Btn Searchform2*/
a.holSearch2_btn {
float:right;
width: 159px;
height:31px;
background-position: -144px -121px;
}

a.holSearch2_btn:hover {
background-position: -144px -153px;
}


/*########################################FORMS LAYOUT##############################*/

.dialogBox h3, .dialogBox h1 {
font-size:2.2em;
text-transform: uppercase;
font-weight:normal;
}

.dialogBox h1 span {color:#1e9b21;}

.dialogBox p {
margin:0;
font-size:1.5em;
line-height:1.4em;
}
.map p {
margin:10px 0 10px 0;
}

.contact_element {
float:left;
height:auto;
width:440px;
margin-bottom:15px;
}

.contact_element label {
float:left;
height:40px;
width:125px;
color:#3b3832;
font-weight:bold;
font-size:15px;
}

.contact_element label span {
color:#1e9b21;
}


div.CTxtBoxCont {
float:right;
background: url(../images/bg_sprite.png) no-repeat -57px 0px;
width:281px;
height:31px;
padding: 8px 0 0 10px;
}

.dialogBox input.contact_field {
border: 0;
color: #3b3832;
background-color: Transparent;
width:268px;
height:auto; 
font-size:16px;
}

div.CTxtAreaCont {
float:right;
background: url(../images/bg_sprite.png) no-repeat -373px -444px;
width:281px;
height:auto;
padding: 8px 0 5px 10px;
float:right;
overflow:hidden; 
}

.dialogBox textarea.contact_question {
border: 0;
color: #3b3832;
background-color: Transparent;
width:268px;
height:105px;
font-size:15px;
font-family:Verdana;
}

.contact_chkbox {
float:left;
height:auto;
width:430px;
text-align:right;
}

.dialogBox .contact_chkbox label {
float:right;
color:#595343;
font-size:14px;
}

.contact_chkbox input {
float:right;
margin-left:10px;
}

.dialogBox .brochure-radios {
width: 290px;
float:right;
overflow: hidden;
}

.dialogBox .brochure-radios label {
width: 120px !important;
margin:0 0 5px 0;
text-align: left !important;
font-weight:normal;
height: auto;
float:left;
}

.dialogBox .brochure-radios input {
margin:0px 10px 5px 2px !important;
float: left;
}

a.submit_btn {
float:right;
margin-top:20px;
display:block;
width:163px;
height:41px;
background: url(../images/bg_sprite.png) no-repeat -646px 0px;
}

a.submit_btn:hover {
background-position: -810px 0px;
}

span.mandatory {
float:left;
color:#1e9b21;
margin-top:30px;
font-size:13px;
}

span.contact_error {
 clear:both;
float:right;
color:#d33939;
width:250px;
font-size:14px;
text-align:right;
}

/*######################################## FAQS LIGHTBOX LAYOUT##############################*/

.faqBox p {margin:10px 0;}

/* ############################################### EXPANDABLE BOXES ###############################*/

/*Styling for the things you click on*/
#maincontainer a.MenuTop {
 background: url(../images/close.gif) no-repeat 0 0;
 cursor: pointer;
 display: block;
 padding: 5px 0px 0px 25px;
 height:20px;
 width:675px;
 color:#595447;
font-weight:bold;
}

/*by default a link underlines on hover, turn it off*/
#maincontainer a.MenuTop:hover {
 text-decoration: none;
}

/*class to change too when clicked*/
#maincontainer a.MenuTopon {
 background: url(../images/open.gif) no-repeat 0 0;
}

/*container for the expandable content*/
.expandable_box {
 border: solid 0px #000;
 padding: 0 20px 0 25px;
 width: 655px;
float:left;
background: url(../images/expand_main.gif) repeat-y 0 0;
}

#copyarea .expandable_box p {
margin-top:10px;
}

.expand_bot {
height:4px;
clear:both;
background: url(../images/expand_bot.gif) no-repeat 0 0;
}

.show {
display:block;
}

.hide {
display:none;
}

table.right {
float:right;
margin: 0 0 0 20px;
}

table.left {
float:left;
margin:0 20px 0 0;
}

#ctl00_mainarea_content4 table.left tr td p,
#ctl00_mainarea_content4 table.right tr td p {
text-align:center;
padding:3px 0 0 0;
margin:0;
}



/*------------------------------------------------------------------------------------------------*/
/*-                                            GENERIC.CSS                                       -*/
/*-   THIS STYLE SHEET IS FOR GENERIC STYLES TO BE USED ON ANY SITE THAT HAVE TO BE REDECLARED   -*/
/*-                             DUE TO RESET OR ARE NONE CONTENT SPECIFIC                        -*/
/*------------------------------------------------------------------------------------------------*/

.bold {
 font-weight: bold
}

.center {
 text-align: center
}

.clear {
 clear: both
}

.ErrorLabels {
 color: #ff0000;
 font-size: 11px;
 font-weight: bold
}

.floatleft {
 float: left;
 padding: 1px 1px 1px 1px
}

.floatright {
 float: right;
 padding: 1px 1px 1px 1px
}

h1.centre {
 text-align: center
}

h1.left {
 text-align: left
}

h1.right {
 text-align: right
}

h2.centre {
 text-align: center
}

h2.left {
 text-align: left
}

h2.right {
 text-align: right
}

h3.centre {
 text-align: center
}

h3.left {
 text-align: left
}

h3.right {
 text-align: right
}

hr {
border:0;
border-top:dotted 1px #d1d1d1;
float:left;
height:1px;
outline:0;
margin: 0px 0px 20px 0px;
width: 100%;
clear:both;
}

img {
 border: 0px;
 margin: 0px;
 padding: 0px
}

img.center {
 text-align: center
}

img.left {
 float: left
}

img.right {
 float: right
}

p.centre {
 text-align: center
}

p.left {
 text-align: left
}

p.right {
 text-align: right
}

td {
 vertical-align: top
}

/*------------------------------------------------------------------------------------------------*/
/*-                                            SIDEMENU.CSS                                      -*/
/*-                                          SIDE MENU STYLES                                    -*/
/*-                                                                                              -*/
/*------------------------------------------------------------------------------------------------*/

#ctl00_mainarea_sidemenu {
 line-height: 1.1em;
 width:190px;
 padding: 0px 25px 0 25px;
}
/*############################################### OVER ALL LISTS ###############################*/

#ctl00_mainarea_sidemenu ul {
 list-style: none none;
 margin: 0px 0px 0px 0px;
 padding: 25px 0px 22px 0px
}

#ctl00_mainarea_sidemenu ul li {
 list-style: none none;
 margin: 0px;
 padding: 0px
}

/*############################################### FIRST LEVEL ###############################*/

#ctl00_mainarea_sidemenu ul li a {
 display: block;
 font-weight: normal;
 margin: 0px;
 padding: 0px 0px 4px 0px
}

#ctl00_mainarea_sidemenu ul li a:hover {
 color: #3f3b30;
 text-decoration: none
}

#ctl00_mainarea_sidemenu ul li a.navon {
 color: #3f3b30;
 text-decoration: none;
 text-transform:uppercase;
font-size:1.1em;
}

/*############################################### SECOND LEVEL ###############################*/

#ctl00_mainarea_sidemenu ul li a.firstnav {
 color: #595343;
 display: block;
 font-size: 1em;
 font-weight: normal;
 margin: 0px;
 padding: 6px 0px 6px 15px;
 background: url(../images/nav_bullet.gif) no-repeat 0 10px;
 text-decoration: underline;
}

#ctl00_mainarea_sidemenu ul li a.firstnav:hover {
 color: #484336;
}

#ctl00_mainarea_sidemenu ul li a.firstnavon {
 color: #484336;
 padding: 6px 0px 6px 15px;
 background: url(../images/nav_bullet.gif) no-repeat 0 10px;
 text-decoration: underline;
font-weight:bold;
}

/*############################################### THIRD LEVEL ###############################*/

#ctl00_mainarea_sidemenu ul li a.secondnav {
 color: #595343;
 display: block;
 font-size: 0.95em;
 font-weight: bold;
 margin: 0px;
 padding: 2px 8px 2px 25px;
background: url(../images/secondnav_bullet.gif) no-repeat 18px 10px;
}

#ctl00_mainarea_sidemenu ul li a.secondnav:hover {
 color: #595343;
 text-decoration: underline;
}

#ctl00_mainarea_sidemenu ul li a.secondnavon {
 color: #595343;
 font-size: 0.95em;
 padding: 2px 8px 2px 25px;
font-weight:bold;
background: url(../images/secondnav_bullet.gif) no-repeat 18px 10px;
}

#ctl00_mainarea_sidemenu ul li a.thirdnav {
 color: #595343;
 display: block;
 font-size: 0.95em;
 font-weight: normal;
 margin: 0px;
 padding: 2px 8px 2px 35px;
background: url(../images/secondnav_bullet.gif) no-repeat 25px 10px;
}

#ctl00_mainarea_sidemenu ul li a.thirdnav:hover {
 color: #595343;
 text-decoration: underline;
}

#ctl00_mainarea_sidemenu ul li a.thirdnavon {
 color: #595343;
 font-size: 0.95em;
 padding: 2px 8px 2px 35px;
font-weight:bold;
background: url(../images/secondnav_bullet.gif) no-repeat 25px 10px;
}

/*------------------------------------------------------------------------------------------------*/
/*-                                            PAGINATION.CSS                                    -*/
/*-                                          NEWS PAGER STYLES                                   -*/
/*-                                                                                              -*/
/*------------------------------------------------------------------------------------------------*/

.pagination {
 border: solid 0px #000;
 display: block;
 height: 12px;
 margin: 20px 0px 0px 0px;
 text-align: center
}

.pagination a {
 border: solid 0px #AAE;
 color: #66b220;
 text-decoration: none
}

.pagination a, .pagination span {
 margin-bottom: 0px;
 margin-right: 5px;
 padding: 0.3em 0.2em
}

div#searchPager .pagination span.current {
 background: none;
 color:#666;
}

.pagination .current .prev, .pagination .current .next{
 background: none;
 border: #999;
 color: #707070;
 font-weight: normal
}

div#searchPager span.current.prev, div#searchPager span.current.next {
text-decoration: none;
display:none;
}

/*------------------------------------------------------------------------------------------------*/
/*-                                            DROPMENU.CSS                                      -*/
/*-           ADAPTED VERSION OF SON OF SUCKERFISH MENU WITH ADDITIONAL IE-HOVER FIX             -*/
/*-                   WHICH FIXED HOVERING OVER IMAGES AND FLASH IN IE                           -*/
/*------------------------------------------------------------------------------------------------*/

* html ul#nav{
 position: absolute
}

/* First level stylings */

ul#nav {
	margin: 0; 
    padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
    z-index: 9999;
}

ul#nav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}

ul#nav li a {
 color: #fff;
 display: block;
  font-size:14px;
 font-family: inherit;
 margin: 0;
 padding: 13px 36px 12px 36px;
 text-align: left;
 text-decoration: none;
 background: url(../images/bg_sprite.png) no-repeat -10px -358px;
font-weight:bold;
text-transform: uppercase;
border-left: solid 1px #49b343;
border-right: solid 1px #3ea237;
}

#navigation ul li a.first_item {
 background: url(../images/bg_sprite.png) no-repeat -1px -358px;
 border-left: none;
}

#navigation ul li a.first_item:hover, 
#navigation ul li a.navon.first_item {
 background: url(../images/bg_sprite.png) no-repeat -1px -397px;
}

#navigation ul li a.last_item {
 background: url(../images/bg_sprite.png) -884px -358px;
 border-right: none;
}

#navigation ul li a.last_item:hover,
#navigation ul li a.navon.last_item {
 background: url(../images/bg_sprite.png) no-repeat -884px -397px;
}

#navigation ul li a:hover {
 background: url(../images/bg_sprite.png) no-repeat -10px -397px;
 color:#ace994
}

#navigation ul li a.navon {
 background: url(../images/bg_sprite.png) no-repeat -10px -397px;
}

ul#nav li .sub {
	position: absolute;	
	top: 39px; left: 3px;
	background: #fffdfe url(../images/bg-mega.png) repeat-x 0 0;;
	padding: 0px 5px 20px 5px;
	float: left;
	display: none;
    z-index:9999;
    border:solid 3px #e5dcca;
    border-top:0;
    -moz-box-shadow: 0px 1px 4px #333;
	-webkit-box-shadow: 0px 1px 4px #333;
	box-shadow: 0px 1px 4px #333;
	-moz-border-radius: 0 0 7px 7px; 
    -webkit-border-radius: 0 0 7px 7px; 
    border-radius: 0 0 7px 7px; 
    }

ul#nav li .sub ul{
	list-style: none;
	margin: 15px 5px 0 0;
	padding: 0 5px 0 0;
	width: 150px;
	float: left;
    border-right:dotted 1px #e4dfd0;
}

ul#nav li .sub ul.last{
    border-right:0px;
}

ul#nav .sub ul li {
	width: 100%;
	color: #fff;
}

ul#nav .sub ul li a,
ul#nav .sub ul li.navheadingNorm a {
	float: none; 
	height: auto;
	background: 0;
	padding: 2px 0px 2px 15px;
	display: block;
	text-decoration: none;
	color: #565550;
    font-weight:normal;
    text-transform:none;
    font-size:12px;
    border:0;
}

ul#nav .sub ul li.navheadingNorm a {
    margin-top:5px;
}

ul#nav .sub ul li a:hover,
ul#nav .sub ul li.navheadingNorm a:hover {
    color: #2ca127; 
    font-weight:bold;
    text-decoration: underline;
}

ul#nav .sub ul li.navheading a {
    font-weight:bold;
    color:#199a1c;
    margin-top:10px;
    text-transform: uppercase;
}

ul#nav .sub ul li.navheading a:hover {
}

ul#nav .sub ul li.navsubheading a {
    font-weight:bold;
    font-style:italic;
}

.nav-hr {
clear:both;
height:10px;
margin:10px 0 0 10px;
border-bottom:dotted 1px #e4dfd0;
float:left;
width: 95%;
}



/*Over riding styles*/

.noBorder {border:0;}
.nomargin { margin:0;}




/*Colorbox for tour pics*/

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width: none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#fff;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:0px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;border:0; outline:0;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:-9px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px; border:0; outline:0;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;border:0; outline:0;}
        #cboxClose:hover{background-position:bottom center;}
        
        
        /*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}



/*Css for tooltips on payment section (poshy)*/

.tip-yellowsimple {
z-index:1000;
min-width:50px;
max-width:300px;
background:#fcfcfa;
color:#5f5949;
margin:0;
line-height:17px;
padding:6px 12px;
border:solid 2px #e4e2da;	
font-size:13px;
width:300px;

-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
}

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-yellowsimple .tip-arrow-top {
	margin-top:-6px;
	margin-left:-5px; /* approx. half the width to center it */
	top:0;
	left:50%;
	width:9px;
	height:6px;
	background:url(../images/tip-yellowsimple_arrows.png) no-repeat;
}
.tip-yellowsimple .tip-arrow-right {
	margin-top:-4px; /* approx. half the height to center it */
	margin-left:0;
	top:50%;
	left:100%;
	width:6px;
	height:9px;
	background:url(../images/tip-yellowsimple_arrows.png) no-repeat -9px 0;
}
.tip-yellowsimple .tip-arrow-bottom {
	margin-top:0;
	margin-left:-5px; /* approx. half the width to center it */
	top:100%;
	left:50%;
	width:9px;
	height:6px;
	background:url(../images/tip-yellowsimple_arrows.png) no-repeat -18px 0;
}
.tip-yellowsimple .tip-arrow-left {
	margin-top:-4px; /* approx. half the height to center it */
	margin-left:-6px;
	top:50%;
	left:0;
	width:6px;
	height:9px;
	background:url(../images/tip-yellowsimple_arrows.png) no-repeat -27px 0;
}