@charset "utf-8"; /* ========================================================================== STYLES.CSS | CSS FRAMEWORK -------------------------- Main Project specific styles - Banksia - author:FuelDesign Ltd www.fueldesign.co.nz Contents:-------------------------- 1 - Default Typography Sizing, Colours and Margins 2 - Global Styles for types 3 - Main Structural Divs 4 - Header styles 5 - Main body Styles 6 - Footer Styles 7 - Page Specific sty;es ====Import relevent stylesheets=========================================== @import url("base.css"); @import url("forms.css"); @import url("pretty-photo.css"); */ /*======================================================================== 1 - Default Typography Sizing, Colours and Margins ==========================================================================*/ /* RESETS FOR TTG */ .three-col .booking-total { background:#FEF6F6 url(/templates/6065/images/i-bg-bookingform-total.gif) repeat-y scroll 0 0; } .three-col .tour { background:#C4E3FF url(/templates/6065/images/i-bg-bookingform.gif) repeat-y scroll 0 0; } .three-col .Box .title { background-color:#B83D2D } .three-col .Box .value-title { background: #B83D2D; } .three-col #content h1 { background:transparent url(/templates/6065/images/g-red-tl.gif) no-repeat scroll left top; } .three-col #content .h1-wrapper { background:transparent url(/templates/6065/images/g-red-m.gif) repeat-x scroll 0 50%; } .three-col .custom-partner#constrain { background: none; } .three-col .short-search #content .h1-wrapper { margin-right:0px; } .three-col #constrain { margin-top:25px; } /* white-space:normal | pre | nowrap | pre-wrap | pre-line | inherit */ body {color:#fff6d1;/* background:#3c2418 url("../images/bg/wood-panel.png") repeat fixed 0 0;*/ background:#3c2418 url("/templates/6065/images/wood-tile2.jpg") repeat fixed 0 0;font-size:14px;line-height:18px;font-family:Arial, Helvetica, sans-serif;font-style:normal;font-weight:normal;font-variant:normal;white-space:normal;} /*======================================================================== 2 - Global Styles for types ==========================================================================*/ /* links */ a:link, a:visited {border:0px none; color:#ffdf4c;} a:hover, a:active {border:0px none; color:#fff;} /* remove dotted outlines in FF */ a:hover, a:active, a:focus, :focus {outline:0 none;} a:link.external, a:visited.external {background:transparent url("../images/bg/external.gif") top right no-repeat;padding-right:12px;} #main-content-padding p a:link, #main-content-padding p a:visited {color:#ffdf4c; border-bottom:1px solid #ffdf4c;} #main-content-padding p a:hover {color:#fff; border-bottom:1px solid #fff;} /* box model padding */ p, blockquote {padding:0 0 15px;} /* paragraphs */ p {padding:0 0 10px; line-height:22px;} p:first-letter {} p:first-line {} /* list types Style */ ul {margin:5px 0;} ul li {} ol {margin:5px 0;} ol li {} .three-col #main-content ul li,tour-content ul li {margin:0 0 0 15px;} .three-col #main-content ol li,tour-content ol li {margin:0 0 0 20px;} dl dt {font-weight:bold;} dl dd img {display:inline;} /* blockquotes */ blockquote {background:transparent url("../images/img/open-quote.png") top left no-repeat;} blockquote p {font-style:italic; font-size:12px; line-height:18px; background:transparent url("../images/img/close-quote.png") bottom right no-repeat; font-weight:normal; color:#ffdf4c; margin:3px 5px 5px 16px;} cite {font-style:normal; font-weight:bold; color:#fff6d1; font-size:13px;} /* Quote */ quote {} hr {color:#ffb10b; height:0px; border:1px dashed #ffb10b; border-width:0 0 1px 0;} /* strong */ strong {} strong.error {color:#f00;} /* em */ em.required {color:#f00;font-weight:bold;font-style:normal;} /* heade h1 {width:980px; height:24px; display:block; position:absolute; top:15px; left:10px; color:#ffdf4c; line-height:24px; font-size:24px; overflow:hidden;} h2 {color:#faf6e0; line-height:22px; font-size:22px; font-weight:bold; border:1px dashed #ffb10b; border-width:0 0 1px 0; margin:7px 7px 7px 0; padding-bottom:5px;} h3 {color:#f9f5df; line-height:18px; font-size:18px; font-weight:bold; border:1px dashed #ffb10b; border-width:0 0 1px 0; margin:5px 0 7px 0; padding-bottom:5px;} #sidetabs h3{color:#b83d2d; line-height:16px; font-size:16px; font-weight:normal; margin:5px 0 0 10px; border:0px none;} h4 {color:#f9f5df; line-height:14px; font-size:14px; font-weight:bold;} h5 {color:#ffdf4c; line-height:12px; font-size:12px; font-weight:bold;} rs */ /*======================================================================== 3 - Main Structural Divs ==========================================================================*/ .three-col #container { position:relative; width:980px; margin:0 auto; text-align:left; } .three-col #left-sidebar {position:absolute;top:0;left:0;width:200px;background:#ebebeb;} .three-col #right-sidebar {position:absolute;top:73px;right:0;width:286px;} .three-col #main-content {margin:0 295px 0 0; position:relative;} .three-col #tour-content {margin:0; position:relative;} .three-col #header {width:100%; height:154px; margin:0px; text-align:left; background:#fdf8e9 url("/templates/6065/images/top-bg.png") scroll 0 0;} .three-col #header-container {width:980px; height:154px; background:url(/templates/6065/images/header-artwork.png) scroll 0 0 no-repeat; margin:0 auto;text-align:left; position:relative;} .three-col #footer {width:100%; text-align:left; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:10px; background:none; height:auto; margin:0; padding:0; } .three-col #footer-one-container-top {width:980px; height:51px; display:block; background:transparent url("/templates/6065/images/footer--tops-trans.png") scroll top left; margin:0 auto;} .three-col #footer-one-container {width:980px;height:37px; display:block; background:#b83d2d scroll 0 0; margin:0 auto; color:#fff;} .three-col #footer-two-container-top {width:980px; height:15px; display:block; background:transparent url("/templates/6065/images/footer--tops-trans.png") scroll 0px -51px; margin:15px auto 0 auto;} .three-col #footer-two-container {width:980px; height:135px; display:block; background:#b83d2d scroll 0 0; margin:0 auto; color:#fff;} .three-col #website-copyright-and-legal-information {width:980px;margin:0 auto; } /*======================================================================== 4 - Header styles ==========================================================================*/ #header a:hover, #header a:focus, #header a:active {border:0 none;text-decoration:none;} /* #header-container allows centered content with full width header */ #logo-window {width:130px;height:137px; position:absolute; top:7px; left:10px;} #statements {position:absolute; top:45px; left:140px; color:#d82d39; font-size:30px; overflow:hidden; font-family:Georgia,"Times New Roman",Times,serif;} #blurbs {height:30px; overflow:hidden;} #blurbs li {list-style:none; height:30px; line-height:30px;} #book-now-btn {width:215px; height:38px; position:absolute; top:116px; right:10px;} #book-now-btn span {width:215px; height:18px; display:block; padding:15px 0 0 0;} #book-now-btn a, #book-now-btn a:active, #book-now-btn a:visited, #book-now-btn a:link {width:215px; height:38px; display:block; background:transparent url("../images/img/Book-now-btn.png") no-repeat scroll 0 top; text-align:center; color:#ffdf4c; font-size:16px; text-transform:uppercase; font-weight:bold;} #book-now-btn a:hover {background:transparent url("../images/img/Book-now-btn.png") no-repeat scroll 0 bottom; color:#fff;} /* ***** Menu Area ***** */ #horizontal-menu-container {width:100%; height:41px; background:#ccc scroll 0 0; background:#b83d2d url("../images/bg/menu-bg.png") scroll 0 0;} #horizontal-menu-window {width:980px; height:41px; line-height:41px; margin:0px auto; padding:0; position:relative; } #horizontal-menu-window ul {width:100%;list-style:none; padding-right:8px; margin:0 0 0 10px;} #horizontal-menu-window ul li {float:left; margin:3px 8px 3px 0; line-height:28px;} #horizontal-menu-window ul li a, #horizontal-menu-window ul li a:hover, #horizontal-menu-window ul li a:active, #horizontal-menu-window ul li a:visited, #horizontal-menu-window ul li a:link {color:#faf6e0; height:28px; cursor:pointer; display:block; padding:3px 12px; text-decoration:none} #horizontal-menu-window ul li a span {height:28px; cursor:pointer; display:block;} #horizontal-menu-window ul li a:visited {color:#faf6e0; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; border:0 none;} #horizontal-menu-window ul li a:hover {color:#faf6e0 ;border:0 none; background:#232322 url("../images/menu-btn.png") no-repeat 100% 1px; -moz-border-radius:5px; -webkit-border-radius:5px; cursor:pointer;} #horizontal-menu-window ul li.selected a {color:#faf6e0 ;border:0 none; background:#232322 url("../images/menu-btn.png") no-repeat 100% 1px; -moz-border-radius:5px; -webkit-border-radius:5px; cursor:pointer;} .group-layout #horizontal-menu-window ul li#tour-link a {color:#faf6e0 ;border:0 none; background:#232322 url("../images/menu-btn.png") no-repeat 100% 1px; -moz-border-radius:5px; -webkit-border-radius:5px; cursor:pointer;} .home #home-link {color:#faf6e0 ;border:0 none; background:#232322 url("../images/menu-btn.png") no-repeat 100% 1px; -moz-border-radius:5px; -webkit-border-radius:5px; cursor:pointer;} /*======================================================================== 5 - Main content styles ==========================================================================*/ /* #left-sidebar styles */ .three-col #left-sidebar-padding {padding:15px 10px 15px 10px;} /* #right-sidebar styles */ .three-col #right-sidebar-padding {padding:0 0 15px 10px;} /* ********** Right side tab Area ********** */ #sidetabs,.sidetab-space {width:269px; height:325px; overflow:hidden; margin:0 0 20px 0;} #sidetabs ul {width:268px; height:40px; float:left; padding:0;margin:0;} #sidetabs li {list-style:none;} * html #sidetabs li {display:inline; position:relative;} #sidetabs li, #sidetabs li a {float:left;} #sidetabs ul {position:relative;} #sidetabs ul li a {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#faf6e0; font-weight:bold;} #sidetabs ul li a.activetab {color:#b83d2d; z-index:3;} #sidetabs .tabscreen {width:257px; height:315px; background:#f4f4f4 url("../images/bg/right-box-bg.png") no-repeat top left scroll; border:1px solid #bcb99e; border-top:#e4e4e4; padding:10px 5px; clear:both; overflow:hidden;} #sidetabs .tabscreen cite {color:#232322; padding-left:10px;} #sidetabs #tab-1 {padding:20px 5px;} #sidetabs div.tabscreen .continue {background:none; padding:0;} #sidetabs div.tabscreen .continue:hover {color:#232322;} #sidetabs div.tabscreen div {display:inline;} .tab-left,.tab-middle,.tab-right {position:relative; overflow:hidden;} .tab-left a,.tab-middle a,.tab-right a {width:112px; height:40px; line-height:40px;} .tab-left {margin:0 0 0 0; z-index:3;} .tab-middle {margin:0 0 0 -42px; z-index:1;} .tab-right {margin:0 0 0 -39px; z-index:2;} .tab-left a, .tab-right a {width:112px; height:40px; padding:5px 0 0 0;} .tab-middle a {width:142px; height:40px; padding:5px 0 0 0;} .tab-left a span {margin:0 0 0 15px;} .tab-right a span {margin:0 0 0 41px;} .tab-middle a span {margin:0 0 0 49px;} #sidetabs ul li a.activetab:hover {color:#faf6e0;} #sidetabs ul li a:hover {color:#b83d2d;} .tab-left a,.tab-left a.activetab:hover {background:transparent url("../images/img/r-left-tab-trans.png") no-repeat scroll 0 0;} .tab-left a:hover,.tab-left a.activetab {background:transparent url("../images/img/r-left-tab-active-trans.png") no-repeat scroll 0 0;} .tab-middle a,.tab-middle a.activetab:hover {width:142px; background:transparent url("../images/img/r-middle-tab-trans.png") no-repeat scroll 0 0;} .tab-middle a:hover,.tab-middle a.activetab {width:142px; background:transparent url("../images/img/r-middle-tab-active-trans.png") no-repeat scroll 0 0;} .tab-right a,.tab-right a.activetab:hover {background:transparent url("../images/img/r-right-tab-trans.png") no-repeat scroll 0 0;} .tab-right a:hover,.tab-right a.activetab {background:transparent url("../images/img/r-right-tab-active-trans.png") no-repeat scroll 0 0;} .blank {display:none; width:0px; height:0px;} #sidetabs div.tabscreen p {color:#5f5f5f; margin:1px 10px; padding:0;} #sidetabs div.tabscreen p.more {margin:1px 10px 5px 10px; padding:0 0 10px 0;} #sidetabs div.tabscreen p.submitorfind {color:#5f5f5f;} #sidetabs div.tabscreen p.submitorfind a {border-bottom:1px solid; color:#333;} #sidetabs div.tabscreen p.submitorfind a:hover {border-bottom:1px solid; color:#b83d2d;} #sidetabs div.newstab ul {color:#000; margin:5px 10px; float:none; position:relative; height:auto; width:auto;} #sidetabs div.newstab ul li {list-style:none; float:none; margin:3px 0} #sidetabs div.newstab ul li a {float:none; color:#b83d2d;} #sidetabs li.tlogin.loggedin-1 {display:none;} .tlogout.loggedin-0 {display:none;} /* Agent Login Form */ #sidetabs div.tabscreen p.become-an-agent {width:215px; height:28px; display:block; background:transparent url("../images/bg/agent-bg.png") no-repeat scroll 0 0; color:#fff6d1; font-size:12px; font-weight:normal; padding:3px 0 0 31px; margin:5px 10px 15px 10px;} #sidetabs div.tabscreen p.submitorfind {margin:0 0 0 10px; padding:0; font-size:12px; color:#b83d2d;} div.tlogout {background:#b83d2d; padding:5px; text-align:center;margin-bottom:20px;} /* Main Tabs */ #tabs {margin:0; padding:0;} #tabs-2 {height:283px; background:#191919 scroll 0 0; color:#f9f7eb;} .three-col #main-content ul#gallery-view,.three-col #tour-content ul#gallery-view {margin:0 20px 10px 0;} .three-col #main-content ul#gallery-view img,.three-col #tour-content ul#gallery-view img {background:none;} .three-col #main-content ul#gallery-view li,.three-col #tour-content ul#gallery-view li {width:124px;height:98px;float:left; list-style:none; margin:20px 0 0 30px;} .three-col #main-content ul#gallery-view li img ,.three-col #tour-content ul#gallery-view li img {border:1px solid #f9f7eb; } .three-col #main-content .ui-tabs .ui-tabs-hide,.three-col #tour-content .ui-tabs .ui-tabs-hide {display:none;} .three-col #main-content .ui-tabs .ui-tabs-nav,.three-col #tour-content .ui-tabs .ui-tabs-nav {height:29px; list-style:none; position:relative; padding:0;} .three-col #main-content .ui-tabs .ui-tabs-nav li,.three-col #tour-content .ui-tabs .ui-tabs-nav li {width:173px; height:34px; position:relative; float:left; border-bottom-width:0 !important; margin:0 -30px 0 0; padding:0;} .ui-tabs-panel {padding:1px;} /* Is it on? */ .on-0 {width:0;height:0;display:none;} #feature-window {width:657px; height:285px; display:block; color:#000; background:#fff scroll 0 0; margin-bottom:20px; padding:1px; border:1px solid #bcb99e; overflow:hidden;} .fader-ticker {margin:0; padding:0;} .three-col #main-content .fader-ticker li,.three-col #tour-content .fader-ticker li {width:655px; height:283px; overflow:hidden; margin:0; padding:0; list-style:none;float:none; background:#232322 url("../images/fader-images/home-page/the-rock.jpg") no-repeat;} .video-window {width:655px; height:283px; overflow:hidden; margin:0; padding:0; list-style:none;float:none; background-color:#232322;} .video-window img {margin:75px auto;} /* #main-content styles */ .three-col #main-content-padding {padding:70px 10px 0px 10px; min-height:1020px; height:auto!important; height:1020px;} /* Tabs */ #tabs {margin:0; padding:0;} .three-col #main-content .ui-tabs .ui-tabs-hide,.three-col #tour-content .ui-tabs .ui-tabs-hide {display:none;} .three-col #main-content .ui-tabs .ui-tabs-nav,.three-col #tour-content .ui-tabs .ui-tabs-nav {height:29px; list-style:none; position:relative; padding:0;} .three-col #main-content .ui-tabs .ui-tabs-nav li,.three-col #tour-content .ui-tabs .ui-tabs-nav li {width:173px; height:34px; position:relative; float:left; border-bottom-width:0 !important; margin:0 -30px 0 0; padding:0;} .ui-tabs-panel {padding:1px;} .three-col #main-content .ui-tabs .ui-tabs-nav li.ui-state-default a ,.three-col #tour-content .ui-tabs .ui-tabs-nav li.ui-state-default a {width:173px; height:34px; position:relative; display:block; z-index:5; background:transparent url("../images/img/tab-btn-trans.png") no-repeat scroll 0 0; font-size:16px; line-height:40px; padding-left:15px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#b83d2d; } .three-col #main-content .ui-tabs .ui-tabs-nav li.ui-state-hover a,.three-col #tour-content .ui-tabs .ui-tabs-nav li.ui-state-hover a {width:173px; height:34px; position:relative; display:block; background:transparent url("../images/img/tab-btn-over-trans.png") no-repeat scroll 0 0; z-index:10; font-size:16px; line-height:40px; padding-left:15px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;color:#faf6e0;} .three-col #main-content .ui-tabs .ui-tabs-nav li.ui-state-active a,.three-col #tour-content .ui-tabs .ui-tabs-nav li.ui-state-active a {width:173px; height:34px; position:relative; display:block; background:transparent url("../images/img/tab-btn-over-trans.png") no-repeat scroll 0 0; z-index:20; font-size:16px; line-height:40px; padding-left:15px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;color:#faf6e0;} .three-col #main-content .ui-tabs .ui-tabs-nav li.last-tab a,.three-col #tour-content .ui-tabs .ui-tabs-nav li.last-tab a {z-index:1;} .three-col #main-content .ui-tabs .ui-tabs-nav li.first-tab a,.three-col #tour-content .ui-tabs .ui-tabs-nav li.first-tab a {z-index:10;} /* Tour Group Listing */ #group-list,.group-list {list-style:none; margin:0; padding:0;} .three-col #main-content #group-list li,.three-col #main-content .group-list li {height:23px; list-style:none; background:url("../images/icons/list-icon.png") no-repeat left center; margin:0 0 20px 0; padding-left:15px;} /* .col {float:left; height:20px;}*/ .tour-name {width:355px; overflow:auto;} .trip-days {width:120px; background:url("../images/icons/day-icon.png") no-repeat left center; padding:0 0 0 15px;} .trip-nights {width:120px; background:url("../images/icons/night-icon.png") no-repeat left center; padding:0 0 0 15px;} .hot-0 {background:#b83d2d} .price {width:150px; padding:2px 5px;} .price span {font-size:11px; text-align:right;} .hot-1 {background:#b83d2d url("../images/icons/hot-tour.png") no-repeat right center;} .sidetab-space {display:block;} #home-page-tour-list {overflow:hidden;margin:10px 0 0;} /* Tours */ .breadcrumbs {width:980px; position:absolute; top:40px; left:10px; text-align:left;} .breadcrumbs a {color:#fff;} .breadcrumbs a:hover {color:#ffdf4c;} .description {margin-right:304px;} .description li {margin-left:20px;} .tour-includes,.tour-details {position:absolute; right:10px;} .include-title {height:34px; padding-left:10px; overflow:hidden; line-height:40px; font-weight:bold; background:transparent url("../images/img/tab-btn-over-trans.png") no-repeat; font-family:Georgia,"Times New Roman",Times,serif; font-size:16px;} .tour-details {width:281px; top:74px;} .tour-includes {width:281px;top:415px;} .tdes {background:#b93e2e; border:1px solid #ae3829; border-width:1px 0 0 0;} .tdes ul {margin:0; padding:0;} .tdes ul li {list-style:none; padding-left:10px; font-family:Arial,Helvetica,sans-serif; line-height:31px;} .d-price {height:30px; font-weight:bold; color:#ffdf4c; border-bottom:1px solid #d54936; background:url("../images/icons/price-icon.png") no-repeat right center;} .daysnights {color:#faf6e0; font-weight:bold; height:30px; border-bottom:1px solid #d54936; border-top:1px solid #b93e2e; background:url("../images/icons/cal-icon.png") no-repeat right center;} .info {color:#faf6e0; height:176px; overflow:hidden; border-top:1px solid #b93e2e; background:url("../images/icons/details-icon.png") no-repeat right top; padding-top:5px;} .info p {margin-right:15px; line-height:17px;} .book-now {margin:5px 0;} .hideme-1,.contact-for-booking-0,.local-0 {width:0;height:0;display:none;} .cbook p {font-size:14px; font-weight:bold;} /* Quick Access */ #quick-access, .announcement-list {margin-bottom:15px;} #quick-access li, .tour-includes ul li {list-style:none; line-height:17px; margin:0 0 7px 0; background:url("../images/icons/list-icon.png") no-repeat left center; padding:0 0 0 15px;} #quick-access li a {color:#fcf1c7;} #quick-access li a:hover{color:#fcdd4a;} /* Certificates */ .three-col #certificates {margin:0 0 5px 0;} .three-col #certificates li {float:left; margin:0 5px 10px 0; list-style:none;} .certificate-small {width:87px; height:96px; position:relative;} .certificate-small a,.certificate-small a:link,.certificate-small a:visited,.certificate-small a:active, .certificate-small a:hover {width:83px; height:87px; position:absolute; left:0; bottom:0; z-index:1; display:block; border:1px solid #b6b297; background:url("../images/bg/certificate-background.png") no-repeat center center;} .certificate-small a:active, .certificate-small a:hover {border-color:#d82d39;} .three-col .cert-ul {margin:5px 5px 0 0;} .three-col #main-content ul .certificate-detailed {list-style:none; margin:0;} .pin {position:absolute; left:36px; top:0; background:none; z-index:2;} .certificate-imgage-li {padding:1px 0;} .certificate-image {margin:5px 10px 1px 0; float:left; display:inline; border:2px solid #b6b297;} .view {height:50px;} .view img {float:right;} /* Anouncement List */ .announcement-list li {list-style:none;margin:0 0 10px 0;} .announcement-list li p {margin:0; padding:0; font-size:13px;} /* Gallery */ table.photogalleryTable td a, table.photogalleryTable td img {background:#fff none repeat scroll 0 0;border:1px solid #fff; display:block; padding:3px; } table.photogalleryTable td a:hover img {border-color:#232322;} table.photogalleryTable td {padding:6px 26px 20px 0;} /* Contact us */ #conatct-form {width:637px; background:#b83d2d; padding:10px;} #conatct-form h3 {color:white; border:0 none;} #main-content-padding p a.contact-btn,a.contact-btn:link,#main-content-padding p a.contact-btn:active,#main-content-padding p a.contact-btn:visited {width:144px;height:37px;display:inline-block;background:#6d800d url("../images/img/contact-us-button.png") no-repeat scroll 0 0; text-indent:-9999px; border:0px none; text-decoration:none;} #main-content-padding p a.contact-btn:hover {border:0px none;text-decoration:none;} /* licences us button */ #main-content-padding p a.licences-btn,a.licences-btn:link,#main-content-padding p a.licences-btn:active,#main-content-padding p a.licences-btn:visited {width:144px;height:37px;display:inline-block ;background:#6d800d url("../images/img/licences-button.png") no-repeat scroll 0 0; text-indent:-9999px; border:0px none; text-decoration:none;} #main-content-padding p a.licences-btn:hover {border:0px none;text-decoration:none;} /* Testimonials */ #main-testimnials blockquote {margin:4px 0 0 0;} #main-testimnials blockquote p {background:none; color:#fff6d1;font-size:14px;font-style:normal;font-weight:normal;line-height:19px;padding:0;margin:3px 5px 5px 16px;} #main-testimnials cite {font-size:16px; color:#ffdf4c;} .three-col #main-content ul#main-testimnials li {list-style:none; border:1px dashed #ffb10b; border-width:0 0 1px 0; padding:8px 0; margin:5px 5px 5px 0; background:transparent url(../images/img/close-quote.png) no-repeat scroll right bottom;} /* Newsletter */ .secure-login, .newsletter-form {background:none; border:0 none;} .newsletter-form form input {width:174px; height:27px; border:1px solid #000;} .newsletter-form form #catlistbutton {width:144px; height:37px; float:right; border:0px none;} .newsletter-form form label {color:#ffdf4c;display:block;float:left;margin:0;text-align:left;width:100px; line-height:24px;} .newsletter-form p {padding:0;} /* CoreCMS Form overides */ .cat_dropdown_smaller {width:150px; background:white;} #conatct-form form .cat_dropdown_smaller {width:100px; background:white; border:4px solid #a73527;} input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox {width:294px; background:white;} #conatct-form form select.cat_dropdown {width:308px; background:white;} #contact-details {color:#f0f0f0; margin-bottom:20px;} #contact-details .left {width:400px; float:left;} #contact-details .right {} #contact-details dd,#contact-details dt {margin:3px 0;} #imageData #imageDetails {width:29% !important;} /* Captcha Settings */ .captchaimg img {width:130px; margin:10px 0; border:1px solid black; float:left;} #CaptchaV2 {width:130px !important; height:29px !important; border:1px solid black; color:#232322; float:right; font-size:20px; letter-spacing:4px;line-height:21px;margin:5px 0 0; padding:1px 3px 0;vertical-align:baseline;} #conatct-form .captchaimg img {width:145px; margin:10px 0 0 200px; border:1px solid black; float:left;} #conatct-form #CaptchaV2 {width:116px; height:31px; border:1px solid black; color:#232322; float:left; font-size:20px; letter-spacing:4px; line-height:21px; margin:5px 5px 0 38px;padding:1px 3px 0;vertical-align:baseline;} /* tour Groups */ .boxgrid {width:201px; height:172px; margin:10px 11px 0 5px; float:left; background:#fff; border:solid 2px #bcb99e; overflow:hidden; position:relative; cursor:pointer;} .boxgrid img {position:absolute; top:0; left:0; border:0;} .boxcaption {float:left; position:absolute; background:#fff; height:100%; width:100%; cursor:pointer;} .boxcaption .title {width:100%; height:50px; display:block; position:absolute; bottom:2px; left:0; z-index:100; background:rgba(184, 61, 45, 0.4);} .boxcaption .title h3 {border:0 none; text-indent:10px; text-align:center; margin-top:11px; color:white; line-height:18px; font-size:14px; padding:0 5px;} .captionfull .boxcaption {top:260px; left:0;} .caption .boxcaption {top:220px; left:0;} #tour-group-list br {width:0;height:0;display:none; font-size:0;} #webapp4160pagination, #webapp4160pagination a, #pagination_4160, #pagination_4160 a {width:0;height:0;display:none; font-size:0;} /*======================================================================== 6 - Footer styles ==========================================================================*/ #footer-one-container ul {list-style:none;padding:8px;margin:0;} #footer-one-container ul li {float:left;font-size:12px;padding:0 2px;margin-left:0;} #footer-one-container a, #footer-one-container a:hover, #footer-one-container a:active, footer-one-container a:visited {color:#fff;border:0 none;} #footer-one-container .design a, #footer-one-container .design a:hover, #footer-one-container .design a:active, footer-one-container .design a:visited {color:#ffdf4c;border:0 none;} #footer-one-container .design a:hover {color:#fff;border:0 none;} #footer-one-container .design {position:absolute;right:20px;bottom:30px;} #footer-one-container .design a:hover {color:#232322;border:0 none;} #footer-one-container .fdlogo abbr {border:0px none;} #footer-one-container .fdlogo abbr img {display:inline-block;margin-bottom:0px;} #footer-one-container .fdlogo {position:absolute;right:5px;bottom:30px;} #footer-two-container .col {float:left; margin:0 5px; width:230px;} #footer-two-container .col ul {list-style-image:none;list-style-position:outside;list-style-type:none;} #footer-two-container .col ul li {list-style-image:none;list-style-position:outside;list-style-type:none;margin:5px 0 0 5px;} #footer-two-container .col ul li ul li {margin:1px 0 0 0;} .contact-footer-details {margin:0 0 0 10px;} #website-copyright-and-legal-information ul li {list-style:none; float:right; position:relative; margin-left:5px;} #footer-two-container a {color:#ffdf4c;} .far-left {position:absolute; left:0px; top:0px;} .far-right {position:absolute; right:0px; top:0px;} .search-result {margin:5px 0;} /*======================================================================== 7 - Page specific styles ==========================================================================*/ .float-right {float:right;margin:0 0 0 8px;} .float-left {float:left;margin:0 8px 0 0;} .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close off a container that should fully contain a float */ /* Steve:alternatively, encapsulate your floating containers within a .clearfix container ref:base.css */ clear:both;height:0;font-size:1px;line-height:0; } /* sitemap */ ul#sitemap, #sitemap ul {list-style-type:none;background:#fff url("../images/bg/vline.png") repeat-y;margin:0;padding:0;} #sitemap ul {margin-left:40px;} #sitemap li {margin:0;padding:0 12px;line-height:20px;background:#fff url("../images/bg/node.png") no-repeat top left;text-transform:uppercase;font-weight:bold;} #sitemap li.noshow {background:none;} #sitemap li ul {margin-left:28px;} #sitemap li ul li {margin:0;padding:0 12px;line-height:20px;background:#fff url("../images/bg/node.png") no-repeat top left;text-transform:none;font-weight:normal;} #sitemap li.last {background:#fff url("../images/bg/lastnode.png") no-repeat;} #sitemap a {border-bottom:none;} ul#sitemap a:hover {color:#000;} /* System Messages */ .error-message {width:100%; height:100%; display:block; border:1px solid #ee0000; background-color:#ffe3e2;} .error-message h2 {color:#ee0000; border-color:#ee0000; padding:0 10px 10px;} .error-message .error {margin:5px 10px;} .error-message p {color:#272727; text-align:left;} #main-content-padding .error-message p a, #main-content-padding .error-message p a:visited {margin-left:10px; color:#ee0000; border-color:#ee0000;} #main-content-padding .error-message p a:hover {margin-left:10px; color:#272727; border-color:#272727;} a.read-view, a.read-view:active, a.read-view:visited, a.read-view:hover {font-size:12px; font-weight:bold; color:#fffefe; background:transparent url("../images/img/continue-icon.png") no-repeat scroll 0 -11px; padding:0 0 0 12px; margin:0 45px 0 0;} a.read-view:hover {color:#ffdf4c; background:transparent url("../images/img/continue-icon.png") no-repeat scroll top left;} a.continue, a.continue:active, a.continue:visited, a.continue:hover {font-size:12px; font-weight:bold; color:#feb10b; background:transparent url("../images/img/continue-icon.png") no-repeat scroll top left; padding:0 0 0 12px; margin:0 45px 0 0;} a.continue:hover {color:#fffefe; background:transparent url("../images/img/continue-icon.png") no-repeat scroll 0 -11px;} .news-text {color:#fcf1c7; font-size:12px; line-height:18px; padsding:0 0 5px 0;} /* News */ #main-content-padding #news-list {margin:0; padding:0;} #main-content-padding #news-list li {list-style:none; margin:0 0 15px 0; padding:0;} .news-text-intro {font-size:15px; color:#ffdf4c;} .news-text {font-size:14px; color:white;} /* CoreCMS Editor Custom CSS */ .reDropDownBody {background:#43271b;} .leadin {margin:5px 0 0 0; padding:0 0 2px 0; color:#ffdf4c; font-weight:bold;} .yellow-text {color:#ffdf4c;} .readmore-link {font-size:12px; font-weight:bold; color:#fffefe; background:transparent url("../images/img/continue-icon.png") no-repeat scroll 0 -11px; padding:0 0 0 12px; margin:0 45px 0 0;} .readmore-link:hover {color:#ffdf4c; background:transparent url("../images/img/continue-icon.png") no-repeat scroll top left;}