/*
====================================================================
crystalcruises.com default style sheet
Compatibility: Mozilla, IE 5+ (PC/Mac), KDE
IE/Mac CSS bugs are resolved in JavaScript (crystalcruises.js)
Updated 3/18/04
====================================================================
*/

/* ##### text styles ##### */	
body {font-size: x-small; color: #000000; font-family: verdana, arial, sans; }
table {font-size: x-small; }
.required {color: #ff0000; }

a {color:#000000; }
a:hover {text-decoration:underline; color:#0000ff; }
a.highlight {text-decoration:underline; color:#0000ff;}
a.more {color:#6FA399; font-weight:bold; font-size:small; text-decoration:none;}
a.breadcrumb {font-size:x-small; color:#333333;}
a.breadcrumb:hover {color:#0000ff;}
.contentUL {list-style-type:square; color:#000000; margin:10px 0px 10px 20px;}
.contentUL li {list-style-type:square; color:#000000; padding:0px 0px 5px 0px;}
.content {font-family:verdana, arial, sans; color:#000000; font-weight:normal;}
.content_small {font-family:verdana, arial, sans; font-size:xx-small;}
.content_medium {font-family:verdana, arial, sans; font-size:x-small;}
.contentHeaderLight {font-weight:bold; margin:0px 0px 5px 0px; background-color:#6FA399; color:#ffffff; padding:2px 0px 1px 5px; height:22px; clear:both;}
.contentHeaderLight H1 {font-size:x-small; font-family: verdana, arial, sans; font-weight:bold; margin:0px; padding:0px; height:auto; float: left;}
.contentHeaderDark {font-weight:bold; margin:0px 0px 5px 0px; background-color:#81938A; color:#ffffff; padding:2px 0px 1px 5px; height:22px; clear:both;}
.contentHeaderDark H1 {font-size:x-small; font-family: verdana, arial, sans; font-weight:bold; margin:0px; padding:0px; height:auto; float: left;}
.contentSubheader {margin:0px 0px 5px 0px; font-weight:bold; color:#000000; text-decoration:none;}
.sidebarSubheader {margin:0px 0px 5px 0px; font-weight:bold; color:#000000;}
.breadcrumbFont {font-size:x-small; margin:0px 5px 0px 5px;}

.footerLinkUpper {color:#000000; font-size:x-small; text-decoration:none; }
.footerLine {padding-top: 3px; border-top: solid 1px #cccccc;}
.footerLink {color:#555555; font-size:xx-small; text-decoration:none;}
.footerBar {color:#666666; margin:0px 10px 0px 10px;}

.footnote {font-size:x-small; text-decoration:none; color:#0000ff;}
.error {color:#cc0000; padding:5px; margin:10px; border:1px solid #cc0000; background-color:#ffffcc;}
.photoTagline { margin:10px 0px 0px 0px; font-weight:bold; color:#6FA399;}

div.highlight {color:#00aa00; padding:5px; border:1px solid #00aa00; background-color:#ddffdd;}

/* ##### page elements ##### */
body {margin:5px; padding:0px; background-color:#ffffff; width:776px;}
div.p {float:left; clear:both; border-top-width:0px; border-right-width:0px; border-bottom-width:1px; border-left-width:0px; border-style:solid; border-color:#dddddd; padding:0px 0px 15px 0px; margin:0px 0px 15px 0px; width:100%;}
div.pCompact, div.pSidebar {border-top-width:0px; border-right-width:0px; border-bottom-width:1px; border-left-width:0px; border-style:solid; border-color:#dddddd; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; clear:both;}
div.pContent {border-bottom:solid 1px #dddddd; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; clear:left;}
.actionHomeLeft {position:relative; float:left; width:765px; height:220px; margin:4px 3px 0px 0px; z-index:1;}
.actionLeft {position:relative; float:left; width: 463px; margin:4px 3px 0px 0px; z-index:1;}
.actionRight { position:relative; float:left; width: 300px; height:auto; margin:4px 0px 0px 0px; z-index:1;}
.actionRightFooter { position:relative; float:left; width: 300px; height: 6px; margin: 0px 0px 0px 0px; z-index:1;}
.cruiseSearch { position:relative; float:left; width: 298px; height: 204px; margin: 4px 0px 0px 0px; z-index:1;}
* html .cruiseSearch {height: 214px; }
.cruiseSearchFooter { position:relative; float:left; width: 298px; height: 6px; margin: 0px 0px 0px 0px; padding: 0px; z-index:1; display: inline; content:normal; }
.cruiseSearchDest { position:relative; float:left; width: 524px; height: 212px; margin:4px 0px 0px 0px; z-index:1;}
.cruiseSearchDestFooter { position:relative; float:left; width: 524px; height: 8px; margin:0px 0px 0px 0px; z-index:1;}
.actionRightPadding { padding: 5px 5px 3px 10px; margin: 0px; }
/*
.cruiseSearch {position:relative; float:left; width: 300px; margin:0px 0px 0px 0px; z-index:1;}
.cruiseSearch SELECT { font-family:verdana, arial, sans; font-size: 8pt; Z-INDEX:1; }
.actionRightPadding {padding: 4px 5px 6px 10px;}
*/
#sidebar {position:relative; float:left; clear:left; width:145px; margin:3px 8px 0px 2px;}
#contentColumn {position:relative; float:left; clear:right; width:610px; margin:5px 0px 0px 0px;}
.columnPhoto {clear: left; float:left; margin:4px 10px 0px 0px; border:solid 1px #000000;}
.columnPhotoAgent {float:left; clear:left; margin:4px 10px 0px 0px; border:solid 1px #000000;}
.columnPhoto2 {margin:4px 10px 0px 0px; border:solid 1px #000000;}
.columnPhotoContentBlock {clear: left; float:left; margin:4px 10px 0px 0px;}
#footer
{
    CLEAR: both;
    PADDING-TOP: 10px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 10px;
    MARGIN: 10px 0px 0px 5px;
    WIDTH: 765px
}
.bgShaded {background:#BCC8C2;}
.searchSiteField {font-size:xx-small; color:#000000;}
.spacer2 {margin:0px 0px 2px 0px;}
.spacer5 {margin:0px 0px 5px 0px;}
.spacer10 {margin:0px 0px 10px 0px;}
img.photo {border:1px solid #000000;}
.entlisting p {margin:0px 0px 0px 0px;}

div.landProgram {padding:5px; margin:5px; background:#f1f1f1; border:1px dashed #cccccc; font-size:xx-small;}
div.landProgram a {display:block; padding:4px 0px 4px 0px;}

/* ##### wrappers - these are used to solve FLOAT incompatibilities between browsers (prevents floated elements from stacking) ##### */
.rowWrapper:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
  
 .rowWrapper {
display: inline-block;
}  

/* Holly Hack Targets IE Win only \*/
* html .rowWrapper {height: 1%;}
.rowWrapper {display: block;}
/* End Holly Hack */

/* OLD rowWrapper CSS
.rowWrapper {}
hack to fix float bug with IE/MAC - commented backslash hack hides rule on that browser
.rowWrapper {position:relative; float:left; width:772px; clear:both;} \*/
.contentWrapper {position:relative; width:615px; clear:both;}


/* ##### header (logo/phone #, marketing promo) ##### */
.headerTop {width:770px; height:50px; margin:0px 0px 0px 0px;}
	.headerTopLeft {float:left; margin:0px 0px 0px 5px;}
	.headerTopMiddle {text-align:center; float:left; width:300px; margin:0px 5px 0px 0px; padding:8px 0px 0px 0px; font-weight:bold;}
	.headerTopMiddle .agencyName {font-family:verdana, arial, sans; font-size:xx-small;}
	.headerTopMiddle .agencyPhone {}
	.headerTopRight {text-align:right; float:right; margin:0px 5px 0px 0px; padding:10px 0px 0px 0px; font-weight:bold;}
	.headerTopRightAgent {text-align:right; float:right; width:250px; margin:0px 5px 0px 0px; padding:10px 0px 0px 0px;}
/* Landing Page */
.landingHeaderTop {width:100%; height:50px; margin:0px 0px 0px 0px;}
	.landingHeaderTopLeft {float:left; width:33%; margin:0px 0px 0px 5px;}
	.landingHeaderTopMiddle {text-align:center; float:left; width:33%; margin:0px 5px 0px 0px; padding:8px 0px 0px 0px; font-weight:bold;}
	.landingHeaderTopMiddle .agencyName {font-family:verdana, arial, sans; font-size:xx-small;}
	.landingHeaderTopMiddle .agencyPhone {}
	.landingHeaderTopRight {text-align:right; float:right; width:33%; margin:0px 5px 0px 0px; padding:10px 0px 0px 0px; font-weight:bold;}

#headerSubnav {width:770px;}
	#headerSubnavLeft {float:left; padding:5px 0px 0px 3px;}
	#headerSubnavRight {float:right; padding:5px 2px 0px 8px;}	

	
/* ##### navigation bar ##### */	
#navWrapper {width:770px; clear:both;}
#nav {float:left; font-family: verdana, arial, sans; line-height:normal; margin:0px; padding:0px;}
#nav ul {margin:0px; padding:0px; list-style:none;}
#nav li {float:left; margin:0px; padding:0px; list-style:none; border-top-width:0px; border-right-width:1px; border-bottom-width:0px; border-left-width:1px; border-style:solid; border-color:#ffffff; text-align:center;} 
#nav a {display:block; float:left; background:#B5ceef; margin:0px; padding:5px 0px 5px 5px; color:#333399; font-size:xx-small; text-decoration:none; white-space:nowrap;}
#nav li .navHomeA {width:50px;}
#nav li .navDestA {width:105px;}
#nav li .navLifeA {width:110px;}
#nav li .navFoodWineA {width:135px;}
#nav li .navTourA {width:120px;}
#nav li .navSocietyA {width:120px;}
#nav li .navBeforeA {width:115px;}
#nav a:hover {text-decoration:underline; color:#000000; background:#90BDF7;}	
#nav .ActiveIndex {}
#nav .ActiveIndex a {color:#000000; font-weight:bold; text-decoration:none;}	
#nav .ActiveIndex a:hover {text-decoration:underline;}	
/* hack to fix float bug with IE/MAC - commented backslash hack hides rule on that browser \*/
#nav a {float:none; padding:5px 0px 5px 0px;}
/* hack to fix anchor width bug in IE/PC - width:.1em in #headerNav a */
#nav > ul a {width:auto;}

.sitemap {font-size: x-small; font-family: verdana, arial, sans; line-height:normal; margin:0px; padding:0px; vertical-align: top;}
.sitemap ul {margin-top:0px;}

.navWrapper {width:770px; clear:both;}
.nav {float:left; font-family: verdana, arial, sans; line-height:normal; margin:0px; padding:0px;}
.nav ul {margin:0px; padding:0px; list-style:none;}
.nav li {float:left; margin:0px; padding:0px; list-style:none; border-top-width:0px; border-right-width:1px; border-bottom-width:0px; border-left-width:1px; border-style:solid; border-color:#ffffff; text-align:center;} 
.nav a {display:block; float:left; background:#B5ceef; margin:0px; padding:5px 0px 5px 5px; color:#333399; font-size:xx-small; text-decoration:none; white-space:nowrap;}
.nav li .navHomeA {width:50px;}
.nav li .navDestA {width:104px;}
.nav li .navLifeA {width:113px;}
.nav li .navFoodWineA {width:106px;}
.nav li .navTourA {width:123px;}
.nav li .navSocietyA {width:129px;}
.nav li .navBeforeA {width:131px;}
.nav li .navSalesToolsA {width:104px;}
.nav li .navAllianceA {width:113px;}
.nav li .navPoliciesA {width:163px;}
.nav li .navBIOSA {width:85px;}
.nav li .navOffersA {width:110px;}
.nav li .navSalesStaffA {width:131px;}
.nav a:hover {text-decoration:underline; color:#000000; background:#90BDF7;}	
.nav .ActiveIndex {}
.nav .ActiveIndex a {color:#000000; font-weight:bold; text-decoration:none;}	
.nav .ActiveIndex a:hover {text-decoration:underline;}	
/* hack to fix float bug with IE/MAC - commented backslash hack hides rule on that browser \*/
.nav a {float:none; padding:5px 0px 5px 0px;}
/* hack to fix anchor width bug in IE/PC - width:.1em in #headerNav a */
.nav > ul a {width:auto;}

.navOFF {float:left; font-family: verdana, arial, sans; line-height:normal; margin:0px; padding:0px;}
.navOFF ul {margin:0px; padding:0px; list-style:none;}
.navOFF li {float:left; margin:0px; padding:0px; list-style:none; border-top-width:0px; border-right-width:1px; border-bottom-width:0px; border-left-width:1px; border-style:solid; border-color:#ffffff; text-align:center;} 
.navOFF a {display:block; float:left; background:#aaaaaa; margin:0px; padding:5px 0px 5px 5px; color:#333399; font-size:xx-small; text-decoration:none; white-space:nowrap;}
.navOFF li .navHomeA {width:50px;}
.navOFF li .navDestA {width:104px;}
.navOFF li .navLifeA {width:113px;}
.navOFF li .navFoodWineA {width:106px;}
.navOFF li .navTourA {width:123px;}
.navOFF li .navSocietyA {width:129px;}
.navOFF li .navBeforeA {width:131px;}
.navOFF li .navSalesToolsA {width:104px;}
.navOFF li .navAllianceA {width:113px;}
.navOFF li .navPoliciesA {width:163px;}
.navOFF li .navBIOSA {width:85px;}
.navOFF li .navOffersA {width:110px;}
.navOFF li .navSalesStaffA {width:131px;}
.navOFF a:hover {text-decoration:underline; color:#000000; background:#90BDF7;}	
.navOFF .ActiveIndex {}
.navOFF .ActiveIndex a {color:#000000; font-weight:bold; text-decoration:none;}	
.navOFF .ActiveIndex a:hover {text-decoration:underline;}	
/* hack to fix float bug with IE/MAC - commented backslash hack hides rule on that browser \*/
.navIN a {float:none; padding:5px 0px 5px 0px;}
/* hack to fix anchor width bug in IE/PC - width:.1em in #headerNav a */
.navIN > ul a {width:auto;}


/* ##### navigation bar flyouts ##### */
.flyout {position:absolute; width:175px; background:#ffffff; border-top-width:1px; border-right-width:1px; border-bottom-width:0px; border-left-width:1px; border-style:solid; border-color:#ffffff; z-index:2; visibility:hidden; background:#b5ceef;}
.flyout ul {margin:0px; padding:0px; list-style:none;}
.flyout li {margin:0px; padding:0px; list-style:none; border-top-width:0px; border-right-width:0px; border-bottom-width:1px; border-left-width:0px; border-style:solid; border-color:#ffffff;}
.flyout a {display:block; width:175px; font-family:verdana, arial, sans; font-size:xx-small; text-decoration:none; color:#333399; padding:5px;}
.flyout a:hover {text-decoration:underline; color:#000000; background:#90BDF7; padding-right:-5px;}


/* ##### homepage ##### */
#homepageColumnLeft {float:left; width:302px; margin:0px 3px 0px 0px;}
#homepageColumnRight {float:left; clear:right; width:302px; margin:0px 3px 0px 0px;}
.columnMargin {width:290px;}
.columnMarginFull {}
.homepageContent {margin:0px 0px 15px 0px;}

/* ##### destinations path ##### */
#destResultsNav {font-weight:bold; margin:0px 0px 10px 0px; background-color:#6FA399; color:#ffffff; padding:2px 0px 1px 5px; height:22px; clear:both; height:28px;}
#destResultsNav #left {position:relative; float:left; width:300px; color:#ffffff; font-weight:bold; margin:4px 0px 0px 0px;}
#destResultsNav #right {position:relative; float:left; width:300px; margin:0px 3px 0px 0px; text-align:right;}
.destResultsLeft {float:left; width:210px; margin:0px 10px 0px 0px;}
.destResultsRight {float:left; width:390px;}
.itinListItem {width:610px; clear:both;}
.itinListSpecial {margin:10px 0px 0px 0px; background-color:#eaeaea; padding:5px; clear:both;}
/* scrollbox */
body.iframe {width:288px; scrollbar-arrow-color:#666666; scrollbar-track-color:#81938A; scrollbar-base-color:#cccccc; scrollbar-3dlight-color: #666666; scrollbar-darkshadow-color:#666666; scrollbar-highlight-color:#cccccc; scrollbar-shadow-color:#cccccc; padding:5px;}
	iframe {border-top-width:0px; border-right-width:0px; border-bottom-width:2px; border-left-width:2px; border-style:solid; border-color:#81938A;}
/* Interactive maps */
/* mapImage {position:relative; width:460px; height:220px; text-align:center;} */
#largeMapImage {position:relative; width:720px; height:422px;}
#mapPopLayer {position:absolute; left:-275px; top:-150px; width:275px; height:150px; margin:20px 0px 20px 0px; background-color:#90a4a4; clip:rect(0px 0px 0px 0px); z-index:2;}
#mapPopTop {background-color:#ffffff;}
#mapPopBottom {}
#mapPopName {background-color:#90a4a4; padding:0px 0px 0px 5px; color:#ffffff; font-size:11px; font-weight:bold;}
#mapPopLink {background-color:#90a4a4; padding:0px 0px 0px 5px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:2px; border-style:solid; border-color:#ffffff;}
#mapPopHref {color:#ffffff; text-decoration:none; font-size:11px;}
.flyoutInfo {background-color:#90a4a4; height:20px; padding:0px 5px 0px 5px; color:#ffffff; font-size:11px;}


/* ##### tips & tools ##### */
#tipsTools {float:left; width:145px; font-family: verdana, arial, sans; font-size:xx-small; line-height:normal; margin:2px 0px 10px 0px; padding:0px;}
#tipsTools .contentSubheader {font-size:x-small;}
#tipsTools ul {margin:0px 0px 10px 0px; padding:0px; list-style:none; border-top-width:1px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:solid; border-color:#dddddd;}
#tipsTools li {margin:0px; padding:5px 0px 5px 0px; border-top-width:0px; border-right-width:0px; border-bottom-width:1px; border-left-width:0px; border-style:solid; border-color:#dddddd;}
#tipsTools a {margin:0px; padding:5px 0px 5px 0px; color:#555555; text-decoration:none;}
#tipsTools a:hover {color:#000000; text-decoration:underline;}	
#tipsTools .ActiveIndex {}
#tipsTools .ActiveIndex a {color:#000000; text-decoration:none;}	
#tipsTools .ActiveIndex a:hover {text-decoration:underline;}
#tipsTools .Photo {border:1px solid #000000;}
/* hack to fix anchor width bug in IE/PC - width:.1em in #headertipsTools a */
#tipsTools > ul a {width:auto;}


/* ##### grids ##### */
table.grid {border-collapse:collapse;}
table.grid td.grid {border-top-width:0px; border-right-width:0px; border-bottom-width:1px; border-left-width:0px; border-style:solid; border-color:#dddddd; padding:5px;}
table.gridTable {border-collapse:collapse;}
table.gridTable td.gridTable {border:1px solid #999999; padding:5px;}


/* ##### popups ##### */
body.popupBody {margin:0px; padding:0px; width:460px;}
body.popupBodyLarge {margin:0px; padding:0px; width:100%;}
#popupHeader {position:relative; clear:both; background:#B5CEEF; padding:5px; height:21px;}
	#popupHeader #left {float:left;}
	#popupHeader #right {float:right;}
#popupContent {margin:10px; padding:0px 0px 10px 0px; width:460px;}
	#popupContent #left {float:left; margin:0px 20px 0px 0px;}
	#popupContent #right {float:left;}
#popupContentLarge {margin:10px; padding:0px 0px 10px 0px;}
	

/* ##### buttons ##### */
.button {font-size:x-small; color:#ffffff; height:22px; background-color:#003366; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-style:double; border-top-color:#6699ff; border-right-color:#000033; border-bottom-color:#000033; border-left-color:#6699ff; padding:0px 2px 0px 2px;}
.buttonSmall {font-size:xx-small; color:#ffffff; background-color:#003366; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-style:double; border-top-color:#6699ff; border-right-color:#000033; border-bottom-color:#000033; border-left-color:#6699ff; padding:2px 0px 1px 0px;}


/* ##### forms #####*/
.formCell {padding:5px 10px 5px 0px;}


/* ##### frontdoors ##### */	
table .frontdoor {width:615px;}
.frontdoor td {width:295px; padding:5px 0px 5px 0px; border-top-width:0px; border-right-width:0px; border-bottom-width:1px; border-left-width:0px; border-style:solid; border-color:#dddddd;}
.frontdoor td.frontdoorMargin {width:25px; border:0px;}
.frontdoor td.frontdoorEmpty {border:0px;}
.frontdoor td div {float:left; width:155px;}
.frontdoor td div.frontdoorSubheader {width:100%; margin:0px 0px 5px 0px; clear:both;}
.frontdoor td div.frontdoorSmall {width:100%; margin:0px 0px 5px 0px; font-size:x-small; clear:both;}
div.frontdoorSmall {width:100%; margin:0px 0px 5px 0px; font-size:x-small; clear:both;}

/* ##### horizontal tabs ##### */
#tabsHorzWrapper {width:613px; clear:both;}
#tabsHorz {float:left; width:100%; background:url(../images/tabBg.gif) repeat-x bottom; font-family: verdana, arial, sans; font-size:xx-small; line-height:normal; clear:left;}
#tabsHorz ul {margin:0px; padding:0px; list-style:none;}
#tabsHorz li {float:left; list-style:none; background:url(../images/tabLeft.gif) no-repeat left top; margin:0px; padding:0px 0px 0px 6px; border-bottom:1px solid #999999;}
#tabsHorz a {display:block; float:left; width:.1em; background:url(../images/tabRight.gif) no-repeat right top; padding:7px 15px 4px 6px; color:#ffffff; text-decoration:none; white-space:nowrap;}	
#tabsHorz a:hover {text-decoration:underline;}	
#tabsHorz .current {background-position:0% -150px; border-width:0;}
#tabsHorz .current a {background-position:100% -150px; padding-bottom:5px; color:#000000; text-decoration:none;}	
#tabsHorz .current a:hover {text-decoration:underline;}	
.tabContentContainer {border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:1px; border-style:solid; border-color:#999999; margin:0px; padding:0px 0px 0px 10px; clear:both;}
#tabContent {margin:0px 0px 5px 0px; padding:10px 0px 0px 0px; width:600px;}
/* IE/PC hack to correct buggy CLEAR behavior in #tabContentContainer */
* html body #tabContentContainer {clear:none;}
/* hack to fix float bug with IE/MAC - commented backslash hack hides rule on that browser \*/
#tabsHorz a {float:none;}
/* hack to fix anchor width bug in IE/PC - width:.1em in #tabsHorz a */
#tabsHorz > ul a {width:auto;}

/* ##### horizontal tabs 2.0 ##### */
table#tabs {border:0px; clear:both; border-collapse:collapse; width:610px;}
table#tabs td {vertical-align:top; background:#ffffff url(/images/tabRight.gif) no-repeat right top; padding:8px 15px 5px 10px; line-height:90%; border:1px solid #999999; border-top-width:0px; border-right-width:0px; border-left-width:0px;}
table#tabs td.left {width:5px; background:url(/images/tabLeft.gif) no-repeat left top; padding:0px; margin:0px; }
table#tabs td.leftCurrent {width:5px; background:url(/images/tabLeft.gif) no-repeat 0% -150px; padding:0px; margin:0px; border-width:0;}
table#tabs td.current {background-position:right -150px; border-width:0;}
	table#tabs td.current a {color:#000000}
table#tabs td.end {background:url(); padding:5px;}	
table#tabs td a {text-decoration:none;  font-family: verdana, arial, sans; font-size:xx-small; color:#ffffff;}
table#tabs td a:hover {text-decoration:underline;}

	
/* ##### site search results ##### */
#searchResultsNav {font-weight:bold; margin:0px 0px 10px 0px; background-color:#81938A; color:#ffffff; padding:2px 0px 1px 5px; height:22px; clear:both;}
#searchResultsNav #left {float:left; color:#ffffff;}
#searchResultsNav #right {float:right; color:#ffffff; margin:0px 5px 0px 0px;}
.searchResult {font-weight:normal; text-transform:capitalize; margin:0px 0px 20px 0px;}
.searchResultLink {font-weight:bold;}
a.searchResultsNumber {color:#ffffff; font-weight:normal;}
a.searchResultsNumber:hover {color:#ffffff;}
a.searchResultsPage {font-weight:normal; color:#ffffff; text-decoration:none;}
a.searchResultsPage:hover {color:#ffffff; text-decoration:underline;}


/* ##### press releases ##### */
#pressArchiveNav {position:relative; float:left; margin:10px 0px 10px 0px; padding:0px 0px 10px 0px; border-top-width:0px; border-right-width:0px; border-bottom-width:1px; border-left-width:0px; border-style:solid; border-color:#dddddd;}
#pressArchiveNav #left {position:relative; float:left; width:390px;}
#pressArchiveNav #right {position:relative; float:left; width:200px; height:65px; background:#BCC8C2;}
#press_contact {border:1px solid #000000; padding:10px; margin:10px 0px 0px 0px;}
.contact_div {margin:10px 0px 0px 0px; font-size: xx-small;}
.contact_div .gbp_company { font-size: larger; }
.contact_div .gbp_subtitle { font-size: smaller; text-transform: lowercase; }
#pressList {margin:0px; padding:15px 0px 0px 0px;}
#pressList ul {margin:0px; padding:0px; list-style:none;}
#pressList li {margin:0px; padding:0px 0px 15px 0px; list-style:none; color:#999999;}
/* #pressList a {margin:0px; padding:0px 0px 2px 0px; text-transform:lowercase;} */
#pressList a {margin:0px; padding:0px 0px 2px 0px;}
#pressList a:hover {}	


/* ##### special offers ##### */
#specialOfferTable table {border-collapse:collapse; margin:0px 0px 20px 0px; width:100%;}
#specialOfferTable th {color:#ffffff; font-weight:bold; padding:4px; text-align:left; font-size:x-small; background-color:#336699;}
#specialOfferTable td {width:200px; vertical-align:top; padding:4px 4px 10px 4px; border-top-width:0px; border-right-width:0px; border-bottom-width:1px; border-left-width:0px; border-style:solid; border-color:#dddddd; font-size:x-small;}

/* ##### Special offer detail pages ##### */
.strikethru					{color:Red; text-decoration: line-through;}
.strikethru span			{color:#000000; text-decoration: none;}

.specialOfferDetail								{width:615px;}
.specialOfferDetail	table.specialOfferTable		{border-collapse:collapse; margin:0px 0px 20px 0px; width:100%;}
.specialOfferDetail	th.specialOfferTable		{color:#ffffff; font-weight:bold; padding:4px; text-align:left; font-size:x-small; background-color:#336699;}
.specialOfferDetail	td.specialOfferTable		{padding:4px; border-top-width:0px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-style:solid; border-color:#999999; font-size:x-small;}

.agentSpecialOfferDetail							{width:615px;}
.agentSpecialOfferDetail table.specialOfferTable	{border-collapse:collapse; margin:0px 0px 20px 0px; width:100%;}
.agentSpecialOfferDetail th.specialOfferTable		{color:#ffffff; font-weight:bold; padding:4px; text-align:left; font-size:x-small; background-color:#336699;}
.agentSpecialOfferDetail td.specialOfferTable		{padding:4px; border-top-width:0px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-style:solid; border-color:#999999; font-size:x-small;}


/*Special Offers */
.layout1 #spotlight_columnLeft {width:295px; padding:0px 10px 0px 0px;}
.layout1 #spotlight_columnRight {width:295px; padding:0px 0px 0px 10px;}

.layout2 #spotlight_columnLeft {width:295px; padding:0px 10px 0px 0px;}
.layout2 #spotlight_columnRight {width:295px; padding:0px 0px 0px 10px;}

.layout3 #spotlight_columnLeft {width:50%; padding:0px 10px 0px 0px;}
.layout3 #spotlight_columnRight {width:50%; padding:0px 0px 0px 10px;}



.landingPageBox						{padding:15px;}
.landingPageBox td					{font-size:12px; line-height:14px;}
.landingPageBox li					{font-size:12px; line-height:14px;}
.landingPageBox div.footnoteText	{color:#000000; font-family:Verdana,Arial,sans-serif; font-size:9px; line-height:10px; padding-top:5px;}
.landingPageBox p					{margin:15px 0px 0px 0px;}

/*Landing Page -- Layout 1 */
.layout1							{width:679px; font-size:11px;}
.layout1 td.captionText				{color:#36A59E; font-family:Serif; font-size:32px; line-height:37px; padding-bottom:15px;}
.layout1 div.headerText				{color:#000000; font-family:Verdana,Arial,sans-serif; font-size:16px; line-height:20px;}
.layout1 table.specialOfferTable	{border-collapse:collapse; width:329px;}
.layout1 th.specialOfferTable		{color:#ffffff; font-weight:bold; padding:4px; text-align:left; font-size:11px; line-height:13px; background:url(/images/landing/cruise_table_header_329x40.gif) no-repeat;}
.layout1 td.specialOfferTable		{padding:1px 1px 1px 2px; border-top-width:0px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-style:solid; border-color:#999999; font-size:12px;}

.layout1 td.landingPage_columnLeft	{width:340px; margin:0px; padding:0px 5px 0px 0px; vertical-align:top;}
.layout1 td.landingPage_columnRight	{width:334px; margin:0px; padding:0px 0px 0px 5px; vertical-align:top;}

.layout1 table.CornerTable	{width:679px; margin:0px; padding:0px;}
.layout1 td.LinkCell		{width:130px; vertical-align:bottom;}
.layout1 td.AwardCell		{width:210px; vertical-align:bottom; text-align:center;}
.layout1 td.PhoneCell		{width:auto; padding:0px 0px 0px 5px; font-weight:bold; vertical-align:bottom;}
.layout1 td.LogoCell		{width:125px; padding:0px 0px 0px 5px; vertical-align:bottom;}


/* ##### crystal society ##### */
/* rewards table */
#rewardsWrapper {position:relative;}
#rewardsControls {position:absolute; width:615px; top:0px; left:0px; z-index:1; border:1px solid #999999; background:#eaeaea;}
#rewardsMore {position:relative; float:left; clear:both;}
#rewardsMoreCheckbox {position:relative; clear:both;}
#rewardsMoreButton {float:left; margin:0px 5px 0px 0px; width:15px; height:15px;}
#rewardsMoreLink {float:left;}
#rewardsTable {position:absolute; width:615px; top:0px; left:0px; background:#ffffff; z-index:1;}


/* ##### how to book ##### */
#agent_tab1Layer {display:block; padding:10px 0px 0px 0px;}
#agent_tab2Layer {display:none; padding:10px 0px 0px 0px;}
#agent_tab3Layer {display:none; padding:10px 0px 0px 0px;}
#howtobookBody {margin:10px 0px 20px 0px;}


/* ##### deck plans  ##### */
#tourMedia {float:left; width:300px; margin:0px 15px 0px 0px;}
#tourInfo {float:left; width:300px;}
#tourColumnLeft {float:left; width:300px; height:1400px; margin:0px 15px 0px 0px;}
#tourColumnRight {float:left; width:300px;}

.deckplanWrapper {position:relative; width:300px; font-size:1.2em;}
.deckplanTabContainer {position:absolute; left:0px; top:0px; width:100px; background-color:#ffffff; z-index:3;}

.deckplanTabOn {position:absolute; left:0px; width:100px; height:50px; background:url(../images/tab_vertical_on.gif); background-repeat:no-repeat; padding:5px;}
.deckplanTabOff {position:absolute; left:0px; width:100px; height:50px; background:url(../images/tab_vertical_off.gif); background-repeat:no-repeat; padding:5px 5px 5px 10px;}

.tabVertA {text-decoration:none;}
.tabVertA:hover {text-decoration:none;}
.tabVertLinkOn {text-decoration:none; color:#ffffff; font-size:xx-small; font-weight:bold;}
.tabVertLinkOn:hover {text-decoration:underline; color:#ffffff;}
.tabVertLinkOff {text-decoration:none; color:#000000; font-size:xx-small; font-weight:normal;}
.tabVertLinkOff:hover {text-decoration:underline; color:#000000;}
.swatchImg {border:1px solid #ffffff;}
.swatchImg:hover {border:1px solid #0000ff;}

.deckplanImage {position:absolute; left:100px; top:0px; width:198px; border:1px solid #999999; z-index:2;}
#deckplanImage_instructions {position:relative; width:198px; height:40px; padding:5px 0px 0px 5px; clear:both;}
.deckplanImage_image {position:relative; width:198px;}



/* ##### bug fixes ##### /*
/* IE/PC bug fix - solves problem of form dropdowns appearing through flyout menus (documented z-index bug) */
#iframeFixLayer {position:absolute; left:0px; top:0px; border:0px; display:none;}
#ieFlyoutFixLayer {}
/* IE/Mac bug fix - solves FLOAT bug in that browser */
.macIeFix {display:none;}
form {margin:0px; padding:0px;}

/* ##### deck plans ##### */
.StateroomKey { height: 20px; color: #FFFFFF; font-family:verdana, arial, sans; font-weight:bold; font-size:xx-small; background-color: #000000; border-top: solid 2px #000000; border-left: solid 2px #000000; border-right: solid 2px #000000;}
.PlatinumAgencyFont { color: #2F6359; }

/* ##### shore excursions ##### */
.ExcursionComment { font-weight: bold; font-style: italic; }
.ExcursionPreview { color: red; }

/* ##### Image Gallery ##### */
.mediaLinks {line-height:160%; font-size:xx-small;}
.mediaLinks div {margin:0px 0px 5px 0px;}
.columnPhotoDescription {display:block; float:left; clear:left; width:260px; margin:5px 0px 0px 0px;}
.mediaCategory {background:#eaeaea; border:1px solid #666666;}
.mediaCategory table {width:600px; margin:5px; font-size:x-small;}
.mediaCategory table select {margin:0px 0px 0px 18px;}
.mediaNavigation {text-align:center; margin:10px 0px 0px 0px; padding:5px 0px 5px 0px; border-bottom:1px solid #cccccc; width:100%;}
#mediaContact {margin:20px 0px 0px 0px;}

.special_fare {color: #990000;}
.promo_fare {font-weight: bold; color: #003366;}
.success {color:#00aa00; padding:5px; margin:10px; border:1px solid #00aa00; background-color:#ddffdd;}

/* ##### Hotel / Land Program ##### */
.hotelprogram { margin-left:20px; }
.hotelprogram UL { margin: 0px 0px 0px 20px; padding: 0px; }
.hotelprogram .hotel_footnote {font-family:verdana, arial, sans; font-size:xx-small;}

/*** RSS Feed Button ***/
.RSSButton:link
{
    border:1px solid;
    border-color:#ffc8a4 #7d3302 #3f1a01 #ff9a57;
    padding:0px 3px 0px 3px;
    font:bold 10px verdana,sans-serif; 
    color:#FFFFFF; 
    background-color:#ff6600;
    text-decoration:none;
    margin:0px;
    vertical-align:middle;   
}
.RSSButton:hover
{
    border:1px solid;
    border-color:#ffc8a4 #7d3302 #3f1a01 #ff9a57;
    padding:0px 3px 0px 3px;
    font:bold 10px verdana,sans-serif; 
    color:#FFFFFF; 
    background-color:#ff6600;
    text-decoration:none;
    margin:0px;
    vertical-align:middle;
}
.RSSButton:visited
{
    border:1px solid;
    border-color:#ffc8a4 #7d3302 #3f1a01 #ff9a57;
    padding:0px 3px 0px 3px;
    font:bold 10px verdana,sans-serif; 
    color:#FFFFFF; 
    background-color:#ff6600;
    text-decoration:none;
    margin:0px;
    vertical-align:middle;
}

