/* -- CONTENT -- */

.maincontent .content
{
	margin: 0px 0px 50px 177px;
}

html>body .maincontent>.content
{
	margin: 0px 0px 50px 180px;
}

.content
{
	background-color: #FFF;
	width: 710px;
	color: #111;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

.content p, .content li
{
	line-height: 1.4em;
}

.content>ul
{
	padding-left: 25px;
}

.content ul
{
	margin-bottom: 12px;
	list-style-type: disc;
	list-style-position: outside;
}

.content ul li
{
	margin: 0px 0px 4px 0px;
}

.content img
{
	float: left;
	margin: 0px 10px 10px 0px;
}

.content .backtotop
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	float: right;
	margin-bottom: 5px;
}

.content a.readmore
{
	color: #111;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 10px;
	text-transform: uppercase;
	float: right;
	text-decoration: none;
}

.content a.readmore:hover
{
	color: #111;
	text-decoration: underline;
}

.content a.readmore:active
{
	color: #444;
	text-decoration: underline;
}

/*** MAIN STRIP ***/


.featdevice a
{
	color: #333;
	text-decoration: none;
}

.featdevice a:hover
{
	color: #111;
	text-decoration: none;
}

.featdevice a:active
{
	color: #FFB700;
	text-decoration: none;
}

/* -- FEATURED TRIP -- */

.featuredtrip
{
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 0px;
	float: left;
	cursor: pointer;
}

.featuredtrip h1
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 18px 0px;
	color: #FFF;	
	font-weight: normal;
	font-size: 24px;
	line-height: 1.3em;
}

.featuredtrip .tripinfo
{
	background-repeat: repeat;
	/*
	width: 158px;
	*/
	width: 330px;
	margin-left: 350px;
	padding: 15px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
}

.featuredtrip .trippadding
{
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4em;
	min-height:195px;
}

.featuredtrip a.readmore
{
	color: #111;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	display: block;
	float: none;
	text-align: right;
	margin:5px 0px 0px 0px;
}


/* -- OTHER TRIPS -- */

.text
{
	margin: 10px 0px 0px 0px;
	float: left;
	width: 520px;
}

.indent
{
	margin: 8px 5px -2px 5px;
	float: left;
	width: 510px;
}

.textBorder
{
	margin: 0px 0px 10px 0px;
	float: left;
	width: 490px;
}

.textBorder p
{
	line-height: 1.4em;
	margin: 0 0 8px 0;
}

.textBorder h1
{
	margin: 4px 0px 4px 0px;
}

.textBorder h2
{
	margin: 4px 0px 4px 0px;
}

.textBorder h3
{
	margin: 4px 0px 4px 0px;
}

.textBorder ul
{
	margin: 4px 0px 4px 0px;
}

.tripcentre
{
	margin: 10px 12px 10px 0px;
}
.tripright
{	
	margin: 10px 0px 10px 0px;
}

.tripcentre, .tripright
{
	float: left;
	/*
	width: 223px;
	*/
	width: 168px;
}

.tripcentre h1, .tripright h1
{
	margin: 0px 5px 8px 5px;
	color: #FFF;	
	font-weight: normal;
	font-size: 20px;
/*word-wrap: break-word;*/
}

.tripcentre, h1 a, .tripright h1 a
{
	color: #FFF;
	text-decoration: none;
}

.tripcentre, h1 a:hover, .tripright h1 a:hover
{
	color: #FFF;
	text-decoration: underline;	
}
/* ^^ a:active part in Summer/Winter for different colours ^^ */


.tripcentre .trippadding, .tripright .trippadding
{
	height: 11em;
}

.tripcentre a.readmore, .tripright a.readmore
{
	margin-right: 10px;
}

.tripcentre .triptexts, .tripright .triptexts
{
	font-size: 14px;
	padding: 10px;
	height: 17em;
}

.upcoming
{
	float: left;
	width: 530px;
	background-color: #FFF;
	padding: 5px 0px 5px 9px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 10px;
	border: #CCC;
	border-width: 0px 1px 1px 1px;
	border-style: none solid solid solid;	
}

thead
{
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: #666;
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
}

/* -- ACTIVITY PAGE ELEMENTS -- */

div.righthandcolumn
{
	background-color: #EEE;
	float: right;
	margin: 0 0 0 10px;
	width: 190px;
}

div.righthandcolumn p.skills
{
	font-size: 10px;
}

div.imagetop
{
	float: left;
	margin: 0 0 10px 0;
	width: 700px;
}

.activity
{
	float: left;
	width: 500px;
}

.activityheader
{
	margin: 0px;
	font-weight: bold;
	font-size: 12px;
}

.availabletrip
{
	float: left;
	width: 530px;
	padding-top: 10px;
	border-bottom: #222 1px dotted;
}

.availabletriplast
{
	float: left;
	width: 530px;
	padding-top: 10px;
}

/*.innergroup
{
	min-height:70px;
}*/

.availabletrip .innergroup,
.availabletriplast .innergroup
{
	min-height:85px;
}

.availabletrip p.availabletripdate,
.availabletriplast p.availabletripdate
{
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin:0px;
}

.availabletrip p.availabletripprice,
.availabletriplast p.availabletripprice
{
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin:0px 0px 5px 0px;
}

p
{
	margin:0 0 0.8em 0;
}



/* -- AVAILABLE TRIPS -- */
/*
.skillbox, .staminabox
{
	width: 520px;
	font-size: 9px;
	color: #111;
	float:left;
	padding: 4px 4px 0px 4px;
}

.staminabox
{
	margin-bottom: 10px;
}

.skillbox h3, .staminabox h3
{
	margin:0px;
	font-size: 12px;
}

.skillbox p, .staminabox p
{
	padding: 2px 0 0 0;
	margin: 0 0 4px 0;
}

.availabletrips
{
	width: 530px;
	font-size: 9px;
	color: #111;
	margin-bottom: 10px;
	float:left;
}

.availabletrips td
{
	padding-right: 4px;
}

.availabletrips a
{
	color: #0000FF;
}

.availabletrips a:hover
{
	color: #FF0000;
}

.availabletrips a:active
{
	color: #FF0000;
}

.availabletrips a:visited
{
	color: #800080;
}

.availabletrips td.dottedline
{
	padding:0px;
}

.availabletrips td
{
	padding-top: 3px;
	padding-bottom: 3px;
}

.availabletrips .bookingarrow
{
	background-image: url(../images/arrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 2px 16px 3px 0px;
	display:block;
	text-decoration: underline;
}
*/

a.moreinformation span
{
	background-image: url(../images/arrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 2px 22px 3px 0px;
	display:block;	
}

a.moreinformation
{
	color: #111;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	float: right;
	
	margin-bottom:10px;
}

a.moreinformation:hover
{
	color: #111;
	text-decoration: underline;
}

a.moreinformation:active
{
	color: #444;
	text-decoration: underline;
}

/*-- New Trip Pricing Table CSS --*/

table.triplist
{
	color: #111;
	padding: 2px 5px 5px 5px;
}

table.triplist tr td
{
	padding: 3px;
}

table.triplist tr.startdate td
{
	background-color: #EEE;
	font-weight: bold;
}

table.triplist tr td.leftcol
{
	text-align: left;
	width: 120px;
}

table.triplist tr td.rightcol
{
	text-align: right;
	width: 50px;
}

table.triplist tr td.booknow
{
	border-bottom: 1px solid #CCC;
	padding: 4px 0 4px 0;
}

table.triplist tr td.booknow a
{
	background-color: #3C99FE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #FFF;
	display: block;
	font-weight: bold;
	margin: 0 auto;
	padding: 3px;
	text-align: center;
	text-decoration: none;
	width: 70px;
}

table.triplist tr td.booknow a:hover
{
	background-color: #3586DE;
}

.triprowbold
{
	height: 20px;
	font-weight: bold;
	text-transform: uppercase;
}

.triprownormal
{
	font-weight: normal;
	padding: 0px 0px 0px 0px;
}

.dottedline
{
	border-bottom: #666;
	border-width: 0px 0px 1px 0px;
	border-style: none none dotted none;
}

.triplink a
{
	color: #111;
	text-decoration: none;
}

.triplink a:hover
{
	color: #111;
	text-decoration: underline;	
}

.triplink a:active
{
	color: #F00;
	text-decoration: underline;	
}

.tripprice
{
	width: 50px;
}

.tripavailability
{
	width: 100px;
}

strong
{
	padding: 10px 0px 0px 0px;
	font-weight: bold;
	color: #111;
}

/* -- LINKS -- */

.linkitem
{
	border-bottom: #666 1px dotted;
	margin-bottom: 5px;
	padding: 0px 5px 0px 5px;
}

.linkitem h1
{
	font-size: 11px;
	margin: 0px 0px 4px 0px;
	padding: 0px;
}

.linkitem p
{
	font-size: 10px;
	margin: 0px 0px 5px 0px;
}

/*** Browse page ****/

.r0
{
	background-color: #FFF;
}
.r1
{ 
	background-color: #EBF1FB;		
}

.searchstrip
{
	padding: 4px 0px 4px 10px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	background-color: #FFF;
	border-color: #CCC;
	border-width: 1px 1px 0px 1px;
	border-style: solid solid none solid;
	background-image: url(../images/searchstrip.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.searchstrip input
{
	margin-left: 10px;
}

.browsetable
{
	margin: 0px 0px 0px 0px;
	width: 530px;
	border-width: 1px 1px 1px 1px;
	border-color: #CCC;
	border-style: solid;
}

.browsetable thead td:first-child
{
	border-left: 0px;
}

.browsetable thead td
{
	padding: 4px 4px 2px 4px;
	background-image: url(../images/browsetableheader.gif);
	background-color: white;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-width: 0px 0px 1px 1px;
	border-color: #CCC;
	border-style: solid;

	cursor: pointer;
}

.browsetable thead td:hover, .browsetable thead td.active:hover
{
	background-position: 0px -30px;
}

.browsetable thead td:active, .browsetable thead td.active:active
{
	background-position: 0px -60px;
}

.browsetable thead td.active
{
	background-position: 0px -90px;
}

.browsetable thead a
{
	color: #0000FF;
	font-size: 9px;
	font-weight: normal;
}

.browsetable thead a:hover
{
	color: #800080;
	font-size: 9px;
}

.browsetable thead a:active
{
	color: #FF0000;
	font-size: 9px;
}

.browsetable tbody td
{
	padding: 4px 2px 6px 4px;
}

.browsetable tbody a
{
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	font-weight: normal;
}

.photomenu
{
	margin-right: 10px;
	float: right;
	margin-bottom: 4px;
}

.photoprev
{
	margin-right:5px;
	padding-right:7px;
	border-right: white 2px solid;
}

.photonext
{
	margin-left:5px;
	padding-left:7px;
	border-left: white 2px solid;
}

img.partner
{
	padding: 10px;
	border: #666 1px solid; 
	width: 148px;
	height: 100px;
}

img.partnerlinebreak
{
	padding: 10px;
	border: #666 1px solid; 
	width: 148px;
	height: 100px;
	margin-right:0px;
}

h3
{
	margin-bottom: 4px;
}

img.gallerylinebreak
{
	margin-right: 0px;
}
