/* base.css,v 1.0 06/23/2006 */ /*-------------------------------------------------- These styles are used to structure your base template. --------------------------------------------------*/ * {font-family: Arial, Helvetica, sans-serif;font-size:100%;} body.body, body.default {background:#ffffff;padding: 0px;margin: 0 0 0 10px;} body{background:#ffffff;padding: 0px;margin-top:10px;margin-left:10px;} body{margin:10px auto 0px auto; max-width:790px;} .clear {clear:both} .sideColor {background:#C0EAFE;} /* Begin HEADER */ #header {text-align:left;font-size:.69em;width:790px;background:url("../images/shad_head2.gif") no-repeat;position:relative;} #header img{border: 0;z-index:6} #headernum {z-index:3;position:absolute;width:300px;text-align:right;top: 17px;left:483px;} #logo {position:absolute;float:left;z-index:1;margin:0;} #guarantee {z-index:1;position:absolute;left:284px;top:0px} /* Begin: Nav Accounts links */ #navAccount ul {position:relative;list-style:none;margin:0;padding:62px 5px 5px 0;color:#777;text-align:right;} #navAccount {padding:0;} #navAccount li {display:inline;font-size:1em} #navAccount a:link,#navAccount a:visited,#navAccount a:hover,#navAccount a:active {margin:0;padding:0 5px;color:#777;text-decoration:none;font-size:1em;} #navAccount a:hover {text-decoration: underline;} /* GLOBAL NAV */ #skipNav {display:none;} #skip {clear:both;} #mainNav {z-index:4;height:24px;background:url("../images/shad_nav.gif") repeat-y;padding:0;margin:0;} #mainNav #mainNavContent {padding-left:12px;float:left;width:790px;} #mainNav #mainNavContent div {float:left;padding:0;margin:0;} #mainNav #mainNavContent #onColor {background:#C0EAFE;} #mainNav #mainNavContent #onColor a{ background:#C0EAFE;color:#000000; line-height:24px;padding:0;margin:0;} #mainNav div br{float:none;clear:both} #mainNav div a:hover {color:#ff9900; } #mainNav div a {display:block;float:left;font-size:1.1em;line-height:2em;padding:0px;color:#fff;text-decoration:none;font-weight:700;} #mainNav ul {visibility:hidden;position:absolute;list-style:none;padding:0;margin:0;background:#5AB7FA;width:12em;} #mainNav ul li {padding:0;margin:0;display:inline;list-style:none;background:#5AB7FA;font-size:1em;} #mainNav li a {margin:0;font-size:1em;line-height:1.8em;border-bottom:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;font-weight:300;color:#000;padding:0 8px;display:block;background:#5AB7FA;width:12em;} #mainNav li a:hover {background:#5AB7FA;color:#ffffff;} #mainNav .navOver {color:#ff9900;} #mainNav .navOver ul {z-index:10;visibility:visible;} .home #mainNav div a {margin: 0 11px;} .home .box-blue {background-color:#fff; border: 1px solid #5BB7FA; padding:3px!important;} /* BreadCrumb */ #crumb {width:780px;margin:0;padding:0; text-align:left;font-size:.69em;} #crumb ul {position:relative;list-style:none;margin:0;padding:5px 5px;color:#777;text-align:left;} #crumb li {display:inline;margin:0;padding:0;} #crumb a:link,#crumb a:visited,#crumb a:hover,#crumb a:active {margin:0;padding:0 5px;color:#036;text-decoration:none;} #crumb a:hover {text-decoration:underline;} #crumbOn a:link,#crumbOn a:visited,#crumbOn a:hover,#crumbOn a:active {margin:0;padding:0 5px;color:#777; font-weight:900;text-decoration:none;} #crumbOn a:hover { font-weight:900; text-decoration:underline;} /* Utilites */ #boxmail{float:right; width:250px;margin:0;padding-right: 10px; font-size:.9em;text-align:right; } #boxmail a:link, #boxmail a:visited, #boxmail a:active, {color:#0061D2;text-decoration: underline;} /* LOCAL NAV Old */ #subNavbase {position:relative;clear:both;padding:0;background:url("../images/subtab_back.gif") no-repeat bottom left;} /*LOCAL NAV */ #subNavb {float:left;display:inline;width:600px;background:url("../images/subtabpop_back.gif") no-repeat bottom left; } #subNav {line-height:normal; font:11px Arial, Verdana; } #subNav ul {margin:0px; padding:0px; list-style:none; } #subNav li {float:left; background:url("../images/subtab_off_lt.gif") no-repeat left top; padding:0px; } #subNav a {float:left; display:block; background:url("../images/subtab2_off_rt.gif") no-repeat right top; padding:4px 12px 3px 12px; text-decoration:none; color:#061b86; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #subNav a {float:none; } #subNav a:hover {color:#000;} #subNav #current { background:url("../images/subtab_on_lt.gif") no-repeat left top; } #subNav #current a {font:Bold 11px Arial, Verdana; background:url("../images/subtab2_on_rt.gif") no-repeat right top; } #subNav #deals { background:url("../images/subtab_deal_lt.gif") no-repeat left top; } #subNav #deals a {background:url("../images/subtab_deal2_rt.gif") no-repeat right top; } #subNav #dealson { background:url("../images/subtab_deal_on_lt.gif") no-repeat left top; } #subNav #dealson a {font:Bold 11px Arial, Verdana; background:url("../images/subtab_deal2_on_rt.gif") no-repeat right top; } /* Cruise*/ /*LOCAL NAV */ #subNavbcruise {float:left;display:inline;width:600px;background:url("../images/subtabpop_back.gif") no-repeat bottom left; } #subNavcruise {line-height:normal; font:11px Arial, Verdana; } #subNavcruise ul {margin:0px; padding:0px; list-style:none; } #subNavcruise li {float:left; background:url("../images/subtab_off_lt.gif") no-repeat left top; padding:0px; } #subNavcruise a {float:left; display:block; background:url("../images/subtab2_off_rt.gif") no-repeat right top; padding:4px 12px 3px 14px; text-decoration:none; color:#061b86; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #subNavcruise a {float:none; } #subNavcruise a:hover {color:#000;} #subNavcruise #current { background:url("../images/subtab_on_lt.gif") no-repeat left top; } #subNavcruise #current a {font:Bold 11px Arial, Verdana; background:url("../images/subtab2_on_rt.gif") no-repeat right top; } #subNavcruise #deals { background:url("../images/subtab_deal_lt.gif") no-repeat left top; } #subNavcruise #deals a {background:url("../images/subtab_deal2_rt.gif") no-repeat right top; } #subNavcruise #dealson { background:url("../images/subtab_deal_on_lt.gif") no-repeat left top; } #subNavcruise #dealson a {font:Bold 11px Arial, Verdana; background:url("../images/subtab_deal2_on_rt.gif") no-repeat right top; } /* FOOTER */ #footerBox {position:relative;width:790px;clear:both;padding:0;background:url("../images/shad_footer.gif");} #footercont {width:790px;padding:0;} #footerWm {float:right;width:200px;padding:0;} #footer {width:790px;clear:both;padding:5px 0 0 5px;color:#000;font-size:.67em;text-align:left;} #footer a {color:#0061D2;text-decoration: underline;} #footer ul {margin:0;padding:0 7px 0 0;list-style:none;} #footer li {display:inline;font-size:1em} #footer li a {padding:0 7px;} #footer span {display:inline;padding:0.2em;} #footer p {line-height:1em;margin:0 ;padding:0 0 0 7px;font-size:.9em; text-align:left;} /* common.css,v 1.0 06/23/2006 */ /*-------------------------------------------------- All of these styles are common to most pages. --------------------------------------------------*/ /*-------------------------------------------------- Content These styles are with in the overall content Div. --------------------------------------------------*/ #content *{font-family:Arial,Helvetica,sans-serif;font-size:100%; } #mainContent{width:780px;background:#FFF url("/images/page_back.gif");position:relative;z-index:1; } #content{font-size: 0.69em; line-height: 1.2em;} #content img{border:0;} #content form{margin:0;padding:0;} #content p{margin:0;padding:0;} #content p,#content div,#content ul,#content ol,#content dl,#content li,#content dd,#content dt,#content span,#content a,#content table,#content td{font-size:1.0em;line-height:1.2em;} #content h1{margin:0;padding-left:5px;font-size:1.65em;line-height:1.65em;} #content h2{margin:0;padding:0;font-size:1.4em;line-height:1.4em;} #content h3{margin:0;padding:0;font-size:1.2em;line-height:1.2em;} #content ul{margin:0;padding:0;list-style:none;} #content ol{margin:0;padding:0;} #content li{margin:0;padding:0;line-height:1.2em;} #content hr.hr1{height:1px;color:#ccc;margin:5px 0px;} #content .clear{clear:both;float:none;} #content .superclear{float:none;clear:both;width:1px;height:1px;overflow:hidden;visibility:hidden;padding:0px;margin:0 0 0 0;} #content .normal{font-weight:normal;} #content .bold{font-weight:bold;} #content .italic{font-style:italic;} #content .smfont{font-size:.9em;} #content .nodecoration{text-decoration:none;} #content a{color:#0061D2;} #content a: hover{color:#ff9900; text-decoration:none;} #content .right-col{float: right;width: 420px;padding: 10px;} #content .right-col .popular {margin: 15px 0 0;} .left-col{float: left; margin-left: 5px; padding: 10px; width: 325px;} .right-col{ float:right;} #searchbox {margin-bottom:25px} .shadow {background: url("../img/content_bg.png") repeat-y scroll -1px top #FFFFFF;overflow: hidden;} /*-------------------------------------------------- PAGE These styles set-up the left side of a content page pageSub = orange section under the tabs pageFrame = middle or content area of the box pageBottom = bottom orange rule and shadow --------------------------------------------------*/ #page{float:left;width:600px;} #pageTitle{margin:0px; color:#333;} #pageSub {background:#FFF1DC;border-left:1px solid #ff9900; border-right:1px solid #ff9900; padding:4px 4px 4px 4px;} #pageFrame {background:#FFF;border-left:1px solid #ff9900; border-right:1px solid #ff9900; padding:8px 8px 8px 8px;} #pageBottom {background:#FFF;border-top:1px solid #ff9900; height:1.6em; padding:0px 10px 0px 0px;} #page #leftColum{float:left;width:246px;margin-right:8px;} #page h2{margin:0;padding:0;color:#DD7200;font-weight:bold;font-size:1.25em;line-height:1.25em;} #content #page h3{margin-bottom:.35em; margin-top:.5em;padding:0;color:#4566E7;font-weight:bold;font-size:1.1em;line-height:1.4em;} #page #pageSubhead {background:#2999EB;color:#ffffff;font-weight:bold; font-size:1.15em;line-height:1.15em;margin-bottom:.5em;margin-left:8px;text-align:left;} #page .txtorg{color:#DD7200;font-weight:bold;} #page hr.hr1{size:1px; color:#ccc;margin:3px 0px 3px 0px;padding:0;} #page .grayfont{color:#666;} #page .smfont{font-size:.9em; } #page .cabinId{font-size:.9em;color:#ffffff;font-weight:bold; text-align:center;} #content #plain ul{margin:1em;padding:1em;} #page #priceBig{font-size:1.2em; } #content #page #normal ul{margin:2em;padding:2em; list-style-type:circle} #tablegrid {background:#9FD8FE;} #bullet ul{width:300px; padding:0px 0px 0px 5px;} #bullet li{margin:.5em 1em .5em 1.5em; list-style-type:disc} #bullet2 ul{width:270px; padding:0px 0px 0px 5px;} #bullet2 li{margin:.5em 1em .5em 1.5em; list-style-type:disc} #bullet3 ul{ padding:0px 0px 0px 5px;} #bullet3 li{margin:.5em 1em .5em 1.5em; list-style-type:disc} #bullet4 ul{ padding:0px 0px 0px 5px;} #bullet4 li{margin:.5em 1em .5em 2.0em; list-style-type:decimal} /*-------------------------------------------------- Homepage Left Column These are for home page use only --------------------------------------------------*/ #hmleftside{text-align:center;} #hmleftside #head, .left-col #head, .left-col .head{background:#FFFFFF;padding:0;text-align:left;margin-top: 15px;} #hmleftside #head h3, .left-col #head h3{background:#5BB7F8;color:#0446A7;margin-bottom:.5em;padding:.35em 2px;text-align:left;} /*-------------------------------------------------- SideColumn These styles control elements in the right site column. --------------------------------------------------*/ #content #promo1{position:absolute;z-index:2;margin:10px 0 0 0;padding:0 0 10px 10px;background:#fff;} #content #promo1.noprog{margin-top:0px;} #content #promo1 #no_promo1{width:140px;height:120px;background:#fff;} #sideColum{text-align:center;} #sideColum #tools,#sideColum #quotes,#sideColum #faqs, #sideColum #spotlight{background:#9FD8FE;width:140px;padding:0;text-align:left;} #sideColum #tools h3,#content #sideColum #quotes h3,#sideColum #faqs h3,#sideColum #spotlight h3{background:#5BB7F8;color:#0446A7;margin-bottom:.5em;padding:.35em 2px;text-align:center;} #sideColum #spotlight{width:140px;background:#fff;border:1px solid #9FD8FE;padding:5px 5px 5px 5px;} #sideColum ul{padding:0px 5px 8px 5px;margin:0px 0px 0px 5px;} #sideColum ul li{padding:2px 0px 0px 0px;list-style-type:none;} #sideColum #search{width:140px; text-align:center; background:#66ccff;} #sideColum #search .form{width:130px;color:#000000;} #sideColum #bullet2 ul{ padding:0px 0px 0px 5px;} #sideColum #bullet2 li{margin:.12em 1em .12em 1.5em; list-style-type:disc} /*-------------------------------------------------- The remaining styles are used for specific components or pape elements --------------------------------------------------*/ /** BUTTONS **/ #btn_gray {text-align:center; width:80px; color:#FFFFFF; background-color:#3366FF; font-weight:bold;border-top: 1px solid #fcfcfc; border-bottom: 1px solid #333333; border-left: 1px solid #fcfcfc; border-right: 1px solid #333333; padding: 2px;} #btn single {font:bold 11px Arial, Verdana; color:#FFFFFF; cursor: hand; text-decoration: none;} #btn_gray a:link, #btn_gray a:visited, #btn_gray a:hover, #btn_gray a:active { font: Bold 11px Arial, Verdana; color:#FFFFFF; cursor: hand; text-decoration: none;} #btn_bBig {text-align:center; width:130px; background-color: #3366FF; cursor: hand; border-top: 1px solid #fcfcfc; border-bottom: 1px solid #333333; border-left: 1px solid #fcfcfc; border-right: 1px solid #333333; padding: 4px;} #btn_bBig a:link, #btn_bBig a:visited, #btn_bBig a:hover, #btn_bBig a:active { font: Bold 11px Arial, Verdana; color:#FFFFFF; cursor: hand; text-decoration: none;} #btn_Biglite {text-align:center; width:130px; background-color: #CCCCCC; cursor: hand; border-top: 1px solid #fcfcfc; border-bottom: 1px solid #333333; border-left: 1px solid #fcfcfc; border-right: 1px solid #333333; padding: 4px;} #btn_Biglite a:link, #btn__Biglite a:visited, #btn__Biglite a:hover, #btn__Biglite a:active { font: Bold 11px Arial, Verdana; color:#3366FF; cursor: hand; text-decoration: none;} #btnBorder {text-align:center; width:100px; background-color: #FFFFFF; cursor: hand; border: 1px solid #cccccc; padding: 2px;} #btnBorder a:link, #btnBorder a:visited, #btnBorder a:hover, #btnBorder a:active { font: 11px Arial, Verdana; color:#000000; cursor: hand; text-decoration: none;} /** AlertPopUp **/ #boxAlert {float:right; text-align:center;margin: 0; width:120px; background-color: #FFBA53; cursor: hand; border: 0; padding: 2px; font: 11px/14px Arial; color: #ffffff;} #boxAlert a {color:#000000; text-decoration:none;} #boxAlert a:hover { color:#000000; text-decoration:underline; } /** Calenders **/ #calCruise { } #calCruise #month{ background-color: #5BB7F8; font-weight:bold; } #month a:link, #month a:visited, #month a:hover, #month a:active{ color:#FFFFFF;font-weight:bold;} #calCruise .year{ background-color: #A0D7FE; font-weight:bold;} #calCruise #month2{ background-color: #D48100; font-weight:bold; } #month2 a:link, #month2 a:visited, #month2 a:hover, #month2 a:active{ color:#ffffff;font-weight:bold;} #calCruise .year2{ background-color: #FBE5C5;font-weight:bold; } #calCruise .title{ background-color: #FFBA53;font-weight:bold; } #shipRow{padding-left:4px;} /** PhotosRule **/ #photo240{width:240px;border: 1px solid #000;} #photo120{width:120px;border: 1px solid #000;} #photo90{width:90px;border: 1px solid #000;} #photo{border: 1px solid #000;} #photo200{width:200px;border: 1px solid #000;} /** DealsResults **/ #tablegrid {background:#9FD8FE;} #resCruise #resHeader{background:#249AF1;font-weight:bold;color:#fff;font-size:1.1em;} #resCruise a.resPricebox {color:#FFF;font-weight:Bold;font-size:1.35em;} #resCruise a.resPrice {font-weight:Bold;font-size:1.35em;} #resCruise a.resPriceshort {font-weight:Bold;font-size:1.35em;text-decoration: underline} #resCruise .showstate {cursor:pointer;cursor:hand;} #resTablerules {border-left:1px solid #9FD8FE;border-bottom: 1px solid #9FD8FE;} .resTable2 {border-left:1px solid #9FD8FE;border-right:1px solid #9FD8FE;border-bottom:1px solid #9FD8FE;} .resTable {border-left:1px solid #9FD8FE;border-bottom:1px solid #9FD8FE;} .resTabletitle {background:#D7F1FE; border-left:1px solid #FFFFFF; font-weight:bold;} #resTabletitle2 {background:#2999EB;color:#fff;padding:4px 0px 4px 0px; font-weight:bold; } /** guarantee **/ #page #guar {background:#CEE992;} #page #guar #guarcontent {color:#CC6600;font: Bold 14px Arial;padding:5px 5px 5px 5px;} #page #guar #guarhd {font-weight:normal;color:#000000;font-size:11px;} /** ToggleTool **/ .TogShowstate{ cursor:hand;cursor:pointer;float: right;margin-top: 2px;margin-right: 3px;} .TogHeaders{width: 400px;font-size: 120%;font-weight: bold;border: 1px solid black;background-color: lightyellow;} .TogSwitchcontent{width: 400px;border: 1px solid black;border-top-width: 0;} /** Bullets **/ #bullet ul{margin:5px 5px 5px 20px;padding:5px;list-style:square;} #bullet li{margin:0;padding:0;line-height:1.2em;} /** GiftCertificateTable **/ .shttb { background-color: #b7b7b7;} .shtside { color: #ffffff; font: Bold 11px/18px Verdana, Arial, Helvetica, sans-serif; padding-left: 5px; background-color: #003399; } .shtcontent { color: #000000; font: 11px/13px Verdana, Arial, Helvetica, sans-serif; text-align: center; background-color: #ffffff; } /* Added on 04 July*/ #page h2 a{color:#DD7200; font-size:1em; font-weight:bold; line-height:1.25em; text-decoration:none; margin:0; padding:0;} /* Added on 22 JUly for review page*/ #content .tabbertab ul{margin:0;padding:0;list-style:disc;border:0px;} #content .tabbertab li{margin-left:10px;padding:0;line-height:1.2em;border:0px;margin-right:10px;} #content .tabbertab #bullet2 table{border:0px;} #content .tabbertab #bullet2 td{border:0px;} /* Undo some styles from the master stylesheet */ .checklist li { background:#FFFFFF; padding-left: 0; }msc020410.jpg /* CSS for checklists */ .checklist { border: 1px solid #000; list-style: none; height: 95px; overflow: auto; width: 165px; background:#FFFFFF; } .checklist, .checklist li { marginhal033110.jpg: 0; padding: 0; } .checklist label { display: block; padding: 0 0.2em 0 25px; text-indent: -25px; } .checklist label:hover, .checklist label.hover { background:#999999; color: #FFFFFF; } * html .checklist label { height: 5px; } .checklist1 {border: 1px solid #000; list-style: none; height: 95px; overflow: auto; width: 165px; background:#FFFFFF; } .checklist1 {margin: 0; padding: 0; } /* Hiding Cruise Reviews tab on ships page */ #subNav td { display: inline-block; } #subNavcruise td { display: inline-block; } #subNav .nav-review-item-divider, #subNavcruise .nav-review-item-divider, #subNav .nav-review-item-divider + td, #subNavcruise .nav-review-item-divider + td { display: none; }