@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 10px 5px; color:#006666; font-family:Verdana, Arial, Helvetica, Sans-serif;  font-weight:900; font-size:23px; letter-spacing:1px; margin:0;}
h1 span{ font-family:Corbel, Verdana, Arial, Helvetica, Sans-serif; font-size:26px; letter-spacing:4px; font-weight:bold; }
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: #007568; font-size: 13px; font-weight: bold; margin: 0 0 5px 5px; padding: 0px; text-align: left;text-decoration:none;}
h5 { color: #007568; font-size: 13px; font-weight: bold; margin: 0px 0px 5px; padding: 0px; text-align: center; font-family: corbel, verdana, arial, helvetica, sans-serif; letter-spacing: 3px;}
/********************************/
/**********HEADER STYLES*********/
/********************************/
#header{ width:980px; height:auto; border:none; }
#header a{ color:#555555; font-weight:normal; text-decoration:none; font-size:11px; }
#header a:hover{ color:#555555; font-weight:normal; text-decoration:underline; font-size: 11px; }
#header a:active{ color:#fd02d1; font-weight:normal; text-decoration:none; font-size:11px; }
#header img{ float: left; margin-right: 5px; border:none; }
#header form{ margin:5px 0 10px 172px; }
#topNav{ float:right; margin:5px 0 0 0; }
.navPos{float:right; margin:0 10px 0 0;}
/*******************/
/***Banner Stlyes***/
/*******************/
#banner{ width:978px; height:95px; border:1px solid #666;}
/**************************************/
/**Special Offers Left Column Styles***/
/**************************************/
.leftnav {float: left; height:auto; width: 190px; padding:10px 0 0 0; text-align: left; }
#leftColLatestOffers{ float:left; width:190px; height:666px; border:none; background:url("../../graphics/backgrounds2/homeGrad.jpg") repeat-x; }
#leftColLatestOffers ul { list-style: url("../../graphics/backgrounds2/arrow.gif"); margin: 0px 0px 15px 30px; padding: 0px; line-height:19px; }
#leftColLatestOffers ul ul { list-style: url("../../graphics/backgrounds2/greyhyphen.gif"); margin: 5px 0px 0px 15px;}
#leftColLatestOffers ul li a{font-size:11px; color:#555555; text-decoration:none; }
#leftColLatestOffers ul li a:hover{font-size:11px; color:#555555; text-decoration:underline; }
#leftColLatestOffers .leftnav hr { color: #ffffff; background-color: #ffffff; border: 0px; height: 1px; margin: 10px 5px 10px 15px; _margin: 5px 5px 5px 15px; padding: 0px; }
#leftColLatestOffers .leftnav h2 a { color: #007568; font-weight: bold; font-size:11px; text-transform:uppercase; text-decoration:none;}
#leftColLatestOffers .leftnav h2 a:hover { color: #007568; font-weight: bold; font-size:11px; text-decoration:underline;}
#leftColLatestOffers .leftnav h3  { color: #007568; font-weight: bold; font-size:11px; padding:0 0 0 5px;}
.imgLeftNav{height:75px; width:100px; float:left; margin: 0 5px 0 5px; padding:0 0 30px 0; clear:both;}
/****************************************/
/***Special Offers 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;}
#rightColLatestOffers { float:right; width:190px; height:666px; border:none; background:url("../../graphics/backgrounds2/homeGrad.jpg") repeat-x; }
#rightColLatestOffers img{width:180px; height:auto; margin:5px 0 5px 0;}
.logoHolder{ background: url("../../graphics/backgrounds2/logoHolderBottom.gif") no-repeat bottom; width:170px; height:auto; overflow:hidden; position:relative; margin:0 auto 0 auto; }
/******************************************MAIN CONTENT STYLES***************************************************/
/***Generic Properties***/
#main{ margin:10px 0 0 4px; float:left; width:590px; height:auto; border:none; clear:none; }
/***Text Properties***/
#main h2 a:hover{text-decoration:underline;}
.mainTxt{ color:#666; vertical-align: top; text-align:justify; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; margin: 0px 10px 0 4px; }
.mainTxt a{ color: #007568; 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; }
.price{font-size:13px; font-weight:bold; color:#006666; padding:0; margin:0; text-decoration:none; display:inline;}
.priceSub{font-size:11px; font-weight:bold; color:#666; padding:0; margin:0 }
#offerHeader{margin:0 0 10px 0;}
.offer{width:100%; height:auto;}
.offerImg{width:100px; float:left; margin:12px 22px 12px 22px; display:inline;}
.offerImgRight{width:100px; float:right; margin:0 52px 12px -5px; display:inline;}
.offerTxt{width:440px; border:none; float:left; clear:none; display:inline;}
.star{background:url(../../graphics/latestoffers/star.gif) no-repeat; width:12px; height:12px; border:none;}
.add{background:url(../../graphics/latestoffers/add.gif) no-repeat; width:16px; height:16px; border:none; font-size:14px; font-weight:bold; color:#8dc171;}
.upgrade{background:url(../../graphics/latestoffers/upgrade.gif) no-repeat; width:20px; height:16px; border:none; font-size:14px; font-weight:bold; color:#E27421}
.striker{font-size:13px; font-weight:bold; color:#006666; padding:0; margin:0; text-decoration:line-through;}
.highlight{font-weight:bold; color:#006666;}
#signup{background:url(../../graphics/latestoffers/envelope.gif) no-repeat right top; color:#006666; font-size:18px; font-weight:bold; text-align:center; height:60px; width:400px;}
#signup a{text-decoration:none; color:#006666; font-size:18px; font-weight:bold; text-align:center;}
#signup a:hover{text-decoration:underline; color:#006666; font-size:18px; font-weight:bold; text-align:center;}
#additionalInfoLeft{height:auto; width:260px; float:left;}
#additionalInfoRight{background:url(../../graphics/latestoffers/luggageLabel.gif) no-repeat; float:right; height:189px; width:321px;}

.africa{color:#362f1f; font-size:11px; font-weight:bold; text-align:left; text-decoration:underline;}
.polar{color:#0099FF; font-size:11px; font-weight:bold; text-align:left; text-decoration:underline;}
.asia{color:#718022; font-size:11px; font-weight:bold; text-align:left; text-decoration:underline;}
.australia{color:#ad3a1b; font-size:11px; font-weight:bold; text-align:left; text-decoration:underline;}
.canada{color:#92430b; font-size:11px; font-weight:bold; text-align:left; text-decoration:underline;}
.caribbean{color:#751308; font-size:11px; font-weight:bold; text-align:left; text-decoration:underline;}
.europe{color:#225e9c; font-size:11px; font-weight:bold; text-align:left; text-decoration:underline;}
.india{color:#2c3164; font-size:11px; font-weight:bold; text-align:left; text-decoration:underline;}
.indianocean{color:#5c5954; font-size:11px; font-weight:bold; text-align:left; text-decoration:underline;}
.middleeast{color:#3b2952; font-size:11px; font-weight:bold; text-align:left; text-decoration:underline;}
.newzealand{color:#67a3d9; font-size:11px; font-weight:bold; text-align:left; text-decoration:underline;}
.rtw{color:#100911; font-size:11px; font-weight:bold; text-align:left; text-decoration:underline;}
.ski{color:#606e88; font-size:11px; font-weight:bold; text-align:left; text-decoration:underline;}
.samerica{color:#63a454; font-size:11px; font-weight:bold; text-align:left; text-decoration:underline;}
.usa{color:#4a808c; font-size:11px; font-weight:bold; text-align:left; text-decoration:underline;}
.generic{color:#006666; font-size:11px; font-weight:bold; text-align:left; text-decoration:underline;}
.cruiseTitle{color:#006666; font-size: 13px; font-weight: bold; margin: 0 0 5px 70px; _margin:0 0 5px 15px; padding:0; text-decoration:underline; float:left; text-align:left;}
#info1{height:20px; width:180px; border:none; color:#666666; font-size:11px; margin:40px 0 0 42px; _margin:40px 0 0 -40px; text-align:left;}
*:first-child+html #info1{margin:40px 0 0 -40px;}
#info2{height:20px; width:180px; border:none; color:#666666; font-size:11px; margin:10px 0 0 42px; _margin:10px 0 0 -40px; text-align:left;}
*:first-child+html #info2{margin:10px 0 0 -40px;}
#info3{height:20px; width:180px; border:none; color:#666666; font-size:11px; margin:30px 0 0 42px; _margin:24px 0 0 -40px; text-align:left;}
*:first-child+html #info3{margin:28px 0 0 -40px;}

#fareGrid{min-height:300px; width:590px; border:none; display:block;}
.gridLeft{float:left; text-align:right; display:inline; color:#666; font-size:11px; width:210px; list-style:none;}
.gridRight{float:left; text-align:right; display:inline; color:#666; font-size:11px; width:210px; list-style:none;}

.rosette{position:absolute; z-index:2; margin:-20px 0 0 36px;}
.rosettemenu{position:absolute; z-index:2; margin:-1px 0 0 60px;}


/* dock - top */
.dock { float:right; position: absolute; height: 50px; text-align: center; margin:0 0px 0 266px;}
.dock-container { position: absolute; height: 50px; padding-left: 20px; }
a.dock-item { display: block; width: 40px; color: #555; position: absolute; top: 0px; text-align: center; text-decoration: none; font: normal 9px Verdana, Arial, sans-serif; padding:0 20px 0 20px;}
.dock-item img {border: none; margin: 10px 10px 0px 10px; width: 100%; }
.dock-item span { display:block; padding-left: 15px;}
a:hover.dock-item span{ font-size:11px; display:block; padding-left: 20px; }
/*******************************/
/*********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; }
.offerPortal a{text-decoration:none;}
.portalHeader{ color:#006E68; font-size:11px; font-weight:bold; margin:33px 0 0 0; text-align:left; position:relative; z-index:2;}
.portalTxt, .portalTxt a{ color:#666666; height:30px; margin:0; float:left; font-size:11px; text-decoration:none; text-align:left; position:relative; z-index:3; width:130px;}

/**List elements***/
.cruiseList { list-style: url("../../graphics/backgrounds2/cruisearrow.gif"); font-size:11px; text-align:left; line-height:18px;  width:340px; padding-left:15px; clear:none;  float:right;}
.cruiseList li {list-style: url("../../graphics/backgrounds2/cruisearrow.gif"); text-decoration:none; color:#555555; font-size:11px;}
div.listwrapper ul{width: 540px; list-style: none; margin: 0 auto 0 auto;}
div.listwrapper ul li {float: left;  width: 200px;}
div.listwrapper br {  clear: left; }
.listwrapper { margin-bottom: 1em; color:#666; vertical-align: top; text-align:justify; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; margin:0 auto 0 auto; }
.listwrappertitle{margin:0px 0px 10px 45px; _margin:0px 0px 20px 25px; text-decoration:underline; font-weight:bold;}
*:first-child+html .listwrappertitle{margin:0px 0px 10px 25px; text-decoration:underline; font-weight:bold;}

/** More info links **/
.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;}
.moreArrow a:hover { text-decoration: underline;}

/*********/
/***Map***/
/*********/
#tooltip{ width:131px; margin:55px 0 0 -10px; padding:0; background:#fbfce3; position:absolute; z-index:100; border-left:1px #000000 solid; border-right:1px #000000 solid; filter: alpha(opacity:80); KHTMLOpacity: 0.80; MozOpacity: 0.80; opacity: 0.80; }
	.titletip{ margin:0 0 3px 5px; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#000000;}	
	#tooltip p{ font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:5px; margin:-5px 0 0 0; color:#000000;}		
	#tooltip p span{padding:0 0 0 5px; float:right; color:#000000; font-size:10px; font-weight:normal; text-transform:none;}
	#arctictip{display:none;}	
	#africatip{display:none;}	
	#antarcticatip{display:none;}	
	#asiatip{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;}	
	#southamericatip{display:none;}	
	#usatip{display:none;}	
	#alaskatip{display:none;}	
	#hawaiitip{display:none;}		
	.bubCap{margin:-25px 0 15px -1px; _margin:-25px -1px 15px -1px; padding:0 0 0 0; width:133px; height:25px; position:relative; z-index:10; top:0; background:url(../../graphics/JMap/bubbleCap.gif);}
	.bubButt{margin:0 0 -9px -1px; _margin:-0 -1px -9px -1px; padding:0 0 0 0; width:133px; height:9px; position:relative; z-index:10; bottom:0; background:url(../../graphics/JMap/bubbleButt.gif);}