/******************* STYLE COMMENTS *****************************************************************************/ /* STYLESHEET CREATED BY SAPIENT OCTOBER 2008 */ /* */ /* STYLES THAT INCLUDE AN ASTRISK ONLY GET PICKED UP BY INTERNET EXPLORER. AN ASTERISK MAY ALSO BE USED */ /* TO RESET THE DEFAULT MARGIN AND PADDING OF THE WEBPAGE. */ /****************************************************************************************************************/ html {width: 100%; height: 100%; overflow: hidden auto; font-family:Tahoma, "Trebuchet MS", sans-serif; margin:0;} body {width: 100%; height: 100%; margin: 0; padding: 0; background: #FFFFFF; background:url(http://media.celebritycruises.com/celebrity/content/en_US/images/homepage/background/homepage_background.jpg) no-repeat top;} p {margin:0;} * {margin:0; padding:0;} a:link {text-decoration: none;} a:visited {text-decoration: none;} a:hover {text-decoration: underline;} a:active {text-decoration: none;} /* HEADER STYLES */ #header {margin:0 auto; padding:0; width:890px; height:115px; font-size:11px; color:#949494; } #header #logo {float:left; width:165px; padding-top:7px;} #header .login {float:right; text-align:right; width:720px; padding-top:5px; font-size:11px; line-height:18px;} #header .login .welcome {float:right; text-align:right;} #header .login .utilities {width:400px;} #header .login .search {height:16px; *height:15px; width:75px; font-size:10px;} #header input {font-size:10px; color:#276da5; font-weight:bold;} #header .toplinks {float:left; width:720px; padding-top:2px; color:#666666;} #header .toplinks a:link {text-decoration: none; color:#1c3260;} #header .toplinks a:visited {text-decoration: none; color:#1c3260;} #header .toplinks a:hover {text-decoration: underline;} #header .gradient {float:left; width:537px; padding-left:110px; padding-top:2px;} .heroDomesticPbl {margin:0 auto; padding:20px 0 0 740px; width:217px; text-align:left;} /* TRAVEL ALERT STYLES */ #travelAlerts {margin:0 auto; padding:0; width:890px; height:30px; text-align:center; vertical-align:middle; font-size:18px; color:#3970a2; font-family:Geneva, Arial, Helvetica, sans-serif;} #travelAlerts select {width:300px; font-size:11px; height:20px; vertical-align:text-bottom;} #travelAlerts .padfix {padding-bottom:0px; *padding-bottom:0px;} /* BUCKET STYLES */ #buckets {margin:0 auto; padding:0; width:825px; height:255px; font-size:12px; padding-top:10px;} #buckets .promo {float:left; width:200px; height:235px; padding:3px 0 0 6px; background:url(../../images/homepage/buckets_big.png) no-repeat;} #buckets .promoSmall {float:left; width:207px;} #buckets .promoSmall .cvp {float:left; width:200px; height:105px; padding:1px 0 0 6px; background:url(../../images/homepage/buckets_small.png) no-repeat;} #buckets .promoSmall .cvp .col1 {float:left; width:125px;} #buckets .promoSmall .cvp .col2 {float:left; width:66px; padding-top:3px;} #buckets .promoSmall .ta {float:left; width:205px; height:129px; background:url(../../images/homepage/bucket_taFinder.png) no-repeat; padding-top:13px; *padding-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6f6f6f; } #buckets .promoSmall .ta .zip_msg {font-size:11px; height:10px; *height:9px; font-weight: bold; color:#9A281D; padding-left:11px;} #buckets .promoSmall .ta .zipcode {width:85px; font-size:9px; color:#276da5; height:14px; *height:13px;} #buckets .promoSmall .ta .zipcodeCopy {padding:3px 0 11px 11px;} #buckets .promoSmall .ta P {padding-left:11px; padding-bottom:0;} #buckets a:link {text-decoration:none; color:#276da5;} #buckets a:visited {text-decoration:none; color:#276da5;} #buckets #findCruise {float:left; height:235px; width:205px; background:url(../../images/homepage/findCruise.png) no-repeat; font-size:11px; color:#383838; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-top:7px;} #buckets #findCruise .errorcopy {float:left; width:170px; padding-left:15px; height:12px; font-size:11px; font-weight: bold; color:#9A281D;} #buckets #findCruise .errorcopy, x:-moz-any-link {height:7px; *padding-bottom:5px;} #buckets #findCruise .switchLink1 {float:left; width:80px; padding-left:15px;} #buckets #findCruise .switchLink2 {float:left; width:98px; padding-left:9px;} #buckets #findCruise .dropdownContainer {float:left; width:170px; padding:3px 0 3px 15px; *padding:2px 0 4px 15px;} #buckets #findCruise .dropdownContainer select {float:left; width:170px; font-size:11px; color:#000000; height:20px;} #buckets #findCruise .checkbox {float:left; width:160px; padding:2px 0 0 17px; *padding:0 0 0 17px;} #buckets #findCruise .checkbox .inputbox {float:left; width:20px;} #buckets #findCruise .checkbox .inputText {float:left; width:133px; padding:0 0 2px 4px; *padding:1px 0 2px 4px; color:#000000;} #buckets #findCruise .button {float:left; text-align:right; width:187px; padding-top:6px; *padding-top:0px;} #buckets #alreadyBooked {float:left; height:236px; width:205px; background:url(../../images/homepage/alreadyBooked.png) no-repeat; font-size:11px; color:#383838; font-family:Arial, Helvetica, sans-serif; padding-top:7px;} #buckets #alreadyBooked .switchLink1 {float:left; width:80px; padding-left:15px; height:22px; font-weight:bold;} #buckets #alreadyBooked .switchLink2 {float:left; width:98px; padding-left:9px; font-weight:bold} #buckets #alreadyBooked .content {float:left; width:170px; font-size:11px; color:#000000; padding:8px 0 5px 15px; height:193px;} #buckets #alreadyBooked .content P {line-height:22px; color:#276da5;} #buckets #alreadyBooked .content a:link {text-decoration: none; color:#276da5;} #buckets #alreadyBooked .content a:visited {text-decoration: none; color:#276da5;} #buckets #alreadyBooked .content a:hover {text-decoration: underline;} /* FLASH AND NON FLASH CONTENT HOLDER */ #content {width:100%; height:410px; *padding-left:1px; padding-bottom:10px;} /* FOOTER STYLES */ #footer {margin: 0 auto; padding:0; background:url(../../images/homepage/footerTopBg.jpg) no-repeat top; width:835px; padding:4px 0 10px 20px;} #footer .primaryLinks {float:left; width:830px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#50708C;} #footer .primaryLinks a:link {text-decoration: none; color:#50708C;} #footer .primaryLinks a:visited {text-decoration: none; color:#50708C;} #footer .primaryLinks a:hover {text-decoration: underline;} #footer .headerBlue {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#095696; font-weight:bold; padding-bottom:6px; 8padding-bottom:3px;} #footer .secondaryLinks {float:left; width:212px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#50708C; padding-top:15px; line-height:19px;} #footer .secondaryLinks a:link {text-decoration: none; color:#50708C;} #footer .secondaryLinks a:visited {text-decoration: none; color:#50708C;} #footer .secondaryLinks a:hover {text-decoration: underline;} #footer .azamaraBucket {float:left; width:179px; text-align:right; padding-top:20px;} #footer .celCardBucket {float:left; width:179px; text-align:right; padding-top:3px;} #footer .footerlinks {text-align:center; color:#50708C; font-size:11px; padding-top:30px; width:825px;} #footer .footerlinks a:link {text-decoration: none; color:#50708C;} #footer .footerlinks a:visited {text-decoration: none; color:#50708C;} #footer .copyright {color:#88A3B8; font-size:10px; text-align:center; padding:7px;} /* MISC STYLES */ .padrt10 {padding-right:10px; } .padrt15 {padding-right:15px; } .padrt30 {padding-right:20px} .padlt3 {padding-left:3px;} .padlt10 {padding-left:10px;} .padtop3 {padding-top:3px;} .padbt3 {padding-bottom:3px;} .padbt5 {padding-bottom:5px;} .padbt8 {padding-bottom:5px; *padding-bottom:8px; } .padbt10 {padding-bottom:8px; *padding-bottom:11px;} .pad10 {padding-right:9px; padding-left:9px;} .fntDkBlue {font-size:11px; color:#214159; font-weight:bold;} .fntLtBlue {font-size:11px; color:#6aaabc; font-weight:bold;} .travelPartner {color:#88A3B8;} .CenterTextRed {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#9A281D; line-height:16px; text-decoration: none;} .clear {clear:both;} p.guarantee {clear:both; display:block; margin-left:10px; width:190px; padding:5px 0 5px 4px; *padding:6px 0 5px 4px;}