@charset "UTF-8";
/* CSS Document */

body {
margin: 0;
padding: 0;
background: white;
font-family: Lucida Grande, verdana, arial, sans-serif;
}

#container{
	background-image:none;
	
	
	}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
width:219px;
}
#menu {
position: absolute; /* Menu position that can be changed at will */
top: 0px;
left: 10px;
width: 15em;
}

#menu dt {
cursor: pointer;
margin: 2px 0;
height: 22px;
color:#FFFFFF;
line-height: 27px;
text-align: center;
/*font-weight: bold;*/
font-size:10px;
border: 1px solid gray;
background-image: url('images/mainMenu-Normal.jpg');
}
#menu dd {
border: 1px solid #cccccc;
}
#menu li {
text-align: center;
background: #fff;
height:15px;
}

#menu li a, #menu dt a {
color: #999999;
font-size:12px;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;

}
#menu li a:hover, #menu dt a:hover {
color:#666666;
background:#eee;
}

#boats123{
	position:absolute;
	top:350px;
	left:240px;
	height:450px;
	width:720px;
	z-index:0;
	float:left;
	font-size:10px;
	color:#333333;
	overflow:auto;
	border-top:1px #999999 dashed;
	}
	
.optionContainer{
	margin-left:12px;
	margin-top:20px;
	margin-bottom:10px;
	width:680px;
	/*background:#CCCCCC;*/
	background:#f9f9f9;
	border:1px #eeeeee solid;
	float:left;
	padding-bottom:30px;
	}
	
.optionHolder{
	float:left;
	width:670px;
	clear:both;
	height:20px;
	
	/*margin-bottom:5px;*/
	}
	
.optionTitleLrg{
	font-size:24px;
	color:#666666;
	margin:20px 20px 20px 40px;
	font-weight:bold;

	
	}
	
.optionSelect{
	margin-left:20px;
	width:30px;
	float:left;
	font-size:100%;
	padding-top:4px;
	}
	
.optionID{
	display:none;
	float:left;
	font-size:100%;
	margin-right:10px;
	border:1px #666666 solid;
	}
	
.optionTitle{
	float:left;
	width:470px;
	font-size:100%;
	color:#666666;
	font-weight:normal;
    display:block;
		}
	
.optionPrice{
	float:left;
	width:90px;
	font-size:14px;
	color:#1969bc;
	text-align:right;
	margin-bottom:10px;
	}
	
.selectedDesig{
	visibility:hidden;
	color:#009900;
	float:left;
	width:50px;
	font-size:100%;
	font-weight:bold;
    display:block;
	margin-left: 5px;
	margin-top:3px;
	}
	
.spacerIcon{
	position:relative;
	top:3px;
	border:0px;
	margin-left:10px;
	margn-top:15px;
	}
	
a.camIcon{
	position:relative;
	top:3px;
	border:0px;
	margin-left:10px;
	margn-top:15px;
	}
	
a.img{
	border:0px;
	}
	
	
#total{
	position:absolute;
	top:313px;
	right:255px;
	font-size:24px;
	color:#0066FF;
	font-weight:bold;
	visibility:hidden;
	}
	
#msrp{
	position:absolute;
	top:305px;
	right:255px;
	font-size:10px;
	color:#009900;
	font-weight:bold;
	visibility:hidden;
	z-index:89;
	}

	
	
#links{
	margin:30px 0px 20px 60px;
	font-size:12px;
	
	}
	
#links li {
	text-align:left;
	padding-bottom:10px;
	}

#links li a {
	color:#1969bc;
	margin-bottom:15px;
	
	}
#links li a:hover, #links dt a:hover {
	color:#1969bc;
	}
#links dl, #links dl, #links dt, #links dd, #links ul, #links li {
	width:150px;
	list-style-type:square;
	}




/*==============================================
============== Boat Builder Styles ============
===============================================*/
	
	
#hullSelection{
	position:absolute;
	top:80px;
	right:15px;
	height:235px;
	width:220px;
	border:1px #999999 dashed; 
	padding-bottom:20px;
	visibility:hidden;
	}
	
.hullTitleLrg{
	font-size:12px;
	font-weight:bold;
	color:#0066FF;
	text-align:center;
	margin:5px;
	}
	
.hullHolder{
	float:left;
	width:215px;
	clear:both;
	margin-bottom:5px;
	margin-top:5px;
	}
	
.hullHolderThin{
	float:left;
	width:215px;
	clear:both;
	margin-bottom:5px;
	
	}
	
.hullSelect{
	margin-left:5px;
	width:20px;
	float:left;
	}
	
.hullTitle{
	font-size:10px;
	font-weight:bold;
	color:#666666;
	width:125px;
	float:left;
	margin:3px;
	}
	

.hullPrice{
	float:left;
	width:40px;
	font-size:12px;
	color:#666666;
	text-align:right;
	margin-bottom:20px;
	}
	

.swatchHolder{
	float:left;
	width:100px;
	margin-bottom:5px;
	margin-top:5px;
	}
	
.swatchSelect{
	margin-left:5px;
	width:20px;
	float:left;
	}	

	
.colorSelect{
	margin-left:25px;
	width:20px;
	float:left;
	}
	
.colorTitle{
	font-size:10px;
	font-weight:bold;
	color:#666666;
	width:70px;
	float:left;
	margin:3px 3px 3px 25px;
	}

.colorTitleThin{
	font-size:10px;
	font-weight:bold;
	color:#666666;
	width:95px;
	float:left;
	margin:3px 3px 3px 10px;
	}	

.colorBox{
	float:left;
	width:50px;
	height:17px;
	margin-bottom:0px;
	border:1px #666666 solid;
	}
	

#myContent{
	visibility:hidden;
	}



/*=====================================================
=======================================================
=============== Boat Build Image Styles ===============
=======================================================
=====================================================*/

#buildMe{
	position:absolute;
	top:100px;
	left:240px;
	height:210px;
	width:490px;
	float:left;
	font-size:10px;
	color:#333333;
	background:none;
	
	}

/* Controls the background color of the hull  */	
#borderColor{
	position:absolute;
	top:50px;
	left:1px;
	width:485px;
	height:1px;
	border-top:154px #ffffff solid;
	visibility:hidden;
	}	

/* Controls the background color of the canvas */
#borderColor1{
	position:absolute;
	top:1px;
	left:1px;
	width:485px;
	height:1px;
	border-top:51px #ffffff solid;
	visibility:hidden;
	}	

	
.buildImage{
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
	visibility:hidden;

	}

#buildLogo{
	position:absolute;
	top:146px;
	left:124px;
	z-index:6;
	visibility:hidden;

	}
	
#graphic{
	position:absolute;
	top:144px;
	left:70px;
	z-index:5;
	visibility:hidden;
	}
	
#graphic1{
	position:absolute;
	top:144px;
	left:70px;
	z-index:5;
	visibility:hidden;
	}
	
#arch{
	position:absolute;
	top:144px;
	left:70px;
	z-index:5;
	visibility:hidden;
	}
	
#arch1{
	position:absolute;
	top:144px;
	left:70px;
	z-index:5;
	visibility:hidden;
	}
	
#buildMeBoat{
	z-index:2;
	}
	
	
#colorSwatches{
	position:absolute;
	top:35px;
	left:243px;
	width:730px;
	}


/*====== Print Icon ========*/
#printIcon{
	/*position:absolute;
	top:10px;
	right:28px;*/
	}
	
.infoWindow{
	cursor:pointer;
	}
	
	
/* ===== info window tooltip styles   ========= */ 	
a.infoWindow{
	position:absolute;
	top:10px;
	right:28px;
	z-index:24;
	}
	
a.infoWindow:hover{
	z-index:25;
	}
	
a.infoWindow span{
	display:none;
	}
	
a.infoWindow:hover span{
	display:block;
	position:absolute;
	bottom:19px;
	right:-57px;
	width:124px;
	background-color:#f9f9f9;
	color:#666666;
	text-align:center;
	font-size:10px;
	padding:3px;
	border:1px #666666 solid
	}

	
	
/*========= Model Designator Placement ============*/

#modelDesig{
	position:absolute;
	top:313px;
	left:250px;
	display:none;
	}
	
#badge{
	position:absolute;
	top:307px;
	left:350px;
	display:none;
	z-index:89;
	}	
	
	
#termsCond{
	position:absolute;
	bottom:10px;
	left:10px;
	width:221px;
	border:1px dashed #999999;
	}
	
.termsCond{
	font-size:10px;
	color:#666666;
	margin:10px;
	}
	
.termsAdditional{
	font-size:12px;
	color:#666666;
	margin:10px;
	}
	
.termsInput{
	width:60px;
	text-align:right;
	}
	
.red{
	color:#ff0000;
	}
	
.buildDisclaimer{
	line-height:200%;
	margin:30px;
	}
	
#coverContainer{
	position:relative;
	top:-40px;
	}
	





/*========= Zip/Postal Code Pop-up entry ============*/


#overlaid{ 

    /*background-image: url(/images/overlay.png);*/
	background:#000000;
	background-color:#000;
    filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 100%;
}

* html #overlaid{
    background-color: #333;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src="/images/overlay.png", sizingMethod="scale");
}

#box{
    width:300px;
    background:#f9f9f9;
    padding:30px 30px 20px 30px;
    border:2px solid #eee;
}

#box h3{
	text-align:left;
	margin-top:0;
	padding-top:0;
	}

#close{
    position:absolute;
    top:3px;
    right:3px;
	width:15px;
	height:15px;
    cursor:pointer;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#dealerPrintInfo{
	display:none;
	}