
/* body */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background: url(../images/whaler-site-map-background.jpg) no-repeat top center #d6d4ae;
}

a:link, a:visited {
	color: #666;
	text-decoration: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: none;
}
h1 {color: #c1301c; font-size: 22px;}
h2 {font-size: 14px;}
h3 {}
td {vertical-align: top;}
p {
	line-height: 18px;
}
img {border: 0px;}

th {text-align: left;}

/* container */

#container {
	width: 940px;
	margin: 0 auto;
	background: url(../images/shad.png) repeat-y;
}

#wrapper {
	background-color: #fff;
	width: 900px;
	margin-left: 10px;
	padding: 10px;
}

#toplinks {
	text-align: right;
	line-height: 24px;
	padding: 0 10px;
	text-transform: uppercase;
	font-size: 11px;
	font-family: "Century Gothic", CenturyGothic-Bold, CenturyGothic-BoldItalic, CenturyGothic-Italic;
}

#mainnav {
	text-align: center;
	padding: 10px 0;
}

#mainnav li {
	display: inline;
	font-size: 14px;
	margin-right: 25px;
}

#mainnav a:hover {
	border-bottom: 2px solid #c42e18;
	padding-bottom: 2px;
}

.homepagepromo {
	float: left;
	margin-right: 28px;
	width: 280px;
	height: 140px;
}
.homepagepromo span {
	border: 1px solid #ccc;
}

.homepagepromoend span {
	border: 1px solid #ccc;
}

#footer {
	height: 40px;
	text-align: right;
	clear: both;
	margin-top: 30px;
}

#socialicons {
	float: left;
}

#socialicons img {
	margin-right: 10px;
}

#footer li {
	display: inline;
	margin:0 0 0 15px;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 11px;
	font-family: "Century Gothic", CenturyGothic-Bold, CenturyGothic-BoldItalic, CenturyGothic-Italic;
}

#footershadow {
	background: url(../images/footer_shadow.png) no-repeat;
	width: 940px;
	margin: 0 auto;
	height: 10px;
	padding-bottom: 10px;
}

#ctl01_Text1 li {
	list-style-image: url(../images/redblock.jpg);
	margin-bottom: 10px;
	margin-left: 20px;
}

/* self-clear floats */

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	clear: both;
}

/* content */

#content {}
#content a:link, #content a:visited {
	color: #d02b0e;
}
#content a:hover, #content a:active {
	color: #000;
}
.contentbox {
	padding: 10px;
	border: 1px solid #ccc;
}

.modelselect {
	border: 1px solid #dcdcdc;
	float: left;
	position: relative;
	margin: 0 10px 10px 0;
	height: 90px;
}

.modelselect p {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 130px;
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
}

.modelselect a:link, .modelselect a:visited {
	color: #a5a5a5;
}

.modelselect a:hover, .modelselect a:active {
	color: #c1301c;
}

.modelselectsmall {
	border: 1px solid #dcdcdc;
	float: left;
	position: relative;
	margin: 0 5px 10px 0;
	height: 80px;
}

.modelselectsmall p {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 115px;
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
}

.modelselectsmall a:link, .modelselectsmall a:visited {
	color: #a5a5a5;
}

.modelselectsmall a:hover, .modelselectsmall a:active {
	color: #c1301c;
}

#basiccontentleft {
	float: left;
	width: 640px;
	min-height: 300px;
	border-right: 1px solid #dcdcdc;
	padding: 10px 10px 0 0;
}

#basiccontentright {
	float: right;
	width: 225px;
}

/* brochure module */

#brochurecontent td {
	vertical-align: top;
}

#buildimage {
	text-align: right;
	margin-top: 3px;
}

#buyimage {
	text-align: right;
}

#ctanav {
	font-family: "Century Gothic", CenturyGothic-Bold, CenturyGothic-BoldItalic, CenturyGothic-Italic;
	text-transform: uppercase;
	text-align: right;
	padding: 10px 0;
	font-size: 11px;
}

#ctanav a:link, #ctanav a:visited {
	color: #666;
}

#ctanav a:hover, #ctanav a:active {
	color: #000;
}

#leftcontentbrochure {
	width: 350px;
}

.title {
	font-size: 30px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

#rightcontentbrochure {
	width: 530px;
	margin-left: 20px;
}

#rightcontentbrochure h4 {
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 20px;
	font-weight: 12px;
	color: #999;
}

.handcursor {
	cursor: pointer;
}

#brochurethumbs img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	border: 5px solid #fff;
}

#brochurethumbs img:hover {
	border: 5px solid #c1301c;
}

#tcontent4 td {
	vertical-align: top;
}

.features li {
	list-style-image: url(../images/redblock.jpg);
	margin-bottom: 10px;
	margin-left: 20px;
}

.specs {
	margin: 10px 0 0 30px;
}

.specs li {
	list-style-image: url(../images/redblock.jpg);
	margin-bottom: 10px;
}

#intleftsub li {
	display: inline;
	margin-right: 10px;
	font-size: 14px;
	text-transform: uppercase;
}

#intleftsub a:link, #intleftsub a:visited {
	color: #b0b0b0;
}

#intleftsub a:hover, #intleftsub a:active {
	color: #666;
}

#pdfs li {
	background: url(../images/pdf-icon.jpg) no-repeat left;
	padding-left: 50px;
	height: 40px;
	line-height: 40px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

/* Why Whaler */

#whywhalerfirst {
	width: 274px;
	height: 320px;
	background: url(../images/unsinkable.jpg) no-repeat;
	float: left;
	padding: 20px 0 0 20px;
}

#whywhalermiddle {
	width: 289px;
	height: 320px;
	background: url(../images/legendary.jpg) no-repeat;
	float: left;
	padding: 20px 0 0 20px;
}

#whywhalerlast {
	width: 277px;
	height: 320px;
	background: url(../images/innovative.jpg) no-repeat;
	float: left;
	padding: 20px 0 0 20px;
}

#whywhalerfirst:hover, #whywhalermiddle:hover, #whywhalerlast:hover {
	background-position: 0 -340px;
}

.whywhaler h1 {
	color: #fff;
	text-transform: uppercase;
	font-size: 30px;
	margin-bottom: 10px;
}

.whywhaler li {
	list-style-image: url(../images/redblock.jpg);
	margin-bottom: 10px;
	margin-left: 20px;
	font-weight: bold;
	font-size: 12px;
}

.whywhaler a:link, .whywhaler a:visited {
	color: #fff;
}

.whywhaler a:hover, .whywhaler a:active {
	color: #c1301c;
}

#whywhalerleft {
	float: left;
	width: 620px;
	margin-top: 10px;
}

#whywhalerleft h3 {
	border-bottom: 1px solid #ccc;
	color: #999;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 0;
	margin-bottom: 10px;
}

#whywhalerright {
	float: right;
	width: 195px;
	border: 1px solid #d0d0d0;
	padding: 20px;
	text-transform: uppercase;
	margin-top: 10px;
}

#whywhalerright h3 {
	color: #cc3300;
	margin: 5px 0;
}

#whywhalerright li {
	list-style-image: url(../images/redblock.jpg);
	margin-bottom: 10px;
	margin-left: 20px;
}

/* calculator module */

#calculator {}

/* calendar module */

.calendarTable {background-color: #fff; border: 1px solid #1c1c1c; width: 100%;}

.calendarTable td {border: 1px solid #1c1c1c; }

.calendarMonthHeader
{
background-color: #c1301c;
font-weight: bold;
text-transform: uppercase;
height: 25px;
line-height: 25px;
color: #fff;
}
.calendarMonthHeader td {text-align: center; border: 0;}
.calendarNextPrev a {text-decoration: none; color: #fff;}

.calendarWeekdayHeader { background-color: #666; height: 20px; text-align: center; text-transform: uppercase; line-height: 20px; color: #fff;}
.calendarDayHeader
{
padding: 3px;
}

#ctl01_ctl00_EventGrid_MonthlyCalendar td[style]{
	background: none !important;
}

.calendarDayHeader a { text-decoration: none;}

.calendarTodayHeader
{
padding: 3px;
}

.calendarTodayHeader a {color: #000; text-decoration: none;}

.calendarEvent a
{
	text-decoration: none;
}

/* dealer locator module */

#dealerlocator{}
.dealersection {
	float: left;
	width: 300px;
	min-height: 150px;
	display: block;
	margin: 10px 0;
}

/* employment module */

#employment {}

/* formbuilder module */

#formbuilder h1 {display: none;}
#formbuilder {padding: 5px; width: 98%; }

#formbuilder {
	width: 98%;
}
#formbuilder td {
	margin-right: 30px;
	padding-bottom: 10px;
	width: 400px;
}

/* sitemap */

#sitemap {
	padding:0;
	margin:50px 0 0 70px;
	overflow:visible;
	border:0;
	border-left:1px solid #9292A1;
}

#sitemap ul {
	display:block;
	list-style:none;
	margin:-11px 0;
	padding:0;
	border:0;
}

#sitemaplist {
	margin:0;
	padding:0;
}

div#sitemap {
	margin:25px 0 40px 25px;
	z-index:1;
	clear:both;
}

#sitemap ul li {
	position:relative;
	top:0px;
	left:-11px;
	margin:10px 0 5px 0;
	padding:0;
	border:0;
}

#sitemap a, #sitemap a:visited {
	width:20em;
	height:2em;
	display:block;
	margin:0 0 0 3px;
	padding:0;
	font-weight:bold;
	font-size:1.4em;
	line-height:2em;
	text-indent:0.5em;
	text-align:left;
	text-decoration:none;
	color:#222;
	border:1px solid #9292A1;
	background:#FFF;
}

#sitemap ul ul {
	padding:12px 0 18px 0;
	background:none;
	margin-left: 20px;
}

#sitemap ul li li {
	position:relative;
	top:0px;
	left:0px;
	margin:10px 0 5px 0;
	padding:0 0 0 25px;
	color:#222;
	background:url("../images/subline.gif") left center no-repeat;
}

#sitemap ul li .sub-sub {
	left:10px;
	margin:10px 0 0 1px;
	background:url("../images/subline.gif") top left no-repeat;
}

#sitemap ul ul a, #sitemap ul ul a:visited {
	width:16em;
	height:2em;
	margin:0;
	font-size:1em;
	line-height:2em;
	font-weight:normal;
	text-indent:0.4em;
	color:#222;
	border:1px solid #9292A1;
	background:#FFF;
}

#sitemap ul ul ul {
	margin:0 0 30px 12px;
	padding:12px 0 0 0;
	border-left:1px solid #9292A1;
}

#sitemap ul li li li {
	position:relative;
	top:10px;
	left:0px;
	margin:10px 0 5px 0;
	padding:0 0 0 20px;
}

#sitemap ul ul ul a, #sitemap ul ul ul a:visited {
	width:14.9em;
	padding:1px;
	font-size:100%;
}

#sitemap a:active, #sitemap a:hover, #sitemap a:focus, a:focus .sffocus, #sitemap ul ul a:active, #sitemap ul ul a:hover, #sitemap ul ul a:focus {
	color:#222;
	border:1px solid #9292A1;
	background:#EEE;
	text-decoration:none;
}

/* news module */

#news {}

/* promotion module */

#promotion {}

/* search engine module */

#searchengine {}
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 10px;
margin-bottom: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
background: url(../images/brochuretabsbg.jpg) repeat-x;
border: 1px solid #d0d0d0;
height: 20px;
line-height: 20px;
}

.shadetabs li{
display: inline;
margin: 0;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
padding: 0 3px;
background: url(../images/brochuredivider.jpg) no-repeat right;
}

#intcontentsub a:link, #intcontentsub a:visited {
	color: #999;
}

#intcontentsub a:hover, #intcontentsub a:active {
	color: #000;
}


.shadetabs #first {
	
}

.shadetabs #last {
	padding: 0;
	background: none;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 6px 5px 6px 2px;
margin: 0;
color: #999;
}

.shadetabs li a:visited{
color: #999;
}

.shadetabs li a:hover{
text-decoration: none;
color:#666;
}

.shadetabs li a.selected{ /*selected main tab style */
color:#666;
background: url(../images/brochuretabsbg-over.jpg) repeat-x;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

div.tabcontentstyle {
 margin:9px 0 0 0;
 min-height:300px;
 padding:10px;
 border: 1px solid #ccc;
}

#ctl01_ctl00_calendarTabs{
padding: 3px 0;
margin-left: 0;
margin-top: 10px;
margin-bottom: 0;
font-size:1.2em;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

#ctl01_ctl00_calendarTabs li{
display: inline;
margin: 0;
}

#ctl01_ctl00_calendarTabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 14px 14px;
margin: 0 3px 0 0;
color: #fff;
}

#ctl01_ctl00_calendarTabs li a:visited{
color: #fff;
}

#ctl01_ctl00_calendarTabs li a:hover{
text-decoration: none;
color:#acacac;
}

#ctl01_ctl00_calendarTabs li a.selected{ /*selected main tab style */
position: relative;
padding: 12px 12px;
top: 2px;
z-index:2;
}

#ctl01_ctl00_calendarTabs li a.selected{ /*selected main tab style */
color:#fff;
background-color:#262626;
}

#ctl01_ctl00_calendarTabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.contentbox a:link, .contentbox a:visited {
	color: #666;
	text-decoration: none;
}

.contentbox a:hover, .contentbox a:active {
	color: #c42e18;
	text-decoration: underline;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #bc341c;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #bc341c;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #fff; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

.redtext {
	color: #c42e18;
}

.medialink a:link, .medialink a:visited {
	color: #999;
}

.medialink a:hover, .medialink a:active {
	color: #c0311b;
}

#lifestylecontainer {
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	min-height: 400px;
	margin: 10px 0 0 0;
}

#lifestylehead {
	background-color: #bf311b;
	color: #fff;
	padding: 5px;
	text-transform: uppercase;
	font-weight: bold;
}

#lifestylesub {
	clear: both;
}

#lifestylesub li {
	float: right;
}

#lifestylesub a:link, #lifestylesub a:visited {
	color: #999;
}

#lifestylesub a:hover, #lifestylesub a:active {
	color: #000;
}

.lifestyleactivity {
	float: left;
	margin: 10px 0 10px 45px;
	width: 335px;
	border: 1px solid #d0d0d0;
	padding: 20px;
}

.lifestyleactivity img {
	float: left;
}

.lifestyleactivity input {
	margin-top: 17px;
}

#lifestyleleftcolumn {
	float: left;
	width: 150px;
}

#lifestyleoptions {
	display: none;
	position: relative;
}

#lifestyleleftcolumn h3 {
	background-color: #999;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px;
	margin-top: 10px;
}

#lifestyleleftcolumn ul {
	margin: 5px;
}

#lifestyleleftcolumn li {
	text-transform: uppercase;
	margin-bottom: 5px;
}

#lifestyleleftcolumn h4 {
	background-color: #bf311b;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px;
	margin: 10px 0;
}

#lifestylerightcolumn {
	float: right;
	width: 730px;
	position: relative;
}

.lifestyleselect {
	float: left;
	margin: 10px 5px 5px 5px;
	display: none;
}

.lifestyleselect p {
	text-align: center;
	text-transform: uppercase;
}

.people, .length, .activities {
	display: none;
}

.ui-slider { margin: 0 10px; }
.ui-custom-labels { overflow: hidden; color: #bbb; font-size: 11px; margin: 4px 10px; }
span.min { float: left; }
span.max { float: right; }

#nomodels { position: absolute; display: none; margin-top: 15px; }

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:250px;
  top:-150px;
  width:500px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes a:link, #boxes a:visited {
	color: #fff;
	text-decoration: underline;
	text-transform: uppercase;
}

#boxes a:hover, #boxes a:active {
	color: #000;
	text-decoration: underline;
	text-transform: uppercase;
}

#boxes .popimg {
	border: 1px solid #fff;
}

#boxes h3 {
	margin: 10px 0 5px 0;
}

#boxes .close {
	float: right;
}

#boxes #sport110, #boxes #tender110, #boxes #ss130, #boxes #ss150, #boxes #ss170, #boxes #montauk150, #boxes #montauk170, #boxes #montauk190, #boxes #dauntless180, #boxes #dauntless200, #boxes #dauntless230, #boxes #outrage190, #boxes #outrage220, #boxes #outrage250, #boxes #outrage280, #boxes #outrage320, #boxes #cuddy320, #boxes #outrage370, #boxes #conquest235, #conquest255, #conquest285, #conquest305, #conquest345, #conquest345open {
  width:450px;
  padding:10px;
  background-color:#c62a18;
  border: 2px solid #696b6b;
  color: #fff;
}

@media print {
.tabcontent {
display:block !important;
}
}