/* -- Tantek Celik undohtml.css -- */
:link,:visited { text-decoration:none }
ol, ul{ list-style:none;  }
p,h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, div { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
table{border-collapse: collapse;}
/* end of browser stripping */

.mir { letter-spacing : -1000em;}
/*\*/* html .mir { text-indent: -999em; overflow: hidden; }
html>body .mir { letter-spacing: normal; text-indent: -999em; overflow: hidden; }/**/
html>body {overflow:scroll;}


.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}
	
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

.clear{
	clear: both;
}

address{
	margin: 10px 0 30px 0;
	font-weight: 800;
}

.error{
	clear: both;
	padding: 0 0 20px 0;
}

.errorpanel{
	color: #ffc20e;
	padding: 0 0 5px 0;
}

.grayBar{
	clear: left;
	margin: 10px 0;
	background: url(../images/bar.gif) repeat-x;
	height: 9px;
	padding: 10px 0;
}


.floatRight{
	float: right;
}

.floatLeft{
	float: left;
}


.noBorder{
	border-bottom: none;
}

body{
	text-align:center; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #000000 url(../images/body_tile_bg.gif);
	font-size: 0.75em;
	color: #bbbbbb;
}

#container{
	width: 766px;
	margin: 0 auto;
	background: #000000 url(../images/container_bg.gif) repeat-y;
	text-align: left;
}

#topHeader{
		width: 766px;
		height: 50px;
		background: #626262 url(../images/bg_top_1.gif) no-repeat;
}

#topHeader h1{
	float: left;
	padding: 10px 0 0 28px;
}

#topHeader h1 a{
	width: 175px;
	height: 40px;
	display: block;
	background: url(../images/logo_top.gif);
}

#bottomHeader{
	width: 766px;
	height: 52px;
	background: #626262 url(../images/bg_top_2.gif) no-repeat;
}

#bottomHeader h1{
	float: left;
	padding: 0 0 0 28px;
}

#bottomHeader h1 a{
	width: 175px;
	height: 22px;
	display: block;
	background: url(../images/logo_bottom.gif);
}

#utilMenu{
	display: inline;
	float: right;
	margin: 0 20px 0 0;
}

#utilMenu li{
	display: inline;
	color: #7e7e7e;
	line-height: 40px;
	font-size: 0.85em;
}

#utilMenu li a{
	color: #ffc20e;
}

#nav{
	width: 388px;
	float: right;
	display: inline;
	margin: 0 60px 0 0;
	padding: 7px 0 0 0;
}

#nav li{
	display: inline;
	height: 36px;
	float: left;
}	

#nav li a {
	float: left;
	background: #626262 url(../images/menu.gif) no-repeat 0 0;
	height: 36px;
	text-indent: -9999px;
}

#nav li#build a { background-position: 0 0px; width: 131px;}
#nav li#build a:hover { background-position: 0 -36px; }
#nav li#build a.selected, #nav li#build a.selected:hover{ background-position: 0 -72px;}

#nav li#gallery a { background-position: -131px 0; width: 85px;}
#nav li#gallery a:hover { background-position: -131px -36px; }
#nav li#gallery a.selected, #nav li#gallery a.selected:hover{ background-position: -131px -72px;}


#nav li#faq a { background-position: -216px 0; width: 62px;}
#nav li#faq a:hover { background-position: -216px -36px; }
#nav li#faq a.selected, #nav li#faq a.selected:hover{ background-position: -216px -72px;}


#nav li#contact a { background-position: -278px 0; width: 110px;}
#nav li#contact a:hover { background-position: -278px -36px; }
#nav li#contact a.selected, #nav li#contact a.selected:hover{ background-position: -278px -72px;}



#wideContent{
	width: 686px;
	margin: 40px;
	
}

#measureList li.instructions{
	color: #ffc20e;
	font-size: 0.9em;
	border-bottom: none;
	margin: 0 0 10px 0;
}

#measureList li.instructions a{
	color: #ffc20e;
	border-bottom: 1px dotted #ffc20e;
}

#measureList li.instructions a:hover{
	color: #b4b4b4;
	border-bottom: 1px dotted #b4b4b4;
}

#measureList li{
	clear: both;
	color: #b4b4b4;
}

#measureList li h5{
	color: #9e9e9e;
	font-size: 1.4em;
	width: 100px;
	text-align: right;
	font-weight: 300;
	float: left;
	padding: 20px 0;
}


#measureList li p{
	width: 300px;
	float: left;
	border-bottom: 1px solid #5a5a5a; 
	padding: 20px 0;
	margin: 0 0 0 20px;
	display: inline;
}

#measureList span.formElement{
	width: 150px;
	float: left;
	padding: 20px 0 0 20px;
	font-style: italic;
	color: #fff;
	font-size: 0.9em;
}

#leftContent{
	width: 260px;
	float: left;
}

#rightContent{
	width: 420px;
	float: right;
}

#rightContent h3{
	color: #eeeeee;
	font-size: 1em;
}

#rightContent p{
	margin: 12px 0 13px 0;
	line-height: 1.6em;
}

#rightContent a{
	color: #9e9e9e;
	font-weight: 800;
}

#rightContent .image{
	float: right;
	padding: 0 5px;
}

#footer{
	width: 726px;
	\width: 766px;
	w\idth: 726px;
	height: 74px;
	padding: 0 20px;
	background: #626262 url(../images/footer_bg.gif) no-repeat;
	font-size: 0.8em;
	position: relative;
}

#footer li{
	float: left;
	display: inline;
	margin: 46px 11px 0 0;
}

#footer li a{
	color: #9e9e9e;
}

p.disclaimer{	
	position: absolute;
	width: 322px;
	top: 46px;
	right: 10px;
	color: #585858;
}

.row {
	clear: both; 
}

.row span.label {
	width: 120px;
	float: left; 
	text-align: left;
	margin: 0 0 10px 0;
	font-weight: 600;
}

.row span.formLeft {
	float: left; 
	margin: 0 0 10px 0;
	text-align: left;
} 

.row span.formRight{
	float: right;
	text-align: left;
}

.row .button{	
	float: left;
}

.typeALeft{
	width: 175px;
	float: left;
	margin: 10px 0 0 25px;
	
}

.typeBLeft{
	width: 175px;
	float: left;
	margin: 10px 0 0 25px;
}

.typeCLeft{
	width: 175px;
	float: left;
	margin: 10px 0 0 25px;
}

.input80{
	width: 80px;
}
.input150{
	width: 150px;
}

.input250{
	width: 250px;
}

.input400{
	width: 400px;
}

.row .check{
	margin: 0 2px 0 20px ;
}

h3.buildQuote{
	background: url(../images/build_quote_text.gif) no-repeat;
	width: 198px;
	height: 57px;
	float: left;
	text-indent: -9999px;
	margin: 0 0 20px 0;
}

ol.ordering li {
	float: left;
	height: 56px;
	background-repeat: no-repeat;
	text-indent: -9999px; 
}

ol.ordering li a {
	display: block;
	height: 56px;
	background-repeat: no-repeat;
	text-indent: -9999px; 
}

ol.ordering li.step1 { background-image: url("../images/design_off.gif"); width: 150px; }
ol.ordering li.step1-on {background-image: url("../images/design_on.gif"); width: 150px; text-indent: -9999px; }
ol.ordering li.step1 a { background-image: url("../images/design_prev.gif"); width: 150px; }

ol.ordering li.step2 { background-image: url("../images/type_off.gif"); width: 165px; }
ol.ordering li.step2-on {background-image: url("../images/type_on.gif"); width: 165px; text-indent: -9999px;  }
ol.ordering li.step2 a { background-image: url("../images/type_prev.gif"); width: 165px; }

ol.ordering li.step3 { background-image: url("../images/cust_off.gif"); width: 165px;  }
ol.ordering li.step3-on {background-image: url("../images/cust_on.gif"); width: 165px; text-indent: -9999px;  }
ol.ordering li.step3 a { background-image: url("../images/cust_prev.gif"); width: 165px; }


#galleryPic{
	background: url(../images/gallery_bg.gif) repeat-y;
}

#galleryPic .left{
	width: 185px;
	background: #000;
	float: left;
}

#galleryPic .right{
	width: 480px;
	float: left;
}

h3.galleryHeader{
	width: 185px;
	height: 43px;
	background: url(../images/gallery_header.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	margin: 0 0 0 0;
}


#galleryType{
	width: 185px;
	float: left;
	display: inline;
	margin: -10px 0 0 0;
}

#galleryType li{
	display: inline;
	height: 47px;
	float: left;
}	

#galleryType li a {
	width: 185px;
	float: left;
	background: transparent url(../images/gallery_type.gif) no-repeat 0 0;
	height: 47px;
	text-indent: -9999px;
}

#galleryType li#biminis a { background-position: 0 0px; width: 78px;}

#galleryType li#biminis a.on { background-position: 0 -47px; width: 78px;}

#galleryType li#accessories a { background-position: -78px 0; width: 107px;}

#galleryType li#accessories a.on { background-position: -78px -47px; width: 107px;}


#galleryButton{
	width: 185px;
	float: left;
	display: inline;
	padding: 0 0 10px 0;
}

#galleryButton li{
	display: inline;
	height: 24px;
	float: left;
}	

#galleryButton li a {
	float: left;
	background: #626262 url(../images/gallery_buttons.gif) no-repeat 0 0;
	height: 24px;
	text-indent: -9999px;
}

#galleryButton li#previous a { background-position: 0 0px; width: 93px;}

#galleryButton li#next a { background-position: -93px 0; width: 92px;}

#galleryPic .thumbFooter{
	width: 185px;
	height: 35px;
	float: left;
	background: #000 url(../images/thumb_footer.gif);
}

#galleryPic .top{
	background: #000 url(../images/gallery_bg_top.gif) no-repeat;
	width: 480px;
	height: 20px;
	float: left;
}

#galleryPic .footer{
	background: #3D3D3D url(../images/gallery_bg_bottom.gif) no-repeat;
	width: 480px;
	height: 34px;
	\height: 44px;
	he\ight: 34px;
	float: left;
	font-size: 0.85em;
	padding: 10px 0 0 0;
}


#galleryPic .footer h4.prev{
	display: inline;
	text-align: left;
	color: #ffc20e;
	margin: 0 0 0 20px;
}

#galleryPic .footer h4.prev a{
	text-align: left;
	color: #ffc20e;
}

#galleryPic .footer h4.next{
	text-align: right;
	display: inline;
	color: #ffc20e;
	margin: 5px 0 0 350px;
}

#galleryPic .footer h4.next a{
	text-align: right;
	color: #ffc20e;
}

.galleryBody{
	width: 472px;
	\width: 480px;
	w\idth: 472px;
	height: 380px;
	background: #141414;
	border-left: 1px solid #5a5a5a;
	border-right: 1px solid #5a5a5a;
	float: left;
	padding: 0 0 0 6px;
	position: relative;
}

.galleryBody img{
	position: absolute;
	left: 5px;
	top: 3px;
}

#galleryThumb{
	width: 180px;
	display: inline;
}

/*Hide from IE5Mac\*/
#galleryThumb{
	clear: both;
}
/*End Hide */

#galleryThumb li{
	display: inline;
	float: left;
	margin: 5px 2px 6px 10px;
}


#someContent{
	background: #fff;
}
#popUp{
	width: 700px;
}

#popUp h2{
	height: 50px;
	background: #000;
	color: #ffc20e;
	font-weight: 800; 
	line-height: 40px;
	text-align: center;
}

#popUp h4.back a, #popUp h4.side a{
	width: 100px;
	float: left;
	font-size: 0.9em;
	color: #ffc20e;
	display: inline;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #000;
}

#popUp h4.back a:hover, #popUp h4.side a:hover{
	border-bottom: 1px dotted #ffc20e;
	margin: 0 0 5px 0;
}

#popUp h4.side a{
	float: right;
}

.faq{
	list-style-type: decimal;
	margin: 0 0 0 30px;	
}

.faq li{
	margin: 0 0 20px 0;
	line-height: 1.6em;
}

h1.title{
	font-size: 1.2em;
	font-variant: small-caps;
	margin: 0 0 10px 0;
}
#adminForm{
	line-height: 1.6em;
}

#adminForm a{
	color: #ccc;
}


#adminTask li{
	line-height: 1.6em;
	list-style: square;
	margin: 0 0 0 20px;
	
}

#adminTask li a{
	color: #cccccc;
}

#loginForm fieldset{
	border: 1px solid #ccc;
	padding: 20px;
}

#loginForm fieldset legend{
	font-weight: 800;
}

.boatListing{
	margin: 10px 0 20px 20px;
	list-style: square;
}

.boatListing li{
	margin: 0 0 0 10px;
	list-style: square;
}

.boatListing li a, .boatListing li a:hover, .boatListing li a:visited{
	text-decoration: underline;
}

.adminGallery{
	display: inline;
}

.adminGallery li{
	width: 100px;
	height: 100px;
	float: left;
	display: inline;
	border: 1px solid #ccc;
	text-align: center;
	margin: 0 2px 2px 0;
}

.adminGallery li img{
	margin: 25px 0 0 0;
	width: 75px;
	height: 50px;
}

h6.viewGallery{
	background: #3d3d3d url(../images/bullet_gallery.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
	margin: 0 0 10px 10px;
}

h6.viewGallery a{
	color: #ccc;
}

h6.viewGallery a.selected{
	color: #E5E5E5;
}


#breadcrumb{
	margin: 0 0 20px 0;
}

#breadcrumb a{
	color: #fff;
}