﻿html {height:100%;width:100%;}
body{margin:0;font:normal 75% Arial, Helvetica, Serif;color:#666;height:100%;}
p {line-height:1.4;margin:10px 0;}
img {border:0;}
h1,h2,h3,h4,h5,h6,ul,ol {margin:0;padding:0;list-style:none;font-family:Arial, Helvetica, Serif;}
h1 {font-size:150%;color:#0099cc;margin-bottom:15px;}
h2 {font-size:150%;color:#0099cc;margin:25px 0 0;clear:both;}
h3 {font-size:117%;color:#0099cc;margin:25px 0 0;clear:both;}
a:link, a:visited, a:active {color:#f37901;}
a:hover{color:#f35101;text-decoration:none;}
#wrapper {width:970px;margin:0 auto;padding-top:15px;}
body > #wrapper {position:relative;z-index:100;}
#header {position:relative;overflow:hidden;width:970px;padding-bottom:15px;}
#logo_nav {margin-bottom:5px;}
a.sw_white_logo {position:absolute;top:20px;z-index:10;width:340px;height:70px;background:url(../images/sw_white_logo.png) no-repeat;text-decoration:none;}
.fcall_and_book {float:right;background:url(../images/buttons.png) no-repeat right top;height:37px;width:375px;text-indent:-9999px;padding-bottom:15px;}
.fcall_and_book a {float:right;height:35px;width:158px;}
.fcall_and_book2 {float:right;background:url(../images/buttons.png) no-repeat right -67px;height:63px;width:201px;text-indent:-9999px;margin-bottom:15px;margin-left:50px;}
.fcall_and_book2 span {float:left;}
.fcall_and_book2 a {float:right;height:35px;width:158px;margin-top:25px;}
#topnav {float:right;clear:right;background:url(../images/menu_bg.png) left top;height:65px;padding-left:20px;}
#topnav ul {padding-right:5px;background:url(../images/menu_bg.png) no-repeat right top;height:65px;float:left;}
#topnav ul li {float:left;}
#topnav ul li a {display:block;background:url(../images/menu_bg.png) no-repeat;height:60px;text-indent:-9999px;margin-right:20px;}
#topnav a.whales {width:93px;background-position:left -123px;}
#topnav a.whales:hover {background-position:left -183px;}
#topnav a.boat {width:60px;background-position:-128px -123px;}
#topnav a.boat:hover {background-position:-128px -183px;}
#topnav a.experience {width:135px;background-position:-233px -123px;}
#topnav a.experience:hover {background-position:-233px -183px;}
#topnav a.cruises {width:90px;background-position:-413px -123px;}
#topnav a.cruises:hover {background-position:-413px -183px;}
#subnav {clear:both;background:url(../images/menu_bg.png) no-repeat left -75px;}
.content {width:1000px;}
#subnav ul {margin-left:15px;height:42px;}
#subnav ul li {float:left;margin-right:27px;}
#subnav ul li a {display:block;line-height:42px;color:#fff;text-decoration:none;}
#head_img_banners {height:277px;overflow:visible;}
#head_img_banners .left {float:left;}
#head_img_banners .right {float:right;height:277px;overflow:hidden;}
#head_img_banners .right img {display:block;margin-bottom:13px;}
.twoColsWrapper {display:inline-block;width:100%;padding:0 0 20px;}
.twoColsWrapper .left {float:left;width:665px;overflow:hidden;}
.twoColsWrapper .right {float:right;width:283px;}
p.intro {font-size:150%;color:#ff9624;padding:0;margin:0;line-height:normal;}
.inlineimage, .inlineVideo {float:right;margin:0 0 20px 30px;}
a.todaySightings {width:180px;height:35px;background-position:right -132px;border:none;margin-top:20px;cursor:pointer;}
.gallerylinks img {display:block;margin-bottom:10px;}
.galleryHeader h1 {float:left;margin:5px 20px 0 0;}
.galleryHeader a.btn {height:35px;float:left;margin:0 5px 0 0;}
a.whalesgallery {background-position:left -252px;width:204px;}
a.boatgallery  {background-position:right -252px;width:187px; }
a.experiencegallery {background-position:left -289px;width:227px;}
/* Features */
.fullContent {width:970px;display:inline-block;overflow:hidden;padding-bottom:10px;}
.features {width:1000px;padding:15px 0 20px 0;display:inline-block;overflow:hidden;}
.features li {float:left;margin-right:16px;width:181px;height:260px;}
.features h5 {font-size:117%;color:#0099cc;font-weight:bold;letter-spacing:-0.5px;line-height:20px;margin:5px 0 5px;}
.features p {margin:0;}
.features li span {width:18px;height:18px;background:url(../images/features_ol.gif) no-repeat;float:left;margin-right:7px;text-indent:-9999px;}
.features span.b {background-position:left -28px;}
.features span.c {background-position:left -56px;}
.features span.d {background-position:left -84px;}
.features span.e {background-position:left -112px;}
.features span.f {background-position:left -140px;}
.features span.g {background-position:left -168px;}
.features span.h {background-position:left -196px;}
.features span.i {background-position:left -224px;}
.features span.j {background-position:left -252px;}
.experience {width:1000px;display:inline-block;overflow:hidden;padding-bottom:5px;}
.experience li.wide {width:575px;}
.experience li {float:left;margin:0 16px 14px 0;width:181px;}
.experience h3, .experience p {margin:8px 0;}
.experience img {display:block;}
.whalefacts {position:relative;height:342px;margin:15px 0;background:url(../images/whalefacts_bg.jpg) no-repeat;}
.whalefacts .population {position:absolute;left:300px;top:18px;font-size:150%;color:#fff;}
.whalefacts .video {position:absolute;left:490px;top:55px;}
/* Footer */
#footer {background:url(../images/menu_bg.png) no-repeat bottom;padding-bottom:14px;margin-bottom:20px;}
#footer a, .footer a {color:#fff;text-decoration:none;}
#footer a:hover, .footer a:hover {text-decoration:underline;}
#footer .social {height:52px;background:#fff;padding-right:15px;}
#footer .social_wrapper {background:url(../images/menu_bg.png) no-repeat right -303px;padding-right:10px;height:52px;float:right;}
#footer .social ul {float:left;margin:0;background:url(../images/menu_bg.png) no-repeat left -303px;padding-left:10px;}
#footer .social ul li {float:left;}
#footer .social_wrapper a {display:block;background:url(../images/social_media.png) no-repeat;height:52px;margin-right:15px;text-decoration:none;text-indent:-9999px;}
#footer .social a.facebook { background-position:left top;width:99px;}
#footer .social a.twitter { background-position:left -52px;width:81px;}
#footer .social a.flickr { background-position:left -104px;width:72px;}
#footer .social a.youtube{ background-position:left -156px;width:91px;margin-right:0;}
.footerwrap {background:url(../images/menu_bg.png) no-repeat left -372px;padding-top:15px;}
.footer {background:#0099cc;position:relative;padding:15px 10px 15px 25px;}
.footer .freecall {position:absolute;width:364px;height:37px;background:url(../images/menu_bg.png) right -256px;top:0;right:15px;text-indent:-9999px;}
.footer .freecall a {float:right;width:159px;height:37px;}
ul.quicklinks li {display:inline;margin-right:16px;font-weight:bold;}
.footer .links {display:inline-block;width:100%;padding-top:20px;overflow:hidden;}
ul.linksColumn {float:left;margin-right:50px;}
ul.linksColumn li {margin-bottom:3px;}
.copyright {float:right;color:#fff;width:250px;text-align:right;margin-top:40px;}
.copyright a {font-size:91%;}
/* common */
.bold {font-weight:bold;}
.small {font-size:92%}
.btn {display:block;height:26px;margin-top:10px;background:url(../images/buttons.png) no-repeat;text-indent:-9999px;}
a.email {width:96px;background-position:left -65px;margin:25px 0 0 10px;}
.lclear {clear:left;}
.pclear {clear:both;padding-top:5px;}
.f11 {font-size:92%;}
.f20 {font-size:167%;}
.mt0 {margin-top:0;}
a.flickr {width:227px;height:44px;background-position:left -206px;}
a.book_online {width:159px;height:37px;background-position:right top;}
.galleryList {width:1000px;padding:15px 0;}
.galleryList li {float:left;margin-right:30px;}
/* Custom Drop Down */
#DropDown4 .elSelect {width:226px;}
#DropDown4 .elSelect .selectedOption {width:174px;}
#DropDown4 .elSelect .optionsContainer {width:226px;}
.elSelect {margin-top:5px;width:338px;height:28px;background:url(../images/dropdown/select_bg.gif) no-repeat 0% 0%;margin-bottom:10px;}
.elSelect .selected {cursor:default;background-color:#00a8de !important;color:#fff !important;}
.elSelect .clear {clear:both;}
.elSelect .selectedOption {cursor:default;float:left;padding:6px 0 0 6px;width:304px;font-size:12px;color:#666;overflow:hidden;white-space:nowrap;}
.elSelect .dropDown {width: 28px;height: 28px;float: right;background:url(../images/dropdown/select_arrow.gif) no-repeat 0% 0%;}
.elSelect .optionsContainerTop {display:none;position:absolute;background:url(../images/dropdown/top_center.gif) repeat-x 0% 0%;width:100%;height:5px;}
.elSelect .optionsContainerBottom {display:none;position:absolute;margin:-5px 0 0 0;background:url(../images/dropdown/bottom_center.gif) repeat-x 0% 0%;width:100%;height:5px;}
.elSelect .optionsContainer {background:#e9f7fb;width:336px;border:solid 1px #00a8de;border-bottom:solid 2px #00a8de;top:-28px;position:absolute;display:none;height:150px;overflow-y:scroll;overflow-x:hidden;}
div.elSelect div > div.optionsContainer {max-height:150px;height:auto;}
.elSelect .option {padding:4px 0 5px 5px;background-color:#e9f7fb;text-align:left;font-size:12px;color:#666;}
.elSelect .disabled {cursor:default;background-color:#C0CCCF;color:#90A4AA;}
/* Book Online & Contact Us */
.bookHeader {display:inline-block;width:100%;overflow:hidden;}
.bookHeader .left {float:left;width:575px;}
.bookHeader .right {float:right;width:385px;}
.bookHeader .right div {float:left;width:181px;height:77px;background-image:url(../images/sprites_01.png);background-repeat:no-repeat;text-indent:-9999px;}
.emailEnq {background-position:left top;margin-right:12px;}
.phoneEnq {background-position:-186px top;margin-right:0;}
.BookForm {display:inline-block;width:100%;background:#efefef;}
.BookForm p, .ContactForm {margin:15px 0;}
h2.Bookhead {float:left;padding-bottom:10px;width:485px;clear:none;font-size:133%;}
.BookForm h2 {font-size:133%;padding-top:20px;}
.ContactForm h3 {margin:0;}
.BookForm .full {clear:both;background:#fff;padding-bottom:20px;}
.full .terms input {float:left;margin:2px 7px 0 0;padding:0;}
.BookForm .left {float:left;width:484px;border:solid 1px #03b4ed;padding-bottom:20px;background:#fff;}
.ContactForm .left {width:484px;border:solid 1px #03b4ed;padding-bottom:20px;background:#fff;}
.BookForm .right {float:right;width:484px;background:#efefef;padding-bottom:18px;}
.BookForm1 {width:355px;padding:20px 0 0 70px;}
.BookForm1 label {color:#666;}
.BookForm1 .text, .BookForm1 textarea  {display:block;width:328px;font:normal 100% Arial, Helvetica, Serif;padding:5px 5px;background:#e9f7fb;border:solid 1px #00a8de;margin:5px 0 10px;color:#666;}
.BookForm1 .select{display:block;width:340px;font:normal 100% Arial, Helvetica, Serif;padding:4px 2px 4px 5px;background:#e9f7fb;border:solid 1px #00a8de;margin:5px 0 10px;color:#666;}
.BookForm2 {width:360px;margin:20px 0 0 70px;}
.BookForm2 .label1 {margin-top:6px;color:#666;margin-right:10px;display:inline-block;height:20px;padding-top:4px;}
.BookForm2 .tourDate {width:190px;font:normal 100% Arial, Helvetica, Serif;padding:5px 5px;background:#e9f7fb;border:solid 1px #00a8de;margin:0 5px 0;color:#666;}
.BookForm2 .tourTime{width:220px;font:normal 100% Arial, Helvetica, Serif;padding:4px 2px 4px 5px;background:#e9f7fb;border:solid 1px #00a8de;margin:5px 0 10px;color:#666;}
.BookForm2 a.datePicker {float:right;margin-top:10px;width:16px; height:16px;background:url(../images/buttons.png) no-repeat -104px -71px;text-decoration:none;}
.BookForm2 .row {padding-bottom:5px;}
.selecttickets {margin-top:25px;}
#DropDown4  {float:right;}
.tickets {padding:0;border-collapse:collapse;border:solid 1px #03b4ed;width:100%;text-align:left;margin-bottom:12px;}
.tickets tr th.title{}
.tickets th {font-size:92%;color:#03b4ed;}
.tickets th span {font-size:110%;color:#666;}
.tickets th span.small {font-size:100%;color:#666;font-weight:normal;display:block;padding-top:2px;}
.tickets td.number {text-align:center;}
.tickets th.totalp, .tickets td.totalp  {text-align:center;}
.tickets td.number select {font:normal 92% Arial, Helvetica, Serif;}
.tickets td {padding:3px 8px;border-right:solid 1px #03b4ed;background:#fff;}
.tickets .first td {padding-top:10px;}
.tickets .last td {padding-bottom:10px;}
.tickets th {padding:3px 8px;border-right:solid 1px #03b4ed;border-bottom:solid 1px #03b4ed;background:#ecf7fe;}
.total {border-top:solid 1px #666;border-bottom:solid 1px #666;font-size:133%;color:#0099cc;font-weight:bold;line-height:30px;margin-top:15px;}
.total span {float:right;}
.submit {width:128px;height:37px;background-position:left -93px;border:none;margin-top:20px;cursor:pointer;}
.addresscontainer {clear:both;overflow:hidden;display:inline-block;width:100%;padding:17px 0 0;border-top:dotted 1px #c3c3c3;border-bottom:dotted 1px #c3c3c3;}
.left > .addresscontainer {display:block;margin-top:40px;}
.addresscontainer .logos {float:right;width:157px;height:101px;background:url(../images/sprites_01.png) no-repeat left -87px; margin-top:25px;}
.address {float:left;width:280px;}
.address2 {float:left;width:220px;}
.address span, .address2 span {display:inline-block;width:90px;}
.address h3, .address2 h3 {margin:0 0 5px;}
.address address, .address2 address {font-style:normal;padding-bottom:17px;}
.vip_column {float:right;padding-left:15px;border-left:dotted 1px #666;width:200px;margin:15px 0 0 20px;}
.vip_column h2 {margin:15px 0 0;}
.vip_column p {margin:0;}
.vip_column table, .pricing table {width:100%;border-collapse:collapse;margin:12px 0 5px;}
.pricing {width:700px;padding:25px 0 30px;display:inline-block;border-bottom:dotted 1px #ccc;}
.pricing h2 {margin:10px 0 0;}
.pricing h2 span {display:block;font-weight:normal;font-size:67%;color:#666;margin:2px 0 0;}
.pricing h2 span.orange {color:#f88501;}
.pricing li {float:left;width:196px;padding-right:18px;margin-right:18px;border-right:dotted 1px #c3c3c3;}
.tourtimes {border-collapse:collapse;font-size:125%;margin-bottom:30px;}
.tourtimes h3 {font-size:120%;margin:0;}
.tourtimes tr td {border-bottom:dotted 1px #ccc;}
.tourtimes .last td {border-bottom:0;}
.tourtimes td {padding:15px 25px 15px 5px;}

/* Homepage & Wide Headers */
.w_header_wrapper {overflow:hidden;position:relative;height:585px;margin-bottom:-69px;}
.w_header_wrapper_home {overflow:hidden;position:relative;height:630px;margin-bottom:-114px;}
#home_header {position:relative;overflow:hidden;width:970px;}
.w_header_wrapper #topnav {width:463px;}
.w_header {height:585px;position:relative;}
.w_header_wrapper_home .w_header {height:630px;position:relative;}
.w_header .pic {position:absolute;z-index:1;top:0;left:50%;margin-left:-829px;width:1658px;}
.w_header .BookOnline {width:970px;margin:0 auto;padding-top:24px;height:36px;position:relative;z-index:10;}
.w_header a {height:36px;width:160px;text-decoration:none;z-index:10;position:absolute;right:0;bottom:0;background:url(../images/features_ol.gif) no-repeat -100px top}
.whaleSeason {background:url(../images/whale_season.jpg) no-repeat; height:277px;position:relative;}
.whaleSeason a {height:37px;width:159px;position:absolute;right:12px;bottom:0;text-indent:-9999px;}
.homeList {width:1100px;padding:25px 0;display:inline-block;}
.homeList li {float:left;width:300px;padding-right:6px;margin-right:26px;border-right:dotted 1px #c3c3c3;}
.homeList img {margin-top:-12px;}
.hbtn {display:block;height:35px;margin-top:15px;background:url(../images/buttons.png) no-repeat;text-indent:-9999px;}
a.hwhales {width:154px;background-position:left -169px;}
a.hboat {width:135px;background-position:right -169px;}
a.hexperience {width:184px;background-position:left -132px;}
/* form */
.form_error { color:red; padding:0; margin: 0 0 10px 0;}
.form_error span{ display:block;}

.BookForm2 .row_date {display:block; width:360px; padding:0 0 5px 0; margin:0;}
.BookForm2 .row_date .label1 { margin:6px 10px 0 0; color:#666; display:block;height:20px; padding:4px 0 0 0; float:left;}
.BookForm2 .row_date .tourDate { display:block; float:left;width:190px;font:normal 100% Arial, Helvetica, Serif;padding:5px 5px;background:#e9f7fb;border:solid 1px #00a8de;margin:0 5px 0;color:#666;}
.row a.dp-choose-date {
	DISPLAY: block; BACKGROUND: url(../images/calendar.png) no-repeat; FLOAT: right; padding:0; MARGIN: 10px 0 0 0; OVERFLOW: hidden; WIDTH: 16px; TEXT-INDENT: -2000px; HEIGHT: 16px
}
.row_date .ui-datepicker-trigger{ margin: 5px 0 0 0; padding:0;}
.row_date #DropDown4 .elSelect {width:237px;}

.row_date #DropDown4 .elSelect .optionsContainer {width:235px;}

.bclear{ clear:both; margin:0; padding:0;}


.BookForm1 .error_highlight, .BookForm2 .error_highlight, .terms .error_highlight{border:1px solid red;}
.BookForm2 .row_date .error_highlight {border:1px solid red;}

.galleryHeader{ display: inline-block;}
.flash_gellery_container{
	display:block; margin:0; padding:20px 0 0 0;
}
.flash_gallery_flickr{ display:block; margin:15px 0 0 87px;}

#virtual_tour_slider{ width:970px; height:336px; margin:10px 0; padding:0;}
#virtual_tour_slider .virtual_tour_panel{ width:970px; height:336px; margin:0; padding:0;}

