html, body {height:100%}
*, html, body {margin:0px; padding:0px;}
body {font:11px Tahoma,Arial,sans-serif; color:#044565; background: #b6d3e1; text-align:center}
td, input, textarea, option, select {font:11px Tahoma,Arial,sans-serif; color:#00496a;}

img {border:0px solid;}
a {text-decoration:underline; color:#017397}
a:hover {text-decoration:none}
.reverse {text-decoration:none}
.reverse:hover {text-decoration:underline}
li {list-style-type:none}
.clear{clear:both; height:0px}
.oneHundredPercent {width:100%}
.red {color:#FF1B21}

#maxWidth {position:relative; height:"100%"; min-height:100%; margin:0 auto; margin-bottom:-71px; background: #004765; width:779px; text-align:left}
html>body #maxWidth {height:auto;}

#visual {height:357px; background: url(../img/visualBg.jpg) left top repeat-x}
#visual #logo {position:absolute; left:71px; top:25px; width:411px; height:70px;}
#visual #logo a {display:block; height:70px;}

#leftCol {float:left; width:545px;}
#rightCol {float:left; width:234px}
#bigCol {min-heght:10px; height:"10px"; float:left; width:100%;}

.inner {width:100% !important;}
.inner #textContent {margin:6px 30px 0 36px; background: #d3eef9 url(../img/textBotBg.gif) left bottom no-repeat; height:"10px";}
.inner #textContentBg {background: url(../img/cruisesTopBg.gif) left top repeat-x; padding-bottom:16px; padding-top:6px; padding-left:12px; min-height:110px; height:"120px"; padding-right:20px}
.inner #textContent h1 {font:18px Times New Roman; color:#fff; text-transform:uppercase; padding:0 0 26px 0; margin-bottom:10px; height:"10px";}
.inner #textContent ul {padding-bottom:14px}
.inner #textContent ul li {padding-bottom:6px;}
.inner #textContent ul li a {color:#004c61;}
.inner #textContent ul.classic {padding-left:30px}
.inner #textContent ul.classic li {padding-left:4px; list-style-type:square;}
.inner #textContent ul.classic2 {padding-left:20px}
.inner #textContent ul.classic2 li {padding-left:4px; list-style-type:square; padding:5px 30px 8px 0}
.inner #textContent ul.classic21 {padding-left:20px; padding-bottom:24px;}
.inner #textContent ul.classic21 li {padding-left:4px; list-style-type:square; padding:5px 30px 0 0}
.inner #textContent p {padding-bottom:20px; height:"2px"}
.inner #textContent p.title {padding-bottom:6px}
.inner #textContent p.tour {background: #bbd9e6; padding:14px; margin-right:20px; border:1px solid #616161; margin-bottom:20px}
.inner #textContent p.tour a {color:#616161; font-weight:bold; font-size:10px}
.inner #textContent .img {margin-bottom:20px}
.inner #textContent .imgLeft {float:left; margin:0 20px 10px 0}
.inner #textContent .cols2table {width:600px; margin-bottom:20px; margin-left:18px}
.inner #textContent .cols2table td {background: #bbd9e6; padding:5px}
.inner #textContent .cols2table td.strong {background: #47778b; color:#fff; font-weight:bold; padding:10px 5px}
.inner #textContent #cruisesTable {width:280px; float:right; margin:0 0 20px 20px}
.inner #textContent #cruisesTable table {width:100%}
.inner #textContent #cruisesTable td {padding:6px 10px; background: #47778b; font-size:10px; color:#fff}
.inner #textContent #cruisesTable .first td {background: #9ec0cf; color:#044565;}
.inner #textContent #cruisesTable .second td {background: #bbd9e6; color:#044565;}
.inner #textContent #leftPart {float:left; width:142px; width:"170px"; background: #bbd9e6; padding:14px; border:1px solid #616161; margin-right:20px}
.inner #textContent .broch {width:170px !important}
.inner #textContent #leftPart table {margin-bottom:20px; position:relative; left:-6px}
.inner #textContent #leftPart table td {vertical-align:top; padding:6px; background: #9ec0cf; font-size:10px}
.inner #textContent #rightPart {float:right; width:202px; width:"230px"; background: #bbd9e6; padding:8px 14px; border:1px solid #616161; font-size:10px; margin-left:10px}
.inner #textContent #rightPart ul {padding:0}
.inner #textContent #rightPart li {padding:2px 0}
.inner #textContent #leftPart #turs {width:100%}
.inner #textContent #fulltable td {padding:5px; background: #c0e4f3; vertical-align:top;}
.inner #textContent .oneHundredPercent2 {margin-left:192px; margin-left:"0"; width:"100%"; background: #9ec0cf; margin-bottom:20px}
.inner #textContent #brochureForm td {vertical-align:top; font:11px Tahoma; padding:4px 10px; background: #bbd9e6 !important;}
.inner #textContent h5 {padding-bottom:15px; font:bold 12px Tahoma;}
.inner #textContent #content-col1 {width:210px; float:left; margin-right:20px}
.inner #textContent #content-col2 {width:250px; float:left;}
.inner #textContent #content-col11 {width:340px; float:left; margin-right:40px}
.inner #textContent #content-col12 {width:250px; float:left;}
.inner #textContent #include-features {padding:0 20px}
.inner #textContent #include-features h5 {color:#FF6600}
.inner #textContent #include-features #include-feature-col1 {width:300px; float:left;}
.inner #textContent #include-features #include-feature-col2 {width:200px; float:right}
.inner #textContent #include-feature-content {padding:0 20px}
.inner #textContent #include-feature-content ul {padding-left:20px;}
.inner #textContent #include-feature-content ul li {list-style-type:square}
.inner #textContent #departure-rates {padding:0 20px}
.inner #textContent #departure-rates h5 {color:#FF6600}
.inner #textContent #departure-rates #departure-rates-col1 {width:300px; float:left;}
.inner #textContent #departure-rates #departure-rates-col2 {width:200px; float:right}
.inner #textContent #departure-rates-content {padding:0 20px}
.inner #textContent #departure-rates-content table th {padding:6px 10px; background: #bbd9e6; color:#044565; font-size:11px; text-align:center}
.inner #textContent #departure-rates-content table td {padding:6px 10px; background: #bbd9e6; color:#044565;}
.inner #textContent #departure-rates-content table td p {padding:3px}
.inner #textContent #departure-rates-content table .dark td {background: #9ec0cf;}

.inner #textContent .addCruiseItem {padding-bottom:20px;}
.inner #textContent .addCruiseItem .title {font:bold 12px Arial; padding-bottom:6px; padding-left:11px;}
.inner #textContent .addCruiseItem .title a {color:#996600;}
.inner #textContent .addCruiseItem .ship {padding-bottom:10px; font:11px Arial; padding-left:11px;}
.inner #textContent .addCruiseItem .ship a {font:bold 11px Arial;}
.inner #textContent .addCruiseItem .title2 {font-weight:bold; padding-bottom:4px; padding-left:11px;}
.inner #textContent .addCruiseItem table {width:320px;}
.inner #textContent .addCruiseItem table th {font:bold 11px Tahoma; background-color: #47778b; color:#fff;}
.inner #textContent .addCruiseItem table th, .inner #textContent .addCruiseItem table td {padding:5px 10px; text-align:left;}
.inner #textContent .addCruiseItem table td {background-color: #9ec0cf;}
.inner #textContent .addCruiseItem table .second td {background-color: #bbd9e6;}

.inner table.spec {margin-left:10px}
.inner table.spec th {padding:4px; font-size:11px !important; background: #bbd9e6; color:#044565;}
.inner table.spec td {padding:4px; font-size:11px !important; background: #bbd9e6; color:#044565;}

.inner #textContent #intinary {padding:20px 20px 0 20px;}
.inner #textContent #intinary-col1 {padding:0px; margin:0px}
.inner #textContent #intinary-col1 h5 {color:#FF6600}
.inner #textContent #intinary #intinary-col1 {width:300px; float:left;}
.inner #textContent #intinary #intinary-col2 {width:200px; float:right}
.inner #textContent #itinerary-container {padding:0 20px}

/* --- nav --- */

#topNav {height:33px; background: url(../img/navBg.gif) left top repeat-x; width:545px;}
#topNav #topNavBg {height:33px; background: url(../img/navBgLeft.gif) left top no-repeat;}
#topNav #topNavBg #nav {height:20px; background: url(../img/navBgRight.gif) right top no-repeat; padding:13px 0 0 50px; height:"33px"}
#topNav #nav li {float:left; padding-right:18px; position:relative; z-index:998 !important;}
/* Fix IE. Hide from IE Mac \*/ * html #topNav #nav li {float:left;} * html #topNav #nav li a {height:1%;} /* End */ 
#topNav #nav li a {display:block; color:#fff; text-decoration:none; float:"left"; z-index:999; font-size:10px; padding-right:10px; padding-bottom:4px}
#topNav #nav li.withSub a {background: url(../img/navArrow.gif) right 5px no-repeat;}
#topNav #nav li a.withSub2 {background: url(../img/navArrow.gif) 146px 10px no-repeat !important;}
#topNav #nav li a.withSub2:hover {background: #0d5472 url(../img/navArrow.gif) 146px 10px no-repeat !important;}
#topNav #nav li a:hover {color:#FFEB90; text-decoration:none;}

#topNav #nav li ul {border:1px solid #175b78; background: #004b6a; padding:6px 0 6px 0px; width:170px;}
#topNav #nav li ul li {float:none; padding:0px; border-bottom:1px solid #0d5472 !important}
#topNav #nav li ul li.lastLi, #topNav #nav li ul li.lastLi {border-bottom: 1px solid #004b6a !important;}
#topNav #nav li ul li a {background: none !important; padding:4px 20px 4px 5px; float:none; color:#cacaca !important; padding-left:15px;}
#topNav #nav li ul li a:hover {background: #0d5472 !important; color:#fff !important}
#topNav #nav li ul li a.withSub {background: url(../img/navArrowSub.gif) right 8px no-repeat !important; padding:3px 20px 3px 5px; float:none !important; border-bottom:1px solid #91D4FE !important;}
#topNav #nav li ul li a.withSub:hover {background: #80C9E8 url(../img/navArrowSubHover.gif) right 8px no-repeat !important; color:#fff !important}

/* first level */
#topNav #nav li .levelOne {display:none; position:absolute; left:-16px; top:16px; border-top:1px solid #45AAEB;}
#topNav #nav li:hover .levelOne {display:block; z-index:998 !important;}
#topNav #nav li.over .levelOne {display:block !important; z-index:998 !important;}
#topNav #nav li.over a {color:#FFEB90; text-decoration:none;;}

/* second level */
#topNav #nav li .levelOne .levelOne {left:146px; top:0px; z-index:999 !important; border-top:none}
#topNav #nav li:hover .levelOne .levelOne {display:none !important;}
#topNav #nav li.over .levelOne .levelOne {display:none !important;} 
#topNav #nav li .levelOne ul li:hover .levelOne {display:block !important;}
#topNav #nav li .levelOne ul li.over .levelOne {display:block !important;} 

/* --- end nav --- */

#cruises2007 {margin:10px 23px 0 24px; background: #d3eef9 url(../img/cruisesBotBg2.gif) left bottom no-repeat; min-height:10px; height:"10px";}
#cruises2007 .corner {background: url(../img/cruisesBotBg3.gif) right bottom no-repeat;}
#cruises2007 #cruises2007Bg {background: url(../img/cruisesTopBg.gif) left top repeat-x; padding-bottom:14px; padding-top:4px;}
#cruises2007 h1 {font:18px Times New Roman; color:#fff; text-transform:uppercase; padding-bottom:30px; padding-left:8px; height:"10px"}
#cruises2007 .item {float:left; margin-left:20px; margin-left:"10px"; padding:16px 0 0 0;}
#cruises2007 .item img {float:left; position:relative; top:-14px; margin-right:10px; margin-right:"20px";}
#cruises2007 .item a {font-size:13px}
#cruises2007 .details {float:right; background: url(../img/detailsGrayBg.gif) left 4px no-repeat; padding-left:20px; margin-right:30px; color:#626365;}

#advantage {margin:30px 23px 0 24px; background: #d3eef9 url(../img/cruisesBotBg2.gif) left bottom no-repeat;}
#advantage .corner {background: url(../img/cruisesBotBg3.gif) right bottom no-repeat;}
#advantage #advantageBg {background: url(../img/cruisesTopBg.gif) left top repeat-x; min-height:10px; height:"10px";}
#advantage h1 {font:18px Times New Roman; color:#fff; text-transform:uppercase; padding-bottom:30px; padding-left:8px; height:"10px"}
#advantage p {padding:16px 20px}
#advantage p strong {color:#1b5d7d}
#advantage img {float:left; margin-left:20px; margin-right:18px;}

#rightCol h1 {font:18px Times New Roman; color:#fff; text-transform:uppercase; padding-top:12px; padding-bottom:14px}
#rightCol .date {float:left; font-size:10px; color:#5c8ca3; background: url(../img/dateBg.gif) left top no-repeat; padding:2px 8px 3px 8px; margin-right:10px; margin-top:2px}
#rightCol .title {font-weight:bold; color:#7facbf; padding-bottom:10px; padding-right:20px}
#rightCol p.body {color:#588c9a; padding-bottom:20px; padding-right:20px}
#rightCol .details {float:right; padding-left:20px; background: url(../img/detailsBg.gif) left 4px no-repeat; margin-right:40px}

#footerPad {height:98px; clear:both;}

#footer {height:71px; position:relative; top:0px; width:779px; margin:0 auto; background: url(../img/footerBg.gif) left top repeat-x}
#footer #footerBg {height:71px; background: url(../img/footerLeftBg.gif) left top no-repeat}
#footer #footerBg2 {height:71px; background: url(../img/footerRightBg.gif) right top no-repeat}
#footer ul {padding-top:10px;}
#footer li {float:left; margin-left:90px; margin-left:"68px"; padding-bottom:6px}
#footer li a {color:#fff}
#footer p {color:#5887a1; padding-top:1px; font-size:10px}
#footer p strong {color:#c3ecfe}