/*------------------------------------------------------------------*/ /* Page / Body */ /*------------------------------------------------------------------*/ body { background:url(http://www.rivercruising.co.uk/images/www.rivercruising.co.uk/bg2.jpg) top center no-repeat #000000; margin: 0px; padding: 0px;} img, div { behavior: url(/images/www.rivercruising.co.uk/js/iepngfix.htc) } p { font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#CCCCCC; } .page {width: 960px; margin: 6px auto 0px auto; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#CCCCCC; } h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 28px; color:#CCCCCC; margin-top: 0px; margin-bottom: 0px; font-weight:normal; } h2 { font-family: Impact; font-size: 28px; color:#666666; margin-top: 0px; margin-bottom: 0px; font-weight:normal; } h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color:#000000; margin-top: 0px; margin-bottom: 0px; font-weight:normal; } h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #FFFFFF; font-weight:bold; margin:0px; } h5 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 25px; color: #FFFFFF; font-weight:bold; margin:0px; } h6 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #7DDDDD; font-weight:bold; margin:0px; } .main-page { width:960px; height:362px; float:left; background:url(http://www.rivercruising.co.uk/images/www.rivercruising.co.uk/main-bg.png) no-repeat top center; margin-top:1px; } .img-holder { width:500px; height:344px; float:left; margin:14px 14px 4px 0px; padding-top:14px; } .cclub { width:960px; height:68px; float:left; background:url(http://www.rivercruising.co.uk/images/www.rivercruising.co.uk/club-bg.png) no-repeat top center; margin-top:0px; } .cclub-text { float:left; width:350px; height:33px; margin-top:35px; padding-left:16px; font-size:11px; line-height:12px; } .cclub-fields { width:576px; height:21px; float:right; margin-top:24px; padding-right:0px; } .content { width:944px; height:auto; float:left; margin-left:8px; margin-right:8px; } .column1 { width:304px; float:left; margin-right:16px; margin-top:15px; } .column2 { width:304px; float:left; margin-right:16px; margin-top:15px; } .column3 { width:302px; float:left; margin-top:15px; } .heading { width:245px; height:38px; float:right; font-size:24px; border-bottom:1px solid #CCCCCC; padding-top:12px;} .col-logo { width:55px; height:53px; float:left; } .subheading { width:304px; height:20px; color:#7DDDDD; font-weight:bold; float:left; margin-top:16px; margin-bottom:16px; } .subheading a { text-decoration:underline; color:#7DDDDD; } .col-content { width:304px; float:left; height:auto; line-height:18px; } .heading3 { width:247px; height:38px; float:right; font-size:24px; border-bottom:1px solid #CCCCCC; padding-top:12px;} .subheading3 { width:302px; height:20px; color:#7DDDDD; font-weight:bold; float:left; margin-top:16px; margin-bottom:16px; } .subheading3 a { text-decoration:underline; color:#7DDDDD; } .col-content3 { width:302px; float:left; height:350px; line-height:18px; overflow:hidden; } .newsarticle { width:302px; float:left; height:60px; margin-bottom:15px; } .newsarticle-img{ float:left; width:25px; height:60px; } .newsarticle-title, .newsarticle-title a { font:Georgia, "Times New Roman", Times, serif; color:#CCCCCC; font-size:13px; font-weight:bold; text-decoration:none; } .newsarticle-read, .newsarticle-read a { font:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; text-decoration:none; } .newsarticle-date, .newsarticle-date a { font:Arial, Helvetica, sans-serif; font-size:10px; color:#99FF00; text-decoration:none; } .stepcarousel{ position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 443px; /*Width of Carousel Viewer itself*/ height: 308px; /*Height should enough to fit largest content's height*/ margin-top:28px; margin-left:20px; float:left; } .stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 15; top: 6; } .stepcarousel .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ width: 443px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ } .extras { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#7DDDDD; font-weight:bold; } .details-page-col1 { width:660px; margin-right:28px; float:left; margin-top:15px; } .details-page-col2 { width:256px; float:left; margin-top:15px; } .details-page-col2 p { line-height:28px; padding-left:12px; } .itinerary-item { font-family:Georgia, "Times New Roman", Times, serif; size:13px; color:#333333; } .itinerary-desc { font-family:Georgia, "Times New Roman", Times, serif; size:13px; color:#666666; } .enquiry-columns { width:944px; float:left; } .enquiry-col1 {width:662px; float:left; margin-right:20px; } .enquiry-col2 { width:262px; float:right; } .contactform { font-family:Georgia, "Times New Roman", Times, serif; size:13px; color:#CCCCCC; } .contactform-col1 { float:left; width:197px; margin-bottom:6px; } .contactform-col2 { width:600px; margin-bottom:6px; } /*------------------------------------------------------------------*/ /* Header */ /*------------------------------------------------------------------*/ #header { width:960px; } .logo { background:url(http://www.rivercruising.co.uk/images/www.rivercruising.co.uk/logo.png) no-repeat top left; width:690px; height:118px; float:left; } .logo a { color:#CCCCCC; text-decoration:none; } .logo p { font-family:Georgia, "Times New Roman", Times, serif; color:#CCCCCC; font-size:19px; margin-top:78px; margin-left:17px; } .livechat { width:254px; height:118px; float:right; } /*------------------------------------------------------------------*/ /* Header Buttons */ /*------------------------------------------------------------------*/ #buttons { width:960px; height:81px; margin-top:25px; vertical-align:middle; float:left; } #buttons a { text-decoration:none; } .button-spacer { width:2px; height:81px; background:url(http://www.rivercruising.co.uk/images/www.rivercruising.co.uk/btn-spacer.png) no-repeat center top; float:left; } .home { display: block; width:115px; height:81px; background: url(http://www.rivercruising.co.uk/images/www.rivercruising.co.uk/btn-home.png) no-repeat 0 0; float:left; cursor:pointer; } .home a { color:#CCCCCC; } .home:hover { background-position: 0 -81px; } .home span { display: none; } .home strong a { color:#7DDDDD; font-size:17px; font-weight:normal; } .home p { margin-top:34px; margin-left:8px; } .lines { display: block; width:190px; height:81px; background: url(http://www.rivercruising.co.uk/images/www.rivercruising.co.uk/btn-lines.png) no-repeat 0 0; float:left; cursor:pointer; } .lines a { color:#CCCCCC; } .lines:hover { background-position: 0 -81px; } .lines span { display: none; } .lines strong a { color:#7DDDDD; font-size:17px; font-weight:normal; } .lines p { margin-top:34px; margin-left:4px; } .deals { display: block; width:160px; height:81px; background: url(http://www.rivercruising.co.uk/images/www.rivercruising.co.uk/btn-offers.png) no-repeat 0 0; float:left; cursor:pointer; } .deals a { color:#CCCCCC; } .deals:hover { background-position: 0 -81px; } .deals span { display: none; } .deals strong a { color:#7DDDDD; font-size:17px; font-weight:normal; } .deals p { margin-top:34px; margin-left:4px; } .guides { display: block; width:171px; height:81px; background: url(http://www.rivercruising.co.uk/images/www.rivercruising.co.uk/btn-guides.png) no-repeat 0 0; float:left; cursor:pointer; } .guides a { color:#CCCCCC; } .guides:hover { background-position: 0 -81px; } .guides span { display: none; } .guides strong a { color:#7DDDDD; font-size:17px; font-weight:normal; } .guides p { margin-top:34px; margin-left:4px; text-decoration:none;} .about { display: block; width:145px; height:81px; background: url(http://www.rivercruising.co.uk/images/www.rivercruising.co.uk/btn-about.png) no-repeat 0 0; float:left; cursor:pointer; } .about a { color:#CCCCCC; } .about:hover { background-position: 0 -81px; } .about span { display: none; } .about strong a { color:#7DDDDD; font-size:17px; font-weight:normal; } .about p { margin-top:34px; margin-left:4px; } .contact { display: block; width:169px; height:81px; background: url(http://www.rivercruising.co.uk/images/www.rivercruising.co.uk/btn-contact.png) no-repeat 0 0; float:left; cursor:pointer; } .contact a { color:#CCCCCC; } .contact:hover { background-position: 0 -81px; } .contact span { display: none; } .contact strong a { color:#7DDDDD; font-size:17px; font-weight:normal; } .contact p { margin-top:34px; margin-right:8px; } /*------------------------------------------------------------------*/ /* Search Form */ /*------------------------------------------------------------------*/ .search-holder { width:381px; height:270px; float:left; margin:74px 0px 9px 0px; padding-left:57px; } .search-holder select { font-family:Arial, Helvetica, sans-serif; font-size:12px; } .search-col1 { width:324px; height:30px; float:left; } .search-col2 { width:324px; height:30px; float:left; margin-top:8px; } .search-col3 { width:324px; height:30px; float:left; margin-top:8px; } .search-col4 { width:324px; height:30px; float:left; margin-top:8px; } .search-col5 { width:324px; height:30px; float:left; margin-top:8px; } .search-col6 { width:324px; height:30px; float:left; margin-top:8px; } .search-col7 { width:324px; height:30px; float:left; margin-top:8px; } .resulthead { width:944px; height:240px;; float:left; } .resultspagehead { margin-top:15px; margin-bottom:10px; display:block; width:889px; height:41px; float:left; border-bottom:1px solid #CCCCCC; padding-top:12px; } .results-logo { margin-top:15px; margin-bottom:10px; width:55px; height:53px; float:left; } .results-bluetext { color:#7DDDDD; } .enquirythankshead { margin-top:15px; margin-bottom:10px; display:block; width:620px; height:41px; float:left; border-bottom:1px solid #CCCCCC; padding-top:12px; } .enquirythanks-col { width:620px; float:left; margin-top:-90px; } .results-sortbox-left { width:380px; float:left; height:25px; } .results-sortbox-right { width:564px; float:left; height:25px;} .results-sortbox-right a { text-decoration:none; color:#CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; } .search-result { width:944px; height:100px; margin-bottom:30px; border-bottom: #3B4747 2px solid; float:left; } .result-col1 { width:160px; float:left; height:98px; } .result-col2 { width:526px; float:left; height:98px; } .result-col3 { width:107px; float:left; height:98px; } .result-col4 { width:124px; float:right; height:98px; } .search-result-image { padding:5px; width:150px; height:84px; float:left; background: url(/images/www.rivercruising.co.uk/search-img-back.png) center no-repeat; } .search-result-name { padding-top:0px; width:526px; height:20px; margin-bottom:7px; border-bottom:1px solid #7DDDDD; float:left; color:#7DDDDD; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; font-weight:bold; overflow:hidden; } .search-result-nights { padding-left:20px; padding-top:20px; width:107px; height:98px; float:left; overflow:hidden; } .search-result-price { width:124px; height:50px; float:left; overflow:hidden; margin:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#CCCCCC;} .search-result-button { width:124px; height:48px; float:right; } .search-result-details { float:left; height:66px; width:526px; line-height:16px; font-family: Georgia, "Times New Roman", Times, serif; font-size:13px; color:#CCCCCC; overflow:hidden; } .search-result-details a { text-decoration:none; color:#7DDDDD; } .search-result-logo { width:90px; height:27px; float:right; } .search-result-suggest { width:944px; height:80px; float:left; } .search-result-suggest a { text-decoration:none; color:#7DDDDD; } .search-result-footer { width:944px; height:25px; float:left; margin-top:30px } .search-result-footer a { text-decoration:none; color:#CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; } #searchcruisebutton { display: block; margin-top:3px; width: 124px; height: 38px; background: url(/images/www.rivercruising.co.uk/search-button.png) no-repeat 0 0; } #searchcruisebutton:hover { background-position: 0 -38px; } #searchcruisebutton span { display: none; } /*------------------------------------------------------------------*/ /* Footer */ /*------------------------------------------------------------------*/ .footer { width:960px; height:68px; float:left; background:url(http://www.rivercruising.co.uk/images/www.rivercruising.co.uk/footer-bg.png) no-repeat top center; margin-top:10px; } .footer-links { width:330px; height:19px; margin-bottom:24px; margin-top:25px; margin-left:24px; float:left;} .footer-links a { text-decoration:underline; color:#CCCCCC; } .footer-copy { width:330px; height:19px; margin-bottom:24px; margin-top:25px; margin-left:24px; float:right; } .footer-cruises-col { font:Georgia, "Times New Roman", Times, serif; color:#7DDDDD; font-size:10px; width:940px; height:70px; float:left; padding-left:10px; padding-right:10px; line-height:20px; } /*-----------------------------------------------------------------*/ /* Fusion / Other */ /*-----------------------------------------------------------------*/ .cruisetext { color:#666666; } .cruisemoreinfo { width:650px; height:auto; background-color:#FFFFFF; border-left:1px solid #848484; border-right:1px solid #848484; border-bottom:1px solid #848484; padding:4px; } .cruisetabs { } .cruisetabs ul {margin: 0px; padding: 0px; list-style: none; } .cruisetabs li {float: left; margin: 0px 4px 0px 0px; padding: 0px; background: url('/images/www.rivercruising.co.uk/tabright.gif') no-repeat right top; } .cruisetabs a:link, .cruisetabs a:visited, .cruisetabs a:hover, .cruisetabs a:active {display: block; background: url('/images/www.rivercruising.co.uk/tableft.gif') no-repeat left top; padding: 10px 15px 4px 15px; color: #FFFFFF; font-weight: bold; text-decoration: none; height:22px; } .cruisetabs li.tabon {float: left; margin: 0px 4px 0px 0px; padding: 0px; background: url('/images/www.rivercruising.co.uk/tabrighton.gif') no-repeat right top; } .cruisetabs li.tabon a:link, .cruisetabs li.tabon a:visited, .cruisetabs li.tabon a:hover, .cruisetabs li.tabon a:active {display: block; background: url('/images/www.rivercruising.co.uk/tablefton.gif') no-repeat left top; padding: 10px 15px 4px 15px; text-decoration: none; color: #000000; height:22px; } /*.cruisetabs li {display: inline;} #descripli.tabon {background: url(/images/TEMP/tabs/tabon.gif) no-repeat; padding: 0px 11px 2px 11px;} #descripli {background: url(/images/TEMP/tabs/taboff.gif) no-repeat; padding: 0px 11px 2px 11px;} #cabintypesli.tabon {background: url(/images/TEMP/tabs/tabon.gif) no-repeat; padding: 0px 7px 2px 7px;} #cabintypesli {background: url(/images/TEMP/tabs/taboff.gif) no-repeat; padding: 0px 7px 2px 7px;} #facilitiesli.tabon {background: url(/images/TEMP/tabs/tabon.gif) no-repeat; padding: 0px 18px 2px 18px;} #facilitiesli {background: url(/images/TEMP/tabs/taboff.gif) no-repeat; padding: 0px 18px 2px 18px;} #shipdecksli.tabon {background: url(/images/TEMP/tabs/tabon.gif) no-repeat; padding: 0px 11px 2px 11px;} #shipdecksli {background: url(/images/TEMP/tabs/taboff.gif) no-repeat; padding: 0px 11px 2px 11px;} #cruisesli.tabon {background: url(/images/TEMP/tabs/tabon.gif) no-repeat; padding: 0px 20px 2px 20px;} #cruisesli {background: url(/images/TEMP/tabs/taboff.gif) no-repeat; padding: 0px 20px 2px 20px;} #descripli.tabon a{color:#FFFFFF; text-decoration:none;} #descripli a{color:#470103; text-decoration:none;} #cabintypesli.tabon a{color:#FFFFFF; text-decoration:none;} #cabintypesli a{color:#470103; text-decoration:none;} #facilitiesli.tabon a{color:#FFFFFF; text-decoration:none;} #facilitiesli a{color:#470103; text-decoration:none;} #shipdecksli.tabon a{color:#FFFFFF; text-decoration:none;} #shipdecksli a{color:#470103; text-decoration:none;} #cruisesli.tabon a{color:#FFFFFF; text-decoration:none;} #cruisesli a{color:#470103; text-decoration:none;} */ .cruiseimages { background:url(http://www.rivercruising.co.uk/images/www.rivercruising.co.uk/details-img-bg.png) no-repeat top center; width: 256px; height: 200px; padding: 2px; text-align: center; } .cruiseimages img { margin-top:11px ; margin-right:4px; border:2px solid #000000; } .cruiseimages #caption { margin-top:20px; display: block; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; color:#CCCCCC; font-weight: normal; } .cruiseimages p { padding: 0px; margin: 0px; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; color:#CCCCCC; width: 256px !important; font-weight: normal; } .cruiseimages p a {font-weight: bold; color:#7DDDDD; text-decoration:none;} .cruisedetail {margin: 0px 0px 10px 0px; padding: 5px; background-color: #FFFFFE; border: solid 1px #000001;} .cruisedetail h3 {font-size: 16px; color: #470103; margin: 0px; padding: 0px 0px 4px 0px; position: relative /*peekaboo bug fix*/;} .cruisedetail p {margin: 0px 0px 10px 0px; padding: 0px;} .cruisedetail table h3 {font-size: 16px;} .cruisedetail th { text-align: left; padding: 2px 0px 2px 0px;} .cruisedetail td { padding: 2px 0px 2px 0px; color:#666666; } .pagetitle {font-family: Arial; font-size: 18px; font-weight: bold; color: #D21D1E; margin: 0px;} .header {font-family: Arial; font-size: 18px; font-weight: bold; color: #D21D1E; margin: 0px;} .minisite h1 {font-family: Arial; font-size: 14px; font-weight: bold; color: #FF9900; margin: 0px; } .pleasewait { font-family: Arial; font-size: 16px; font-weight: bold; color: #FF6600; top: 50%; left: 50%; margin-top: -100px; margin-left: -250px; width: 500px; height: 200px; text-align: center; position: absolute; } .progress { font-size: 30px; font-weight: bold; height: 20px; } input, select, textarea { font: 12px Arial; color: #000000; } .special_box { /*display: block;*/ margin: 2px; padding: 5px; height: 60px; /*height: 62px;*/ color: #fff; } .special_box_extra { background: url('trans_back.png') transparent; /*display: block;*/ margin: 2px; padding: 5px; height: 50px; margin-bottom: 35px; /*height: 62px;*/ } .cruiseresult {border: solid 1px #000001; padding: 0px 0px 10px 0px; background-color: #FFFFFE; margin-bottom: 10px;} .cruiseresult h3 {margin: 0px; padding: 4px 10px 4px 10px; font-size: 16px; background-color: #D5D5D5;} .cruiseresult table {margin-top: 10px;} .cruiseresult table td {padding: 0px 10px 0px 10px; /*font-size: 76%;*/} .cruiseresult .cruiseprice:link, .cruiseresult .cruiseprice:visited, .cruiseresult .cruiseprice:hover, .cruiseresult .cruiseprice:active {font-size: 16px; color: #FD9F02; font-weight: bold;} .cruiseresult .durationbox {border: solid 1px #000001; background-color: #FFFFFF; color: #470103; text-align: center; width: 45px; height: 45px; font-weight: bold; vertical-align: middle;} .cruiseresult .durationbox span {font-size: 22px;} .cruisesearchv2 {background-color: #D5D5D5;} .cruisesearchv2 th {font: bold 18px Arial; color: #470103; padding: 2px 2px 2px 2px; letter-spacing: 2px;} .cruisesearchv2 td {padding: 2px 2px 2px 2px;} .cruisesearchv2 td #region, .cruisesearchv2 td #cruiseline, .cruisesearchv2 td #ship {width: 179px;} .cruisesearchv2 td #day {width: 45px;} .cruisesearchv2 td #monthyear {width: 130px;} .cruisesearchv2 td .submit {width: 80px; font-weight: bold; margin: 5px 0px 0px 0px;} .cruiselinelist {text-align: center; background: url(/images/TEMP/cruise_logos_grad.jpg) repeat-x;} .cruiselinelist td.listlines {padding-top:20px; padding-bottom:10px; font-size: 11px;} .cruiselinelist td a {color: #3B4D46;} .cruiselinelist td a span {color: #470103; font-size: 14px; text-decoration: none;} .cruiselinelist td ul {margin: 0px 0px 1px 0px; padding: 0px; list-style: none;} .cruiselinelist td ul li {margin: 0px; padding: 0px 2px 4px 16px; font-size: 11px; background: url('/images/TEMP/homedots.gif') 4px 2px no-repeat;} .specialstyle1 {margin-bottom: 10px; border: 1px solid #470103;} .specialstyle1 th {padding: 5px; font-family: Arial; font-size: 16px; font-weight: bold; text-align: left; color: #CB0014; margin: 0px; background: url('/images/TEMP/cruise_logos_grad.jpg') 0px 0px repeat-x; border: solid 2px #FFFFFF; /*border-bottom: dashed 1px #FD9F02;*/} .specialstyle1 td {padding: 5px;} .specialstyle1 td strong {color: #470103; font-size: 15px;} .specialstyle1 td a {text-decoration: underline; font-size: 12px; color: #FD9F02; font-weight: bold;} .specialstyle1 td a.more {text-decoration: underline; font-size: 12px;} .specialstyle1 td a.more span {color: #470103; font-size: 14px; text-decoration: none;} .specialstyle1 td.dates a, .specialstyle1 td.ships a {font-weight: normal;} .specialstyle3 span img {float: left;} .specialstyle5 {border-top: solid 1px #B2E5E5; border-left: solid 1px #B2E5E5;} .specialstyle5 th {background-color: #470103; padding: 2px 5px 2px 5px; color: #FFFFFF; text-align: center; border-bottom: solid 1px #B2E5E5; border-right: solid 1px #B2E5E5; font-size: 11px;} .specialstyle5 td {text-align: center; padding: 2px 5px 2px 5px; border-bottom: solid 1px #B2E5E5; border-right: solid 1px #B2E5E5; font-size: 11px;} .specialstyle5 td a {color: #FD9F02; font-weight: bold;} .specialstyle5 td a.more {color: #470103; font-size: 12px;} .cruisefurtherinfo {border: 1px solid #470103; border-top: none;} .cruisefurtherinfo caption {padding: 5px; font-family: Arial; font-size: 14px; font-weight: bold; color: #CB0014; margin: 0px auto 0px auto; background: url('/images/TEMP/cruise_logos_grad.jpg') 0px 0px repeat-x; border: 1px solid #470103; border-bottom: dashed 1px #FD9F02;} .cruisefurtherinfo th {width: 120px; padding: 5px; color: #3B4D46;} .cruisefurtherinfo td {padding: 5px;} .cruiseavailablecabin {border: solid 1px #470103; width: 240px; margin: 0px 10px 10px 0px;} .cruiseavailablecabin table {/*background: url('/images/TEMP/cruise_logos_grad.jpg') 0px 0px repeat-x;*/ margin-bottom: 10px; border: solid 2px #FFFFFF; border-top: 0px;} .cruiseavailablecabin table caption {text-align: left; font-weight: bold; color: #CB0014; font-size: 14px; background: #CCE9ED; padding: 4px; border: solid 2px #FFFFFF; border-bottom: 0px;} .cruiseavailablecabin table th {padding: 4px; vertical-align: top;} .cruiseavailablecabin table td {padding: 4px; vertical-align: top;} .cruiseavailablecabin table td a {color: #CB0014; font-weight: bold; text-decoration: none;} .cruiseavailablecabin table td a.booknow {display: block; text-align: right;} .cruiseavailableheader {} .cruisediningtable {background: -1px 2px no-repeat;} .cruisediningtable b {font-size: 16px; color: #000001;} .cruisepassengers {border: solid 1px #470103;} .cruisepassengers th {background: #CCE9ED; padding: 4px; border: solid 1px #FFFFFF;} .cruisepassengers td {padding: 2px 4px 2px 4px; border: solid 1px #FFFFFF;} .cruisetotalcost td {font-size: 14px; font-weight: bold; color: #CB0014;} .cruisetotalcost td b {font-size: 12px; color: #000000;} .cruisetotalpay td b {font-size: 14px; font-weight: bold; color: #CB0014;} .cruiseaddressform {border: solid 1px #470103;} .cruiseaddressform thead th {background: #CCE9ED; padding: 4px; border: solid 1px #FFFFFF; font-size: 14px;} .cruiseaddressform thead td {background: #CCE9ED; padding: 4px; border: solid 1px #FFFFFF;} .cruiseaddressform tbody th, .cruiseaddressform tbody td {padding: 2px 4px 2px 4px; border: solid 1px #FFFFFF;} .cruiseaddressform .cruiseformtitle {font-size: 14px; font-weight: bold; color: #CB0014; padding-top: 10px;} /* FUSION */ .greenbox {padding: 5px; border-top: 1px solid #96ff93; border-bottom: 1px solid #96ff93; margin-bottom: 3px; background: #edffec url('/images/tick.gif') no-repeat 99% 50%; } .redbox {padding: 5px; border: 1px solid #ff0000; margin-bottom: 3px; background: #ffecec url('/images/exclame.gif') no-repeat 99% 50%;} .bluebox {padding: 5px; border-top: 1px solid #7BB5FF; border-bottom: 1px solid #7BB5FF; margin-bottom: 3px; background: #E5F0FF url('/images/info.gif') no-repeat 99% 50%;} .changedep {font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 14px; text-align:center; color: #FFFFFF; width:632px; border:#FF0000 1px solid; background-color: #FF0000; padding:4px;} .cheapest td {padding: 10px 0px 10px 0px;} .cheapest b {font-size: 14px;} .cheapest a {font-size: 16px; color: #D21D1E;} .cabingradedesc, .cabin, .hotel {border:1px solid #7DC4E6; width:516px; height:auto; margin-bottom: 10px;} .cabingradedesc th, .cabin th, .hotel th {background-color: #DFF0FC; border-bottom: 1px solid #7DC4E6; padding: 5px; font-size: 14px; text-align: left;} .cabingradedesc td {padding: 10px; vertical-align: top;} .cabingradedesc td table td {padding: 0px; vertical-align: top;} .cabingradedesc a, .cabin a, .hotel a {color: #015482;} .cabin td {padding: 4px 5px 4px 5px; vertical-align: top;} .cabin-grade { width:650px; height:auto; float:left; margin-bottom:25px; } .hotel td {padding: 5px; vertical-align: top;} .bookingform {margin-bottom: 10px; width:600px;} .bookingform th {padding: 5px; font-size: 12px; text-align: left;} .bookingform td {text-align: left;} .bookingform table table {background-color: #EBE9E0; margin-bottom: 10px;} .bookingform p {padding: 10px; margin: 0px;} .enquiryrefnumber {text-align: center; font-size: 16px;} .flightdetails, .bookingdetails, .hoteldetails {border: solid 1px #000001; margin-bottom: 10px;} .flightdetails h3, .bookingdetails h3, .hoteldetails h3 {background-color: #D5D5D5; border-bottom: solid 1px #000001; padding: 5px; font-size: 14px; text-align: left;} .flightdetails h4, .bookingdetails h4, .hoteldetails h4 {background-color: #EBE9E0; padding: 5px; margin: 10px 0px 5px 0px; font-size: 13px; text-align: left; border-bottom: solid 1px #000001;} .flightdetails div, .bookingdetails div, .hoteldetails div {padding: 10px;} .flightdetails th, .bookingdetails th, .hoteldetails th {font-size: 12px;} .flightdetails td, .bookingdetails td, .hoteldetails td {vertical-align: top;} .flightdetailsprice {background-color: #FBFBF9; font-weight: bold; padding: 5px 11px 5px 11px; font-size: 14px; text-align: right; border-bottom: solid 1px #000001;} .flightdetailsprice b {font-size: 16px; color: #FF0000;} .farerules {background-color: none !important;} .errorbox {padding: 5px; border: 1px solid #ff0000; margin: 0px 0px 3px 0px; background: #ffecec url('/images/exclame.gif') no-repeat 99% 50%;} .errorbox ul { color:#000000; } .problems {text-align: center; font-size: 18px; font-weight: bold;} .bookingformcontainer {border: solid 1px #000001; padding: 10px; margin: 0px 0px 10px 0px;} .bookingformcontainer .itineraryrows {margin-top: 0px;} .pricerow {width:630px; height:auto;} .pricerow th, .pricerow td {font-family: Arial, Helvetica, sans-serif; color:#000000; font-size: 13px; border: none;} .addons table {margin-bottom: 10px;} .addons th, .addons td {background-color: #EBE9E0; font-size: 12px; border: none; padding: 4px;} .addons p {margin: 0px;} .addons div {margin: 8px 0px 0px 20px;} .addons div div {margin: 8px 0px 0px 0px;} .addons label {font-weight: bold; font-size: 14px; color: #000001;} .itineraryrows {margin: 10px 0px 10px 0px;} .itineraryrows td {padding: 4px; background-color: #015482; border-bottom: solid 1px #000001;} .itineraryrow span {font-size: 14px; color: #000001; font-weight: bold;} .itineraryrow a {color: #666666;} .totalcostrow td {background-color: #FBFBF9; font-size: 14px;} .totalcostrow span {font-size: 18px; color: #000001; font-weight: bold;} .fusionitinerary th {/*background-color: #000001;*/ background-color: #015482; color: #000000; text-align: left;} #cabintypes table {width: 100%; margin-top: 10px;} #facilities table {width: 100%; margin-top: 10px;} #facilities th {width: 20%; vertical-align: top;} #facilities td {color: #616161;} .hotelsummary {border: solid 1px #000001; margin-bottom: 10px; margin-top: 10px;} .hotelsummary th {background-color: #D5D5D5; border-bottom: solid 1px #000001; padding: 5px; font-size: 14px;} .hotelsummary td {background-color: #FFF7DE; padding: 5px; border-bottom: dashed 1px #000001;} .hotelsummary tr.last td {border: none;} .ratingfilter {background-color: #EBE9E0; border-bottom: solid 1px #000001; border-top: solid 2px #EBE9E0; border-left: solid 2px #EBE9E0; border-right: solid 2px #EBE9E0;} .extraprepostcruise {color: #000000; margin: 20px 0px 0px 0px;} .extraprepostcruise span {color: #470103;} #flightsummary h3 {margin: 20px 0px 0px 0px;} #flightsummary p {margin: 0px;} .flightsortoptions {border-top: solid 1px #000001; /*background-color: #EBE9E0;*/} .flightsortoptions h4 {margin: 0px; padding: 5px 10px 5px 10px; float: left;} #flightsortlist {list-style: none; margin: 0px; padding: 0px;} .flightsortoption {list-style: none; margin: 0px; padding: 5px 10px 5px 10px; float: left;} .flightsortoption img, .flightsortoptionon img {vertical-align: middle;} .flightsortoption a {text-decoration: none; color: #000001 !important; font-weight: bold;} .flightsortoptionon {list-style: none; margin: 0px; padding: 5px 10px 5px 10px; /*background-color: #000001;*/ background-color: #EBE9E0; color: #000001; font-weight: bold; float: left;} .flightresults {margin-bottom: 10px; border: solid 1px #000001; padding: 10px;} .flightresults table {margin-bottom: 10px;} .flightresults table td {padding: 4px; background-color: #EBE9E0;} .flightresults a {color: #000001; font-weight: bold; font-size: 16px;} .flightresults .linebottom {border-bottom: solid 2px #FFFFFF;} .flightresults .lineleft {border-left: solid 2px #FFFFFF;} .continuebutton, .bookingbutton { margin:0px; padding: 0px; text-align: left;} .continuebutton a:link, .continuebutton a:visited, .continuebutton a:hover, .continuebutton a:active, .proceedbutton a:link, .proceedbutton a:visited, .proceedbutton a:hover, .proceedbutton a:active, .bookingbutton a:link, .bookingbutton a:visited, .bookingbutton a:hover, .bookingbutton a:active {text-decoration: none; background-color:#6DA0A6; color:#FFFFFF; font-family:Helvetica, Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; border-top: outset 1px #FFFFFF; border-left: outset 1px #FFFFFF; border-bottom: outset 2px #2285B5; border-right: outset 2px #2285B5; padding: 4px 8px 4px 8px; margin: 0px;} .continuebutton input { font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; padding: 6px 20px 6px 20px; margin: 0px; cursor: pointer; } .booking-stages {text-align: center; background-color: #EBE9E0; margin: 10px 0px 10px 0px; padding: 6px 10px 6px 10px; font-size: 12px; color: #949494;} .booking-stages span {color: #000001; font-weight: bold;} .booking-stages b {font-weight: bold; color: #000000;} .booking-columns {background: url('/images/TEMP/grey-dots.gif') 537px 0px repeat-y;} .booking-column-left {float: left; width: 527px;} .booking-column-right {float: right; width: 200px;} .booking-column-right h3 {margin: 0px 0px 4px 0px; padding: 0px;} .booking-column-right .itineraryrows {margin: 10px 0px 10px 0px; border-top: 1px dashed #000001;} .booking-column-right table th {font-size: 11px; text-align: left; background-color: #EBE9E0; padding: 5px 0px 5px 0px;} .booking-column-right table th img {vertical-align: middle;} .booking-column-right table td {font-size: 11px; border-bottom: 1px dashed #000001; background-color: #FFFFFF;} .booking-column-right table b {color: #FF0000;} .booking-column-right table b.itinerarycost {font-size: 13px;} .booking-column-right .totalcostrow b {color: #000000;} .booking-column-right .totalcostrow span {color: #FF0000;} /*.itineraryrows td {padding: 4px; background-color: #EBE9E0; border-bottom: solid 1px #000001;} .itineraryrow span {font-size: 14px; color: #000001; font-weight: bold;} .itineraryrow a {color: #666666;} .totalcostrow td {background-color: #FBFBF9; font-size: 14px;} .totalcostrow span {font-size: 18px; color: #000001; font-weight: bold;}*/ .clear-booking {clear: both; width: 748px; height: 1px;} .bookingref {margin: 0px 0px 10px 0px; background-color: #EBE9E0;} .bookingref td {font-size: 14px; padding: 5px;} #confirmation {border: solid 1px #000001; margin-bottom: 10px;} #confirmation h3 {background-color: #D5D5D5; border-bottom: solid 1px #000001; padding: 5px; font-size: 14px; text-align: left;} #confirmation h4 {margin: 0px; color: #470103;} #confirmation div {padding: 10px;} #confirmation table {} #confirmation th {text-align: left;} #confirmation table.roomsrow {margin: 10px 0px 10px 0px; background-color: #EBE9E0;} #confirmation tr.flightrow {background-color: #EBE9E0;} #confirmation table.flightstable {margin: 0px 0px 10px 0px;} .confitemprice {background-color: #FBFBF9; font-weight: bold; padding: 5px 11px 5px 11px; margin: 0px; font-size: 12px; text-align: right;} .confitemprice span {color: #FF0000; font-size: 14px;} .confirmationprice {background-color: #FBFBF9; font-weight: bold; padding: 5px 11px 5px 11px; font-size: 14px; text-align: right; border-bottom: solid 1px #000001;} .confirmationprice b {font-size: 16px; color: #FF0000;} /*.flightdetails, .bookingdetails {border: solid 1px #000001; margin-bottom: 10px;} .flightdetails h3, .bookingdetails h3 {background-color: #D5D5D5; border-bottom: solid 1px #000001; padding: 5px; font-size: 14px; text-align: left;} .flightdetails h4, .bookingdetails h4 {background-color: #EBE9E0; padding: 5px; margin: 10px 0px 5px 0px; font-size: 13px; text-align: left; border-bottom: solid 1px #000001;} .flightdetails div, .bookingdetails div {padding: 10px;} .flightdetails th, .bookingdetails th {font-size: 12px;} .flightdetails td, .bookingdetails td {vertical-align: top;} .flightdetailsprice {background-color: #FBFBF9; font-weight: bold; padding: 5px 11px 5px 11px; font-size: 14px; text-align: right; border-bottom: solid 1px #000001;} .flightdetailsprice b {font-size: 16px; color: #FF0000;}*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* Min-Width */ .lbWidth { /* most browsers */ position: absolute; top: 0px; left: 0px; width: 100%; min-width: 790px; } * html .lbContent { /* IE6 */ margin-left: -790px; position:relative; } * html .lbMinWidth { /* IE6 */ padding-left: 790px; } /* Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */