﻿@charset "UTF-8";
/* CSS Document */
/*********GLOBAL STYLES**********/
body { font-family:verdana, arial, helvetica, sans-serif;  background-position: top center; text-align: center; margin: 0 auto 0 auto; padding: 0; }
img { border: none; }
*:focus { outline: none }
a:focus { -moz-outline-style: none; }
#wrapper{ margin:20px auto 0 auto; width:980px; height:auto; }
/* ********************H Tags ******************** */
h1{ padding:0 0 0 5px; color:#333; font-family:Verdana, Arial, Helvetica, Sans-serif; letter-spacing:1px; font-size:23px; margin:0; font-weight:900; }
h2 { color: #555555; font-size: 13px; font-weight: bold; margin: 0 0 5px 5px; padding: 0px; text-align: left; }
h3 { color: #555555; font-size: 11px; font-weight: bold; margin: 0px 0px 5px; padding: 0px; text-align: left; }
h4 {color: #006666; font-size: 13px; font-weight: bold; margin: 0 0 5px 5px; padding: 0px; text-align: left;text-decoration:none;}
h5 { color:#006666; font-size: 13px; font-weight: bold; margin: 0px 0px 5px; padding: 0px; text-align: center; font-family: verdana, arial, helvetica, sans-serif; letter-spacing: 3px;}
h5 a{color:#006666;}
/********************************/
/**********HEADER STYLES*********/
/********************************/



.navPos{float:right; margin:0 10px 0 0;}
/*******************/
/***Banner Stlyes***/
/*******************/
#banner{ width:980px; height:100px; border:1px solid #dddddd;}

#bannerViewTrail{background-color:#FED89A; width:978px; height:95px; border:1px solid #666;}

#indexBanner{ width:980px; height:100px; display:block;}
/***Home Rotating Images***/
.homeimg1 { background: url(/graphics/index2/homeimg1.jpg) no-repeat;  float:left; height:100px; width:980px;}
.homeimg2 { background: url(/graphics/index2/homeimg2.jpg) no-repeat; float:left; height:100px; width:980px;}
.homeimg3 { background: url(/graphics/index2/homeimg3.jpg) no-repeat; float:left; height:100px; width:980px;}
.homeimg4 { background: url(/graphics/index2/homeimg4.jpg) no-repeat; float:left; height:100px; width:980px;}
.homeimg5 { background: url(/graphics/index2/homeimg5.jpg) no-repeat; float:left; height:100px; width:980px;}
.homeimg6 { background: url(/graphics/index2/homeimg6.jpg) no-repeat; float:left; height:100px; width:980px;}
.homeimg7 { background: url(/graphics/index2/homeimg7.jpg) no-repeat; float:left; height:100px; width:980px;}


/***Home Left Column Styles***/

.leftnav {float: left; height:auto; width: 190px; padding:10px 0 0 0; text-align: left; }
#leftColHome{font-family:Arial, Helvetica, sans-serif; float:left; width:190px; height:auto; border:none;}
#leftColHome ul { list-style:none; margin:0 0 10px 0; padding:0px; }
#leftColHome ul li a{vertical-align:bottom; margin:5px 0 0 0;}
#leftColHome ul ul { list-style: url("/graphics/backgrounds2/greyhyphen.gif"); margin: 5px 0px 0px 15px; }
#leftColHome .leftnav a:hover, .leftnav ul a:hover { color: #555555; font-weight: normal; text-decoration: underline; font-size: 11px;}
#leftColHome .leftnav a, .leftnav a:hover { color: #555555; font-weight: normal; text-decoration: none; font-size: 11px; }
#leftColHome .viewDetails{width:90px; height:10px; float:right; clear:both; text-align: right; margin:0; padding:0; color:#333333;}
#leftColHome .leftnav h2  { color:#007568; font-weight:bold; font-size:14px; padding:0 0 5px 0;}
#leftColHome .leftnav ul li{margin-bottom:0px;}
#leftColHome .leftnav a, .leftnav a:hover {font-family:Arial, Helvetica, sans-serif; color: #555555; font-weight: normal; text-decoration: none; font-size: 11px; }
#leftColHome .leftnav a:active { color: #fd02d1; font-weight: normal; text-decoration: none; font-size: 11px; }
#leftColHome .leftnav a:visited { color: #800080; font-weight: normal; font-size: 11px; }
#leftColHome .leftnav hr { color: #ffffff; background-color: #ffffff; border: 0px; height: 1px; margin: 10px 5px 10px 15px; _margin: 5px 5px 5px 15px; padding: 0px; }
.viewDetails{width:90px; height:10px; float:right; clear:both; text-align: right; margin:0; padding:0; color:#FFFFFF;}
.imgLeftNav{height:75px; width:100px; float:left; margin:0; padding:0 0 10px 0; clear:both;}
#leftColHome .leftnav .left{padding:0 0 10px 0; }
.loimg{width:100px; height:80px; border:none; overflow:hidden; margin:0; display:inline-block; zoom: 1; *display:inline;  position:relative;}
.lotxt{width:78px; height:auto; border:none; display:inline-block; zoom: 1; *display:inline;  margin:3px;  line-height:12px; vertical-align:top; position:relative; *padding:0 0 5px 0;}
.lotxt a{cursor:pointer;}
/***Generic Properties***/
#main{ margin:10px 0 0 0; float:left; width:590px; height:auto; border:none; clear:none; }
#main h1{font-weight:bold; font-size:24px;}
.clearleft{ clear:left; }
/***Text Properties***/
.contactTxt{font-size:17px; font-weight:bold; color:#006666;}
.productTxt{font-size:20px; font-weight:bold; color:#006666;}
.mainTxtDense{ color:#666; vertical-align: top; font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 5px 0; }
.mainTxtDense a{ color:#006666; font-weight: normal; text-decoration: underline; font-size: 13px;}

#main h2 a:hover{text-decoration:underline;}
.mainTxt{ color:#333; vertical-align: top; text-align:justify; font-family: 'Open Sans', sans-serif; font-size: 13px; margin: 0px 10px 10px 4px; }
.mainTxt a{ color:#006666; font-weight: normal; text-decoration: underline; font-size: 12px;}
.mainTxtNorm{ color:#333; vertical-align: top; text-align: left;  font-family: 'Open Sans', sans-serif; font-size: 13px; margin: 0px 10px 10px 4px; }
.mainTxtNorm a{ color:#006666; font-weight: normal; text-decoration: underline; font-size: 13px;}

.mainTxtCenter{ color:#555555; vertical-align: top; text-align:center; font-size: 11px; margin: 0px 10px 10px 0px; }
.mainTxtCenter a{ color: #555555; font-weight: normal; text-decoration: none; font-size: 11px;}
.mainTxtCenter a:hover{text-decoration: underline;}
.mainTxtBold{ color:#555555; vertical-align: top; text-align: left; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; margin: 0px 10px 10px 4px;  font-weight:bold; }
.mainTxtRight{ color:#666; vertical-align: top; text-align:right; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; margin: 0px 10px 10px 4px; }
.mainTxtFloatRight{ color:#666; vertical-align: top; text-align:left; float:right; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; margin: 0px 10px 10px 4px; }
.mainCenter{ font-size:12px; text-align:center; color:#555555; }
.center{ text-align:center; font-size:11px; color:#555555; }
.linkCenter{ color:#666; vertical-align: top; text-align:center; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; margin: 0px 10px 10px 4px; }
.linkCenter a{ color:#006666; font-weight: normal; text-decoration: underline; font-size: 11px;}
.linkCenterBig{ color:#666; vertical-align: top; text-align:center; font-family: verdana, arial, helvetica, sans-serif; font-size: 15px; margin: 0px 10px 10px 4px; }
.linkCenterBig a{ color:#006666; font-weight: bold; text-decoration:none; font-size: 15px;}
.linkCenterBig a:hover{ text-decoration: underline; }
.right{ text-align:right; }
.fineprint{color:#999999; font-size:9px; text-align:left; float:left;}
.fineprint2{color:#999999; font-size:9px; text-align:left; float:left;}
.fineprint2 a{color:#999999; font-size:9px; text-align:left; float:left;}
.fineprint3{color:#666666; font-size:9px; text-align:left; float:left;}
.fineprint4{color:#666666; font-size:9px; text-align:left; margin:0 0 10px 0; padding:0;}
.fineprint4 a{color:#006666; font-size:9px; text-align:left;}
.subtitle{ padding:0 0 0 5px; color:#006666; font-family:Verdana, Arial, Helvetica, Sans-serif; display:block; letter-spacing:1px; font-weight:bold; font-size:14px; margin:0 0 10px 0; text-transform:capitalize;}
.subtitle2{ padding:10px 5px 0 30px; color:#006666; font-family:Verdana, Arial, Helvetica, Sans-serif; display:block; text-transform:lowercase; line-height:30px; font-weight:bold; font-size:14px; text-align:left;}
.subtitle3{ padding:10px 5px 0 30px; color:#006666; font-family:Verdana, Arial, Helvetica, Sans-serif; display:block; text-transform:lowercase; line-height:30px; font-weight:bold; font-size:14px; text-align:center;}
.subtitle3 a{ padding:10px 5px 0 30px; color:#006666; font-family:Verdana, Arial, Helvetica, Sans-serif; text-transform:lowercase; font-weight:bold; font-size:14px; text-align:center; text-decoration:underline;}
.subEnqTxt{ padding:0; color:#006666; font-family:Verdana, Arial, Helvetica, Sans-serif; display:block; font-weight:normal; font-size:12px; text-align:left;}
.highlightTxt{ font-weight:bold; color:#FF9900; font-size:11px;}
/***Generic List Properties***/
.mainList1{ font-size:12px; text-align:left; list-style:url(/graphics/backgrounds2/miniPlane.gif); float:left; color:#555555; }
.bullet {list-style: url("/graphics/backgrounds2/bullet.gif"); margin:0 0 0 20px;}
.specialList ul{ list-style: url("../../graphics/backgrounds2/greenArrow.gif"); }
.specialList { width:590px; display: block; padding:0px; margin: 15px auto 5px auto; float:left; font-size:11px; color:#555555;}
.specialList li { vertical-align: top; text-align:left; }
.specialList a{ color:#007568; font-size:11px; text-decoration:none; }
.specialList a:hover{ text-decoration:underline; }
.specialList2 ul{ list-style: url("../../graphics/backgrounds2/greenArrow.gif"); }
.specialList2 { width:280px; display: block; padding:0 0 0 20px; margin: 15px auto 5px auto; float:left; }
.specialList2 li { vertical-align: top; text-align:left; }
.specialList2 a{ color:#007568; font-size:11px; text-decoration:none; }
.specialList2 a:hover{ text-decoration:underline; }
.specialList3 ul{ list-style: url("../../graphics/backgrounds2/greenArrow.gif"); }
.specialList3 { width:280px; display: block; padding:0 0 0 10px; margin: 15px auto 5px auto; float:right; }
.specialList3 li { vertical-align: top; text-align:left; }
.specialList3 a{ color:#007568; font-size:11px; text-decoration:none; }
.specialList3 a:hover{ text-decoration:underline; }
.tick li{ list-style: url("/graphics/backgrounds2/tick.gif"); }
.clickMe{float:right; margin:0 10px 0 0; font-size:11px; color:#007568; text-decoration:none; text-align:left; clear:right;}
/* ********************Generic Form Styles ******************** */
.header form { margin: 10px 0px 0px; }
form { margin-right: 15px; }
input { font-family: verdana, arial, helvetica, sans-serif;	font-size: 11px; border: 1px solid #555555; margin: 0px 10px 2px 0px; }
input.button { margin: 0px; }
input.radio { border: 0px; margin: 3px 0px 0px; _margin: 0px; }
input.checkbox { border: 0px; margin: 6px 6px 0px 0px; _margin: 6px 6px -2px 0px; }
select { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; border: 1px solid #555555; }
textarea { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; border: 1px solid #555555; }
/*****Generic Portal Styles********/
#portalCol1{ width:580px; height:auto; margin:0 0 0 10px !important; margin:0 0 0 4px; float:left; clear:none; }
#portalCol2{ width:580px; height:auto; margin:20px 0 0 10px !important; margin:10px 0 0 4px; float:left; clear:none; }
#portal1 { width:174px; height:auto; margin:10px 0 0 0; float:left; }
#portal2 { width:174px; height:auto; margin:10px 0 0 21px !important; margin:10px 0 0 19px; float:left; }
#portal3 { width:174px; height:auto; margin:10px 0 0 21px !important; margin:10px 0 0 19px; float:left; }
.portalPic { width:163px; height:103px; margin:5px 0 0 5px !important; margin:5px 0 0 3px; float:left; }
.portalHeader{ color:#006E68; font-size:14px; font-weight:bold; margin:3px 0 3px 3px; float:left; text-align:left; }
.portalTxt, .portalTxt a{ color:#666666; width:159px; height:30px; margin:0 0 0 2px; float:left; font-size:11px; text-decoration:none; text-align:left; }
.portalHeader a{ color:#006E68; font-size:14px; font-weight:bold; margin:3px 0 3px 3px; float:left; text-align:left; text-decoration:none;}
.portalHeader a:hover{ text-decoration:underline; }

/***Map***/

#tooltip{ width:129px; margin:55px 0 0 -10px; padding:0; background:#e1e1e1; position:absolute; z-index:100; border-left:2px #555555 solid; border-right:2px #555555 solid; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; }
    
	#arctictip{display:none;}	
	#africatip{display:none;}	
	#antarcticatip{display:none;}	
	#southeastasiatip{display:none;}
	#chinahongkongjapantip{display:none;}				
	#australiatip{display:none;}	
	#canadatip{display:none;}	
	#caribbeantip{display:none;}	
	#europetip{display:none;}
	#indianepalsrilankatip{display:none;}
	#indianoceantip{display:none;}			
	#themiddleeasttip{display:none;}	
	#newzealandpacificislandstip{display:none;}	
	#aroundtheworldtip{display:none;}	
	#russiacentralasiatip{display:none;}	
	#southamericatip{display:none;}	
	#usatip{display:none;}	
	#alaskatip{display:none;}	
	#hawaiitip{display:none;}
	#cruisetip{display:none;}			
.bubCap{margin:-25px 0 15px -2px; _margin:-25px -2px 15px -2px; padding:0; width:133px; height:25px; position:relative; z-index:10; top:0; background:url(/graphics/tailormadeMapNav/bubbleCap.gif);}
.bubButt{margin:0 0 -9px -2px; _margin:-0 -2px -9px -2px; padding:0; width:133px; height:9px; position:relative; z-index:10; bottom:0; background:url(/graphics/tailormadeMapNav/bubbleButt.gif);} 
.titleTip{ margin:-20px 0 5px 5px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#6c79bc; text-align:left;}
	.tipTxt{ font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:0 5px 0 5px; margin:-5px 0 -5px 0;}		
	.tipTxt span{ margin:0; padding:0 5px 0 5px; float:right; color:#000000; font-size:10px; font-weight:normal; text-transform:none; margin:0 0 -20px 0;}

/***Group Travel Main Styles***/

.groupList1 {list-style:none; }
.groupList1 ul{list-style:none; }

/***View Trail Main Styles***/

.titlebox{ color:#006659; font-size:18px; text-align:left; font-weight:bolder; border-bottom:2px solid #CCE3E1; width: 100%; }
.faredetailbox{ line-height:180%; font-size:11px; text-align:left; }
.callbox{ font-size:11px; vertical-align:middle; text-align:center; }
/***Navigation Properties***/
.subnavViewTrail{ float:left; clear:none; width:580px; background-color:#FFC567; color:#fff; font-size:12px; padding:10px; }
/***Text Properties***/
.viewTrailh1{ text-align:left; color:#fff; font-size:18px; font-weight:bold; }
/***List Properties***/
.viewTrailList { display: block; padding:0px; margin: 15px auto 5px auto; }
.viewTrailList li { vertical-align: top; text-align:center; }
.viewTrailList a{ color:#006666; font-size:11px; text-decoration:none; }
.viewTrailList a:hover{ text-decoration:underline; }
.viewTrailList ul{ list-style: url("/graphics/backgrounds2/orangeArrowSolid.gif"); }
.trailGrad{height:30px; width:auto; border:none; background: url("/graphics/viewtrail2/trailGrad.gif") repeat-x; margin:0; padding:0; clear:both;}


/*******************************************RIGHT COLUMN STYLES************************************/
/***Global Properties***/
.adHolder{width:180px; height:auto; border:1px solid #666; background:none #fff; -moz-opacity:.80; -ms-filter:”alpha(opacity=80)”; filter:alpha(opacity=80); opacity:.80; margin:10px auto 0 auto;}
.rightColAd{color: #000; padding:3px; font-size:11px;}

/***Home Right Column Styles***/

#rightColHome{ float:right; width:190px; height:auto; border:none;}
#rightColHome ul { list-style: url("/graphics/backgrounds2/arrow.gif"); }
#rightColHome ul ul { list-style: url("/graphics/backgrounds2/greyhyphen.gif"); margin:0; padding:0;}
#rightColHome .rightnav a:hover, .rightnav ul a:hover { color:#555555; font-weight:normal; text-decoration: underline; font-size: 11px; }
#rightColHome .rightnav a, .rightnav a:hover { color:#555555; font-weight:normal; text-decoration: none; font-size: 11px; }
#rightColHome .viewDetails{width:90px; height:10px; float:right; clear:both; text-align: right; margin:0; padding:0; color:#ffffff;}
#rightColHome .rightnav h2 { color:#006666; font-weight:bold; font-size:11px;}
#rightColHome .rightnav { float: right; width: 190px; margin: 10px 0 0 0; text-align: left;}
#rightColHome .rightnav h3 { color: #818182; font-size: 11px; font-weight: bold; margin: 0px 0px 5px 15px; padding: 0px; }
#rightColHome .rightnav a{ color: #555555; font-weight: normal; text-decoration: none; font-size: 11px; }
#rightColHome .rightnav a:hover { color: #555555; font-weight: normal; text-decoration: underline; font-size: 11px; }
#rightColHome .rightnav a:visited { color: #800080; font-weight: normal; font-size: 11px; }
#rightColHome .rightnav hr { margin: 20px 0px; }
#rightColHome .rightnav ul { list-style: url("/graphics/backgrounds2/arrow.gif"); margin: 0px 0px 0px 16px; padding: 0px; text-align: left;  }
#rightColHome .rightnav ul li{padding-bottom:3px;}
.rightnav a{float:right; margin:0; padding:0;}

/***Group Travel Right Column Styles***/

#rightColGroupTravel{ float:right; width:190px; height:666px; border:none; background:url("/graphics/backgrounds2/groupTravelColLight.jpg") no-repeat; }
#rightColGroupTravel .rightnav a, .rightnav a:hover { color:#006666; font-weight: bold; text-decoration: none; font-size: 11px; }

/*********FOOTER STYLES*********/

.footer{ width:590px; height:auto; border:none; margin:0 auto 20px auto; padding:0; }
.footer a:hover, .subtext { color: #999999; font-weight: normal; text-decoration: underline; font-size: 11px; }
.footer a, .footer a:active, .footer a:visited, .subtext { color: #999999; font-weight: normal; text-decoration: none; font-size: 11px; }

/***Fastest Booking Engine***/

#consultant {width:180px; height:auto; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; float:right;}
#conAd{background:#ffffff url(http://www.trailfinders.com/graphics/consultant2/bubbleGrad.gif) repeat-x; margin:0; border-right:  1px solid #87bacc; border-left:  1px solid #87bacc;}
#conAdFlight{background:#ffffff url(http://www.trailfinders.com/graphics/consultant2/flightGrad.gif) no-repeat; margin:0; border-right:  1px solid #87bacc; border-left:  1px solid #87bacc;}
.consultant{font-size:11px; color:#002e12; text-align:left; clear:none; padding-left:3px; position:relative; z-index:10; margin:0;}
#conBubble{background: url(http://www.trailfinders.com/graphics/consultant2/bubble.gif) no-repeat; position:relative; z-index:10; margin:0 0 0 5px;}
.conBubbleTxt{color:#006666; font-size:13px; padding:7px 5px 15px 5px; position:relative; z-index:10;  text-align:center;}
.consultant a{float:left; position:absolute;}
.moreArrow a{float:right; border:black; background:url("/graphics/more_arrow.gif") no-repeat; background-position: left; color: #007658; font-weight: bold; font-size:11px; text-decoration: none;padding-left: -200px;}
.moreArrow a:hover { text-decoration: underline;}