/* === Page Content Block === */
.pageContent            {clear:both; width:980px; margin:0 auto;}
.pageContentLeft        {float:left; width:255px; margin-bottom:10px;}
.pageContentRight        {float:right; width:705px; margin-bottom:10px; padding-top:10px;}

/* === Left Legend Box ==== */
.leftLegend                {clear:both; width:255px; padding:20px 20px 0 0;}
.leftLegendTop            {width:254px; height:9px; background:url(/images/leftWhiteBoxTop.gif) no-repeat;}
.leftLegendBody            {padding:5px 10px 10px 10px; width:254px; background:url(/images/leftWhiteBoxBody.gif) repeat-y;}
.leftLegendBody p        {padding:10px 0 0 0; margin:0; font-size:14px; color:#0066cc;}
.leftLegendBody img        {padding:5px 10px 0 15px;}
.leftLegendBody div        {clear:both;}
.leftLegendEnd            {width:254px; height:9px; background:url(/images/leftWhiteBoxEnd.gif) no-repeat;}

.leftLinks                    {clear:both; width:255px; padding:20px 20px 0 0;}
.leftLinksTop                {width:254px; height:9px; background:url(/images/leftWhiteBoxTop.gif) no-repeat;}
.leftLinksBody                {padding:5px 10px 10px 10px; width:254px; background:url(/images/leftWhiteBoxBody.gif) repeat-y;}
.leftLinksBody p            {padding:5px 0 5px 10px; margin:0; font-size:12px; color:#0066cc;}
.leftLinksBody p a          {color:#0066cc; text-decoration:none;}
.leftLinksBody p a:hover    {text-decoration:underline;}
.leftLinksBody div            {clear:both;}
.leftLinksEnd                {width:254px; height:9px; background:url(/images/leftWhiteBoxEnd.gif) no-repeat;}
#infoDialog_trusted            {display: none;}
#infoDialog_trusted p            {padding: 0px; margin: 0;}

/* === Center Detail Header ==== */
.detailHeader                {}
.detailHeaderTop            {width:704px; height:9px; background:url(/images/centerWhiteBoxTop.gif) no-repeat;}
.detailHeaderBody            {width:704px; background:url(/images/centerWhiteBoxBody.gif) repeat-y;}
.detailHeaderEnd            {width:704px; height:9px; background:url(/images/centerWhiteBoxEnd.gif) no-repeat;}
.detailHeaderLeft           {float:left;}
.detailHeaderLeft p         {padding:0 0 0 15px; margin:0; font-size:14px; color:#0066cc; text-align:center;}
.detailHeaderLeft h1        { font-size:18px; padding-left:10px;}

.detailHeaderRight          {float:right;}
.detailHeaderRight p        {padding:0 15px 0 0; margin:0; font-size:12px; color:#0066cc;}
.detailHeaderRight p a      {color:#0066cc; text-decoration:none;}

/* === Center Detail Box ==== */
.detailBox                  {clear:both; padding:20px; margin:20px 0 0 0; width:664px; border:#94bfea 1px solid; background:#edf4fb;}
.detailBoxClassLeft            {height:15px; background:url(/images/shipTypeLeftBG.gif) left no-repeat;}
.detailBoxClassRight        {height:15px; background:url(/images/shipTypeRightBG.gif) right no-repeat;}
.detailBoxClassRight p      {padding:0 5px; margin:0; font-size:11px; color:#fff; text-align:center;}
.detailBoxLeft                {float:left; width:230px;}
.detailBoxLeftPhoto            {}
.detailBoxLeftIco            {padding-top:10px;}
.detailBoxRight                {float:right; width:420px;}
.detailBoxInfo                {padding:0 0 5px 0; margin:0; font-size:12px; color:#666666; font-weight:bold;}
.detailBoxInfo a            {font-size:12px; color:#333333; font-weight:bold; text-decoration:none;}
.detailBoxInfo strong        {font-size:12px; color:#333333;}
.detailBoxInfo strong a     {font-size:12px; color:#333333; text-decoration:underline; font-weight:900}

.detailBoxInfoLeft            {float:left; width:130px;}
.detailBoxInfoRight            {float:right; width:280px; text-align:left;}
.detailBoxIco                {padding:5px 0; margin:0;}
.detailBoxIco img            {padding:0 5px 0 0;}

/* === Cruise Detail Tab Menu === */
.tabBoxMenu                 {padding:0; margin:0; list-style:none;}
.tabBoxMenuLine             {position:absolute; width:704px;}
.tabBoxMenuLink             {float:left; margin-right:10px; height:40px; background:url("/images/detailTabMenuStart.gif") top left no-repeat;}
.tabBoxMenuLink div         {height:40px; background:url("/images/detailTabMenuEnd.gif") top right no-repeat;}
.tabBoxMenuLink p            {padding:11px; margin:0; color:#999; font-size:13px; font-weight:bold;}
.tabBoxMenuLink a           {display:block; color:#6ea0dd; font-size:13px; font-weight:bold; text-decoration:none;}
.tabBoxMenuLink a:hover     {color:#E15A00;}
.tabBoxMenuLinkV            {float:left; margin-right:10px; height:40px; background:url("/images/detailTabMenuVStart.gif") top left no-repeat;}
.tabBoxMenuLinkV div        {height:40px; background:url("/images/detailTabMenuVEnd.gif") top right no-repeat;}
.tabBoxMenuLinkV p            {padding:11px; margin:0; color:#999; font-size:13px; font-weight:bold;}
.tabBoxMenuLinkV a          {display:block; color:#E15A00; font-size:13px; font-weight:bold; text-decoration:none;}
.tabBoxMenuLinkV a:hover    {color:#6ea0dd;}
.tabBoxContentLine          {padding-top:39px;}

/* === Cruise Detail Tab Box === */
.tabBox                 {clear:both; padding-top:10px;}
.tabBoxContent          {clear:both;}
.tabBoxTop              {width:704px; height:9px; background:url("/images/detailTabBoxTop.gif") top left no-repeat;}
.tabBoxBody             {width:704px; background:url("/images/detailTabBoxBody.gif") top repeat-y;}
.tabBoxBodyIntro        { padding-right:30px; padding-left:30px; margin:0; font-size:12px; color:#0066cc;}
.tabBoxEnd              {width:704px; height:9px; background:url("/images/detailTabBoxEnd.gif") top left no-repeat;}

/* === Detail Box === */
.detailTab                            {}
.detailTabDescription                {padding:10px 20px;font-size:13px; color:#0066cc;}
.detailTabDescription h2            {padding:0 0 10px 0; margin:0; font-size:14px; color:#0066cc;}
.detailTabDescription h3            {padding:0 0 10px 0; margin:0; font-size:13px; color:#0066cc;}

.detailTabDescription p                {padding:0; margin:0; font-size:13px; color:#0066cc;}
.detailTabCruises                    {padding:10px 20px;}
.detailTabCruises h3                {padding:0; margin:0; font-size:14px; color:#0066cc;}
.detailTabCruises th p                {padding:10px 0 5px 0; margin:0; font-size:14px; font-weight:bold; color:#006622;}
.detailTabCruisesText                {padding:5px 0; margin:0; line-height:23px; font-size:12px; color:#0066cc; font-weight:bold;}
.detailTabCruisesText a             {padding:5px 0; margin:0; line-height:23px; font-size:12px; color:#0066cc; font-weight:bold; text-decoration:none;}
.detailTabCruisesDesc                {padding: 0 0 5px 0; margin: 0; font-size: 12px; color:#0066cc; text-align: justify;}
.detailTabCruisesPrice                {padding:5px 0; margin:0; line-height:23px; font-size:13px; color:#E15A00; font-weight:bold;}
.detailNoResultMesssage                {padding:40px;}
.detailNoResultMesssage p            {padding:0; margin:0; font-size:13px; color:#0066cc; text-align:center;}
.detailTabCruisesRows                {cursor:pointer;}
.detailTabCruisesPager                {clear:both; height:25px; padding:10px 0;}
.detailTabCruisesPagerMessage        {float:left; line-height:25px; padding:0 0 0 10px; margin:0;}
.detailTabCruisesPagerMessage span    {font-size:14px; color:#0066cc; font-weight:bold;}
.detailTabCruisesPagerList            {float:right; padding:0 10px 0 0; margin:0;}
.detailTabCruisesPagerPage            {float:left; margin:0 0 0 5px; height:25px; background:url(/images/pagerPageLeftBG.gif) left no-repeat;}
.detailTabCruisesPagerPage p        {padding:0 5px; margin:0; line-height:25px; display:inline; font-size:12px; color:#0066cc;}
.detailTabCruisesPagerPage p a        {color:#0066cc; text-decoration:none;}
.detailTabCruisesPagerPageEnd        {height:25px; background:url(/images/pagerPageRightBG.gif) right no-repeat;}
.detailTabCruisesPagerLine            {clear:both; height:1px; background-color:#c6ddf4;}
.resultDetailBoxInfoOrange       {padding:0 0 5px 0; margin:0; font-size:12px; color:#666666;}
.resultDetailBoxInfoOrange strong {font-size:12px; color:#E15A00; font-weight:bold;}
.resultDetailSoldoutinfo        { padding:5px; background-color:red; color:white; font-size:12px; font-weight:bold;}



/* === Detail Box Cruise Information ==== */
.detailTabDetailBox                    {width:640px; padding:10px; margin-bottom:10px; background-color:#edf4fb; border:#77ade4 1px solid; border-top:0px;}
.detailTabDetailHeadLeft            {float:left; padding:0 5px 5px 5px; margin:0; line-height:25px; font-weight:bold;  font-size:14px; color:#0066cc;}
.detailTabDetailHeadRight            {float:right;}
.detailTabDetailBoxLeft                {float:left; width:230px;}
.detailTabDetailBoxLeftPhoto        {}
.detailTabDetailBoxLeftIco            {padding-top:10px;}
.detailTabDetailBoxRight            {float:right; width:410px;}
.detailTabDetailBoxInfo                {padding:0 0 5px 0; margin:0; font-size:12px; color:#666666;}
.detailTabDetailBoxInfo strong        {font-size:12px; color:#333333;}
.detailTabDetailBoxIco                {padding:5px 0; margin:0;}
.detailTabDetailBoxIco img            {padding:0 5px 0 0;}
.detailTabDetailBoxTrce                {padding:5px 0 0 0; margin:0; font-size:12px; color:#666666;}
.detailTabDetailBoxTrce strong        {font-size:12px; color:#333333;}
.detailTabDetailBoxPrice            {float:left; padding:10px 10px 0 0;}
.detailTabDetailBoxPrice p            {padding:0 0 5px 0; margin:0; font-size:14px; color:#003366; font-weight:bold;}
.detailTabDetailBoxPriceLeft        {height:24px; background:url(/images/priceLeftBG.gif) left no-repeat;}
.detailTabDetailBoxPriceRight        {height:24px; background:url(/images/priceRightBG.gif) right no-repeat;}
.detailTabDetailBoxPriceRight p        {padding:0 5px; margin:0; font-size:13px; color:#fff; line-height:24px; font-weight:bold;}
.detailTabDetailBoxButton            {padding:20px 0 0 0;}

/* === Webcam Box Cruise Information ==== */
.webcamTab                    {}
.webcamTabInfo                {width:610px; padding:10px; margin:0 35px 0 35px; background-color:#edf4fb; border:#77ade4 1px solid;}
.webcamTabInfoLine            {float:left; padding:0 70px 0 20px;}
.webcamTabInfoLine p        {padding:2px; margin:0; font-size:12px; color:#003366;}
.webcamTabInfoLineLeft        {float:left;}
.webcamTabInfoLineRight        {float:right;}
.webcamTabCams                {text-align:center; padding-top:10px;}
.webcamTabCams img            {margin:5px 0; border:3px double #77ade4;}

/* === Location Box Cruise Information ==== */
.locationTob                {}
.locationTobInfo            {width:610px; padding:10px; margin:0 35px 0 35px; background-color:#edf4fb; border:#77ade4 1px solid;}
.locationTobInfoLine        {float:left; padding:0 70px 0 20px;}
.locationTobInfoLine p        {padding:2px; margin:0; font-size:12px; color:#003366;}
.locationTobInfoLineLeft    {float:left;}
.locationTobInfoLineRight    {float:right;}
.locationTobMap                {width:610px; height:464px; padding:10px; margin:10px 35px 0 35px; background-color:#edf4fb; border:#77ade4 1px solid;}
#map_canvas                    {width:610px; height:464px;}

/* === Photo Gallery Box Cruise Information ==== */
#gallery                    {padding:0 0 0 10px; width:685px; height:464px;}
.memberUpload                {padding:10px; margin:10px 10px 0 10px; border:1px solid #98c1eb;}
.memberUploadFile            {padding:0 0 3px 113px;}
.memberUploadLabel            {float:left; text-align:right; width:100px;}
.memberUploadLabel p        {padding:4px 0 0 0; margin:0; font-size:14px; color:#0066cc; font-weight:normal;}
.memberUploadField            {float:right; padding-top:3px; text-align:left; width:550px; height:25px; background:url("/images/infoBoxIntupBG.gif") top left no-repeat;}
.memberUploadField input    {font-size:12px; color:#0066cc; width:340px; margin:0px 0 0 5px; border:0px none;}
.memberUploadButton            {padding-left:113px;}
.memberUploadMessage        {padding:3px 0 5px 113px; font-size:14px; color:#0066cc; font-weight:normal;}
.guestUpload                {padding:10px 300px;}

/* === Deckplane Box Cruise Information ==== */
.deckplanTab                {}
.deckplanTab img            {padding:10px 0 0 60px;}
.deckplanTab h2                {padding:10px 0; margin:0; font-size:16px; color:#E15A00; text-align:center; font-weight:normal;}
.deckplanTabNoMessage         {padding:20px 0; margin:0; font-size:12px; color:#003366; text-align:center;}
.deckplanTabLeft            {float:left;}
.deckplanTabRight            {float:right; padding-right:60px;}
.deckplanTabRight p            {padding:5px 5px; margin:0; font-size:12px; color:#003366;}
.deckplanTabRight p a        {color:#0066cc; text-decoration:none;}
.deckplanTabRight p a:hover    {text-decoration:underline;}
.deckplanTab table            {border-width:1px; border-style:solid; border-color:black; border-collapse:separate;}
.deckplanTabTableLine        {border-bottom:1px solid black;}
.deckplanTabRows            {background-color:#efefef;}
.deckplanTabRowsS            {background-color:#fff;}

/* === Kabine Box Cruise Information ==== */
#line_1                        {border-top:#87b2e3 1px solid;}
#line_4                        {border-bottom:#87b2e3 1px solid;}
.kabinsList                    {padding:10px 10px 0 10px;}
.kabinsList h2                {padding:0 0 15px 0; margin:0; font-size:19px; color:#0066cc; font-weight:normal;}
.kabinsListDesc                {padding:15px 0 0 10px; margin:0; font-size:13px; color:#0066cc;}
.kabinsListLineInfo            {height:60px; border-left:#87b2e3 1px solid; border-right:#87b2e3 1px solid;}
.kabinsListLineInfoH        {cursor:pointer;}
.kabinsListLine                {background:#87b2e3; height:1px;}
.kabinsListType                {float:left; line-height:60px;}
.kabinsListType p            {padding:0 0 0 20px; margin:0; font-size:15px; font-weight:bold; color:#E15A00;}
.kabinsListButton            {float:right; padding:17px 20px 0 0; line-height:60px;}
.kabinsListTableHeadName    {padding:0 0 0 6px; margin:0; font-size:15px; font-weight:bold; color:#E15A00;}
.kabinsListTableHeadClose    {padding-right:7px;}
.kabinsListList                {border-right:#87b2e3 1px solid; border-left:#87b2e3 1px solid; background:#edf4fb; text-align:center;}
.kabinsListListF            {border-top:#87b2e3 1px solid;}
.kabinsListListL            {border-bottom:#87b2e3 1px solid;}
.kabinsListListSub            {height:40px;}
.kabinsListListSub p        {padding:0; margin:0; font-size:14px; font-weight:bold; color:#003366;}
.kabinsListClass            {width:34px; height:24px; background:url("/images/detailCabineCodeBG.gif") top left no-repeat;}
.kabinsListClass p            {padding:0; margin:0; font-size:14px; font-weight:bold; color:#fff; line-height:24px; text-align:center;}
.kabinsListClassDesc        {width:650px;font-size:12px; font-weight:normal; color:#666666; text-align:left; line-height:normal;}
.kabinsListClassDesc p        {padding:0 0 10px 0; margin:0; font-size:12px; font-weight:normal; color:#666666; text-align:left; line-height:normal;}

/* === Reting Form Content === */
.ratingTab h3            {padding:10px 0 10px 30px; margin:0; font-size:19px; color:#E15A00;}
.ratingTabLine            {padding:3px 30px 15px 30px; margin:0; }
.ratingTabLine h2        {padding:0 0 3px 0; margin:0; font-size:17px; color:#0066cc;}
.ratingTabLabel            {float:left; padding:11px 15px 0 0; width:230px; font-size:15px; color:#0066cc; text-align:right; font-weight:bold;}
.ratingTabField            {float:left; width:100px;}
.ratingTabInput         {background: rgba(0, 0, 0, 0) url("/images/infoBoxIntupBG217.gif") no-repeat scroll left top; margin-top:15px; float: left;height: 35px; padding-top: 3px; text-align: left; width: 225px;}
.ratingTabInput input   {border: 0 none;color: #0066cc; font-size: 14px;margin: 0 0 0 5px;width: 205px;}
.ratingTabLineHelp        {padding:0 0 10px 0; margin:0; font-size:11px; color:#0066cc;}
.ratingTabLineLabel        {float:left; padding:0; margin:0; font-size:12px; color:#0066cc; font-weight:bold;}
.ratingTabLineRate        {float:left; padding-left:10px;}
.ratingTabTextStart        {float:left; height:10px; margin:5px 0 0 0; padding-top:3px; width:700px;  background:url("/images/infoBoxTextBG1_top.gif") top left no-repeat;}
.ratingTabText            {float:left; margin:0; padding:0; width:700px; background:url("/images/infoBoxTextBG1_content.gif") top left repeat-y;}
.ratingTabTextEnd        {float:left; height:10px; margin:0; padding:0; width:700px; background:url("/images/infoBoxTextBG1_bottom.gif") top left no-repeat;}
.ratingTabText textarea    {font-size:13px; color:#0066cc; margin:0 0 0 10px; padding:0; width:575px; height:75px; border:0px none;}
.ratingTabLineButton    {margin:0 auto; width:133px;}
.ratingTabLineMessage    {padding:3px 0 5px 0; font-size:14px; font-weight:bold;  color:#e15a00; text-align:center;}

/* === Rating Detail Box === */
.ratingDetailHeader                {padding:5px 10px;}
.ratingDetailHeader h2            {padding:0; margin:0; font-size:14px; color:#0066cc;}
.ratingDetailContent            {padding:5px 10px;}
.ratingDetailContent p            {padding:5px 0 3px 0; margin:0; font-size:12px; color:#333333;}
.ratingDetailContent h2            {padding:0 0 3px 0; margin:0; font-size:14px; color:#0066cc;}
.ratingDetailContentLeft        {float:left;}
.ratingDetailContentLeft p        {padding:2px 10px 0 0; margin:0; font-size:12px; color:#0066cc; text-align:right; font-weight:bold;}
.ratingDetailContentCol            {float:left; width:340px;}
.ratingDetailContentTop            {padding:5px 10px;}
.ratingDetailContentColLabel    {float:left; width:150px;}
.ratingDetailContentColLabel p    {padding:5px 10px 3px 0; margin:0; font-size:12px; color:#0066cc; text-align:right; font-weight:bold;}
.ratingDetailContentColValue    {float:left; width:180px;}
.ratingDetailContentColValue p    {padding:5px 0 3px 0; margin:0; font-size:12px; color:#0066cc; font-weight:bold;}

.findcruisesbutton {width:269px; height:33px; margin-right:15px; background:url(/images/orangebutton_270.png);background-repeat:no-repeat; vertical-align:middle; text-align:center;padding-top:6px;}
.findcruisesbutton a { color:white; font-weight:bold; text-decoration:none; font-size:13px; }

/* === Image Gallery On First Tab === */
.photos_list                    {padding: 10px 0 0 3px;}
.photos_list img                {margin: 0 0 5px 5px; padding: 2px; border: solid 1px #EFEFEF;}
.photos_list a:hover img        {border: solid 1px #CCC; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999;}
.photos_list h2 {    color: #0066cc;font-size: 15px; margin: 0;padding: 40px 10px 10px;}

.plans_list                     {padding: 10px 0 0 3px;}
.plans_list img                 {margin: 0 0 5px 50px; padding: 2px; border: solid 1px #EFEFEF;}
.plans_list a:hover img         {border: solid 1px #CCC; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999;}
.plans_list h2 {    color: #0066cc;font-size: 15px; margin: 0;padding: 40px 10px 10px;}

.imgPopUp                        {display: none; background-color: #fff; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 25px 5px #999; color: #111; display: none; min-width: 450px; padding: 20px}
.imgPopUp .button                {background-color: #0a68c6; border-radius: 7px 7px 7px 7px; box-shadow: none; font: bold 100% sans-serif; padding: 0 6px 2px; position: absolute; right: -7px; top: -7px; color: #fff; cursor: pointer; display: inline-block; text-align: center; text-decoration: none}
.imgPopUp .button:hover            {background-color: #1e1e1e}
.imgPopUp .button>span          {font-size: 84%}
.imgPopUp div                   {width: 450px; text-align: center;}



#shipImages {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 25px 5px #999;
    color: #111;
    display: none;
    margin-top: 50px;
    max-height: 600px;
    min-width: 450px;
    padding: 20px;
}
#shipImages .button {
    background-color: #0a68c6;
    border-radius: 7px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: bold 100% sans-serif;
    padding: 0 6px 2px;
    position: absolute;
    right: -7px;
    text-align: center;
    text-decoration: none;
    top: -7px;
}

#tooshort {display:none;}
#tooshort span {  color:#e15a00; font-size:12px; }