/* CSS Document */ /* - - - - - - - - - - - - - - - - - - Evolution 7 Web Design http://www.evolution7.com.au - - - - - - - - - - - - - - - - - - */ * {margin:0; padding:0;} body {color:#808080; font-size:12px; line-height:16px; font-family:Arial, Helvetica, sans-serif;} /*Backgrounds*/ .home {background:url(../images/feature-home.jpg) no-repeat center top;} .contact {background:url(../images/feature-contact.jpg) no-repeat center top;} .location {background:url(../images/feature-location.jpg) no-repeat center top;} .charter {background:url(../images/feature-aerial.jpg) no-repeat center top;} .scenic {background:url(../images/feature-scenic.jpg) no-repeat center top;} .booking {background:url(../images/feature-bookings.jpg) no-repeat center top;} /*Text, Formatting*/ a {color:#10A1DC; text-decoration:none;} a:hover {text-decoration:underline;} a img {border:none;} p {padding-bottom:18px;} h1 {position:absolute; font-size:10px; color:#ddd; right:5px;} h2 {padding-bottom:18px;} h3 {font-size:14px; font-weight:bold; color:#165089; padding-bottom:5px;} .heading {padding-bottom:15px;} .heading-two {margin-top:15px;} .intro {color:#165089; font-size:14px; font-weight:bold;} .image {float:left; font-style:italic; color:#A6A6A6; margin-top:15px;} .border {border:1px solid #D2D2D2; padding:1px;} .caption {padding-top:7px;} .darkblue {color:#165089;} .divider-dots {height:1px; background:url(../images/div-dots.gif) repeat-x center; padding:12px 0;} .normal {font-weight:normal;} ul {padding-bottom:15px; list-style:none;} ul li {padding-left:14px; background:url(../images/li.gif) 0px 4px no-repeat;} /*Layout*/ #header-wrap, #content-wrap, #content-wrap-home, #footer-wrap {margin:0 auto; width:720px;} #header-wrap {height:118px; margin:0 auto;} #content-wrap {padding-top:225px;} #content-wrap-home {padding-top:325px;} #home-left {float:left; width:46%; padding-right:4%;} #home-right {float:left; width:49%;} /*Header*/ .link a {width:120px; height:55px; position:absolute; display:block; top:35px; position:absolute; z-index:3;} /*Navigation*/ #primary-nav {float:left; width:900px; padding:0;} #primary-nav div, #primary-nav a {float:left; height:118px; display:block;} #home, #home a {background:url(../images/nav/home.gif); width:150px;} #n1, #n1 a {background:url(../images/nav/scenic.gif); width:89px;} #n2, #n2 a {background:url(../images/nav/aerial.gif); width:124px;} #n3, #n3 a {background:url(../images/nav/location.gif); width:98px;} #n4, #n4 a {background:url(../images/nav/contact.gif); width:80px;} #n5, #n5 a {background:url(../images/nav/bookings.gif); width:106px;} #n-gift, #n-gift a {background:url(../images/nav/vouchers.gif); width:104px;} #secondary-nav {clear:both; margin-top:15px;} #secondary-nav div, #secondary-nav a {float:left; display:block; padding:0;} #n6, #n6 a {background:url(../images/nav/sub-campbell.gif); height:49px; width:192px;} #n7, #n7 a {background:url(../images/nav/sub-london.gif); height:49px; width:185px;} #n8, #n8 a {background:url(../images/nav/sub-bay.gif); height:49px; width:183px;} #n9, #n9 a {background:url(../images/nav/sub-otway.gif); height:49px; width:160px;} #bookings, #bookings a {height:42px; width:260px; display:block; background:url(../images/nav/bookings-page.gif) top;} .online, .online a {border-bottom:1px solid #ededed;float:left; height:42px; width:177px; display:block; background:url(../images/nav/bookings-online.gif) top;} .voucher, .voucher a {border-bottom:1px solid #ededed;float:left; height:42px; width:182px; display:block; background:url(../images/nav/bookings-voucher.gif) top;} #reset, #reset a {float:right; height:42px; width:106px; display:block; background:url(../images/nav/reset.gif) top;} #reset-middle, #reset-middle a {float:right; height:42px; width:106px; display:block; background:url(../images/nav/reset-middle.gif) top;} #submit, #submit a {float:right; height:42px; width:118px; display:block; background:url(../images/nav/submit.gif) top;} #back, #back a {float:right; height:42px; width:106px; display:block; background:url(../images/nav/back.gif) top;} #next, #next a {float:right; height:42px; width:106px; display:block; background:url(../images/nav/next.gif) top;} #contactForm #website { display:none; } #content-wrap #website { display:none; } /*OVER positions (for all buttons site wide*/ #home a:hover, #n6 a:hover, #n7 a:hover, #n8 a:hover, #n9 a:hover, #bookings a:hover, #reset a:hover, #reset-middle a:hover, #submit a:hover, #back a:hover, #next a:hover, .online a:hover, .voucher a:hover, a {background-position:bottom;} #n1 a:hover, #n2 a:hover, #n3 a:hover, #n4 a:hover, #n5 a:hover, #n-gift a:hover {background-position:center;} /*ON positions*/ #n1-on, #n1-on a {background:url(../images/nav/scenic.gif); width:89px;background-position:bottom;} #n2-on, #n2-on a {background:url(../images/nav/aerial.gif); width:124px; background-position:bottom;} #n3-on, #n3-on a {background:url(../images/nav/location.gif); width:98px; background-position:bottom;} #n4-on, #n4-on a {background:url(../images/nav/contact.gif); width:80px; background-position:bottom;} #n5-on, #n5-on a {background:url(../images/nav/bookings.gif); width:106px; background-position:bottom;} #n-gift-on, #n-gift-on a {background:url(../images/nav/vouchers.gif); width:104px; background-position:bottom;} #n6-on, #n6-on a {background:url(../images/nav/sub-campbell-on.gif); height:49px; width:192px;} #n7-on, #n7-on a {background:url(../images/nav/sub-london-on.gif); height:49px; width:185px;} #n8-on, #n8-on a {background:url(../images/nav/sub-bay-on.gif); height:49px; width:183px;} #n9-on, #n9-on a {background:url(../images/nav/sub-otway-on.gif); height:49px; width:160px;} /*#online-on, #online-on a {background:url(../images/nav/bookings-online-on.gif); width:177px;} #voucher-on, #voucher-on a {background:url(../images/nav/bookings-voucher-on.gif); width:182px;} */ .online-on, .online-on a {border-bottom:1px solid #ffffff;padding:0; float:left; height:42px; width:177px; display:block; background:url(../images/nav/bookings-online-on.gif) top;} .voucher-on, .voucher-on a {border-bottom:1px solid #ffffff;float:left; height:42px; width:182px; display:block; background:url(../images/nav/bookings-voucher-on.gif) top;} .online-on a:hover, .voucher-on a:hover,a {background-position:bottom;} /*Hide all B text, used for buttons, nav etc.*/ #primary-nav strong, #secondary-nav strong, #header-wrap strong, #bookings strong, #reset strong, #reset-middle strong, #submit strong, #back strong, #next strong, #online strong, #voucher strong {display:none;} /*Content*/ #content-left {width:440px; margin:15px 0; float:left;} #content-right {width:260px; margin:15px 0; float:right;} #content-full {clear:both; float:left;} /*Footer*/ #footer-bg {clear:both; background:url(../images/footer-home.gif) no-repeat center top; margin-top:60px; height:100px;} #footer-wrap {padding-top:40px; font-size:10px;} #footer-wrap, #footer-wrap a {color:#BBBBBB;} #footer-wrap a:hover {color:#999999; text-decoration:none;} #footer-left {float:left;} #footer-right {float:right; width:195px} #e7 {width:14px; height:14px; float:right;} #evo {float:left; width:174px;} /*Misc*/ .right {float:right;} .left {float:left;} .imgleft {float:left; padding:0 8px 8px 0;} .form {margin:20px 0; padding:15px 0 15px 35px; clear:both; background:url(../images/form-bg.gif) no-repeat center top;} .form-wrap {padding:0 0 0 55px;} .processing {padding-top:150px;} label {padding:0 14px 0 4px; vertical-align:2px;} option {padding:1px 5px 1px 5px; color:#165089;} .field {background:#fcfcfc; border:1px solid #ccc; padding:2px 0px 2px 5px; color:#666;width:187px;} .required {background: url(/images/requiredField.gif) no-repeat #fcfcfc;} .bookingThumb {padding:8px; margin:1px 0; height:80px;} .bookingThumb img {float:left; margin-right:8px;} .bookingThumb p {padding-bottom:0; padding-right:40px; } .bookingThumb input {margin-top:18px;} /*ATBA Button (homepage)*/ #atba {position:absolute; top:685px; margin-left:570px;} #atba, #atba a {display:block; width:148px; height:52px; background:url(../images/atba-logo.gif) top;} #atba a:hover {background-position:bottom;} #atba strong {display:none;} /*Tony*/ /*.errorBox{padding:30px 0 30px 15px;background-color:#3399CC; border-color:#666666; border:solid;width:70%;color:#FFFFFF;} .confirmBox{padding:30px 0 30px 15px;background-color:rgb(96,197,243); border-color:#666666; border:solid;color:#FFFFFF;width:70%;opacity: 1;} */ .errorBox{display:block; margin:0; padding:13px 0px 0 55px; text-align:left;border:0px ; color:rgb(220,75,16); background:url(../images/fb-bgNew.gif) no-repeat; width:427px; z-index:3;} .confirmBox{display:block; margin:0; padding:18px 0px 0 55px; text-align:left;border:0px ; color:rgb(96,197,24); background:url(../images/fb-bgNew.gif) no-repeat; width:427px; z-index:3;} /*.confirmBox{display:none;margin:0; padding:13px 0px 0 38px; text-align:left;border:0px ; color:#FFFFFF; background:rgb(96,197,243) url(../images/fb-bgNew.gif) no-repeat; width:427px; height:70px; opacity: 1;}*/ .boxFooter{display:none;margin:0px; padding:0 0px 18px 38px; text-align:left; border:0px; color:#FFFFFF; background:url(../images/fb-bgFoot.gif) no-repeat; width:427px; height:25px; z-index:3;} select {border:1px solid #ccc; background:#fcfcfc; padding:1px 0px 1px 5px; color:#666; font-size:12px;} .underTabs {clear:both; background:url(../images/nav/underTabLine.gif) right top no-repeat;height:10px;} .formNoImage {margin:0 0 20px 0; padding: 0 0 15px 35px; clear:both;} #priceTotal {font-size:18px; font-weight:bold; color:#808080; padding-left:129px; line-height:40px;} #googlemap {float:left; width:470px; clear:both;} #map_38_12 {float:left; clear:both; width: 470px; height: 370px;} .location-right {float:right; width:230px;} .small {font-size:10px; line-height:13px;} .hidden {display:none;} .popup {position:absolute; background:#fff; border:1px solid #D9DFE3; border-bottom:2px solid #D9DFE3; font-size:11px; line-height:13px; width:140px; padding:6px 12px 8px; margin:0px 0 0 168px;} * html .popup {margin:0px 0 0 -62px;} .ajax-loader {width:32px; height:32px; margin: 0 auto 0 auto;}