/* Global Classes .................................................................................................... */
/* Global Classes .................................................................................................... */
.hide { display: none; }

.font1 { color: #333; }



/* General Tags .................................................................................................... */
img { border: 0; }

form { margin: 0; } 

hr { display: none; }

a { text-decoration: none; color: #333}



a:hover { text-decoration: underline; }

/*div#content p { text-align:justify}*/

/* Font colours .................................................................................................... */
/* Explorer */

div#header ul.mainnav li.sel a:hover { color: #FFF; }

div#content div#contenthead h2,
div#innercontent h3,
div#innercontent h3 a,
.altcolour,
.altcolour a,
.intro,
p.backnetwork,
p.backnetwork a,
ul.advproducts,
ul.advproducts li a,
ul.destination,
ul.destination li a,
div#side ul.subdest li a:hover {
	color: #F87F11;
	}

p.green_title 
{ 
	padding: 5px 0 5px 9px;	
	margin-top: 0px;
	margin-bottom: 0px;
	color: White;
	font-weight: bold;
	font-size: 10pt;
	background-color: #F87F11;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF
}
		
/* Link styles .................................................................................................... */
div#innercontent h3 a,
p.backnetwork a,
div.chat a,
ul.advproducts li a,
ul.destination li a { 
	text-decoration: none;
	}

div#innercontent h3 a:hover,
p.backnetwork a:hover,
div.chat a:hover,
ul.advproducts li a:hover,
ul.destination li a:hover { 
	text-decoration: underline;
	}



/* Mandatory Tags .................................................................................................... */

/* Main Body Formatting Start */

html 
{
	height: 100%;
/*	background: url("http://www.radicaltravel.com/Images/Haggis/Background.gif") center; */
	font-family: Arial;
	font-size: 12px;
	color: #333
}

body 
{
	margin: 0;
	padding: 0;
	min-height: 100%;
/*	background: url('http://www.radicaltravel.com/Images/Haggis/Background.jpg') no-repeat center top*/
}

* html body { height: 100%; }

div#oContent 
{
	margin: 0 auto;
	padding: 0 0 40px 0; 
	width: 770px;
	min-height: 100%;
	background: #FFF;
	position: relative;	
	text-align:left
}

* html div#oContent { height: 100%; }

/* Header .................................................................................................... */
div#header {
	margin: 0 0 10px 0;
	height: 150px;
	position: relative;
	font-size: 11px;	
	}

div#header a { color: #333; text-decoration: none; }
div#header a:hover { text-decoration: underline; }

div#header h1 { display: none; }

div#printheader { display: none; }


div#header img.logo 
{
	position: absolute;
	left: 10px;
	top: 10px
}

div#header img.RadicalLogo 
{
	position: absolute;
	top: 10px;
	right: 50px
}

div#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
/* General List (Contact Us etc) */
div#header ul.general {
	position: absolute;
	top: 15px;
	right: 125px;
	}
div#header ul.general li {
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	border-right: 1px solid #CCC;
	float: left;
	}
div#header ul.general li.last {
	margin: 0;
	padding: 0;
	border-right: 0;
	}

/* Special List (Icons, Search etc) */
div#header ul.special li {
	padding-left: 20px;
	height: 17px;
	position: absolute;
	}
div#header ul.special li.mybus { background: url("http://images.busabout.com/Images/cir_mybus.gif") no-repeat; right: 319px; bottom: 80px; }
div#header ul.special li.agent { background: url("http://images.busabout.com/Images/cir_login.gif") no-repeat; right: 219px; bottom: 80px; }
div#header ul.special li.book { background: url("http://images.busabout.com/Images/cir_book.gif") no-repeat; right: 125px; bottom: 80px; }
div#header ul.special li.search { right: 224px; bottom: 53px; }
div#header ul.special li.print { background: url("http://images.busabout.com/Images/cir_print.gif") no-repeat; right: 125px; bottom: 50px; }

div#header ul.special li.search span { display: none; }

div#header ul.special li.search input.search {
	padding-left: 5px;
	border: 1px solid #CCC;
	font-size: 11px;
	color: #333;
	width: 100px;
	}

div#header ul.special li.search input.submit {
	margin: 0 0 0 0px;
	border: 1px solid #CCC;
	width: 45px;
	background: #E0E0E0;
	font-size: 11px;
	}
* html div#header ul.special li.search input.submit { height: 18px; }

/* Main Nav (Horizontal 100% width) */

.StaticMenu
{
	margin: 0;
	padding: 0;
	border-left: 1px solid #AAA
}

div#header table.StaticMenu { width: 100%}

.StaticMenuItem
{
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	text-align: center;
	border-right: 1px solid #AAA;
	font-size: 12px;
    text-decoration: none
}

div#header a.StaticMenuItem { font-weight: bold; color: #A6A6A6; width: 100%}

.StaticHover
{
    background-color:#F87F11;
    color: White;     
    text-decoration: none
}

div#header a.StaticHover { color: White}
div#header a.StaticHover:hover { background:#F87F11; color:White; text-decoration: none }

.DynamicMenu
{
    border-width:1px;	
    border-style:solid;
	background: #F0F0F0;
    border-color:#F87F11;
}

div#header a.DynamicMenuItem { width: 100%;}

.DynamicMenuItem
{
	padding: 1px 1px 1px 1px;
	background: #F0F0F0;
    color:Black;
	font-size: 11px;
	font-weight: normal;
	width: 100%;
	text-align: left;
	
}

div#header a.DynamicMenuItem:hover { background:#F87F11; color:White; text-decoration: none }

/* Side Navigation .................................................................................................... */
div#side {
	margin: 0 15px 15px 0;
	width: 220px;
	float: left;
	}
	
div#side .item {
	margin: 0 0 15px 0;
	}

/* News box */ 
div#news h2.news {
	margin: 0;
	text-indent: -9999px;
	height: 30px;
	}

div#news h2.news { background: #F87F11 url("http://images.busabout.com/Images/title_news.gif") no-repeat 20px 6px; }

div#news div.copy {
	margin: 0;
	padding: 10px 20px;
	border: 1px solid #CCC;
	border-top: none;
	height: 34px;
}

#newsbox {
	border: 1px solid #CCC;
	width: 220px;
	height: 50px
}	

#newsscroll {
	position: absolute;
	visibility: visible;
	top: 400px;
	left: 0px;
	height: 40px;
	width: 220px;
	clip: rect(0px, 100px, 40px, 0px);
	border-width: 0px;
	padding-top: 40px;
}


/* Where do you want to go? */
div#side select.where {
	font-size: 11px;
	color: #333;
	}

/* Destination Links */
div#side ul.dest {
	margin: 0;
	padding: 0 0 0px 0;
	border-top: 2px dotted #DDD;
	list-style: none;
	}
div#side ul.dest li {
	border-bottom: 2px dotted #DDD;
	min-height: 40px
	}
* html div#side ul.dest li { height: 40px; }
div#side ul.dest li {
	background-position: 20px 10px;
	background-repeat: no-repeat;
}
div#side ul.dest li a { display: block; height: 40px; }

div#side ul.dest li a {
	color: #CCC;
	font-weight: bold;
	text-decoration: none;
	font-size: 14pt;
	height: auto;
	vertical-align:middle;
	display: inline
	}

div#side ul.subdest {
	margin: 0 0 5px 37px;
	padding: 0;
	border-top: none;
	list-style: none;
	}
div#side ul.subdest li {
	border-bottom: none;
	min-height: 20px;
	text-indent: 0px;
	}
* html div#side ul.subdest li { height: 20px; }
div#side ul.subdest li a {
	color: #777;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
	height: auto;
	display: inline;
	}

/* Other Products Links */
div#side h2.otherproducts {
	margin: 0;
	padding: 0;
	border-bottom: 2px dotted #DDD;
	text-indent: -9999px;
	background: url("http://images.busabout.com/Images/title_otherproducts.gif") no-repeat 20px 0;
	}

div#side ul.otherproducts {
	margin: 0 0 50px 0;
	padding: 0;
	list-style: none;
	}
div#side ul.otherproducts li {
	border-bottom: 2px dotted #DDD;
	height: 40px;
	text-indent: -9999px;
	}
div#side ul.otherproducts li {
	background-position: 20px 10px;
	background-repeat: no-repeat;
}
div#side ul.otherproducts li a { display: block; height: 40px; }

/* Content .................................................................................................... */
div#content {
	padding: 0 0 20px 0;
	width: 495px;
	float: left;
	clear: right;
	}

div#contentfull {
	padding: 0 0 0 20px;
	width: 730px;
	float: left;
	clear: right;
	}

div#content ul.breadcrumb {
	margin: 5px 0 10px 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
}

div#content ul.breadcrumb li { display: inline; }

div#content ul.breadcrumb a { color: #666; }

/* Content Head */
div#content div#contenthead {
	margin: 0 0 15px 0;
	width: 100%;
	height: 65px;
	display: block;
	position: relative;
	}

div#content div#contenthead h2 {
	margin: 0;
	font-size: 24px
	}

div#content div#contenthead h3 {
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 18px;
	font-weight: bold;
	}

div#contenthead p.backnetwork {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	}

p.backnetwork {
	font-size: 12px;
	font-weight: bold;
	}

html#explorer div#content div#contenthead h3 { color: #F87F11; }
html#adventures div#content div#contenthead h3 { color: #174FC1; }

div#content div#contenthead img.button {
	position: absolute;
	right: 0;
	}

/* Content Templates */
/* Generic */
div#innercontent .first { margin: 0 35px 0 0;	}
div#innercontent div.floatcontent { float: left; }

/* ... General Margin ... */
div#innercontent h3,
div#innercontent p,
div#innercontent div { margin: 0 0 15px 0; }

/* ... H3 tag ... */
div#innercontent h3 { font-size: 18px; }

/* ... p tag and classes ... */
div#innercontent intro { font-weight: bold; }

/* ... Generic bottom border ... */
div#innercontent .bottomborder {
	border-bottom: 1px dotted #CCC;
	padding-bottom: 15px;
	}

/* ... Chat ... */
div#innercontent div.chat {
	padding: 15px 0;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	font-size: 11px;
	}

div#innercontent div.chat table, 
div.chat table tr, 
div.chat table td {
	border-collapse: collapse;
	height: 20px;
	}
div#innercontent div.chat table { width: 495px; }
div#innercontent div.chat td.title {  }
div#innercontent div.chat td.name { width: 80px; }
div#innercontent div.chat td.date { text-align: right; width: 130px; }

div#innercontent div.chat a {
	color: #666;
	}

/* ... Sales item ... */
div#innercontent div.salescontainer { float: left; }
div#innercontent div.salesitem { margin: 0; width: 230px; float: left; }
div#innercontent div.first { margin: 0 35px 0 0; }

/* Calendars */
div.cal img.pad { margin: 0 15px; }

/* Tour itinerary */
div.tour_itinerary { float: left; }
div.tour_itinerary img { margin: 0 20px 0 0; float: left; }
div.tour_itinerary h4 { margin: 0 0 15px 0;	font-size: 16px; }

/* Tour Highlights */
div.highlight div {
	padding: 0 25px 0 0;
	width: 215px;
	float: left;
	}

div.highlight img { margin: 0 10px 10px 0; float: left;	}
div.highlight p { margin: 0; }

/* Adventure Products */
ul.advproducts {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 16px;
	font-weight: bold;
	}
ul.advproducts li { line-height: 20px; }

/* Destination */
ul.destination {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 16px;
	font-weight: bold;
	float: left;
	width: 230px;
	}
ul.destination li { line-height: 20px; }	

/* Template 2 */
div.template2 img {
	margin: 0 15px 5px 0;
	float: left;
	}
	
div.template2 p {
	margin: 0;
	padding: 0;
	}

/* Lonely Planet image */
img.lonelyplanet { margin: 0 0 0 10px; float: right; }



/* Footer .................................................................................................... */
div#footer {
	padding: 5px 0 0 0;
	width: 730px;
	background: #EEE;
	color: #666;
	text-align: center;
	font-size: 11px;
	/*position: absolute;
	left: 20px;
	bottom: 0px;*/
	clear: left;
	margin-left:auto;
	margin-right:auto;
	
}

div#footer p { margin: 0 0 5px 0; }

div#footer a { color: #666; text-decoration: none; }
div#footer a:hover { color: #666; text-decoration: underline; }

/* Magic float fix */
div#floatfix 
{
	display: block;
	clear: both;
}

/* Global Classes .................................................................................................... */
.smallprint { font-size: 11px; }

/* Prices */

h4.prices { margin: 0; padding: 3px; color: #FFF; background: #F87F11; }

table.prices { margin: 0 0 20px 0; width: 100%; border-collapse: collapse; }

table.prices td { border-collapse: collapse; border-bottom: 1px dotted #CCC; height: 30px; color: #F87F11; font-weight: bold; }
table.prices td.save { width: 100px; text-align: right; }
table.prices td.price { width: 70px; text-align: right; font-size: 16px; }
table.prices td.mid { text-align: center; }	

table.prices span { font-size: 11px; font-weight: normal; }

table.prices thead { font-size: 10px; font-weight: bold; }
table.prices thead td { padding: 5px; }

.BookingHeader
{
	border-right: black thin solid; 
	border-top: black thin solid; 
	font-weight: bold; 
	border-left: black thin solid; 
	color: white; 
	border-bottom: black thin solid; 
	background-color: #F87F11
}

.twtr-widget
{
	margin-bottom:10px;
	margin-top:10px;
}


/*Newsbox*/

.newsboxwrapper{
	margin-top: 16px;
	
}

.newsheader{
	background: #F87F11 url("http://images.busabout.com/Images/title_news.gif") no-repeat 20px 6px;
	height: 30px;
}

#wrapper {width:216px;}
.link {cursor:pointer; color:#666}
.link:hover {color:#000}
.slider {position:relative; overflow:hidden; border:2px solid #9ac1c9; height:225px; background:#ffffff; margin-bottom:20px}
.slidercontent {position:absolute}
.slidercontent .upper {border-bottom:1px solid #9ac1c9;}
.section {padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:20px;}
.newsslider {position:relative; overflow:hidden; border:2px solid #F87F11; height:75px; width:216px; background:#ffffff; margin-bottom:20px; }
.newsslidercontent {position:absolute;}
.newsslidercontent .upper {border-bottom:1px solid #F87F11;}
.newssection {padding:10px; height:75px;}
.newssection a {color:#000000;}

div.mapcontainer{
	width:580px;
}

div.mapcontainer{
	width:580px;
	margin-left:auto !important;
	margin-right:auto !important;
}

div.mapcontainer .left{
	float:left;
}

div.mapcontainer .right img{
	margin-left:5px;
}

div.mapcontainer .clear{
	clear:left;
}

div.dest_info {
	height:115px;
}

div.dest_info p {
	text-align:justify;
}
