@charset "utf-8";
/*
===========================================================================
Description:
Latest elements built up for chris. Move these styles to whichever CSS file
you want - this one was just for development.
										
By: Rich for i-to-i
------------------
NOTES:
===========================================================================
*/


#container { margin:0 auto; padding:0;}

/*
===========================================================================
BIG GRAPHICALLY RICH BANNERS ACROSS EACH MAIN PAGE
---------------------------------------------------
IE6 _underscore hack is used plenty, sometimes to kill bg images completely
===========================================================================
*/


#section-banner-wrapper {
	width:100%;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	position:relative;
	margin:30px 0;
	background-repeat:repeat;
	background-position:right top;
	overflow:hidden;
	font-family:Georgia, "Times New Roman", Times, serif;
}
/*various bg textures*/
.section-banner-wood-a { background-image:url(../images/common/v4/section-banners/bg-repeat-wood-a.jpg) }
.section-banner-grime, .section-banner-grime-a { background-image:url(../images/common/v4/section-banners/bg-repeat-grime-a.jpg) }
.section-banner-grime-b { background-image:url(../images/common/v4/section-banners/bg-repeat-grime-b.jpg) }
.section-banner-paper-a { background-image:url(../images/common/v4/section-banners/bg-repeat-paper-a.jpg) }
/*.section-banner-campfire { background: #548d84 url(../images/common/v4/section-banners/bg-repeat-campfireOFF.jpg) repeat-x top!important; }*/
.section-banner-campfire { background: #F2F2F2; }


.section-banner-grime h1 { font-size:2.6em; color: #755c32; }
.section-banner-grime-b h1 { font-size:2.6em; color: #755c32; }

.section-banner-destinations #section-banner-l { background: url(/images/common/v4/breaker-dashed.gif) repeat-y top right; }

/*torn edges*/
#section-banner-top-edge, #section-banner-bottom-edge {
	position:absolute;
	height:30px;
	width:100%;
	padding:1px;
	z-index:200;
}
#section-banner-top-edge {
	top:0;
	background:url(../images/common/v4/section-banners/torn-edge-top.png) repeat-x top left;
	_background:url(../images/common/v4/section-banners/torn-edge-top.gif) repeat-x top left;
}
#section-banner-bottom-edge {
	bottom:0;
	background:url(../images/common/v4/section-banners/torn-edge-bottom.png) repeat-x bottom left;
	_background:url(../images/common/v4/section-banners/torn-edge-bottom.gif) repeat-x bottom left;
}
/*needed 2 inner divs, the first one mustn't have a WIDTH else it'll go to shit, so this one's caled 'section-banner-inner-wrapper'*/
/*turned out handy for putting an extra layer of graphics in of necessary - but hidden from IE6*/
#section-banner-inner-wrapper {
	position:relative;
}

/* extra alpha imagery niceness */

.section-banner-grime-a #section-banner-inner-wrapper {
	background:url(../images/common/v4/section-banners/alpha-desk-stuff.png) no-repeat center;
	_background:none;
}
.section-banner-grime-b #section-banner-inner-wrapper {
	background:url(../images/common/v4/section-banners/alpha-pawprints.png) no-repeat center;
	_background:none;
}



#section-banner-inner {
	position:relative;
	margin:0 auto;
	width:950px;
	padding:30px 0;
}
/*character placement*/
.section-banner-character {
	position:absolute;
	bottom:-20px;
	left:0;
	z-index:100;
	width:190px;
	height:190px;
	background-repeat:no-repeat;
	background-position:bottom left;
}
/*set character graphic*/
.monkey-helper { background-image:url(../images/common/v4/section-banners/alpha-monkey.png) }
.panda-helper { background-image:url(../images/common/v4/section-banners/alpha-panda.png) }
/*section-banner always split into at least 2 columns, a small Left one with intro para and wider Right one with content*/
#section-banner-l {
	width:230px;
	float:left;
	padding:0 0 20px 0;
/*	background: url(/images/common/v4/breaker-dashed.gif) repeat-y top right; */
}
#section-banner-l p { font-size:1.4em!important; padding:0 12px 0 0; }
#section-banner-m {
	width:475px;
	float:left;
	margin:0 18px 0 16px;
/*	background: url(/images/common/v4/breaker-dashed.gif) repeat-y top right; */
}
#section-banner-r {
	width:700px;
	float:right;
	padding:10px 0 10px 0;
}
#section-banner-r2 {
	width:210px;
	float:right;
	padding:10px 0 10px 0;
}
/*
---------------------------------------------------
3 column section-banner-r layout
---------------------------------------------------
*/
.section-banner-column {
	width:220px;
	float:left;
	margin:0;
}
.section-banner-column-first { margin-right:20px }
.section-banner-column-last { float:right }
/*
---------------------------------------------------
COMMON THUMBNAIL BLOCKS USED IN THE SECTION BANNER
---------------------------------------------------
*/
.section-banner-thumb { margin:0 0 20px 0; }
/*fake little drop shadow*/
.thumb-inner { /*border-right:1px solid #999;
	border-bottom:1px solid #999*/
}
/*make the full thumb clickable*/
.thumb-inner a {
	display:block;
	border:5px solid #fff;
	padding:15px;
	position:relative;
	text-decoration:none;
	color:#fff;
	height:9.0em;
	overflow:hidden;
	background-position:center!important;
}
.thumb-inner a:hover, .thumb-inner a:focus, .thumb-inner a:active { border:5px solid #555; }
.thumb-inner a .thumb-overlay {
	position:absolute;
	left:-50%;
	top:-50%;
	width:200%;
	height:200%;
	display:none;
	z-index:400;
}
.thumb-inner a:hover .thumb-overlay, .thumb-inner a:focus .thumb-overlay, .thumb-inner a:active .thumb-overlay {
	display:block;
	background:#000 url(../images/common/v4/section-banners/overlay-grid-a.gif);
	opacity:0.7;
	filter:alpha(opacity=70);
	cursor:pointer
}
/*caption under thumbs*/
.thumb-caption {
	margin:2px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
	font-size:0.9em;
	padding:0;
}
/*Action button on each thumbnail - Play, View, Read More etc...*/
.thumb-label {
	position:absolute;
	right:0;
	bottom:0;
	margin:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	padding:5px 8px;
	font-size:0.9em;
	z-index:500;
	text-align:right
}
.thumb-inner a:hover .thumb-label {
	color:#fff;
	cursor:pointer;
	background:transparent;
	font-size:2.0em
}

a.btn-full-arw {
	display:block;
	text-transform: uppercase;
	padding-right:10px;
	margin:10px 0 10px 0;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
a.btn-full-arw span {
	display:block;
	padding:15px 25px 15px 20px;
/*	background: transparent url(/images/common/v4/btn-full-arw.png) no-repeat right; */
	background: transparent url(/images/common/v4/btn-full-arw-ie.gif) no-repeat right;
}

.btn-bg-red { color:#fff; background-color:#cc2661; }
.btn-bg-red2 { color:#fff; background: url(/images/common/v4/si//texture-red.jpg) #ec6475 repeat-x top left;  }
.btn-bg-green { color:#5c690e; background: url(/images/common/v4/si//texture-green.jpg) #d8ed5c repeat-x top left;}
.btn-bg-blue { color:#fff; background: url(/images/common/v4/si//texture-blue.jpg) #5791b5 repeat-x top left; }
.btn-bg-purple { color:#fff; background: url(/images/common/v4/si//texture-purple.jpg) #8e4890 repeat-x top left; } 
.btn-bg-brown { color:#fff; background: url(/images/common/v4/si//texture-brown.jpg) #a57230 repeat-x top left;  } 


.btn-bg-green-min { display:inline-block!important; color: #fff; margin:5px 0 5px 0!important; background-color: #58b216; }
.btn-bg-green2-min { display:inline-block!important; color: #fff; margin:5px 0 5px 0!important; background-color: #9dbc29; }
.btn-bg-red-min { display:inline-block!important; color: #fff; margin:5px 0 5px 0!important; background-color: #cd482e; }

.btn-bg-green span { background: transparent url(/images/common/v4/btn-full-arw-green.gif) no-repeat right!important; }
.btn-bg-green-min span, .btn-bg-red-min span, .btn-bg-green2-min span { padding:5px 10px 5px 10px!important; background-image:none!important; }

a.btn-full-arw:hover { color:#000; }

/*---------------------------------------------------
TESTOMONIALS THUMBNAILS
---------------------------------------------------*/
.thumb-quote .thumb-label {
	color:#444;
	background:#fff;
	right:-5px;
	bottom:-5px;
}
.thumb-quote .thumb-inner a:hover .thumb-label {
	border:none!important;
	right:0;
	bottom:0;
}
.thumb-quote .thumb-quote-text {
	display:block;
	font-style:italic;
	font-size:1.3em;
	color:#fff!important
}
/*SET UP DIFFERENT COLOURS FOR TESTIMONAL THUMBNAILS*/
/*magenta*/
.quote-magenta .thumb-inner a { background:#cd184b }
.quote-magenta .thumb-label { border:5px solid #cd184b }
/*green*/
.quote-green .thumb-inner a { background:#88a324 }
.quote-green .thumb-label { border:5px solid #88a324 }
/*blue*/
.quote-blue .thumb-inner a { background:#509dcb }
.quote-blue .thumb-label { border:5px solid #509dcb }
/*mouse over's for testimonal thumbnails*/
/*
.thumb-quote .thumb-inner a:hover .thumb-quote-text {
		text-decoration:underline;
}
*/

/*---------------------------------------------------
VIDEO THUMBNAIL
---------------------------------------------------*/
.thumb-image .thumb-label {
	color:#fff;
	background:#eb1c4c;
}
/*---------------------------------------------------
DOUBE HEIGHT THUMBNAIL
---------------------------------------------------*/
.thumb-double-height .thumb-label {
	color:#fff;
	background:#9dbc29;
}
.thumb-double-height .thumb-inner a { height:24.3em; }


/* Content area sections and details -----------------------------------------------------------------------------------*/

.section-page-half {
	float:left;
	width:465px;
	margin-right:20px;
}

/* tour page */
.toursLeft  { width:450px; padding-right:10px; border-right: 1px dashed #eaefee; }
.toursLeft li { padding-bottom: 5px; list-style-image: url(/images/common/v4/si//arrowBullet.gif); }
.toursLeft p { margin-right: 10px; }
.toursLeft p.call-us { font-size: 14px; padding: 15px 5px 15px 45px; border-bottom: 2px solid #AAAAAA; border-right: 2px solid #CCCCCC; 
						border-left: 2px solid #CCCCCC; border-top: 2px solid #F2F2F2; background: url(/images/common/v4/si//paperBG.jpg) no-repeat top left; }

.toursRight p.quote { padding: 0 30px 40px 5px; background: url(/images/common/v4/si//quoteBG.gif) no-repeat bottom right; }
.toursRight p.quote img { float: left; padding-right: 5px; }
.toursRight h4 {  border-top: 1px dashed #eaefee; padding-top: 20px; margin-top:20px; }
.toursRight ul { width: 80%;list-style-position: outside; }
.toursRight li { list-style: none; }
.toursRight li.q { list-style-image: url(/images/common/v4/si//bulletQ.gif); }
.toursRight li.a { list-style-image: url(/images/common/v4/si//bulletA.gif); padding-bottom:10px;}
.toursRight a.ask { float: right; margin-right:20px; margin-bottom: 30px;  }


div.destination-list div  { clear: both; }
div.destination-list div p.first { padding-top: 10px; }
div#topTrip { padding:15px 5px 2px 75px; background: url(/images/common/v4/si//totm-bg.jpg) no-repeat top left; }


.gridpaper-content {
	background: url(/images/common/v4/bg-grid-content.jpg) repeat top left;
}
.gridpaper-inner {
	background: url(/images/common/v4/bg-grid-inner.png) no-repeat top right;
	_background: url(/images/common/v4/bg-grid-inner.gif) no-repeat top right;
	padding:30px;
}
.gridpaper-inner h3 { font-size:1.8em; color:#31597b; }
.gridpaper-inner ul { color:#d44b11; padding: 12px 40px; }
.gridpaper-inner ul li { margin:0 0 6px 0; }
.gridpaper-inner ul li a { font-weight:bold;  }

.spotlight-full { background-color:#f5f3f2; }
.spotlight-inner { background: url(/images/common/v4/bg-grid-content.jpg) repeat top left; margin:10px; padding:10px; } 

.spotlight-full-header { position:relative; padding:20px 20px 0 20px; background: #c3bfa0 url(/images/common/v4/bg-head-spotlight-full.jpg) no-repeat top left;}
ul#spotlight-details { float:right; width:435px; margin:0 0 15px 0; padding:0; list-style:none; }
ul#spotlight-details li { float:left; width:145px; margin:0; padding:0; }

.spotlight-full h3 {  }
.spotlight-full p { float:left; width:435px; display: block; height: 70px; margin:0 0 20px 0;  padding:0; color:#a70000; font-size:1.8em; font-family:Georgia, "Times New Roman", Times, serif; }

.spotlight-title, .spotlight-details { width:435px; float:left; }

ul#spotlight-nav { width:435px; position:absolute; bottom:0px; right:20px; margin:0; padding:0; list-style:none; }
ul#spotlight-nav li { float:right; margin:0 0 0 8px; padding:0; background-color:#a70000; text-transform: uppercase; font-weight:bold;  }
ul#spotlight-nav li a { display:block; margin:0; color:#fff; text-decoration:none; padding:10px; }
ul#spotlight-nav li.spotlight-nav-active { background-color:#f4f1ef; }
ul#spotlight-nav li.spotlight-nav-active a { color:#6d694a; }
ul#spotlight-nav li.spotlight-view { padding-right:5px; margin-left:30px; background-color:#8aab0f;}
ul#spotlight-nav li.spotlight-view a {
	padding-right:25px;
	background: transparent url(/images/common/v4/btn-full-arw.png) no-repeat right;
	_background: transparent url(/images/common/v4/btn-full-arw-ie.gif) no-repeat right;
}

.no-r-margin { margin-right:0; }

.spotlight-half { float:left; width:455px; }
.spotlight-half ul li { margin-bottom:7px; }

.spot-image { float:left; margin:0 10px 10px 0; width:116px; height:117px; padding:10px 0 0 11px; }
.spot-image img {  }

.spot-image-a {
	background: transparent url(/images/common/v4/bg-image-type-a.png) no-repeat top left;
	_background: transparent url(/images/common/v4/bg-image-type-a.gif) no-repeat top left;
}
.spot-image-b {
	width:113px; height:117px; padding:10px 0 0 14px;
	background: transparent url(/images/common/v4/bg-image-type-b.png) no-repeat top left;
	_background: transparent url(/images/common/v4/bg-image-type-b.gif) no-repeat top left;
}

.mplayer-container { float:left; width:480px; background-color:#fff; padding:10px; position:relative;}
#mediaplayer { }
#searching { width: 210px; margin-left:10px; float: left;}
#section-banner-l .gap { width: 192px; border:1px solid red; }
#searchbox { 
background-image: none;
margin:2px 0 10px;
padding:5px 0 0 !important;
}
#searchbox #ventureSearch  { background:none; }
h2.gapYearOptions {  margin:0; padding:0;width: 300px; font-size:2em;}

/* ====================================================================================================================================== = = = = = = = = = = */
/*div#summerAdventures { width: 100%; padding:20px 0; background: url(/images/common/v4/si//splatsNOT.gif) white repeat top left; }*/
div#summerAdventures { width: 930px; margin:10px auto; border:1px solid #EEEEEE;}
div#summerAdventures img#great4 { margin-left: 360px; padding-bottom:10px; }
div#summerAdventures h4 { font-size: 1.4em; margin: 0 25px; width: 80%; }

div#summerAdventures div#summerContent { width: 520px; margin-top:15px;margin-right:30px; padding:10px; background-color: #FFF; float: left; }
div#summerAdventures div#summerContent div { float: left; } /* #00aeef */
div#summerAdventures div#summerContent div img { float: left; padding-right: 5px; padding-bottom: 2px; }
div#summerAdventures div#summerContent div h3 { color: #FF6600; font-size: 1.4em; padding:10px 0 5px 0; margin:0; }
div#summerAdventures div#summerContent div p { padding:0 0 10px 0; margin:0; }

div#summerAdventures div#fiveReasons { width: 360px; padding-top:20px;float: left; }
div#summerAdventures div#fiveReasons img { padding-right:10px;  }
div#summerAdventures div#fiveReasons img#limited {  padding-left: 540px; display:none; }
div#summerAdventures div#fiveReasons p { width: 320px; height:40px; border:1px solid white; float: left; }
div#summerAdventures div#fiveReasons p img { padding-bottom:3px; float: left; }
div#summerAdventures div#fiveReasons p span {  display: block; padding-top: 10px; }
div#summerAdventures div#fiveReasons p span.moreSpace { padding-top: 20px; }
div#summerAdventures div#fiveReasons p#callUsFree { font-size: 1.6em; background-color:#00aeef; padding-top:15px; text-align: center; color: #FFF; font-weight: bold;   }
/* ====================================================================================================================================== = = = = = = = = = = */

/* Colourful tabs section slider */					

#tabbed-section {  }

#gap-slider {
    width: 950px;
    margin:0 auto;
    position: relative;
    background: url(/images/common/v4/si//panda-bg.gif) no-repeat top left;
		border:1px solid white; /* layout fix */
}

.slider-scroll {
    height: 350px;
    width: 910px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    background: url(/images/common/v4/bg-grid-content.jpg) repeat top left; margin:10px; padding:10px;
}
.scrollContainer div.slider-panel {
    padding: 10px;
    height: 330px;
    width: 890px;
}

#shade {
/*    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0; */
    height: 50px;
}

ul.slider-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
	margin-top: 40px; /* make way for the panda! */
}

ul.slider-nav li {
    float:left;
    margin-right: 3px;
    font-weight:bold;
    font-size:1.2em;
}

ul.slider-nav li a  {
		display:block;
    color:#fff;
    text-decoration: none;
    background: url(/images/common/v4/tabs/tab-green-l.jpg) no-repeat top left;
}
ul.slider-nav li a span {
	padding: 15px 25px 15px 25px;
	display:block;
	background: url(/images/common/v4/tabs/tab-green-r.jpg) no-repeat top right;
}

ul.slider-nav a:hover {
    background-color: #f6f6f6;
}

ul.slider-nav a.slider-nav-on {
    
}

/* NAV COLOURS */

ul.slider-nav li.nav-color-1 a  { background: url(/images/common/v4/tabs/tab-green-l.jpg) no-repeat top left; }
ul.slider-nav li.nav-color-1 a span { background: url(/images/common/v4/tabs/tab-green-r.jpg) no-repeat top right; }
ul.slider-nav li.nav-color-1 a:hover  { background: url(/images/common/v4/tabs/tab-green-l.jpg) no-repeat top left; }
ul.slider-nav li.nav-color-1 a:hover span { background: url(/images/common/v4/tabs/tab-green-r.jpg) no-repeat top right; }

ul.slider-nav li.nav-color-2 a  { background: url(/images/common/v4/tabs/tab-blue-l.jpg) no-repeat top left; }
ul.slider-nav li.nav-color-2 a span { background: url(/images/common/v4/tabs/tab-blue-r.jpg) no-repeat top right; }
ul.slider-nav li.nav-color-2 a:hover  { background: url(/images/common/v4/tabs/tab-blue-l.jpg) no-repeat top left; }
ul.slider-nav li.nav-color-2 a:hover span { background: url(/images/common/v4/tabs/tab-blue-r.jpg) no-repeat top right; }

ul.slider-nav li.nav-color-3 a  { background: url(/images/common/v4/tabs/tab-red-l.jpg) no-repeat top left; }
ul.slider-nav li.nav-color-3 a span { background: url(/images/common/v4/tabs/tab-red-r.jpg) no-repeat top right; }
ul.slider-nav li.nav-color-3 a:hover  { background: url(/images/common/v4/tabs/tab-red-l.jpg) no-repeat top left; }
ul.slider-nav li.nav-color-3 a:hover span { background: url(/images/common/v4/tabs/tab-red-r.jpg) no-repeat top right; }

ul.slider-nav li.nav-color-4 a  { background: url(/images/common/v4/tabs/tab-purple-l.jpg) no-repeat top left; }
ul.slider-nav li.nav-color-4 a span { background: url(/images/common/v4/tabs/tab-purple-r.jpg) no-repeat top right; }
ul.slider-nav li.nav-color-4 a:hover  { background: url(/images/common/v4/tabs/tab-purple-l.jpg) no-repeat top left; }
ul.slider-nav li.nav-color-4 a:hover span { background: url(/images/common/v4/tabs/tab-purple-r.jpg) no-repeat top right; }

ul.slider-nav li.nav-color-5 a  { background: url(/images/common/v4/tabs/tab-brown-l.jpg) no-repeat top left; }
ul.slider-nav li.nav-color-5 a span { background: url(/images/common/v4/tabs/tab-brown-r.jpg) no-repeat top right; }
ul.slider-nav li.nav-color-5 a:hover  { background: url(/images/common/v4/tabs/tab-brown-l.jpg) no-repeat top left; }
ul.slider-nav li.nav-color-5 a:hover span { background: url(/images/common/v4/tabs/tab-brown-r.jpg) no-repeat top right; }

ul.slider-nav a:focus { outline: none; }

.scrollButtons {
    position: absolute;
    top: 250px;
    cursor: pointer;
}

.scrollButtons.left { left: -20px; }

.scrollButtons.right { right: -20px; }
.slider-header {clear:left; height:75px; overflow:hidden; }
.slider-panel-head { clear:left; padding:15px; }
.slider-panel-head h2, .slider-panel h3 { font-size:1.8em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin:0; }
.slider-panel-head p { margin:0; }
.slider-panel { background: url(/images/common/v4/slider-panel-half-bg.gif) repeat-y center; }
.slider-panel h3 { font-size:2em; float:left; width:270px;}
.slider-panel p.slider-intro { float:left; font-size:1.1em; line-height:1.3em; width:260px; padding-right:10px; }
.slider-panel p.slider-intro strong { display:block; font-size:1.1em; margin-bottom:10px; }
.slider-panel p.slider-outro { font-size:1.1em; line-height:1.3em; }
.slider-panel p.slider-outro strong { font-size:1.1em; margin-bottom:10px; }
.slider-half { float:left; width:425px; padding:0 10px 10px 10px; }
.slider-half h4 { font-size:1.4em; margin:0 0 15px 0;}
.slider-half .slider-imgset { float:right; width:150px; }
.slider-half .slider-imgset img { margin-bottom:10px; }


.panel-head-1 { background: url(/images/common/v4/si//texture-green.jpg) #d8ed5c repeat-x top left; }
.panel-head-2 { background: url(/images/common/v4/si//texture-blue.jpg) #5791b5 repeat-x top left; color:#fff; }
.panel-head-3 { background: url(/images/common/v4/si//texture-red.jpg) #ec6475 repeat-x top left; }
.panel-head-4 { background: url(/images/common/v4/si//texture-purple.jpg) #8e4890 repeat-x top left; }
.panel-head-5 { background: url(/images/common/v4/si//texture-brown.jpg) #a57230 repeat-x top left;} /* aa7735 9b6826*/

.panel-head-2 h2 { color:#fff; }
.panel-head-2 a:link, .panel-head-2 a:visited { color:#fce703; }  /* contrast links */
.panel-head-2 a:hover, .panel-head-2 a:active { color:#FFF; }

.panel-head-3 h2 { color: #fff; }
.panel-head-3 a:link, .panel-head-3 a:visited { color:#fce703; }  /* contrast links */
.panel-head-3 a:hover, .panel-head-3 a:active { color:#FFF; }

.panel-head-4 h2, .panel-head-4 p { color:#fff; }
.panel-head-4 a:link, .panel-head-4 a:visited { color:#fce703; }  /* contrast links */
.panel-head-4 a:hover, .panel-head-4 a:active { color:#FFF; }

.panel-head-5 h2, .panel-head-5 p, .panel-head-5 a { color:#fff; }
.panel-head-5 a:link, .panel-head-5 a:visited { color:#fce703; }  /* contrast links */
.panel-head-5 a:hover, .panel-head-5 a:active { color:#FFF; }


/* Gap year elements */

.trip-idea { clear:left; overflow:hidden; margin:0 0 10px 0;}
.trip-idea p { margin:0;}
.trip-idea a.trip-idea-tn { float:left; margin:0 5px 0 0; }
.trip-idea a.trip-idea-tn img { border:0; }


/* Campfire footer area */
/*.section-banner-campfire { color:#fff; }*/
.section-banner-campfire { color:#548d84; }
.section-banner-campfire #section-banner-inner { padding:30px 0 5px 0; }
.section-banner-campfire #section-banner-l { width:290px; padding:0 0 5px 0; margin-bottom:0; }
.section-banner-campfire #section-banner-l .campfire-logo {
	width:265px;
	height:107px;
	background: url(/images/common/v4/logo-campfire.png) no-repeat top left;
	_background: url(/images/common/v4/logo-campfire.gif) no-repeat top left;
}

.section-banner-campfire #section-banner-l p { font-size:1.3em!important; margin-top:0; padding-left:60px; font-weight:normal; }
.section-banner-campfire #section-banner-m { width:410px; }
.section-banner-campfire #section-banner-m h3 {
	width:255px;
	height:80px;
	background: url(/images/common/v4/title-travelguides.png) no-repeat top left;
	_background: url(/images/common/v4/title-travelguides.gif) no-repeat top left;
}
/*.section-banner-campfire #section-banner-m h3 span, .section-banner-campfire #section-banner-l .campfire-logo span  { margin-left:-5000px; }
.section-banner-campfire #section-banner-m ul { list-style:none; font-family: Arial, Helvetica, Verdana, Sans-Serif; margin:25px 0 15px 0; padding:0;}
.section-banner-campfire #section-banner-m ul li { margin:0 0 5px 0; background: url(/images/common/v4/li-icon-campfire.gif) no-repeat left; padding:0 0 0 20px; }
.section-banner-campfire #section-banner-m ul li a { color:#fff; font-size:1.2em;}*/

.section-banner-campfire #section-banner-m h3 span, .section-banner-campfire #section-banner-l .campfire-logo span  { margin-left:-5000px; }
.section-banner-campfire #section-banner-m ul { list-style:none; font-family: Arial, Helvetica, Verdana, Sans-Serif; margin:25px 0 15px 0; padding:0;}
.section-banner-campfire #section-banner-m ul li { margin:0 0 5px 0; background: url(/images/common/v4/li-icon-campfire.gif) no-repeat left; padding:0 0 0 20px; }
.section-banner-campfire #section-banner-m ul li a { color:#333; font-size:1.2em;}


/*
.section-banner-campfire #section-banner-r2 h3 { color: #8fd9ed; font-size:1.8em; font-weight:normal; margin:25px 0 15px 0;}
.section-banner-campfire #section-banner-r2 ul { list-style:none; font-family: Arial, Helvetica, Verdana, Sans-Serif; margin:0 0 15px 0; padding:0; }
.section-banner-campfire #section-banner-r2 ul li { margin:0 0 10px 0; background: url(/images/common/v4/li-icon-campfire-news.gif) no-repeat left; padding:0 0 0 10px; }
.section-banner-campfire #section-banner-r2 ul li a { color: #fff; }*/


.section-banner-campfire #section-banner-r2 h3 { color: #8fd9ed; font-size:1.8em; font-weight:normal; margin:25px 0 15px 0;}
.section-banner-campfire #section-banner-r2 ul { list-style:none; font-family: Arial, Helvetica, Verdana, Sans-Serif; margin:0 0 15px 0; padding:0; }
.section-banner-campfire #section-banner-r2 ul li { margin:0 0 10px 0; background: url(/images/common/v4/li-icon-campfire-news.gif) no-repeat left; padding:0 0 0 10px; }
.section-banner-campfire #section-banner-r2 ul li a { color: #333; }


.section-banner-campfire p.section-banner-text-end { font-size:1.3em; font-style:italic; text-align:center; background-color:F2F2F2;  padding:15px 0 40px 0; margin:0; }/*#4d7f7a;*/


.map-continents { margin:40px 0 0 0; }

/* Drop down menus */


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	font-family:Arial, Helvetica, sans-serif;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu li {
	margin-right:2px;
	background:		#BDD2FF;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/images/common/v4/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/images/common/v4/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* menu colors */

.sf-menu li.sf-color-1, .sf-menu li.sf-color-1 li { background-color:#6ab92b; }
.sf-menu li.sf-color-2, .sf-menu li.sf-color-2 li { background-color:#4d5c67; }
.sf-menu li.sf-color-3, .sf-menu li.sf-color-3 li { background-color:#85433e; }
.sf-menu li.sf-color-4, .sf-menu li.sf-color-4 li { background-color:#9d9d7b; }

.sf-menu li.sf-color-1:hover, .sf-menu li.sf-color-1.sfHover,
.sf-menu li.sf-color-1 a:focus, .sf-menu li.sf-color-1 a:hover, .sf-menu li.sf-color-1 a:active {
	background:		#53991a;
}
.sf-menu li.sf-color-2:hover, .sf-menu li.sf-color-2.sfHover,
.sf-menu li.sf-color-2 a:focus, .sf-menu li.sf-color-2 a:hover, .sf-menu li.sf-color-2 a:active {
	background:		#2e4353;
}
.sf-menu li.sf-color-3:hover, .sf-menu li.sf-color-3.sfHover,
.sf-menu li.sf-color-3 a:focus, .sf-menu li.sf-color-3 a:hover, .sf-menu li.sf-color-3 a:active {
	background:		#ae4f48;
}
.sf-menu li.sf-color-4:hover, .sf-menu li.sf-color-4.sfHover,
.sf-menu li.sf-color-4 a:focus, .sf-menu li.sf-color-4 a:hover, .sf-menu li.sf-color-4 a:active {
	background:		#858566;
}