@charset "utf-8"; /* The Travel Department CSS Document 2008*/ /***** body*/ html {margin: 0px; padding: 0px;} body {text-align: centre; margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 80%; behavior: url("csshover3.htc");} ul {margin: 0px; padding: 0px;} .xlarge {font-size: 170%;} .large {font-size: 140%;} .floatleft {float: left;} .floatright {float: right;} .dashedline {background: url(../Images/icons/dot_line_1.gif) repeat-x bottom;} #padding img.noborder {padding: 0px; border: 0px;} #main_content .padright {margin: 10px 10px 10px 0px;} .print {display: none;} .hidden {display: none;} .red {color: #b32317;} /***** headings*/ h1 {color: #21368b; font-size: 140%;} h2 {color: #21368b; font-size: 140%;} h3 {color: #21368b; font-size: 130%;} h4 {color: #21368b; font-size: 110%;} h5 {color: #21368b; font-size: 100%;} /***** links*/ #skiplinks ul {display: none;} a {color: #21368b; font-weight: bold;} a:visited {color: #21368b;} a:hover {color: #b32317; text-decoration: none;} a:active {color: #b32317; text-decoration: none;} /***** buttons*/ .button1 a {background: url(../Images/buttons/ttd_book_now_btn_blue.gif) no-repeat top left; display: block; height: 33px; width: 195px; line-height: 33px; text-align: center; color: #ffffff; font-weight: bold; text-transform:uppercase; font-size: 120%; text-decoration: none;} .button1 a:visited {color: #ffffff;} .button1 a:hover {color: #ffffff; text-decoration: underline; background: url(../Images/buttons/ttd_book_now_btn_blue.gif) no-repeat bottom left;} .button1 a:active {color: #ffffff;} .button2 a {background: url(../Images/buttons/ttd_book_now_btn_white.gif) no-repeat top left; margin-right: 10px; display: block; height: 33px; width: 180px; line-height: 33px; text-align: center; color: #ffffff; font-weight: bold; text-transform:uppercase; font-size: 120%; text-decoration: none;} .button2 a:visited {color: #ffffff;} .button2 a:hover {color: #ffffff; text-decoration: underline; background: url(../Images/buttons/ttd_book_now_btn_white.gif) no-repeat bottom left;} .button2 a:active {color: #ffffff;} a.sendFriendButton{display: block; float: right; height: 41px; width: 185px; background: url(../images/buttons/send-to-friend-btn.gif) no-repeat right; text-indent: -5000px;} a.sendFriendButton:hover{background-position: left;} /***** wrapper*/ #wrapper {width: 970px; margin: 0% auto; text-align: left; position: relative;} .side_panel {background: url(../Images/ttd_wrapper.gif) repeat-y left;} /***** banner*/ #header {background: url(../Images/ttd_header_bg.gif) no-repeat top left; height: 112px; font-size: 95%;} #header .right {width: 660px; float: right; padding: 0px 20px 0px 0px;} #header .left {width: 210px; padding: 10px 0px 0px 20px; margin: 0px;} /*utilities*/ #header ul#topnav {margin: 12px 0px 22px 0px; padding: 0px; list-style-type: none; color: #000000; font-size: 90%;} #header ul#topnav li {margin: 0px; padding: 0px 10px 0px 10px; display: inline; border-left: solid 1px #acaaa5;} #header ul#topnav li.CMSListMenuLIFirst {margin: 0px; padding: 0px 10px 0px 0px; display: inline; border-left: solid 0px #acaaa5;} #header ul#topnav li a {color: #000000; text-decoration: none; font-weight: normal;} #header ul#topnav li a:hover {color: #b32317; text-decoration: underline;} /*logo*/ #header h1 {margin: 0px; padding: 0px;} #header h1 span {display: none; margin: 0px; padding: 0px;} #header a img {border: 0px;} /*text*/ #header p {margin: 0px; padding: 0px; color: #796232; font-weight: bold;} #header p span {display: block;} /***** main navigation*/ #navigation {background: url(../Images/navigation/ttd_topnav.gif) no-repeat top; width: 970px; float : left; position: relative; margin: 15px 0px 3px 0px; z-index: 10000;} .Horizontal {float: left;width: 100%;} .Horizontal ul {padding: 0;margin: 0px 0px 0px 20px; width: 950px; list-style-type: none} .Horizontal li {padding: 0;display: inline;float: left; position: relative} .Horizontal li a {color: #ffffff; display:block; height : 20px; padding: 14px 7px 10px 7px; font-weight: bold; text-transform:uppercase; text-decoration: none; border-left: solid 1px #840b02;} .Horizontal a{position: relative;} .Horizontal li#Home a{width: 40px;} .Horizontal li#Destinations a{width: 96px; } .Horizontal li#HolidayTypes a{width: 104px; } .Horizontal li#HolidayIdeas a{width: 102px; } .Horizontal li#TravelServices a{width: 122px; } .Horizontal li#Help a{width: 34px; } .Horizontal li#OurCustomers a{width: 112px; } .Horizontal li#CustomerArea a{width: 112px; } .Horizontal li#AboutUs a{width: 68px; } .Horizontal li#Newsletter a{width: 137px; background: url(../Images/navigation/newsletter-tab.gif) no-repeat right; text-align: center; } .Horizontal ul li.CMSListMenuHighlightedLI a{background: url(../Images/navigation/ttd_topnav_current.gif) repeat-x top; color: #fff} .Horizontal ul li.CMSListMenuLI a{color: #ffffff; display:block; height : 20px; padding: 14px 7px 10px 7px; font-weight: bold; text-transform:uppercase; text-decoration: none; border-left: solid 1px #840b02;} .Horizontal ul li.CMSListMenuLI a:hover, .Horizontal ul li.CMSListMenuLI:hover a{background: url(../Images/navigation/ttd_topnav_current.gif) repeat-x top; color: #fff} .Horizontal ul ul {z-index: 10100; margin: 0; width: 200px; position: absolute; background: url(../Images/navigation/dropdown.png) no-repeat bottom; padding:0px 0 14px;} .Horizontal ul ul li{clear: left;display: block;position: relative; width: 198px; padding: 0 1px;} .Horizontal ul ul li.CMSListMenuLIFirst{background: url(../Images/navigation/dropdown-top.png) no-repeat top; padding-top: 5px; } .Horizontal ul ul {display: none} .Horizontal ul li:hover ul {display: block} .Horizontal ul li.CMSListMenuLI:hover li span.out{display: block; width: 100%; background: none;} .Horizontal ul li.CMSListMenuLI:hover li span.in{display: block; width: 194px; margin:0px 2px; border-bottom: 1px solid #e6dcc8; background: none;} .Horizontal li#Home li a, .Horizontal li#Destinations li a, .Horizontal li#HolidayTypes li a, .Horizontal li#HolidayIdeas li a, .Horizontal li#TravelServices li a, .Horizontal li#Help li a, .Horizontal li#OurCustomers li a, .Horizontal li#CustomerArea li a, .Horizontal li#AboutUs li a, .Horizontal li#Newsletter li a, .Horizontal ul li.CMSListMenuLI:hover li a, .Horizontal ul li.CMSListMenuLI li a, .Horizontal ul li.CMSListMenuLI li.CMSListMenuLI a{background: #fff; width: 174px; color: #000; text-transform:none; font-weight: normal; border: none; padding: 3px 10px;} .Horizontal li#Home li a:hover, .Horizontal li#Destinations li a:hover, .Horizontal li#HolidayTypes li a:hover, .Horizontal li#HolidayIdeas li a:hover, .Horizontal li#TravelServices li a:hover, .Horizontal li#Help li a:hover, .Horizontal li#OurCustomers li a:hover, .Horizontal li#CustomerArea li a:hover, .Horizontal li#AboutUs li a:hover, .Horizontal li#Newsletter li a:hover, .Horizontal ul li.CMSListMenuLI:hover li a:hover, .Horizontal ul li.CMSListMenuLI li a:hover, .Horizontal ul li.CMSListMenuLI li.CMSListMenuLI a:hover{background: #ded1b6; width: 174px; color: #000; text-decoration: none; text-transform:none; font-weight: normal; border: none; padding: 3px 10px;} .Horizontal a:hover {position:relative; z-index: 10000;} .Horizontal li:hover {position:relative; z-index: 10000;} .Horizontal table {border-collapse:collapse; width:0; height:0; position:absolute; top:43px; left:0;} /* keep the 'next' level invisible by placing it off screen. */ .Horizontal iframe {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} .Horizontal li#Home :hover iframe.ie {left:0; top:0px; width:0px; height:0px;} .Horizontal li#Destinations :hover iframe.ie {left:0; top:0px; width:200px; height: 41px;} .Horizontal li#HolidayTypes :hover iframe.ie {left:0; top:0px; width:200px; height:380px;} .Horizontal li#HolidayIdeas :hover iframe.ie {left:0; top:0px; width:200px; height:41px;} .Horizontal li#TravelServices :hover iframe.ie {left:0; top:0px; width:200px; height:144px;} .Horizontal li#Help :hover iframe.ie {left:0; top:0px; width:200px; height:120px;} .Horizontal li#OurCustomers :hover iframe.ie {left:0; top:0px; width:200px; height:95px;} .Horizontal li#CustomerArea :hover iframe.ie {left:0; top:0px; width:200px; height:95px;} .Horizontal li#AboutUs :hover iframe.ie {left:0; top:0px; width:200px; height:120px;} .Horizontal li#Newsletter :hover iframe.ie {left:0; top:0px; width:200px; height:0px;} /***** breadcrumb*/ #breadcrumb {margin: 0px 0px 2px 0px; padding: 0px; font-size: 80%; text-align: right;} #breadcrumb ul {margin: 0px; padding: 0px; list-style-type: none; } #breadcrumb ul li {margin: 0px; padding: 0px; display: inline;} #breadcrumb ul li a {text-decoration: none;} /***** heading 2 in both pages*/ .block h2 {margin: 0px 0px 0px 0px; padding: 0px; font-size: 140%; background-color: #21368b; color: #ffffff; padding: 0px 20px 8px 20px; border-bottom: solid 1px #b5bcd8; font-weight: normal;} .block h2 span {font-size: 80%; text-transform: none;} /***** right_col*/ #main_content {width: 720px; float: right; position: relative;} #main_content .block_top {float: left; margin: 0px 0px -3px 0px; padding: 0px; height: 10px;} #main_content .block_btm {float: left; margin: -3px 0px 0px 0px; padding: 0px; height: 10px;} #main_content .block {width: 718px; background-color: #f8f9fc; border-left: solid 1px #b5bcd8; border-right: solid 1px #b5bcd8; float: left;} /***** full_col*/ #full_main_content {width: 970px; float: right;} #full_main_content .block_top {float: left; margin: 0px; padding: 0px; height: 10px;} #full_main_content .block_btm {float: left; margin: 0px; padding: 0px; height: 10px;} #full_main_content .block {width: 968px; background-color: #f8f9fc; border-left: solid 1px #b5bcd8; border-right: solid 1px #b5bcd8; float: left;} /***** booking_col*/ #booking_left {width: 680px; float: left; position: relative;} .compValid1 {width: 450px; float: left; position: relative;} /***** booking_formatting*/ #booking_left table {background-color: #ffffff; width: 680px; text-align: left; margin: 0px 0px 30px 0px; border-collapse: collapse; border: solid 1px #7180b3; font-size: 95%; position: relative;} #booking_left table caption {background-color: #21368b; text-align: left; font-size: 130%; font-weight: bold; margin:0px 0px 0px 0px; padding: 5px 0px 5px 10px; color: #ffffff; border-collpase: collapse; width: 680px; overflow :hidden;} #booking_left table td {padding: 5px 10px 5px 10px; vertical-align: top; white-space:normal; vertical-align:top;} #booking_left table img {margin: 0px; padding: 0px; border: 0px;} #booking_left table th {padding: 5px 10px 5px 10px; vertical-align: top; width: 170px; vertical-align:top;} #booking_left table tr {background: url(../Images/icons/dot_line_1.gif) repeat-x top;} #booking_left table tr.row1 {background-color: #ffffff;} #booking_left table tr.row2 {background-color: #e8edff;} #booking_left table tr.row3 {background-color: #ffffff; background-image: none;} #booking_left table tr.row4 {background-color: #b32317; background-image: none; color: #ffffff;} #booking_left table tr.row4 a {color: #ffffff;} #booking_left table h3 {margin: 0px; padding: 0px; font-size: 110%;} #booking_left table span {display: block; color: #000000; font-weight: normal;} #booking_left table span.small {font-size: 11px; font-weight: bold;} #booking_left table caption span.small {color: #ffffff;} #booking_left table caption span.small a{color: #ffffff;} #booking_left table a {font-weight: normal;} #booking_left table select {font-size: 13px; z-index:0;} #booking_left table textarea {font-size: 12px; font-family: arial;} #booking_left table input {font-size: 13px;} #booking_left table input.medium {width: 200px;} #booking_left table input.long {width: 330px;} #booking_left table input.small {width:100px;} #booking_left table select.medium {width: 205px;} #booking_left table select.long {width: 335px;} #booking_left table select.small {width:105px;} #padding #booking_left table .help {display: inline; margin: 0px; padding: 0px; float: right;} #padding #booking_left table .help img {border: none; margin: 0px; padding: 0px 10px 0px 10px; background-color: #21368b;} /*Add Room*/ #booking_left table input.addroom {background-color: red; background: url(../Images/buttons/addroom.gif) no-repeat top; border: 0px; color: #ffffff; font-weight: bold; height: 25px; width: 130px; cursor: pointer;} #booking_left table input:hover.addroom {background: url(../Images/buttons/addroom.gif) no-repeat bottom;} #booking_left table input.deleteroom {background-color: red; background: url(../Images/buttons/deleteroom.gif) no-repeat top; border: 0px; color: #ffffff; font-weight: bold; height: 20px; width: 140px; cursor: pointer;} #booking_left table input:hover.deleteroom {background: url(../Images/buttons/deleteroom.gif) no-repeat bottom;} #booking_left table input.deleteroom {background-color: red; background: url(../Images/buttons/deleteroom.gif) no-repeat top; border: 0px; color: #ffffff; font-weight: bold; height: 20px; width: 140px; cursor: pointer;} #booking_left table input:hover.deleteroom {background: url(../Images/buttons/deleteroom.gif) no-repeat bottom;} #booking_left table input.disabled {background-color: red; background: url(../Images/buttons/disabled.gif) no-repeat top; border: 0px; font-weight: bold; height: 20px; width: 140px; cursor: pointer;} #booking_left table .note {font-size: 140%; color: #ffffff;} #booking_left input#ctl00_MainContentInstance_accomrooms_v1Instance_hotelsRepeater_ctl01_accomrooms_v2Instance_Allocated {display: none;} #booking_left input#ctl00_MainContentInstance_accomrooms_v1Instance_hotelsRepeater_ctl01_accomrooms_v2Instance_ToAllocate {display: none;} /* table within a table*/ #booking_left table table {width: 100%; background-image: none; border: 0px; margin: 10px 0px 10px 0px;} #booking_left table table tr {background-image: none; border: 0px;} #booking_left table table td {background-image: none; border: solid 1px #7180b3;} #booking_left table table td a {color: #ffffff; font-weight: bold; background: url(../images/buttons/addroom.gif) no-repeat top left; height:20px; width: 110px; display: block; text-align: center; text-decoration: none; font-size: 110%;} #booking_left table table td a:hover {background: url(../images/buttons/addroom.gif) no-repeat bottom left;} #booking_left table table th {background-image: none; border: solid 1px #7180b3;} span#ctl00_MainContentInstance_accomrooms_v1Instance_hotelsRepeater_ctl01_accomrooms_v2Instance_dg1_ctl02_MandatoryRoomExtrasList {width: 360px;} /* fix for step 2 additional passenger Tax table*/ table.otherPassengersExtras {position: absolute; top: -32px; border-top: 0px;} /***** gift vouchers */ /* vouchers big image*/ .giftvoucher {display: none;} .voucherimage {padding: 10px 10px 0px 10px;} .voucherimage img {border: solid 1px #7180b3; margin: 20px 0px 0px 0px;} /* vouchers details*/ #padding .voucherdetails {color: #21368b;} #padding .voucherdetails img {border: 0px; padding: 0px;} #padding .voucherdetails span {display: block;} #padding .voucherdetails span.important {display: block; font-size: 130%; font-weight: bold; padding: 0px;} #padding .voucherdetails span.address {margin: 20px 0px 0px 0px} #padding .voucherdetails span img {padding: 0px 0px 0px 0px; background-color: #f8f9fc;} /* vouchers message*/ #padding .voucher {color: #21368b; background-color: #ffffff; border: solid 1px #e6dcc8; margin: 20px 0px 20px 0px; padding: 0px 10px 60px 10px; position: relative;} #padding .voucher img {margin: 0px; border: 0px; padding: 0px;} #padding .voucher span {display: block;} #padding .voucher ul {padding: 0px 0px 10px 0px;} #padding .voucher span.important {display: block; font-size: 130%; font-weight: bold; padding: 0px;} #padding .voucher span img {padding: 10px 0px 0px 0px;} /* vouchers message*/ #padding .voucher .logo {position: absolute; background-color: #ffffff; padding: 0px; border: solid 1px #e6dcc8; left:250px;} /* help booking demo*/ #padding #bookingdemo {margin: 10px 0px 0px 0px; padding: 0px; width: 920px; border: solid 1px #000000;} #padding #bookingdemo #flashcontent {margin: 0px 0px 0px 0px; padding: 0px;} #padding #bookingdemo img {margin: 0px; padding: 0px; border: 0px;} /***** booking bottom info*/ #padding .book {margin: -10px 0px 20px 0px; height:50px;} #padding .book input{float: right; background: url(../Images/buttons/continue_booking.gif) no-repeat top; width: 200px; height: 40px; border: 0px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-size: 98%; cursor: pointer;} #padding .book input:hover{ background: url(../Images/buttons/continue_booking.gif) no-repeat bottom; text-decoration: underline;} #padding .note {color: #b32317; font-weight: bold;} #padding .red {color: #b32317; font-weight: bold;} #padding .red a {color: #b32317; font-weight: bold;} #padding .return {font-size: 90%; font-weight: normal;} #padding .return img {background-color:#f6f7fb; border: 0px; margin: 0px 10px 0px 0px; padding: 0px; vertical-align: middle; float: left; display: none;} /***** booking_steps*/ #padding ul#steps { height: 40px; font-weight: bold; color: #796232; font-size: 95%;} #padding ul#steps li {display: inline; background-image: none; margin: 0px 5px 0px 0px; padding: 0px;} #padding ul#steps li img {background-color:#f6f7fb; border: 0px; margin: 0px; padding: 0px; vertical-align: middle; } #padding ul#steps li.HighlightedLI {color: #b32317;} #padding ul#steps li a {color: #796232;} #padding ul#steps li a:hover {color: #b32317;} /* highlight*/ #padding .highlight {margin: 0px 0px 10px 0px;} #padding .highlight h2{background-color: #f8f9fc; color: #b32317; font-size: 190%; text-transform:none; border: 0px; margin: 0px; padding: 0px; font-weight: bold;} /* next steps*/ #padding .downloads {margin: 0px 0px 10px 0px;} #padding .downloads h3 {color: #b32317; font-size: 170%; text-transform:none; border: 0px; margin: 10px 0px 10px 0px; padding: 0px; font-weight: bold;} #padding .downloads h3 img {padding: 0px; border: 0px; background-color: #f8f9fc; vertical-align: text-bottom;} #padding .downloads ul {position: relative;} #padding .downloads ul li {margin: 0px; padding: 0px; background-image: none;} #padding .downloads ul li img {padding: 0px; border: 0px; background-color: #f8f9fc; vertical-align: middle;} /***** hidden divs */ /* popup */ .PopupImagesPanel {border: solid 3px #b4975a; width: 520px; height: auto; padding: 10px 20px 10px 20px; font-size: 90%; overflow: auto; max-height: 500px; background-color: #ffffff;} * html .PopupImagesPanel { height: expression( this.scrollHeight > 519 ? "520px" : "auto" ); /* sets max-height for IE */ max-height: 500px; /* sets max-height value for all standards-compliant browsers */} .PopupImagesPanel h3 {color: #b32317; font-size: 120%;} .PopupImagesPanel h4 {color: #b32317;} .PopupImagesPanel p img {vertical-align:middle;} .PopupImagesPanel a.closemap {display: block; background: url(../Images/buttons/image_close_btn.gif) no-repeat top; width: 76px; height: 20px; color: #21368b; font-weight: bold; padding: 0px 10px 0px 0px; float: right; margin: 2px 0px 8px 0px; text-decoration: none; text-align: center;} .PopupImagesPanel a:hover.closemap {background: url(../Images/buttons/image_close_btn.gif) no-repeat bottom; text-decoration: underline; color: #ffffff;} .PopupImagesPanel #ctl00_specialFooter_staticTop a.closemap {position: absolute; top: 10px; right: 35px;} .PopupImagesPanel table {margin: 0px 0px 10px 0px; text-align: left;} .popup table caption {margin: 0% auto; font-weight: bold; background-color: #b32317; color: #ffffff; font-size: 110%; padding: 5px 5px 5px 5px;} .PopupImagesPanel table.table1 td {padding: 5px 5px 5px 5px;} .PopupImagesPanel table.table1 th {padding: 5px 5px 5px 5px; background-color: #e6dcc8;} .PopupImagesPanel table.table1 {width:300px; background-color: #f7f3ed; border-collapse: collapse;} .PopupImagesPanel table caption {background-color: #21368b; color: #ffffff; padding: 5px; font-weight: bold;} /* popup help */ .popuphelp {border: solid 3px #21368b; width: 520px; height: auto; padding: 10px 10px 0px 10px; font-size: 90%; overflow: auto; max-height: 500px; background-color: #0e1e60; color: #ffffff;} * html .popuphelp { height: expression( this.scrollHeight > 519 ? "520px" : "auto" ); /* sets max-height for IE */ max-height: 500px; /* sets max-height value for all standards-compliant browsers */} .popuphelp h3 {color: #ffffff; font-size: 120%;} .popuphelp h4 {color: #ffffff;} .popuphelp p.close {margin: 0px 0px 0px 0px; padding: 0px; text-align: right; font-size: 110%; float: right;} .popuphelp p.close a {background: url(../Images/buttons/close_window_help.gif) no-repeat top; width: 120px; height: 20px; display: block; padding: 0px 10px 0px 10px; color: #ffffff; text-decoration: none;} .popuphelp p.close a:hover {background: url(../Images/buttons/close_window_help.gif) no-repeat bottom; text-decoration: underline;} /***** right col booking*/ #booking_right {width: 230px; float: right; font-size: 85%;} #padding #booking_right img {padding: 0px; border: 0px; margin: 0px 0px -2px 0px; padding: 0px; } #padding #booking_right table {width: 230px; border-collapse: collapse; text-align: left; border-left: solid 1px #7180b3; border-right: solid 1px #7180b3;} #padding #booking_right table tr {background-color: pink;} #padding #booking_right table tr.row1 {background-color: #ffffff;} #padding #booking_right table tr.row2 {background-color: #ffffff;} #padding #booking_right table tr.row3 {background-color: #b32317; color: #ffffff; font-weight: bold;font-size: 110%;} #padding #booking_right table th {padding: 8px 3px 8px 3px; width: 85px; vertical-align:top;} #padding #booking_right table td {padding:8px 3px 8px 3px; vertical-align:top;} #padding #booking_right table caption {border-collapse: collapse; padding: 8px 3px 8px 3px; color: #21368b; font-weight: bold; margin: 0px 0px 0px 0px; font-size: 120%; background: url(../Images/icons/dot_line_1.gif) repeat-x bottom;background-color: #e8edff; border-left: solid 1px #7180b3; border-right: solid 1px #7180b3; border-top: solid 1px #7180b3;} /*right col important reading*/ #booking_right .downloads {background-color: #ffffff; margin: 0px; padding: 10px 10px 20px 10px; color: #ffffff; border: solid 1px #b32317; color: #b32317;} #booking_right .downloads h3 {margin: 0px; padding: 0px; color: #ffffff; position: relative; color: #b32317;} #booking_right .downloads h3 img {background-color: #ffffff; padding: 0px; border: 0px; position: relative;} #booking_right .downloads p {color: #ffffff; font-weight: bold; position: relative; color: #b32317;} #booking_right .downloads ul {position: relative; color: #ffffff; font-weight: bold;} #booking_right .downloads ul li {padding: 10px 0px 10px 0px; clear: both;} #booking_right .downloads ul li a {color: #ffffff; font-weight: bold; color: #b32317; font-size: 120%;} #booking_right .downloads ul li img {background-color: #ffffff; padding: 0px; border: 0px; float: left;} /* booking help*/ #padding .book_help {width: 210px; float: right; border: solid 1px #21368b; font-size: 85%; color: #ffffff;background-color:#21368b;margin: 20px 0px 20px 0px; padding: 10px;} #padding .book_help h3 {margin: 0px 0px 0px 0px; color: #ffffff; font-size: 130%;} #padding .book_help img {background-color:#21368b; border: 0px; margin: 0px 10px 0px 0px; padding: 0px; vertical-align: middle; float: left;} #padding .book_help a {color: #ffffff; text-decoration: none;} #padding .book_help a:visited {color: #ffffff;} #padding .book_help a:hover {color: #ffffff; text-decoration: underline;} #padding .book_help ul {clear: both;} #padding .book_help ul li {background-image: url(../Images/icons/arrow_05.gif)} /* booking error message*/ #booking_left #ctl00_MainContentInstance_bookingerrorPanel {background-color: #f8f9fc;} #booking_left #ctl00_MainContentInstance_bookingerrorPanel h2 {background-color: #f8f9fc; color: #b32317;} /* lead passeneger ticket step 2 fix*/ #padding #booking_left table.otherPassengersExtras .TicketsRBL {padding: 0px 0px 20px 0px; display: block;} #padding #booking_left table.otherPassengersExtras .radioButtonlistSpanTickets {position: relative; display: block; margin: 0px 0px -10px 0px;} /* extra passeneger ticket step 2 fix*/ #padding #booking_left #ctl00_MainContentInstance_ctl02_ticketsPanel {padding: 0px 0px 20px 0px; display: block;} #padding #booking_left table .radioButtonlistSpanTickets {position: relative; display: block; margin: 0px 0px -10px 0px;} /* step 2 get postcode button */ #padding table input.addressButton {background-color: red; background: url(../Images/buttons/addroom.gif) no-repeat top; border: 0px; color: #ffffff; font-weight: bold; height: 20px; width: 110px; cursor: pointer;} #padding table input:hover.addressButton {background: url(../Images/buttons/addroom.gif) no-repeat bottom;} /***** form1 */ #padding .form1 {margin: 15px 0px 10px 0px; padding: 0px;} #padding .form1 table {background-color: #ffffff; text-align: left; margin: 0% auto; border-collapse: collapse; border: solid 1px #b4975a; font-size: 95%; position: relative; width: 100%;} #padding .form1 table caption {background-color: #b4975a; text-align: left; font-size: 130%; font-weight: bold; margin: 0% auto; padding: 5px 0px 5px 10px; color: #ffffff; border-collpase: collapse; overflow :hidden;} #padding .form1 table td {padding: 10px 15px 10px 15px; vertical-align: top; white-space:normal; vertical-align:top;} #padding .form1 table th {padding: 5px 15px 5px 15px; vertical-align: top; width: 130px; vertical-align:top;} #padding .form1 table tr {background: url(../Images/icons/dot_line_2.gif) repeat-x top;} #padding .form1 table tr.row1 {background-color: #ffffff;} #padding .form1 table tr.row2 {background-color: #e8edff;} #padding .form1 table tr.row3 {background-color: #ffffff; background-image: none;} #padding .form1 table tr.row4 {background-color: #b32317; background-image: none; color: #ffffff;} #padding .form1 table input.button1 {background: url(../Images/buttons/submit_btn.gif) no-repeat top left; display: block; height: 33px; width: 133px; color: #ffffff; font-weight: bold; text-transform:uppercase; font-size: 120%; text-decoration: none; border: 0px; position: relative; cursor: pointer; margin: 0% auto;} #padding .form1 table input:hover.button1 {background: url(../Images/buttons/submit_btn.gif) no-repeat bottom left; text-decoration: underline;} #padding .form1 table input.medium {width: 200px;} #padding .form1 table input.long {width: 330px;} #padding .form1 table input.small {width:100px;} #padding .form1 table select.medium {width: 200px;} #padding .form1 table select.long {width: 330px;} #padding .form1 table select.small {width:100px;} #padding .form1 table p {padding: 10px 0px 10px 0px; font-weight: bold; margin: 0px;} /* newsletter*/ .nwsltr-signup {color: #b32317; font-weight: bold; font-size: 110%; padding: 10px 0px 10px 0px;} .newsletter {text-align: left; margin: 0px 0px 25px 0px;} .newsletter .EditingFormLabel {font-weight: bold; font-size: 120%;} .newsletter #ctl00_MainContentInstance_PageContent_ctl00_Bizform1_ctl00_EmailAddress_txtEmailInput {width:180px;} #ctl00_MainContentInstance_PageContent_ctl00_Bizform1_ctl00_pnlForm #ctl00_MainContentInstance_PageContent_ctl00_Bizform1_ctl00_btnOK {text-align: center; margin: 10px 0px 10px 0px; position: relative; margin-left: 550px;} /***** table1 */ #padding table.table1 {background-color: #ffffff; text-align: left; margin: 10px auto 10px auto; border-collapse: collapse; border: solid 1px #d0dbff; font-size: 95%; position: relative; width: 100%;} #padding table.table1 caption {background-color: #21368b; text-align: left; font-size: 130%; font-weight: bold; margin: 0% auto; padding: 5px 0px 5px 10px; color: #ffffff; border-collpase: collapse; overflow :hidden;} #padding table.table1 td {padding: 5px 15px 5px 15px; vertical-align: top; white-space:normal; vertical-align:top;} #padding table.table1 th {padding: 5px 15px 5px 15px; vertical-align: top; width: 130px; vertical-align:top;} #padding table.table1 tr {background: url(../Images/icons/dot_line_1.gif) repeat-x top;} #padding table.table1 tr.row1 {background-color: #ffffff;} #padding table.table1 tr.row2 {background-color: #e8edff;} #padding table.table1 tr.row3 {background-color: #ffffff; background-image: none;} #padding table.table1 tr.row4 {background-color: #b32317; background-image: none; color: #ffffff;} #padding table.table1 input.button1 {background: url(../Images/buttons/submit_btn.gif) no-repeat top left; display: block; height: 33px; width: 133px; color: #ffffff; font-weight: bold; text-transform:uppercase; font-size: 120%; text-decoration: none; border: 0px; position: relative; cursor: pointer;} #padding table.table1 input:hover.button1 {background: url(../Images/buttons/submit_btn.gif) no-repeat bottom left; text-decoration: underline;} /* Notes */ #ctl00_MainContentInstance_Notes {font-size: 85%; line-height: 12px;background-color: #ffffff; border: solid 1px #d0dbff; padding: 10px;} /***** visa block */ #padding .visa {background-color: #ffffff; border: solid 1px #d0dbff; padding: 5px 15px 15px 15px; margin: 10px 0px 10px 0px;} #padding .visa ol li ul {margin: 5px 0px 0px 0px;} #padding .visa ol li ul li {margin: 0px;} /* contact us button*/ #padding input.FormButton {background: url(../Images/buttons/submit_btn.gif) no-repeat top left; display: block; height: 33px; width: 133px; color: #ffffff; font-weight: bold; text-transform:uppercase; font-size: 120%; text-decoration: none; border: 0px; position: relative; cursor: pointer; margin: 0% auto;} #padding input:hover.FormButton {background: url(../Images/buttons/submit_btn.gif) no-repeat bottom left; text-decoration: underline;} /***** tour details*/ #main_content .tour_top {width: 718px; margin: 0px 0px 0px 0px; color: #ffffff; text-transform: uppercase;padding: 0px 0px 10px 0px; font-weight: bold; background: url(../Images/ttd_tour_detail_bg.gif) repeat-x bottom;background-color: #21368b; position: relative} .block .tour_top h2 {margin: 0px 0px 10px 0px; font-size: 160%; background-color: #1e3286; color: #ffffff; padding: 0px 20px 8px 20px; border-bottom: solid 0px #b5bcd8; font-weight: normal;} #main_content .tour_top p {padding: 0px 20px 0px 20px; margin: 7px 0px 7px 0px; vertical-align:top; line-height: 160%; width: 465px;} #main_content .tour_top label {clear: both; display: block; width: 100px; float: left; vertical-align:top; color: #dbdfed;} #main_content .tour_top .button1 {position: absolute; right: 10px; bottom: 10px;} /* tour details image item */ #padding .item-image {width: 320px; float: right; margin: 0px; padding: 0px; text-align: center; font-size: 90%;} #padding .item-image ul {margin: 0px; padding: 0px; list-style-type: none;} #padding .item-image ul li {margin: 0px; padding: 0px 0px 5px 0px; background: none;} #padding .item-image a {display: block;} /* tour details pop-up photo */ .modalBackground {background-color:Gray;filter:alpha(opacity=60);opacity:0.6;} .modalPopup {background-color:#ffffdd; border-width:3px; border-style:solid; border-color:Gray; padding:3px;} .bookingpopup {background-color: #ffffff; width: 400px; height: auto; border: solid 5px #46589e; padding: 10px; margin: 0% auto; text-align: center;} .bookingpopup img {clear: both; padding: 5px; border: solid 1px #dadeec; background-color: #ffffff; display: block; margin: 0px auto 8px auto;} .bookingpopup .buttons {clear: both; height: 25px; margin: 0% auto; padding: 0px 80px 0px 80px;} .bookingpopup input {border: 0px; background: url(../Images/buttons/image_popup_btn.gif) no-repeat top; width: 102px; height: 25px; display: block; float: left; cursor: pointer; color: #21368b; font-weight: bold; text-transform: uppercase; font-size: 90%; margin: 0px 6px 0px 6px;} .bookingpopup input:hover {background: url(../Images/buttons/image_popup_btn.gif) no-repeat bottom; color: #ffffff; text-decoration: underline;} .bookingpopup a.closemap {display: block; background: url(../Images/buttons/image_close_btn.gif) no-repeat top; width: 76px; height: 20px; color: #21368b; font-weight: bold; padding: 0px 10px 0px 0px; float: right; margin: 2px 0px 8px 0px; text-decoration: none;} .bookingpopup a:hover.closemap {background: url(../Images/buttons/image_close_btn.gif) no-repeat bottom; text-decoration: underline; color: #ffffff;} /* competition pop-up photo */ .modalBackground {background-color:Gray;filter:alpha(opacity=60);opacity:0.6;} .modalPopup {background-color:#ffffdd; border-width:3px; border-style:solid; border-color:Gray; padding:3px;} .CompImagesPanel {background-color: #ffffff; width: auto; height: auto; border: solid 5px #46589e; padding: 10px 10px 0px 10px; margin: 0% auto; text-align: center;} .CompImagesPanel img {clear: both; padding: 5px 5px 0px 5px; border: solid 1px #dadeec; background-color: #ffffff; display: block; margin: 0px auto 0px auto;} .CompImagesPanel .buttons {clear: both; height: 25px; margin: 0% auto; padding: 0px 80px 0px 80px;} .CompImagesPanel input {border: 0px; background: url(../Images/buttons/image_popup_btn.gif) no-repeat top; width: 102px; height: 25px; display: block; float: left; cursor: pointer; color: #21368b; font-weight: bold; text-transform: uppercase; font-size: 90%; margin: 0px 6px 0px 6px;} .CompImagesPanel input:hover {background: url(../Images/buttons/image_popup_btn.gif) no-repeat bottom; color: #ffffff; text-decoration: underline;} .CompImagesPanel a.closemap {display: block; background: url(../Images/buttons/image_close_btn.gif) no-repeat top; width: 76px; height: 20px; color: #21368b; font-weight: bold; padding: 0px 10px 0px 0px; float: right; margin: 2px 0px 8px 0px; text-decoration: none;} .CompImagesPanel a:hover.closemap {background: url(../Images/buttons/image_close_btn.gif) no-repeat bottom; text-decoration: underline; color: #ffffff;} .CompImagesPanel #decription {font-weight: bold; margin: 0px 0px 10px 0px;} /* tour notes */ #padding .notes ol {margin: 10px 0px 0px 0px; padding: 0px;} #padding .notes ol li {margin: 0px 0px 0px 25px; padding: 0px 0px 0px 0px;} /* tour sililar holidays */ #padding .similar ul {margin: 0px; padding: 0px; list-style-type: none;} #padding .similar ul li {margin: 0px; padding: 0px 0px 5px 0px; background: none;} #padding .similar {} #padding .similar a {font-weight: normal; text-decoration: none; font-size: 90%;} /*tour mapping*/ .tourmapping {clear: both; background: url(../Images/ttd_tour_map_bg.gif) no-repeat top; margin: 0px 0px 15px 0px; width: 720px; height: 285px; border-top: solid 15px #ffffff;} .tourmapping img.tourmap {margin: 7px 7px 7px 7px; float: left;} .tourmapping img.tourlocation {margin: 7px 0px 7px 0px;} .fullmapping {clear: both; background: url(../Images/ttd_tour_map_bg.gif) no-repeat top; margin: 0px 0px 15px 0px; width: 720px; height: 285px; border-top: solid 15px #ffffff;} .fullmapping img {margin: 7px;} /***** tour details infomation centre */ #container-1 {clear: left; float: left; width: 100%; margin: 15px 0px 15px 0px;} /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .tabs-hide { display: none;}} /* Hide useless elements in print layouts... */ @media print {.tabs-nav {display: none;}} /* Tab list */ #container-1 ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 4px; width: 716px; border-bottom: solid 1px #b5bcd8;} #container-1 ul:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " ";} #container-1 ul ul {margin: 0px; padding: 0px 0px 0px 0px; list-style-type: none;} #container-1 ul li {background-image: none; float: left; margin: 0px 0px 0px 1px; padding: 0px; min-width: 86px; width: auto !important; width: 86px; /* be nice to Opera */} #container-1 ul li a, ul li a span {display: block; padding: 6px 5px 6px 5px; margin: 0px;} #container-1 ul li a {position: relative; top: 1px; z-index: 2; font-size: 12px; font-weight: bold;line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ color: #21368b; text-transform: uppercase; font-size: 12px; width: 107px; background:url(../Images/information_centre/ttd_tab_nav_large.gif) no-repeat top;} #container-1 ul li a:visited {color: #21368b; background:url(../Images/information_centre/ttd_tab_nav_large.gif) no-repeat top;} #container-1 ul li a:hover {color: #ffffff; background:url(../Images/information_centre/ttd_tab_nav_large.gif) no-repeat bottom;} #container-1 ul li a.current {color: #ffffff;background:url(../Images/information_centre/ttd_tab_nav_large.gif) no-repeat bottom;} /* Fragment content boxes */ #fragment-1, #fragment-2, #fragment-3, #fragment-4, #fragment-5, #fragment-6 {clear: both; padding: 5px 20px 20px 20px; position: relative; background: url(../Images/information_centre/ttd_info_centre_fragment_bg.gif) no-repeat bottom left; background-color: #f8f9fc; border-left: solid 1px #b5bcd8; border-right: solid 1px #b5bcd8;} #fragment-1 ul, #fragment-2 ul, #fragment-3 ul, #fragment-4 ul, #fragment-5 ul, #fragment-6 ul{margin: 10px; border:0;width: 658px} #fragment-1 ul li, #fragment-2 ul li, #fragment-3 ul li, #fragment-4 ul li, #fragment-5 ul li, #fragment-6 ul li{float:none; display:block; background:transparent url(../Images/icons/ttd_bullet.gif) no-repeat scroll left top;margin:0;padding:5px 0 5px 20px;width: 638px} #fragment-1 ul li a, #fragment-2 ul li a, #fragment-3 ul li a, #fragment-4 ul li a, #fragment-5 ul li a, #fragment-6 ul li a{background:none;padding-left:0; display:inline; width: auto !important; text-align:left !important; text-transform:none !important} #fragment-1 ul li a:hover, #fragment-2 ul li a:hover, #fragment-3 ul li a:hover, #fragment-4 ul li a:hover, #fragment-5 ul li a:hover, #fragment-6 ul li a:hover{background:none;padding-left:0; display:inline;color: #21368b;text-decoration:underline} #fragment-1 ul li a:visited, #fragment-2 ul li a:visited, #fragment-3 ul li a:visited, #fragment-4 ul li a:visited, #fragment-5 ul li a:visited, #fragment-6 ul li a:visited{background:none;padding-left:0; display:inline;color: #21368b;} #container-1 p label {clear: both; display: block; width:190px; float: left; vertical-align:top; font-weight: bold; position: relative;} #container-1 p {margin: 0px 0px 10px 0px; padding: 0px;} #container-1 h1 {margin: 15px 0px 15px 0px; padding: 0px;font-size: 160%; font-weight: normal;} #container-1 h2 {margin: 15px 0px 15px 0px; padding: 0px; font-size: 160%; font-weight: normal; background-color: pink;} #container-1 h3 {margin: 10px 0px 20px 0px; padding: 0px; font-size: 160%; font-weight: normal;} #container-1 h4 {margin: 15px 0px 10px 0px; padding: 0px; font-size: 120%; font-weight: bold; color: #5b7e3c; width: 500px;} #container-1 h5 {margin: 15px 0px 10px 0px; padding: 0px;font-size: 100%; font-weight: bold; color: #5b7e3c;} #container-1 .press_logo { background-color: #FFFFFF; border: solid 1px #b5bcd8; float: right; position: absolute; margin: 0px; right: 20px;} #container-1 p label {width: 230px;} /* Fragment content boxes */ #main_content #tour_menu {clear: both; margin: 0px;} #main_content #tour_menu ul {margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none;} #main_content #tour_menu ul li {margin: 0px; padding: 5px 1px 0px 1px; display: inline; font-size: 100%;} #main_content #tour_menu ul li a {font-size: 95%;} #main_content #tour_menu ul li.button2 {background: none; font-size: 120%;} /* Tour bottom links */ #main_content #btm_links {clear: both; margin: 10px 0px 10px 0px;} #main_content #btm_links ul {margin: 0px 30px 0px 0px; padding: 0px; list-style-type: none;} #main_content #btm_links ul li {margin: 0px; padding: 0px 10px 0px 10px; display: inline; background-image: url(../Images/icons/arrow_07.gif)} /* Fragment boxes*/ #main_content #container-1 ul li a span {font-size: 85%;} /* Fragment tables Fragment 1*/ #container-1 #fragment-1 table {margin: 0px 0px 20px 0px; padding: 0px; border-collapse: collapse; border: 0px;} #container-1 #fragment-1 table td {margin: 0px; padding: 2px 25px 2px 0px; border: 0px;} /* Fragment tables Fragment 2*/ #container-1 #fragment-3 table {margin: 0px 0px 20px 0px; padding: 0px; border-collapse: collapse; border: 0px;} #container-1 #fragment-3 table td {margin: 0px; padding: 2px 25px 2px 0px; border: 0px;} /* Fragment tables Fragment 3*/ #container-1 #fragment-2 table {background-color: #ffffff; width: 620px; margin: 10px 20px 10px 20px; border-collapse: collapse; border: solid 3px #aac75e; text-align: left;} #container-1 #fragment-2 table th {background-color: #5b7e3c; color:#ffffff; font-weight: bold; padding: 2px;} #container-1 #fragment-2 table td {border-bottom: solid 1px #7ea65b; padding: 2px; color: #21368b;} /* Fragment tables Fragment 4*/ #container-1 #fragment-4 table {margin: 0px 0px 20px 0px; padding: 0px; border-collapse: collapse; border: 0px;} #container-1 #fragment-4 table td {margin: 0px; padding: 2px 25px 2px 0px; border: 0px;} /* Fragment tables Fragment 5*/ #container-1 #fragment-5 table {background-color: #ffffff; width: 620px; margin: 10px 20px 10px 20px; border-collapse: collapse; border: solid 3px #aac75e; text-align: left;} #container-1 #fragment-5 table th {background-color: #5b7e3c; color:#ffffff; font-weight: bold; padding: 2px;} #container-1 #fragment-5 table td {border-bottom: solid 1px #7ea65b; padding: 2px; color: #21368b;} /* menu at bottom of tour detail page */ #tour_menu {margin: 0px; padding: 0px;} #tour_menu ul {margin: 0px; padding: 0px; list-style-type: none; font-size: 90%;} #tour_menu ul li {margin: 0px; padding: 0px 0px 0px 0px; display: inline;} #tour_menu p {clear: both; padding: 10px 0px 0px 5px;} #tour_menu ul li a {padding: 0px 0px 0px 0px;} #tour_menu ul li.button2 a {float: left; } /* tour deatils results */ #main_content #padding h3 span {text-transform: none; font-weight: normal; font-size: 90%;} #main_content #padding .result {clear: both; letter-spacing: -0.6px;} #main_content #padding .result h3 {font-size: 110%;} #main_content #padding .result h3 span {text-transform: none; font-weight: normal; font-size: 90%;} #main_content #padding .result span.title {width:145px; float:left; font-weight: bold;} #main_content #padding .result a:hover span.title {color: #ffffff;} #main_content #padding .result a img{border: none; padding: 0;} #main_content #padding .result span.date {width: 110px; float:left;} #main_content #padding .result span.duration {width: 95px; float:left;} #main_content #padding .result span.country { width: 85px; float:left;} #main_content #padding .result span.hotel {width: 75px; float:left;} #main_content #padding .result span.price {width: 80px; float:left; color: #6c0d06; font-weight: bold;} #main_content #padding .result a:hover span.price {color: #ffffff;} #main_content #padding .result span.category {width: 0px;} #main_content #padding .result .type {float: left; width: 103px;} #main_content #padding .result a span.type{display: block; padding: 0; text-indent: -5000px; background: url(../images/icons/results_goodavail_booknowbg.gif) no-repeat left; float: left; width: 102px; height: 47px;} #main_content #padding .result a:hover span.type{display: block; padding: 0; text-indent: -5000px; background: url(../images/icons/results_goodavail_booknowbg.gif) no-repeat right; float: left; width: 102px; height: 47px;} #main_content #padding .result a span.type1{display: block; padding: 0; text-indent: -5000px; background: url(../images/icons/results_lowavail_calltobookbg.gif) no-repeat left; float: left; width: 102px; height: 47px;} #main_content #padding .result a:hover span.type1{display: block; padding: 0; text-indent: -5000px; background: url(../images/icons/results_lowavail_calltobookbg.gif) no-repeat right; float: left; width: 102px; height: 47px;} #main_content #padding .result {margin: 0px; padding: 0px; list-style-type: none;} #main_content #padding .result li {clear: both; font-size: 95%; background-image: none; margin: 0px; padding: 0px; display: block;} #main_content #padding .result li span {padding: 0px 7px 0px 0px; vertical-align: middle;} #main_content #padding .result li span img {padding:0px; border: 0px; background-color: #dadeec;} #main_content #padding .result li span img.star {padding: 0px; margin: 0px 0px 0px 0px;} #main_content #padding .result li a {cursor: pointer; background-color:#e8edff; display: block; padding: 5px; color: #0e1e60; border: solid 1px #ffffff; text-decoration: none; font-weight: normal; float: left; clear: both; width: 676px; min-height:40px; height:auto !important; height:40px;} #main_content #padding .result li a:hover {background-color: #21368b; color: #ffffff;} #main_content #padding .result ul li a span img {padding: 0px; margin: 0px; vertical-align:top;} /* tour deatils results order by*/ #main_content #padding .result li.order { background-color:#b4975a; display: block; float: left; width: 675px; padding: 0px 5px 10px 5px; height: auto; border: solid 1px #ffffff; text-decoration: none; margin: 0px 0px 0px 0px; color: #ffffff; font-weight: bold;} #main_content #padding .result li.order span {cursor: pointer; font-weight: bold; color: #ffffff;} #main_content #padding .result li.order span img {border: 0px; padding: 0px; background-color: #b4975a;} #main_content #padding .result li.order a{height: 15px !important; min-height: 0px; width: auto !important; display: inline; border: none; background: none transparent; color: #fff; font-weight: bold; padding: 8px 1px; } #main_content #padding .result li.order a:hover{text-decoration: underline;} /* tour deatils results full width */ #full_main_content #padding .result {clear: both; letter-spacing: -0.6px;} #full_main_content #padding .result h3 {font-size: 110%;} #full_main_content #padding .result h3 span {text-transform: none; font-weight: normal; font-size: 90%;} #full_main_content #padding .result span.title {width:200px; float:left; font-weight: bold; color: #6c0d06;} #full_main_content #padding .result a:hover span.title {color: #ffffff;} #full_main_content #padding .result .image {width: 120px; float:left; margin: 0px; margin-right: 10px;} #full_main_content #padding .result a img{padding: 0; border: none;} #full_main_content #padding .result span.date {width: 120px; float:left;} #full_main_content #padding .result span.duration {width: 100px; float:left;} #full_main_content #padding .result span.country { width: 110px; float:left;} #full_main_content #padding .result span.hotel {width: 80px; float:left;} #full_main_content #padding .result span.price {width: 90px; float:left; color: #6c0d06; font-weight: bold;} #full_main_content #padding .result a:hover span.price {color: #ffffff;} #full_main_content #padding .result .type {width: 103px;} #full_main_content #padding .result span.category {width: 110px; float:left;} #full_main_content #padding .result span.availability {width: 100px; color: #6c0d06; font-weight: bold; color: #21368b;} #full_main_content #padding .result {margin: 0px; padding: 0px; list-style-type: none;} #full_main_content #padding .result li {clear: both; font-size: 95%; background-image: none; margin: 0px; padding: 0px;} #full_main_content #padding .result li span {padding: 0px 7px 0px 0px; vertical-align: middle;} #full_main_content #padding .result li span img {padding:0px; border: 0px; background-color: #dadeec;} #full_main_content #padding .result li span img.star {padding: 0px; margin: 0px 0px 0px 0px;} #full_main_content #padding .result li a {cursor: pointer; background-color:#e8edff; display: block; padding: 5px; height: 90px; color: #0e1e60;border: solid 1px #ffffff; text-decoration: none; font-weight: normal;} #full_main_content #padding .result li a:hover {cursor: pointer; background-color: #21368b; display: block; color: #ffffff; } #full_main_content #padding .result a span.type{display: block; padding: 0; text-indent: -5000px; background: url(../images/icons/results_goodavail_booknowbg.gif) no-repeat left; float: left; width: 102px; height: 47px;} #full_main_content #padding .result a:hover span.type{display: block; padding: 0; text-indent: -5000px; background: url(../images/icons/results_goodavail_booknowbg.gif) no-repeat right; float: left; width: 102px; height: 47px;} #full_main_content #padding .result a span.type1{display: block; padding: 0; text-indent: -5000px; background: url(../images/icons/results_lowavail_calltobookbg.gif) no-repeat left; float: left; width: 102px; height: 47px;} #full_main_content #padding .result a:hover span.type1{display: block; padding: 0; text-indent: -5000px; background: url(../images/icons/results_lowavail_calltobookbg.gif) no-repeat right; float: left; width: 102px; height: 47px;} /* result headings*/ #main_content #padding .result .reorderotes {float: left;} #main_content #padding .result .showall {float: right;} /* tour deatils results order by full width*/ #full_main_content #padding .result li.order { background-color:#b4975a; display: block; padding: 0px 5px 10px 5px; height: auto; border: solid 1px #ffffff; text-decoration: none; margin: 0px 0px 0px 0px; color: #ffffff; font-weight: bold;} #full_main_content #padding .result li.order span {cursor: pointer; font-weight: bold; color: #ffffff;} #full_main_content #padding .result li.order span img {border: 0px; padding: 0px; background-color: #b4975a;} #full_main_content #padding .result li.order a{height: auto; display: inline; border: none; background: none transparent; color: #fff; font-weight: bold; } #full_main_content #padding .result li.order a:hover{text-decoration: underline;} /* tour deatils results order by*/ #padding .pagination {clear: both; color: #21368b; font-size: 100%; margin: 0px 0px -10px 0px; padding: 0px;} #padding .pagination a {display: block; padding: 2px 5px 2px 5px; height: auto; border: 0px; background-color: #b32317; color: #ffffff; font-weight: bold;} #padding .pagination a:hover {display: block; padding: 2px 5px 2px 5px; height: auto; border: 0px; background-color: #21368b; color: #ffffff; font-weight: bold; text-decoration: underline;} #padding .pagination a.pagenumber {display: block; padding: 2px 5px 2px 5px; height: auto; border: 0px;background-color: #21368b; color: #ffffff; font-weight: bold;} #padding .pagination a.disabled {display: block; padding: 2px 5px 2px 5px; height: auto; border: 0px; background-color: #e8edff; color: #7180b3;} /***** main content - headings, paragraphs, divs and lists*/ #padding {padding: 5px 15px 5px 15px;} #padding h1, h2, h3, h4, h5 {color: #21368b; text-transform: uppercase; margin: 20px 0px 10px 0px;} #padding ul {margin: 12px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none;} #padding ul li {margin: 0px 0px 0px 0px; padding: 5px 0px 5px 20px; background: url(../Images/icons/ttd_bullet.gif) no-repeat top left;} #padding img {margin: 12px 0px 0px 0px; padding: 5px; background-color: #FFFFFF; border: solid 1px #b5bcd8;} #padding img.leftnoborder {float: right; padding: 0px; border: 0px;} #padding #flashcontent {margin: 12px 0px 0px 0px; padding: 5px; background-color: #FFFFFF; border: solid 1px #b5bcd8;} #padding #flashcontent img{margin: 0px; padding: 0px; border: 0px;} #padding p {margin: 12px 0px 0px 0px;} /* numbered lists */ #padding ol {margin: 12px 0px 0px 23px; padding: 3px 0px 3px 0px;} #padding ol li {margin: 10px 0px 10px 0px;} #padding ol li h4 {margin: 10px 0px 10px 0px;} #padding ol li table {margin: 10px 0px 10px 0px;} #padding ol li ol {margin: 5px 0px 5px 25px;} #padding ol li ol li {margin: 0px 0px 0px 0px;} #padding ol li ol li ol {margin: 5px 0px 5px 50px;} #padding ol li ol li ol li {margin: 0px 0px 0px 0px;} /* anchor list */ #padding ul.anchorlinks {list-style-type: none;} #padding ul.anchorlinks li {display:inline; text-transform: uppercase; background:url(../Images/icons/arrow_01.gif) no-repeat left; padding: 0px 10px 0px 10px;} #padding ul.anchorlinks li a {font-size: 120%;} /***** rss*/ #padding ul.rss {margin: 12px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none;} #padding ul.rss li {margin: 0px 0px 0px 0px; padding: 3px 0px 3px 20px; background: url(../Images/icons/rss_bullet.gif) no-repeat top left;} #padding ul.rss li a {color: #f47d11; font-size: 120%;} /***** image block 1*/ #padding ul.image_block1 {margin: 0px 0px 0px -5px; position: relative;color: #ffffff; font-size: 12px} #padding ul.image_block1 li {margin: 10px 5px 10px 5px; padding: 5px 0px 5px 0px; list-style-type: none; width: 220px; height: 220px; background: url(../Images/image_block_bg_tile.gif) repeat-x top; float: left; background-color: #46589e; text-align: center;} #padding ul.image_block1 li a img {margin: 0px; padding: 0px 0px 0px 0px; border: 0px; background-color: #46589e; border-top: solid 5px #b4975a; border-bottom: solid 2px #746589e;} #padding ul.image_block1 li.clearboth {padding: 0px; margin: 0px; width: 1px; height: 1px; clear:both; background-color: #21368b; font-size: 1px;} #padding ul.image_block1 li a {color: #ffffff; text-decoration: none; font-weight: normal; } #padding ul.image_block1 li a:visited {color: #ffffff; text-decoration: none; font-weight: normal;} #padding ul.image_block1 li span a:hover {text-decoration: underline;} #padding ul.image_block1 li span.title a {font-weight: bold; font-size: 130%;} #padding ul.image_block1 li a span.clearboth {display: none;} /***** image block 2*/ #padding ul.image_block2 {margin: 10px 0px 10px 0px; padding: 0px;} #padding ul.image_block2 li {margin: 0px 0px 10px 0px; padding: 0px 10px 0px 10px; background-image: none; list-style-type: none; background-color: #e8edff; border: solid 1px #b5bcd8; position: relative; min-height: 155px; display: block; clear: both;} #padding ul.image_block2 li img {margin: 10px 20px 0px 0px; display: block; float: left; background-color: #ffffff; position: relative;} #padding ul.image_block2 li span {display: block; margin: 0px; padding: 15px 0px 0px 0px;} #padding ul.image_block2 li a {text-decoration: none;} #padding ul.image_block2 li a:hover {text-decoration:underline;} #padding ul.image_block2 li span.title a{font-size: 130%; margin: 0px; padding: 15px 0px 0px 0px; font-weight: bold; color: #21368b; } #padding ul.image_block2 li span.title a:hover{font-size: 130%; margin: 0px; padding: 15px 0px 0px 0px; font-weight: bold; color: #b32317;} #padding ul.image_block2 li span.clearboth {font-size: 1px; margin: 0px; padding: 0px; clear: both;} /***** testimonials*/ #padding ul.testimonial {list-style-type: none; margin: 0px; padding: 0px;} #padding ul.testimonial li {background-image: none; margin: 0px 10px 10px 10px; padding: 0px 0px 30px 0px; background: url(../Images/icons/quote_line.gif) repeat-x bottom;} #padding ul.testimonial span {display: block;} #padding ul.testimonial span.quotetop {background:url(../Images/icons/quote_top.gif) no-repeat top left; float: left; width: 29px; height: 22px;} #padding ul.testimonial span.Comment {font-size: 95%;} #padding ul.testimonial span.quotebtm {background:url(../Images/icons/quote_btm.gif) no-repeat bottom right; float: right; width: 29px; height: 22px;} #padding ul.testimonial span.TourNameAndDate {color: #c1a876; font-weight: bold; font-size: 120%; padding: 5px 0px 5px 0px;} #padding ul.testimonial span.OTHER {color: #21368b; font-size: 120%; padding: 5px 0px 5px 0px;} /***** apis table*/ #padding table.apistop {} #padding table.apistop label {color: #b32317; font-weight: bold; padding-right: 10px;} #padding table.apisbtm {margin: 0px 0px 20px 0px; padding: 0px; border-collapse:collapse;} #padding table.apisbtm caption {background-color:#21368b; color: #ffffff; font-weight: bold;padding: 10px 5px 10px 5px;} #padding table.apisbtm td {padding: 5px 5px 5px 5px; background-color: #e8edff; border: solid 2px #ffffff;} #padding table.apisbtm td input {width: 95px; font-size: 90%;} /***** documents list*/ #padding ul.documents {margin: 0px; padding: 0px; list-style-type: none;} #padding ul.documents li {margin: 10px 0px 10px 0px; padding: 0px; background-image: none;} #padding ul.documents li a {margin: 0px; padding: 0px; padding: 5px 10px 5px 10px; background-color: #ffffff; display: block; position: relative; border: solid 1px #d0dbff; text-decoration: none; font-weight: normal;} #padding ul.documents li a:hover {background-color: #e8edff; color: #21368b; text-decoration: underline;} #padding ul.documents li a span { display: block; margin: 0px 0px 0px 60px;} #padding ul.documents li a span.title {font-size: 130%; font-weight: bold; margin:0px 0px 5px 60px; color: #b32317} #padding ul.documents li a span.doctype {font-size: 90%; font-weight: bold; margin: 5px 0px 0px 60px; color: #7180b3;} #padding ul.documents li a img {position: relative; margin: -10px 20px 0px 0px; float: left; border: 0px; padding: 3px 0px 3px 0px;} /***** destinations*/ #padding .destination {background-color: #FFFFFF; border: solid 1px #b5bcd8; padding: 10px; margin: 10px 0px 0px 0px;} #padding .destination img {background-color: #ffffff; padding: 0px; border: 0px; float: left; margin: 0px 20px 0px 0px;} #padding .destination p {position: relative;} #padding .destination h3 {position: relative;} /***** homepage*/ #main_content .homepad {} /* block 1*/ #main_content #block1 {} /***** news*/ #padding ul.image_block3 {margin: 5px 0px 5px 0px; padding: 0px; list-style-type: none;} #padding ul.image_block3 li {float: left; clear: both; width: 688px; margin: 5px 0px 0px 0px; padding: 0px;} #padding ul.image_block3 li img {float: right; padding: 0px; margin: 0px; border: solid 1px #ffffff; position: relative;} #padding ul.image_block3 li a {background-color: #ffffff; margin: 0px 0px 10px 0px; padding: 5px 5px 5px 5px; border: solid 1px #d0dbff; text-decoration: none; position: relative; display: block;} #padding ul.image_block3 li a:hover {background-color: #e8edff; color: #21368b;} #padding ul.image_block3 li span {display: block; margin: 0px; padding: 10px 0px 0px 10px;} #padding ul.image_block3 li a span.title {font-size: 120%; margin: 0px; color: #b32317;} #padding ul.image_block3 li a h3.title {font-size: 140%; margin: 0px; color: #b32317; padding: 10px 0px 0px 10px; text-transform: none;} #padding ul.image_block3 li span.description {font-weight: normal; padding: 10px 0px 10px 10px;} #padding ul.image_block3 li span.clearboth {font-size: 1px; margin: 0px; padding: 0px; clear: both;} /* news individual*/ #padding .news {background: url(../Images/icons/dot_line_1.gif) repeat-x bottom; padding: 0px 0px 20px 0px;} #padding .news span {display: block; margin: 0px; padding: 10px 0px 0px 0px;} #padding .news span.title {font-size: 140%; margin: 0px; padding: 10px 0px 0px 0px; text-transform: none; color: #21368b; font-weight: bold;} #padding .news span.description {font-weight: bold; padding: 10px 0px 10px 0px;} #padding .news span.date {font-weight: normal; color: #21368b; font-size: 120%;} /* careers individual*/ #padding .careers {background: url(../Images/icons/dot_line_1.gif) repeat-x bottom; padding: 0px 0px 20px 0px;} #padding .careers span {display: block; margin: 0px; padding: 10px 0px 0px 0px;} #padding .careers span.title {font-size: 140%; margin: 0px; padding: 10px 0px 0px 0px; text-transform: none; color: #21368b; font-weight: bold;} #padding .careers span.description {font-weight: bold; padding: 10px 0px 10px 0px;} #padding .careers span.date {font-weight: normal; color: #21368b; font-size: 120%;} /* careers individual*/ #ctl00_MainContentInstance_CareersPanel li {background: url(../Images/icons/dot_line_1.gif) repeat-x top; padding: 0px 0px 0px 0px; list-style-type: none; margin: 10px 0px 10px 0px;} #ctl00_MainContentInstance_CareersPanel li a {text-decoration: none; display: block; color: #000000;} #ctl00_MainContentInstance_CareersPanel li a:hover {background-color: #d0dbff; color: #000000;} #ctl00_MainContentInstance_CareersPanel li span {display: block; margin: 0px; padding: 5px 0px 0px 0px;} #ctl00_MainContentInstance_CareersPanel li span.title {font-size: 120%; margin: 0px; padding: 10px 0px 0px 0px; text-transform: none; color: #21368b; font-weight: bold;} #ctl00_MainContentInstance_CareersPanel li span.description {font-weight: bold; padding: 5px 0px 5px 0px;} #ctl00_MainContentInstance_CareersPanel li span.date {font-weight: normal; font-size: 120%;} /*****sitemap*/ #padding .sitemap {margin: 0px 0px 0px 0px; padding: 0px;position: relative;} #padding .sitemap ul {margin: 10px 0px 0px 0px; padding: 0px;} #padding .sitemap ul li {margin: 0px; padding: 0px 0px 1px 0px; background: url(../Images/icons/dot_line_1.gif) repeat-x bottom;} #padding .sitemap ul li a {margin: 0px; padding: 5px 5px 5px 40px; background: url(../Images/icons/forward_arrow.gif) no-repeat left; background-color: #7180b3; font-size: 130%; text-transform: uppercase; display: block; width: 643px; color: #ffffff; text-decoration: none; } #padding .sitemap ul li a:hover {text-decoration: underline; background-color: #b32317; color: #ffffff;} /* sitemap level 2*/ #padding .sitemap {margin: 0px; padding: 0px; position: relative;} #padding .sitemap ul li ul {margin: 0px; padding: 0px;} #padding .sitemap ul li ul li {margin: 0px; padding: 0px 0px 1px 0px; background: url(../Images/icons/dot_line_1.gif) repeat-x bottom;} #padding .sitemap ul li ul li a {margin: 0px; padding: 2px 0px 2px 50px; background-color: #f8f9fc; background-image: none; font-size: 120%; text-transform: none; width: 638px; color: #0e1e60; background-color: #e8edff;} /* sitemap level 3*/ #padding .sitemap {margin: 0px; padding: 0px; position: relative;} #padding .sitemap ul li ul li ul {margin: 0px; padding: 0px;} #padding .sitemap ul li ul li ul li {margin: 0px; padding: 0px 0px 1px 0px; background: url(../Images/icons/dot_line_1.gif) repeat-x bottom;} #padding .sitemap ul li ul li ul li a {margin: 0px; padding: 0px 0px 0px 100px; background-color: #f8f9fc; background-image: none; font-size: 100%; text-transform: none; width: 588px; color: #0e1e60; background-color: #f8f9fc;} /* sitemap level 4*/ #padding .sitemap {margin: 0px; padding: 0px; position: relative;} #padding .sitemap ul li ul li ul li ul {margin: 0px; padding: 0px;} #padding .sitemap ul li ul li ul li ul li {margin: 0px; padding: 0px; background-image: none;} #padding .sitemap ul li ul li ul li ul li a {margin: 0px; padding: 0px 0px 0px 150px; background-color: #f8f9fc; background-image: none; font-size: 100%; text-transform: none; width: 538px; font-weight: normal} /***** left_col*/ #left_col {width: 230px; float: left;} /* search*/ #search {width: 213px; background: #be2315 url(../images/ttd_search_bg.gif) no-repeat top left; padding: 55px 9px 5px 8px; font-size: 93%;} #left_col .searchtop{display: none;} #search form {margin: 0px; padding: 0px;} #search img.title {display: none;} #search input.searchbtn {display: block; height:34px; background: url(../Images/buttons/newsearch_btn.gif) no-repeat left; width: 153px; border: 0px; margin: 25px auto 15px auto; color: #20348b; cursor: pointer; padding: 15px 0px 0px 12px; font-size: 0%;} #search input.searchbtn:hover {background: url(../Images/buttons/newsearch_btn.gif) no-repeat right; color: #dec48e} #search .field1 {margin: 0px 0px 12px 0px; color: #fff;} #search .field1 select {width: 208px; display: block} #search .field2 {margin: 0px 0px 12px 0px; color: #fff;} #search .field2 select {width: 208px; display: block} #search .field3 {margin: 0px 0px 12px 0px; color: #fff;} #search .field3 select {width: 208px; display: block;} #search .field3 select {width: 208px; display: block;} #search .field4 {margin: 0px 0px 12px 0px; color: #fff;} #search .field4 select {width: 208px; display: block} #search a {font-size: 85%;} .searchbtm {margin: 0px 0px 15px 0px;} /* search horizontal*/ #search_horizontal {background-color: #909bc5; margin: 0px 0px 0px 0px; position: relative; width: 678px; padding: 5px 20px 5px 20px; position: relative; border-bottom: solid 1px #6b79b2;} #search_horizontal form {margin: 0px; padding: 0px;} #search_horizontal label {display: none;} #search_horizontal select {font-size: 85%; background-color: #eff1f8; color: #0e1e60;} #search_horizontal input.searchbtn {} #search_horizontal div {display: inline; margin: 0px 5px 0px 0px;} #search_horizontal input.searchbtn {display: block; height:33px; background: url(../Images/buttons/search_horizontal_btn.gif) no-repeat top; width: 150px; border: 0px; margin: 0px; color: #ffffff; font-weight: bold; text-transform: uppercase; cursor: pointer; padding: 0px 0px 0px 12px; font-size: 120%; position: absolute; right: 20px; top: 7px;} #search_horizontal input.searchbtn:hover {background: url(../Images/buttons/search_horizontal_btn.gif) no-repeat bottom; text-decoration: underline;} #search_horizontal h3 {margin: 0px; padding: 0px; color: #0e1e60; font-size: 100%;} #search_horizontal .field1 select {width: 110px;} #search_horizontal .field2 select {width: 80px;} #search_horizontal .field3 select {width: 170px;} #search_horizontal .field4 select {width: 120px;} /* search horizontal full width*/ #full_main_content #search_horizontal {background-color: #909bc5; margin: 0px 0px 0px 0px; position: relative; width: 928px; padding: 5px 20px 5px 20px; position: relative; border-bottom: solid 1px #6b79b2; font-size: 95%;} #full_main_content #search_horizontal label {display: inline; color: #ffffff; font-size:95%;} /* find or book a holiday */ .find_holiday a {display: block; height: 62px; background: url(../Images/buttons/find_a_holday.jpg) no-repeat top;} .find_holiday a:hover {display: block; height: 62px; background: url(../Images/buttons/find_a_holday.jpg) no-repeat bottom;} .find_holiday a span {display: none;} ; /* side navigation */ #sidenav { margin: 0px 0px 5px 0px; padding: 0px;} #sidenav .lefttop {margin: 0px 0px 0px 0px;} #sidenav .lefttop img {float: left;} /* side navigation level 1*/ #sidenav ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px;background-color: #21368b;} #sidenav ul li {background-color: #f8f5ee; margin: 0px; clear: both;} #sidenav ul li a {margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; width: 208px; display: inline; float: left; background: url(../Images/navigation/ttd_side_nav_1_bg.gif) repeat-x top; border-left: solid 1px #0e1e60; border-right: solid 1px #0e1e60; border-bottom: solid 1px #0e1e60; text-decoration: none; text-transform: uppercase; color: #ffffff;} #sidenav ul li a:hover { text-decoration: underline; background: url(../Images/navigation/ttd_side_nav_1_bg.gif) repeat-x bottom;} #sidenav ul li.CMSListMenuHighlightedLI a{margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; width: 208px; display: inline; float: left; background: url(../Images/navigation/ttd_side_nav_1_bg.gif) repeat-x bottom; border-left: solid 1px #0e1e60; border-right: solid 1px #0e1e60; border-bottom: solid 1px #0e1e60; text-decoration: none; text-transform: uppercase; color: #ffffff; font-weight: bold;} #sidenav ul li.CMSListMenuLI span.CMSListMenuLink{margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; width: 208px; display: inline; float: left; background: url(../Images/navigation/ttd_side_nav_1_bg.gif) repeat-x top; border-left: solid 1px #0e1e60; border-right: solid 1px #0e1e60; border-bottom: solid 1px #0e1e60; text-decoration: none; text-transform: uppercase; color: #ffffff; font-weight: bold;} #sidenav ul li.CMSListMenuHighlightedLI span.CMSListMenuLinkHighlighted{margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; width: 208px; display: inline; float: left; background: url(../Images/navigation/ttd_side_nav_1_bg.gif) repeat-x bottom; border-left: solid 1px #6c0d06; border-right: solid 1px #6c0d06; border-bottom: solid 1px #6c0d06; text-decoration: none; text-transform: uppercase; color: #ffffff; font-weight: bold;} /* side navigation level 2*/ #sidenav ul li ul {background-image: 0px; padding: 0px;} #sidenav ul li ul li a {padding:1px 10px 1px 30px; font-size: 100%; width: 188px; text-transform: none; background: url(../Images/navigation/ttd_side_nav_2_bg.gif) repeat-x top; color: #5d4a23; border-left: solid 1px #e6dcc8; border-right: solid 1px #e6dcc8; border-bottom: solid 1px #cdba91;} #sidenav ul li ul li a:hover {color: #ffffff;} #sidenav ul li.CMSListMenuHighlightedLI li a {padding:1px 10px 1px 30px; font-size: 100%; width: 188px; text-transform: none; background: url(../Images/navigation/ttd_side_nav_2_bg.gif) repeat-x top; color: #5d4a23; border-left: solid 1px #e6dcc8; border-right: solid 1px #e6dcc8; border-bottom: solid 1px #cdba91; text-decoration: none;} #sidenav ul li.CMSListMenuHighlightedLI li a:hover {text-decoration: underline;} #sidenav ul li.CMSListMenuHighlightedLI li a:hover {text-decoration: underline; background: url(../Images/navigation/ttd_side_nav_2_bg.gif) repeat-x bottom; color: #ffffff;} #sidenav ul li.CMSListMenuHighlightedLI ul li.CMSListMenuHighlightedLI a {padding:1px 10px 1px 30px; font-size: 100%; width: 188px; text-transform: none; background: #b32317 ; color: #fff; border-left: solid 1px #e6dcc8; border-right: solid 1px #e6dcc8; border-bottom: solid 1px #cdba91; text-decoration: none;} /* side navigation level 3*/ #sidenav ul li ul {background-image: 0px; padding: 0px;} #sidenav ul li ul li ul li a {padding:0px 10px 0px 60px; font-size: 90%; width: 158px; font-weight: normal; text-transform: none; background: url(../Images/icons/arrow_02.gif) no-repeat left;background-color: #fbf9f6; } #sidenav ul li ul li ul li a:hover {background: url(../Images/icons/arrow_03.gif) no-repeat left; background-color: #b32317; color: #ffffff;} #sidenav ul li.CMSListMenuHighlightedLI ul li li a, #sidenav ul li.CMSListMenuHighlightedLI ul li.CMSListMenuHighlightedLI li a {color: #5d4a23; padding:0px 10px 0px 60px; font-size: 90%; width: 158px; font-weight: normal; text-transform: none; background: #fbf9f6 url(../Images/icons/arrow_02.gif) no-repeat left; font-weight: normal; text-decoration: none;} #sidenav ul li.CMSListMenuHighlightedLI ul li li a:hover {color: #5d4a23; text-decoration: underline; background-color: #b32317; color: #ffffff} #sidenav ul li ul li.CMSListMenuHighlightedLI li a {padding:0px 10px 0px 60px; font-size: 90%; width: 158px; font-weight: normal; text-transform: none; background: #fbf9f6 url(../Images/icons/arrow_02.gif) no-repeat left; font-weight: normal; text-decoration: none;} #sidenav ul li ul li.CMSListMenuHighlightedLI li a:hover { text-decoration: underline; background-color: #b32317; color: #ffffff;} #sidenav ul li.CMSListMenuHighlightedLI ul li.CMSListMenuHighlightedLI ul li.CMSListMenuHighlightedLI a {color: #fff; padding:0px 10px 0px 60px; font-size: 90%; width: 158px; font-weight: normal; text-transform: none; background: #b32317 url(../Images/icons/arrow_02.gif) no-repeat left; font-weight: normal; text-decoration: none;} /*left link to info centre*/ #left_col .left_info {background-color: #edf0f7; width: 230px; background: url(../Images/buttons/ttd_info_centre_btn.gif) no-repeat top; margin: 0px 0px 15px 0px;} #left_col .left_info a {display: block; width: 163px; height: 40px; padding: 33px 28px 0px 12px; font-size: 90%; text-decoration: none;} /* left text box */ .text_block {width: 208px; background-color: #f8f5ee; border-left: solid 1px #e6dcc8; border-right: solid 1px #e6dcc8; padding: 5px 10px 5px 10px; font-size: 90%;} .text_block p {margin: 8px 0px 8px 0px; padding: 0px 0px 0px 0px; font-size: 95%;} .text_block p a {font-style:normal;} .textbtm {margin: 0px 0px 15px 0px;} /***** homepage*/ /* buttons on left*/ #home_buttons {margin: 0px; padding: 0px;} #home_buttons ul {margin: 0px; padding: 0px; list-style-type: none;} #home_buttons ul li {background: url(../Images/homepage/buttons_bg.gif) no-repeat top; display: block; padding: 0px 5px 0px 5px; margin: 3px 0px 3px 0px;} #home_buttons ul li img { vertical-align: middle; padding: 1px 0px 2px 0px;} #home_buttons ul li a {text-transform: uppercase; font-weight: bold; font-size: 110%; text-decoration: none;} /* block 1 - Flash*/ #block1 {float: left; margin: 0px 0px 15px 0px} /* block 2 - holiday ideas*/ #block2 {width: 230px; float: right; height: 335px; position: relative;} #block2 .title {height: 18px; background-image: url(../Images/homepage/block2_title.gif); color:#ffffff;text-transform: uppercase; font-weight: bold; font-size: 110%; text-decoration: none; padding: 10px 10px 15px 10px;} #block2 ul {margin: 0px; padding: 0px;} #block2 ul li {margin: 0px; padding: 0px; list-style-type: none;} #block2 ul li a {background: url(../Images/homepage/block2_link.gif) no-repeat top; font-size: 80%; padding: 10px 3px 0px 35px; color: #000000; line-height: 12px; text-decoration: none; height: 48px; display: block; margin: -1px 0px 0px 0px;} #block2 ul li a:hover {text-decoration: underline;background: url(../Images/homepage/block2_link.gif) no-repeat bottom; } #block2 ul li a span.date {display: block; font-weight: normal; font-size: 100%;} #block2 ul li a span.price {color: #b32317; position: absolute; right: 10px; margin: -12px 0px 0px 0px; padding: 0px 0px 0px 6px;} #block2 ul li a span.tour {color: #796232;} #block2 img.btm {float: left; margin: -1px 0px 0px 0px;} /* block features */ #features {position: relative; float: left; width: 100%; clear: both; margin: 0px;} #features img {border: 0px;} #features ul {margin: 0px; padding: 0px; list-style-type: none;} #features ul li {margin: 0px; padding: 0px; display: inline;} /* block 3 */ #block3 {clear: both; width: 230px; float: left; background: url(../Images/homepage/block_bg.gif) no-repeat top; height: 205px; } #block3 a {text-decoration: none; display: block; color: #000000;} #block3 a span.title {text-transform: uppercase; font-weight: bold; font-size: 90%; text-decoration: none; padding: 5px 5px 5px 5px; text-align: center; display: block; cursor: pointer; color: #b32317;} #block3 a span.description {font-size: 85%; width: 210px; display: block; padding: 0px 10px 2px 10px; font-weight: normal; cursor: pointer;} #block3 a:hover {text-decoration: none;} #block3 a img {margin: 0px 0px 0px 1px;} #block3 a:hover img {text-decoration: none;} #block3 a:hover span.description {text-decoration: underline;} /* block 4 */ #block4 {float: left; margin-left: 15px; width: 230px; background: url(../Images/homepage/block_bg.gif) no-repeat top; height: 205px;} #block4 a {text-decoration: none; display: block; color: #000000;} #block4 a span.title {text-transform: uppercase; font-weight: bold; font-size: 90%; text-decoration: none; padding: 5px 5px 5px 5px; text-align: center; display: block; cursor: pointer; color: #b32317;} #block4 a span.description {font-size: 85%; width: 210px; display: block; padding: 0px 10px 2px 10px; font-weight: normal; cursor: pointer;} #block4 a:hover {text-decoration: none;} #block4 a img {margin: 0px 0px 0px 1px;} #block4 a:hover img {text-decoration: none;} #block4 a:hover span.description {text-decoration: underline;} /* block 5 */ #block5 {width: 230px; float: left; background: url(../Images/homepage/block_bg.gif) no-repeat top; height: 205px; margin-left: 15px;} #block5 a {text-decoration: none; display: block; color: #000000;} #block5 a span.title {text-transform: uppercase; font-weight: bold; font-size: 90%; text-decoration: none; padding: 5px 5px 5px 5px; text-align: center; display: block; cursor: pointer; color: #b32317;} #block5 a span.description {font-size: 85%; width: 210px; display: block; padding: 0px 10px 2px 10px; font-weight: normal; cursor: pointer;} #block5 a:hover {text-decoration: none;} #block5 a img {margin: 0px 0px 0px 1px;} #block5 a:hover img {text-decoration: none;} #block5 a:hover span.description {text-decoration: underline;} /***** modal poup*/ .modalProgressGreyBackground { background:#CCCCCC; filter:alpha(opacity=60); opacity:0.6; } .modalProgressRedBackground { background:Red; filter:alpha(opacity=60); opacity:0.6; } .modalPopup { text-align:center; padding-top: 30px; border-style:solid; border-width:1px; background-color:White; width:300px; height:100px; } /* photo gallery pagination*/ .PagerControl {padding: 10px 0px 10px 0px; text-align: right;} .PagerControl .PageLabel {font-size: 10px; font-weight: normal; width: 500px; float: left; text-align: left;} .PagerNumberArea {float: right; color: #7180b3; font-size: 90%; width: 100%;} .PagerNumberArea a {background-color:#21368b; padding: 2px 4px 2px 4px; font-weight: bold; color: #ffffff; text-decoration: none;} .PagerNumberArea a:hover {background-color:#b32317; padding: 2px 4px 2px 4px; font-weight: bold; color: #ffffff; text-decoration: none;} .PagerNumberArea span {} .PagerNumberArea span.SelectedPage{background-color: #b32317; padding: 2px 4px 2px 4px; font-weight: bold; color: #ffffff;} /***** gallery thumbnail*/ #main_content .gallery_thumbnail{clear: both; float: left; width: 100%; margin: 0; padding: 0; list-style: none; } #main_content .gallery_thumbnail ul{padding: 0px 0px 10px 0px; clear: both;} #main_content .gallery_thumbnail li{background: none transparent; display: inline; padding: 0px; margin: 3px; background-color: #ffffff; width: 125px; height: 126px; display: block; float: left; border: solid 1px #b5bcd5; v-align: middle; text-align: centre;} #main_content .gallery_thumbnail li img {padding: 0px; margin: 0% auto; text-align: centre; background-color: #ffffff; border: 0px;} #main_content .gallery_thumbnail li img.landescape {padding: 25px 0px 0px 0px;} #main_content .gallery_thumbnail li img.portrait {padding: 0px 0px 0px 25px;} #main_content .gallery_thumbnail ul li a:hover {} #main_content .gallery_view{clear: both; float: left; width: 100%;} #main_content .gallery_view ul{margin: 0; padding: 0; list-style: none; } #main_content .gallery_view ul li{background: none transparent; display: block; position: relative; float: left; margin: 0; padding: 0; margin-right: 10px;} #main_content .gallery_view ul li span{display: block; text-align: center; padding: 5px; background: #fff; border: solid 1px #b5bcd8; border-top: none; } #main_content .gallery_view ul li a {pointer: cursor;} #main_content .feature {float: left; width: 660px; background-color: #FFFFFF; border: solid 1px #b5bcd8; padding: 10px 10px 0px 10px; margin: 10px 0px 20px 0px;} #main_content .feature img {background-color: #ffffff; padding: 0px; border: 0px; float: left; margin: 0px 20px 0px 0px;} #main_content .feature .photographer{display: block; padding: 0px 20px 0px 20px;} #main_content .photo_top .button1{clear: both; padding: 20px 0px 20px 200px;} #main_content .photo_top .button1 a{display: block; background: url(../Images/buttons/continue_booking.gif) no-repeat top; width: 200px; text-align: center; height: 28px; border: 0px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-size: 100%; padding-top: 12px;} #main_content .photo_top .button1 a:hover{background: url(../Images/buttons/continue_booking.gif) no-repeat bottom; text-decoration: underline;} /* button*/ #main_content .button4{clear: both; padding: 20px 0px 20px 200px;} #main_content .button4 a{display: block; background: url(../Images/buttons/continue_booking.gif) no-repeat top; width: 200px; text-align: center; height: 28px; border: 0px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-size: 100%; padding-top: 12px;} #main_content .button4 a:hover{background: url(../Images/buttons/continue_booking.gif) no-repeat bottom; text-decoration: underline;} /* gallery padding */ #main_content #thumbnails {padding: 10px;} /* media ads*/ .media_flash {margin: 12px 0px 0px 0px; padding: 5px; background-color: #FFFFFF; border: solid 1px #b5bcd8;} .media_flash #flashcontent {float: left; border: 0px; padding: 0px;} .media_flash #flashcontent1 {float: left; border: 0px; padding: 0px;} .media_flash #flashcontent2 {float: left; border: 0px; padding: 0px;} .media_flash #flashcontent3 {float: left; border: 0px; padding: 0px;} .media_flash #flashcontent4 {float: left; border: 0px; padding: 0px;} .media_flash #flashcontent5 {float: left; border: 0px; padding: 0px;} .media_flash #flashcontent6 {float: left; border: 0px; padding: 0px;} .media_flash #flashcontent7 {float: left; border: 0px; padding: 0px;} .media_flash #flashcontent8 {float: left; border: 0px; padding: 0px;} .media_flash #flashcontent9 {float: left; border: 0px; padding: 0px;} .media_flash #flashcontent10 {float: left; border: 0px; padding: 0px;} .media_flash #flashcontent img {border: 0px; padding: 0px;} .media_flash #flashcontent1 img {border: 0px; padding: 0px;} .media_flash #flashcontent2 img {border: 0px; padding: 0px;} .media_flash #flashcontent3 img {border: 0px; padding: 0px;} .media_flash #flashcontent4 img {border: 0px; padding: 0px;} .media_flash #flashcontent5 img {border: 0px; padding: 0px;} .media_flash #flashcontent6 img {border: 0px; padding: 0px;} .media_flash #flashcontent7 img {border: 0px; padding: 0px;} .media_flash #flashcontent8 img {border: 0px; padding: 0px;} .media_flash #flashcontent9 img {border: 0px; padding: 0px;} .media_flash #flashcontent10 img {border: 0px; padding: 0px;} .media_flash .media_description {float: right; width: 500px;} /***** anchor*/ .anchor {clear: both; font-size: 1%; margin: 0px; padding: 0px; height: 1%;} /***** footer*/ #footer {margin: 13px 0px 20px 0px; text-align: center; color: #796232;} #footer ul#footernav {margin: 0px; padding: 0px; list-style-type: none; color: #000000; font-weight: normal; background: url(../Images/ttd_footer_bg.gif) no-repeat top; height: 35px; padding: 15px 0px 0px 0px; font-weight: bold; font-size: 12px;} #footer ul#footernav li {margin: 0px; padding: 0px 10px 0px 10px; display: inline; border-left: solid 1px #acaaa5;} #footer ul#footernav li.CMSListMenuLIFirst { padding: 0px 10px 0px 0px; display: inline; border-left: solid 0px #acaaa5;} #footer ul#footernav li a { color: #000000; text-decoration: none;} #footer ul#footernav li a:hover {color: #b32317; text-decoration: underline;} #footer p.licence {width: 560px; margin: 0% auto; padding: 20px 0px 0px 0px;} #footer p.licence img {float: left;} #footer p.fluidrock {width: 560px; margin: 0% auto; padding: 20px 0px 0px 0px; font-size: 80%;} #footer p.fluidrock a {color: #796232; font-weight: normal; text-decoration: none;} .andor{font-size: 85%;display: block; color: #fff;} a.printbtn{display: block; position: relative; float: right; width: 100px; height: 33px; background: url(../images/buttons/print_btn.gif) top left; color: #fff; font-weight: bold; text-decoration: none; line-height: 33px; padding-left: 33px;} a.printbtn:hover{background-position: bottom left; text-decoration: underline;} #booking_frame{height: 1100px;} #ctl00_MainContentInstance_newsPanelIndiv #btm_links{display: none;} #padding .NoResultsBizformPanel input.FormButton{display: none;} #padding span.noresultsearch{color: #b32017; font-weight: bold; font-size: 107%;} .hiddenAnchor{display: none;} .backToTop{display: block; width: 230px; height: 21px; background: url(../images/back-to-top-btn.gif) no-repeat; text-indent: -5000px; margin: 5px 0px; clear: left; float: left;} #demotip { display:none; background:transparent url(../images/tooltip/white.png); _background-image: url(../images/tooltip/white.jpg); font-size:11px; font-weight: bold; height:59px; width:159px; padding:25px; color:#000; } #licensed{float: right; line-height: 40px; height: 40px; padding-top: 5px; background: url(../images/licensed.gif) no-repeat left; padding-left: 45px; font-weight: bold; color: #b32017; } #left_col .notes{width: 230px; float: left; position: relative; margin-bottom: 20px} #left_col .notes div{display:none;} #left_col .notes .title {display: block;height: 18px; background-image: url(../Images/homepage/block2_title.gif); color:#ffffff;text-transform: uppercase; font-weight: bold; font-size: 110%; text-decoration: none; padding: 10px} #left_col .notes ul {margin: 0px; padding: 0px; padding-top: 10px; width: 228px; border-left: 1px solid #b5bede; border-right: 1px solid #b5bede;} #left_col .notes ul li {margin: 0px 10px; padding: 0px; list-style-type: none; background: url(../images/tick-bullet.gif) no-repeat 0 0; font-weight: bold; font-size: 107%; padding-left: 25px; padding-bottom: 10px;} #left_col .notes img.btm {float: left; margin: -1px 0px 0px 0px;} #left_col .comments{width: 230px; float: left; position: relative; margin-bottom: 20px} #left_col .comments .title {height: 18px; background-image: url(../Images/homepage/block2_titlelink.gif); color:#ffffff;text-transform: uppercase; font-weight: bold; font-size: 110%; text-decoration: none; padding: 10px} #left_col .comments .title a{text-decoration: none; color: #fff;} #left_col .comments .title a:hover{text-decoration: underline;} #left_col .comments .commentcontent{position: relative; float: left; padding: 10px 10px 0; width: 208px; border-left: 1px solid #b5bede; border-right: 1px solid #b5bede;} #left_col .comments .quotetop{background: url(../Images/icons/quote_top.gif) no-repeat left top;float:left;height:22px;width:29px;} #left_col .comments .quotebtm{background: url(../Images/icons/quote_btm.gif) no-repeat right bottom;float:right;height:22px;width:29px;} #left_col .comments img.btm {float: left; margin: -1px 0px 0px 0px;} .apple_overlay { /* must be initially hidden */ display:none; /* place overlay on top of other elements */ z-index:10000; /* styling */ background:#fff url(../images/overlay-bg.gif) repeat-x bottom left; width:800px; min-height:400px; height: auto !important; height: 400px; border:1px solid #e3dac4; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; padding: 20px; position:relative; } .apple_overlay .close { background: transparent url(../images/close.png); position:absolute; right:-15px;top:-15px;cursor:pointer; height:35px;width:35px; border:none; font-size: 0%;color:#2e5761;padding-top:20px; } *html .apple_overlay .close{background-image: url(../images/overlay_close_IE6.gif) no-repeat;} .apple_overlay .popupHeading,.apple_overlay .popupTagline{font-weight:bold;margin: 5px 0;color:#21368b; display:block; text-align:center; font-size:120%} .apple_overlay .popupHeading strong{color:#000} .apple_overlay .popupBox1,.apple_overlay .popupBox2,.apple_overlay .popupBox3{ display:block; position:relative; width:230px; float:left;margin: 30px 35px 0 0;cursor:pointer;} .apple_overlay .popupBox1{background:url(../images/popupirelandflag.gif) no-repeat center 0;padding-top:60px;} .apple_overlay .popupBox2{background:url(../images/popupukflag.gif) no-repeat center 0;padding-top:60px;} .apple_overlay .popupBox3{background:url(../images/popupusaflag.gif) no-repeat center 0;padding-top:60px;} .apple_overlay .setcookieIE,.apple_overlay .setcookieUK,.apple_overlay .setcookieUS{position:absolute;top:0;left:0;display:block;width:230px;height:141px;border:none;background:none transparent; z-index:1; font-size:0%;cursor:pointer;} .apple_overlay .popupbutton{width:220px;height:73px;background:url(../images/country-button.gif) no-repeat;padding:5px; text-align:center} .apple_overlay .popupbutton span{display:block; margin: 2px 0;} .apple_overlay .popupbutton span.t2{font-weight:bold;} .apple_overlay .rememberChoices{display:block;font-weight:bold;left:330px;position:absolute;top:350px;} .details { position:absolute; top:15px; right:15px; font-size:11px; color:#fff; width:150px; } .details h3 { color:#aba; font-size:15px; margin:0 0 -10px 0; }