/* -------------------------------------------------------------------------------------------------------- */
/* GENERAL */ 
/* -------------------------------------------------------------------------------------------------------- */

*
{
	margin: 0;
	padding: 0;
}

body
{
	margin-top: 10px;
	font-size: 12px;
	line-height: 17px;
	font-family: Arial, Helvetica, Sans-Serif;
}

.visible {display: block;}
.hidden {display: none;}

.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.nobr {white-space: nowrap;}

.clearing {clear: both;}
.bottom {position: absolute; bottom: 0px;}

.padTop {padding-top: 10px;}
.padBottom {padding-bottom: 10px;}
.padLeft {padding-left: 10px;}
.padRight {padding-right: 10px;}
.padAll {padding: 10px 10px 10px 10px;}

.marginTop {margin-top: 10px;}
.marginBottom {margin-bottom: 10px;}
.marginLeft {margin-left: 10px;}
.marginRight {margin-right: 10px;}
.marginAll {margin: 10px 10px 10px 10px;}

.marginTopSix {margin-top: 6px;}
.marginTopFive {margin-top: 5px;}
.marginLeftFive {margin-left: 5px;}
.marginRightFive {margin-right: 5px;}
.marginBottomFive {margin-bottom: 5px;}

.fullWidth {width: 100%;}
.fullHeight {height: 100%;}

/* links */
a {text-decoration: none; cursor: pointer; color: #000;}
a:active {outline: none;}
a:focus {-moz-outline-style: none;}

a img {border: none;}
a span {display: none;}
a.ulink {text-decoration: underline;}
a.tempTopLink {position:absolute; top:-10px; left:-10px;}

/* -------------------------------------------------------------------------------------------------------- */
/* ELEMENTS */ 
/* -------------------------------------------------------------------------------------------------------- */
p
{
	font-size: 12px;
	line-height: 17px;
	font-family: Arial, Helvetica, Sans-Serif;
	text-align: justify;
}

strong {font-weight:bold;}
small {font-size: 10em; color: #00aeef;}
a {cursor: pointer;}
input {font: 11px Arial, Helvetica, Sans-Serif;}

/* Headings */
h1
{
	color: #000;
	font-size: 30px;
	text-transform: uppercase;
}

h2
{
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}

h3
{
	color: #00aeef;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}

/* Lists */
ul{list-style-type: disc;padding-left: 3em;}
ul li
{
	margin: 10px 0 10px 0;
	background: url(../img/bullet.png) no-repeat scroll 0 0 transparent;
	background-position: 0 5px;
	list-style: none;
	padding-left: 15px;
}
ol{list-style-type: decimal;padding-left: 3em;margin-left: 1em;}
ol li{margin: 10px 0 10px 10px;}

/* Body Wrap*/
#wrap
{
	width: 962px;
	margin: 0px auto;
}

#innerWrap {}

/* Main Nav Top */
#mainNavTop
{
	height: 35px;
	background-color: #000;
	margin-bottom: 10px;
	padding-left:5px;
	overflow: visible;
}

#mainNavTopSearch
{
	float: right;
	width: 190px;
	height: 35px;
	background-color: #000;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
	overflow: hidden;
	padding: 0px 10px 0px 10px;
}

#mainNavTopSearch #tourSearch {margin-top: 10px; vertical-align: middle;}
#mainNavTopSearch #tourSearchGo {margin-top: 10px; vertical-align: middle;}

#siteHeaderMenu
{
	overflow: visible !important;
	position: absolute;
	top: 10px;
	z-index: 100;
}

#siteFooterMenu
{
	position: absolute;
	z-index: 100;
	margin-left: 5px;
}

#tourVerticalMenu
{
	position: absolute;
	margin-left: 5px;
}

#aboutNavMenu
{
	position: relative;
	width: 100% !important;
	background: #00aeef !important;
	margin-bottom: 10px;
}

#aboutTitleMenu {margin-left:5px;}

/* Twitter Box*/
#twitterWrap
{
	display: inline;
	position: relative;
	overflow: visible;
	width: 53px;
}

#twitterBox
{
	display: none;
	font-size:11px;
	position: absolute;
	margin-top: 25px;
	white-space: normal !important;
	
	left: -135px;
	width: 200px;
	z-index: 100;
	padding: 10px 10px 10px 10px;
	
	background-color: #222;
	color: #fff;
	border: 1px solid #999;
	
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity = 90);
	
	text-transform: none;
	line-height: 15px;
}

#twitterBox a
{
	display: inline;
	float: none !important;
	background:none !important;
	height:auto !important;
	margin: 0px;
	color: #fff
}
#twitterBox a:hover {color: #00aeef;}

#twitterBox a.twitterLink {text-transform: uppercase;}
#twitterBox a.twitterLink:hover {background-color: #00aeef !important; color: #fff}

/* Side Bars */
#leftSideBar {float: left; width: 210px;}

#siteLogo img
{
	padding-bottom: 9px;
}

#rightSideBar
{
	float: right;
	width: 210px;
}

#currentlyTouringWrap {margin-bottom: 7px;}

#currentlyTouring
{
	width: 210px;
	height: 405px;
	visibility: visible;
	background: #000;
}

#currentlyTouringHeading {margin-left: 18px;}

.jScrollPaneTrack {border: 1px solid #555; height:99% !important;}
.jScrollPaneDrag {background-color:#555; height:70px !important;}

.heading .generated_heading {vertical-align: middle;}

#contactFormWrap .generated_heading {margin-left: 10px;}

#headingSeparator, .lineBlack
{
	margin-left: 10px;
	margin-bottom: 15px;
	width: 190px;
}

.currentTour 
{
	margin-left: 20px; 
	width: 205px; 
	height: 285px;
	overflow: hidden;
}

#latestNewsWrap {display: block; height: 305px; margin-bottom: 10px;}

#latestNewsTitle{height: 15px; margin: 0px 0px 3px 10px;}

#latestNewsNavBar
{
	background: #000;
	width: 210px;
	position: absolute;
	top: 440px;
	z-index: 3;
	height: 26px;
	
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity = 60);
}

#latestNews
{
	visibility: visible;
	background: #00AEEF;
}

/* Content */
#content {float: right; width: 742px;}
#content p {margin-bottom: 15px;}
#contentwide {width:100%; margin-bottom: 10px;}
#leftContent {float: left; width: 522px;}

/* -------------------------------------------------------------------------------------------------------- */
/* COMPONENTS */ 
/* -------------------------------------------------------------------------------------------------------- */

a.blackLink:hover,
a.greyLink:hover,
a.blueLink:hover,
a.whiteLink:hover,
a.blueLinkNormal:hover,
a.whiteLinkNormal:hover,
a.blueLinkSmall:hover {text-decoration: underline;}

a.blackLink {color: #000 !important; font-weight: bold; font-size: 12px; text-transform: uppercase;}
a.greyLink {color: #666; font-weight: normal; font-size: 11px; text-transform: uppercase;}
a.blueLink {color: #00aeef; font-weight: normal; font-size: 12px; text-transform: uppercase;}
a.whiteLink {color: #FFF; font-weight: normal; font-size: 12px; text-transform: uppercase;}
a.blueLinkNormal {color: #00aeef; font-weight: normal; font-size: 12px; text-transform: none;}
a.whiteLinkNormal {color: #ffffff; font-weight: normal; font-size: 11px; text-transform: none;}
a.blueLinkSmall {color: #00aeef; font-weight: normal; font-size: 10px; text-transform: uppercase;}

/* Text */ 
.topAlign {vertical-align:top;}
.centerText {text-align:center;}
.rightText {text-align:right;}
.leftText {text-align:left;}
.bold {font-weight:bold !important;}
.normal {text-transform: none !important;}
.strike {text-decoration: line-through;}
.statusText {color: #00aeef; font-size: 12px; text-transform: uppercase; font-weight: bold;}

.formerror {color: #C00; font-size: 11px; font-weight: normal;}

.blackText, .greyText, .whiteText, .blueText {text-transform: uppercase; font-weight: bold; font-size: 12px;}
.blackThinText, .greyThinText, .whiteThinText, .blueThinText
{
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
}
.whiteSmallText {font-size: 10px;}

.blackText, .blackThinText {color: #000;}
.greyText, .greyThinText {color: #666;}
.whiteText, .whiteThinText, .whiteSmallText {color: #fff;}
.blueText, .blueThinText {color: #00aeef;}

.textImageBig {color: #fff; font-size: 30px;}

div.line,
div.lineBlack,
div.lineBlue{height: 1px; width: 100%; overflow: hidden; margin: 5px 0 5px 0; clear: both;}
div.line{background: #E0E0E0 url(../img/hdot.gif) repeat-x;}
div.lineBlack{background: #E0E0E0 url(../img/hdotblack.gif) repeat-x;}
div.lineBlue{background: #E0E0E0 url(../img/hdotblue.gif) repeat-x;}
div.singleLine {overflow: hidden; white-space: nowrap;}

/* Buttons */
.greyButton, .whiteButton{display: block; width: 100px;}
.redButton, .greyButton, .blackButton, .whiteButton, .blueButton{border: none; padding: 3px; text-align: center; cursor: pointer;}
.redButton{background-color: #B9000A; color: #FFF;}
.greyButton{background-color: #333; color: #FFF; cursor: default;}
.greyButton a{color: #FFF; text-decoration: underline;}
.blackButton{background-color: #000; color: #00aeef; font-size: 10px; font-weight: bold;}
.whiteButton{background-color: #FFF; color: #000;}
.blueButton{background-color: #00aeef; color: #FFF;}

/* -------------------------------------------------------------------------------------------------------- */
/* TextBox */
/* -------------------------------------------------------------------------------------------------------- */
.textBox{border: 1px solid #999; padding: 1px 3px 1px 3px;}

/* -------------------------------------------------------------------------------------------------------- */
/* Go button */
/* -------------------------------------------------------------------------------------------------------- */
input.goButton{width: 26px; height: 11px; background: url("../img/goblueonblack.gif") no-repeat; border: none; vertical-align: middle; cursor: pointer;}
input.goButton:hover{background-position: -26px 0px;}
input.goButton2{width: 26px; height: 11px; background: url("../img/gowhiteonblue.gif") no-repeat; border: none; vertical-align: middle; cursor: pointer;}
input.goButton2:hover{background-position: -26px 0px;}

/* Close Small Black */
.closeSmallBlack{display: block; width: 11px; height: 11px; background: url("../img/closesmallblack.gif") 0 0 no-repeat; border: none; vertical-align: middle;}
.closeSmallBlack:hover{background-position: -11px 0;}

/* Menus */
div.menu, div.blueMenu{float: left; height: 35px; line-height: 35px; font-weight: normal; text-transform: uppercase; vertical-align: top;}
div.menu{background-color: #000; color: #fff;}
div.blueMenu{background-color: #00aeef; color: #fff;}
div.menu span{float: left; display: block; margin-left: 10px;}
div.menu a, div.blueMenu a{float: left; display: block; margin-right: 8px; text-decoration: none; color: #fff; font-weight: normal;}

/* -------------------------------------------------------------------------------------------------------- */
/* Content */
/* -------------------------------------------------------------------------------------------------------- */

div.textContent {font-size: 12px; text-align: justify;}
div.textContent h1{padding: 0px 10px;}
div.textContent h2{padding: 0px 10px;}
div.textContent h3{padding: 0px 10px;}
div.textContent p{padding: 0px 10px; font-size: 12px; text-align: justify;}
div.textContent p a{color: #00aeef;}
div.textContent p a:hover{text-decoration: underline;}
div.textContent p img{display: block; margin: 0px auto 0px auto;}
div.textContent ol{padding-left: 10px;}
div.textContent ul{padding-left: 30px;}
div.textContent hr{height: 1px; width: 100%; border: none; overflow: hidden; margin: 5px 0 5px 0; clear: both; background: #E0E0E0 url(../img/hdot.gif) repeat-x;}

/* SignUp */
#signUp{background-color: #000;}
#signUp input{vertical-align: middle;}
#signUpTable input{margin-bottom: 10px;}
#signUpText{margin: 6px 0px 5px 0px;}

/* SignedIn */
#signedIn{height: 125px; background-color: #000; padding: 10px;}
#signedIn input{vertical-align: middle;}

/* Fields */
.fieldTitle{height: 15px;}
.fieldTextBox{height: 16px; width: 150px; border: solid 1px #999; vertical-align: middle;}
.fieldTextArea{height: 16px; width: 150px; border: solid 1px #999; vertical-align: middle; font-size: 12px;}
.fieldRadio{}
img.yes{margin-right: 3px;}
img.no{margin-left: 15px; margin-right: 3px;}

/* Our Picks */
#ourPicksWrap {height: 305px; margin-top: 5px; margin-bottom:10px;}
#ourPicksTitle{height: 10px; margin: 0px 0px 7px 10px;}
#ourPicks {height: 290px; background: #000;}

/* -------------------------------------------------------------------------------------------------------- */
/* Login form */
/* -------------------------------------------------------------------------------------------------------- */
#loginHeading {padding-bottom: 10px;}

#loginDiv{width: 190px; background-color: #000; color: #fff; font-size: 10px; padding: 10px;}

#loginDiv #heading{background: #00aeef url(../img/login/members_login.gif) no-repeat; background-position: 10px;}
#loginDiv #loginTitle{height: 15px; background: #000 url(../img/login/login.gif) no-repeat; margin-bottom: 10px;}
#loginDiv #forgotPassword{display: block; width: 102px; height: 12px; background: url("../img/login/forgot_password.png") 0 0 no-repeat;}
#loginDiv #forgotPassword:hover{background-position: -102px 0;}
#loginDiv #GetLatest{margin-top: 10px}

/* Password Reset */
body#user_page #Heading{background: #00aeef url(../img/forgottenpassword/forgotten_password.gif) no-repeat; background-position: 10px;}
body#user_page #Heading2{background: #00aeef url(../img/forgottenpassword/new_password.gif) no-repeat; background-position: 10px;}

/* Forgotten Password */
#loginDiv #enterDetailsTitle{height: 15px; margin-bottom: 10px;}

#loginDiv #enterNewPasswordTitle{height: 15px; margin-bottom: 10px;}

/* Change Password */
body#user_page #Heading3{background: #00aeef url(../img/changepassword/change_password.gif) no-repeat; background-position: 10px;}

/* Titles */
.heading
{
	padding: 8px 0px 10px 10px;
	margin-bottom: 10px;
	background-color: #00aeef;
}
.heading a
{
	float: left;
	display: block;
	margin-left:10px;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
}

#pageHeadingExtra {float: right;}

/* -------------------------------------------------------------------------------------------------------- */
/* FAQs */ 
/* -------------------------------------------------------------------------------------------------------- */
#faqIndexWrap {margin-bottom: 20px; padding: 10px 10px 0px 10px; font-size: 12px;}
#faqWrap {margin-top: 10px;}

.faqQuestionWrap{font-size: 12px; font-weight: bold; text-transform: uppercase;}
.faqQuestion{float: left; width: 485px; white-space: nowrap;}
.faqQuestion:hover{text-decoration: underline; background-color: #EEE;}
.faqArrow{float: right; width: 16px; height: 16px; background: url("../img/arrowblackrollright2.gif") 0 0 no-repeat;}
.faqArrow:hover{background-position: -16px 0;}

/* -------------------------------------------------------------------------------------------------------- */
/* subscrube, update and updatedetails */
/* -------------------------------------------------------------------------------------------------------- */

.iFrame {display:block; width:522px; overflow:hidden;}


/* Footer */
#footer
{
	float: left;
	height: 30px;
	width: 100%;
	background-color: #000;
	color: #fff;
	clear: both;
}

#mainNavBottom
{
	height: 30px;
	overflow: visible;
}

#footerContent{height: 30px; line-height: 30px;}

/* -------------------------------------------------------------------------------------------------------- */
/*   Autocomplete   */ 
/* -------------------------------------------------------------------------------------------------------- */

.ac_results{padding:0;background-color:#FFF;overflow:hidden;z-index:99999;border:1px solid #EAEAEA;}
.ac_results ul{width:100%;list-style-position:outside;list-style: none;padding:0;margin:0}
.ac_results li{margin:0;padding:1px 4px;cursor: pointer;display: block;font:menu;font-size:12px;line-height:16px;overflow:hidden}
.ac_loading{background:#FFF url(../img/ajax.gif) right center no-repeat}
.ac_over{background-color:#888888}

/* -------------------------------------------------------------------------------------------------------- */
/* Main search autocomplete */
/* -------------------------------------------------------------------------------------------------------- */

.ac_main_search_results {margin-left: 2px;}
.ac_main_search_results li {min-height: 40px; max-height: 42px; line-height: 20px;}

/* -------------------------------------------------------------------------------------------------------- */
/* AJAX Tab Box */
/* -------------------------------------------------------------------------------------------------------- */

.ajax_tab_control_content
{
	border-width:1px;
	min-height:215px;
	background-position:center center;
	background-repeat:no-repeat;
}

.ajax_tab_bar
{
	height:25px;
	line-height:25px;
	font-size:12px;
}

.ajax_tab_bar a
{
	float:left;
	padding:0 10px;
	margin-right:5px;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
}
.subsribe {overflow-x: hidden;}