/* dealer page */
* {
  	margin: 0;
  	padding: 0;
	}
body {
	width: 100%;
	background-color: #000000;
	text-align: left;
	font-size: x-small; /* for IE5/Win */
	voice-family: inherit;
	font-family: Lucida Sans;
	voice-family: "\"}\"";
	font-size: small; /* for compliant browser */
	}
html>body { /* be nice to Opera */
	font-size: small;
	}
	a {
		color: #FFFFFF;
		text-decoration: none;
		cursor: pointer;
		}
	a:hover {
		text-decoration: underline;
		}
	.hiddenLink:hover {
		text-decoration: none;
		}
	img {
		border: 0;
		}
	#container {
		width: 770px;
		margin: 10px auto;
		}
		#container #header {
			position: relative;
			z-index: 2;
			float: left;
			width: 770px;
			height: 50px;
			padding: 0;
			}
			#container #header #logo {
				position: absolute;
				z-index: 10;
				clear: both;
				width: 129px;
				height: 128px;
				left: 0px;
				top: 0px;
				float: left;
				}
			#container #header #banner {
				position: relative;
				width: 770px;
				height: 20px;
				margin-bottom: 12px;
				font-family: Arial, Helvetica, sans-serif;
				}
				#container #header #banner #digits {
					float: right;
					color: #ffffff;
					height: 14px;
					text-align: right;
					font-size: 10px;
					padding: 3px;
					width: 346px;
					background-color: #2C3034;
					}
					#container #header #banner #digits * {
						padding-right: 10px;
						margin-left: 7px;
						border-right: 1px solid #A5A5A5;
						}
					#container #banner #digits a:hover {
						color: #ffffff;
						text-decoration: underline;					
						}
			#container #header #nav {
				float: right;
				font-weight: bold;
				font-size: 12px;
				width: auto;
				height: 18px;
				}
				#container #header #nav a {
					float: left;
					padding-right: 7px;
					padding-bottom: 5px;
					margin-right: 7px;
					}
					
/* home page **********************************************************************/					
		#container #homecontent {
			position: relative;
			z-index: 1;
			float: left;
			left: -40px;
			padding: 0 40px;
			width: 770px;
			height: 502px;
			background: #000000 url(../../img/home/1.jpg) no-repeat top left;
			}
			#container #homecontent #homeinner {
				position: relative;
				cursor: default;
				width: 770px;
				height: 271px;
				margin-bottom: 15px;
				padding-top: 60px;
				}
				#container #homecontent #homeinner #feature {
					position: absolute;
					right: 0;
					bottom: 0;
					}
				#container #homecontent #homeinner #open {
					position:absolute;
					left: 10px;
					bottom: 18px;
					width: 341px;
					}
			#container #homecontent #headlines {
				height: 85px;
				margin-bottom: 15px;
				}
				#container #homecontent #headlines .headline {
					position: relative;
					float: left;
					width: 250px;
					height: 85px;
					margin: 0 10px 0 0;
						}
					#container #homecontent #headlines .headline .headbg {
						width: 250px;
						height: 24px;
						background-color: #FFFFFF;
						filter: alpha(opacity=10);
						-moz-opacity: .10;
						opacity: .10;
						}
					#container #homecontent #headlines .headline .head {
						position: absolute;
						top: 0;
						left: 0;
						width: 210px;
						height: 13px;
						padding: 6px 8px;
						color: white;
						}
					#container #homecontent #headlines .headline .headImg img {
						position: absolute;
						top: 0;
						left: 150px;
						border: 1px solid #333333;					
						width: 98px;
						height: 83px;
						}
					ul {
						margin: 0 0 0 8px;
						padding: 0;
						font-size: 10px;
						color: #FFFFFF;
						list-style-position: outside;
						list-style-type: none;
						}
						ul li {
							padding: 0 0 0 12px;
							margin: 3px 0 0 0;
							list-style-position: outside;
							background: transparent url(../../img/bullet.gif) no-repeat 0px 4px;
							}
							
/* inner page **********************************************************************/					
		#container #innercontent {
			position: relative;
			z-index: 1;
			left: -40px;
			float: left;
			padding: 0 40px;
			width: 770px;
			height: auto;
			min-height: 431px;
			}
		body#boatdocks #innercontent, body#photoGallery #innercontent {
			background: transparent url("http://www.bamadocks.com/img/top/boatdock3.jpg") 0% top no-repeat;
			}
		body#decktypes #innercontent, body#contactUs #innercontent, body#accessories #innercontent {
			background: transparent url("http://www.bamadocks.com/img/top/boatdock1.jpg") 0% top no-repeat;
			}
		body#gangways #innercontent, body#about #innercontent {
			background: transparent url("http://www.bamadocks.com/img/top/gangway2.jpg") 0% top no-repeat;
			}
			#container #innercontent #contop {
				position: relative;
				width: 770px;
				height: 130px;
				padding-top: 50px;
				}
			#container #innercontent #conbot {
				float: left;
				width: 770px;
				height: auto;
				margin-top:0px;
				}
				/*********** SIDE NAV ************/
				#container #innercontent .innernav {
					position: relative;
					float: left;
					width: 175px;
					height: auto;
					margin-right: 10px;
					}									
					#container #innercontent .innernav #extscript {
						position:relative;
						float:left;
						}								
					#container #innercontent .innernav .links {
						position: relative;
						float: left;
						width: 175px;
						height: auto;
						margin: 0 0 20px 0;
						}
						#container #innercontent .innernav .links #linksbg {
							width: 175px;
							height: 24px;
							background-color: #FFFFFF;
							filter: alpha(opacity=10);
							-moz-opacity: .10;
							opacity: .10;
							}
						#container #innercontent .innernav .links #linksheader {
							position: absolute;
							top:0;
							left:0;
							z-index: 10;
							width: 163px;
							height: 13px;
							padding: 6px 8px;
							color: white;
							}
								
				/*********** CONTENT **********/
				#container #innercontent #conbot .wholemain {
					float: left;
					position: relative;
					width: 770px;
					height: auto;
					color: #FFFFFF;
					}
					.wholemain .mainHH {
						clear: both;
						position: relative;
						width: 770px;
						height: auto;
						}
						.wholemain .mainHH .mainHbg {
							width: 770px;
							height: 25px;
							background-color: #FFFFFF;
							filter: alpha(opacity=10);
							-moz-opacity: .10;
							opacity: .10;
							margin-bottom: 10px;
							}
						.wholemain .mainHH .mainH {
							position: absolute;
							top:3px;
							left: 8px;
							width: 754px;
							height: 24px;
							color: white;
							}
					.wholemain p {
						margin: 0 8px 10px 8px;
						text-align: justify;
						font-family: Arial, Helvetica, sans-serif;
						}
					.wholemain .block {
						float: left;
						margin: 10px 8px 10px 8px;
						}
						
					.wholemain .gallery {
						float: left;
						width: 166px;
						margin: 0 11px 11px 11px;
						text-align: center;
						font-family: Arial, Helvetica, sans-serif;
						}
						.wholemain .gallery img {
							height: 116px;
							padding: 3px;
							background-color: #FFFFFF;
							}
								
				/*********** CONTENT **********/
				#container #innercontent #conbot .main {
					float: left;
					position: relative;
					width: 585px;
					height: auto;
					color: #FFFFFF;
					}
					.main .rightImg {
						float: right; 
					    margin: 8px; 
						}
					.main .fullImg {
						width: 569px;
						height: auto;
						margin: 0 8px;
						margin-bottom: 10px;
						}
					.main .mainHH {
						clear: both;
						position: relative;
						width: 585px;
						height: auto;
						}
						.main .mainHH .mainHbg {
							width: 585px;
							height: 25px;
							background-color: #FFFFFF;
							filter: alpha(opacity=10);
							-moz-opacity: .10;
							opacity: .10;
							margin-bottom: 10px;
							}
						.main .mainHH .mainH {
							position: absolute;
							top:3px;
							left: 8px;
							width: 569px;
							height: 24px;
							color: white;
							}
						.main .mainHH span {
							position: absolute;
							right: 8px;
							bottom: 3px;
							font-size:12px;
							color: #D83907;
							}
					.main p {
						margin: 0 8px 10px 8px;
						text-align: justify;
						font-family: Arial, Helvetica, sans-serif;
						}
					.main .secHeader {
						clear: both;
						position: relative;
						width: 569px;
						height: auto;
						margin-bottom: 10px;
						padding: 10px 8px 3px 8px;
						font-weight:normal;
						vertical-align: bottom;
						border-bottom: 2px solid #333333;
						}
						.main .secHeader h4 {
							font-size:16px;
							font-weight:normal;
						vertical-align: bottom;
							}
						.main .secHeader span {
							position: absolute;
							right: 8px;
							bottom: 3px;
							font-size:12px;
							color: #D83907;
							}
					.main .imgBlock {
						clear: both;
						float: left;
						padding: 0 8px;
						height: auto;
						width:569px;
						margin-bottom: 10px;
						}
					.main .blockImg {
						float:left;
						padding-bottom: 10px;
						width: auto;
						height: auto;
						text-align: center;
						overflow: hidden;
						}
					.main .blockImg a {
						font-size:14px;
						float:left;
						font-weight:bold;
						color:#FFFFFF;
						text-decoration:none;
						}
					.main .blockImg a:hover {
						text-decoration: underline;
						}
					.main .blockImg img {
						float:left;
						margin-bottom: 3px;
						}
					.main ul {
						position:relative;
						font-family: Arial, Helvetica, sans-serif;
						top:0;
						margin-left:8px;
						margin-bottom: 10px;
						margin-top:10px;
						padding:0;
						font-size: 12px;
						text-align:left;
						}
				/* Why Wahoo? ****************************************************************************************************************************/	
				#reasons {
					width: 569px;
					height: auto;
					clear:both;
					float: left;
					margin:0 8px;
					margin-bottom: 10px;
					padding: 0 0 0 30px;
					text-align:left;
					font-family:Arial, Helvetica, sans-serif;
					}			
					#reasons ol {
						margin-bottom:0;
						margin-top:0;
						}
						#reasons ol LI {
							clear:both;
							padding-bottom:5px;
							}
							#reasons ol LI a {
								color: #0066FF;
								text-decoration: underline;
								font-size:12px;
								font-weight: bold;
								}
							#reasons ol LI a:hover {
								color: #FFFFFF;
								}
					#reasons div {
						text-align:left;
						}
						#reasons div p {
							float:left;
							margin: 5px 0;
							text-align: left;
							display:none;
							width:569px;
							font-weight:normal;
							}
						#reasons div img {
							float:left;
							display:none;
							margin-right:5px;
							border:1px solid #000;
							}
						#reasons div em {
							float: left;
							width:240px;
							padding:10px;
							display:none;
							}
						#reasons div.showList p {
							display: block;
							}
						#reasons div.showList img {
							display: block;
							}
						#reasons div.showList em {
							display: block;
							}
						#reasons div.hidelist p {
							display: none;
							}
						#reasons div.hidelist img {
							display: none;
							}
						#reasons div.hidelist em {
							display: none;
							}
		/* Accessories *******************************************************************************************************************************/	
			#accessorydiv {
				clear:both;
				width:569px;
				margin:0 8px;
				margin-bottom: 10px;
				padding:0;
				text-align:left;
				}
				#accessorydiv .accessorytype {
					clear: both;
					float: left;
					width: 569px;
					height: auto;
					padding:0;
					margin:0;
					}
					.sidepic {
						float:right;
						width: 332px;
						height: auto;
						padding:0;
						margin-top:0;
						margin-bottom:0;
						}
					.sidepic img {
						float: left;
						margin: 0;
						padding: 0;
						margin-left: 4px;
						}
			#accessorydiv .accessorytype span {
				float:left;
				font-size:12px;
				padding-bottom:0;
				font-weight: bold;
				text-decoration: underline;
				}
			#accessorydiv .accessorytype ul {
				float: left;
				width: 237px;
				margin: 0;
				margin-top: 5px;
				}
				#accessorydiv .accessorytype ul li {
					clear: left;
					padding: 0 0 0 12px;
					margin: 3px 0 0 0;
					list-style-position: outside;
					background: transparent url(../../img/bullet.gif) no-repeat 0px 4px;
					}
		/* Decking Options ****************************************************************************************************************************/	
			#decking {
				clear:both;
				width:569px;
				margin:0 8px;
				padding:0;
				text-align:left;
				}
			#decking .decktype {
				clear: both;
				float:left;
				width:569px;
				height: auto;
				padding:0;
				margin:0;
				}
			#decking .decktype ul {
				float: left;
				width: 237px;
				margin: 0;
				margin-top: 0px;
				}
				#decking .decktype ul li {
					clear: left;
					padding: 0 0 0 12px;
					margin: 0px 0 0 0;
					list-style-position: outside;
					background: transparent url(../../img/bullet.gif) no-repeat 0px 4px;
					}
					
				/* wahoo Form */
				.wahooForm {
					clear:both;
					float:left;
					margin: 0 8px;
					margin-top:0px;
					padding:10px;
					width: 547px;
					border: 1px solid #333333;
					height: auto;
					color: #FFFFFF;
					background: #000910 url(../../img/inner/contentbg.gif) repeat-x;
					}
					body#contactUs em {
						color: #D83907;
						}
					.factBox {
						width: 145px;
						height: auto;
						margin: 0 8px 10px 8px;
						padding: 10px;
						font-family:Arial, Helvetica, sans-serif;
						border: 1px solid #333333;
						background: #000910 url(../../img/inner/wavebg1.gif) repeat-x;
					}
					.wahooForm .required, .wahooForm .optional {
						float:left;
						height: 35px;
						margin-top:2px;
						display:inline;
						}
					.wahooForm label, .wahooForm input, .wahooForm textarea{
						float:left;
						width: auto;
						}
					.wahooForm input, .wahooForm textarea {
						FONT-FAMILY: Courier, "Courier New", mono; 
						FONT-SIZE: 10pt;
						}
					.wahooForm #submit {
						clear: both;
						float:left;
						width: 66px;
						height: 22px;
						margin-top: 10px;
						}
			/* spacer line ****************************************************************************************************************************/	
			.main .divline {
				clear:both;
				padding:0;
				margin:0;
				margin-top:0;
				margin-bottom:10px;
				width:569px;
				height:11px;
				border-bottom: 1px solid #333333;
				}
				
			/* Image Viewer **************************************************************************************************************************/
			.main .mainimage {
				clear: both;
				float: left;
				position:relative;
				width:569px;
				height:auto;
				margin: 0 8px;
				margin-bottom:10px;
				}
				.main .mainimage #show img {
					float:left;
					width:355px;
					height: 265px;
					border:1px solid #999999;
					}
			.main .mainimage #specs {
				float:right;
				position:relative;
				margin:0;
				width:202px;
				padding:0 0 0 10px;
				color:#FFFFFF;
				font-weight:bold;
				}
				#specs .specit {
					float:left;
					position:relative;
					padding:0;
					padding-left:13px;
					width:184px;
					margin-bottom:4px;
					margin-top: 4px;
					}
				#specs span {
					float:left;
					position:relative;
					text-align:left;
					padding:0;
					margin:0;
					font-weight:normal;
					}
				.main .imageblock {
					clear: both;
					float:left;
					margin: 0 8px;
					width:569px;
					height: auto;
					}
				.main .imageblock img{
					float:left;
					margin: 0 8px;
					margin-bottom:5px;
					width: 79px;
					height: 63px;
					border:1px solid #999999;
					cursor:pointer;
					}
						
/* footer **************************************************************************/				
		#container #footer {
			position: relative;
			float: left;
			width: 770px;
			height: auto;
			margin-top: 20px;
			padding-bottom: 10px;
			font-size: xx-small;
			color: #999999;
			}
			#container #footer #info {
				float:left;
				width: 330px;
				height: 50px;
				padding: 0 0 0 0px;
				}
			#container #footer #links {
				float: left;
				text-align: right;
				width: 440px;
				height: 50px;
				}
				#container #footer #links p {
					float:left;
					width: 440px;
					padding: 12px 0px;
					}
					#container #footer #links p a {
						color: #0066FF;
						text-decoration: underline;
						padding-right: 4px;
						}
					#container #footer #links p a:hover {
						color: #FFFFFF;
						}
						
						
/*************************** NAVSEC******************************************/
						.mover {
							float:left;
							width:36px;
							margin-right:5px;
							height:56px;
							color:#ffffff;
							cursor: pointer;
							background-color: transparent;
							background-repeat: no-repeat;
							background-position: center;
							background-image: url(../../img/home/leftArrow.jpg);
							}
						#navsec {
							position:relative;
							float: left;
							margin: 0;
							padding: 0;
							width: 665px;
							height: 54px;
							border-top: 1px solid #333333;
							border-bottom: 1px solid #333333;/**/
							overflow: hidden;
							}
							#navsec #navsecContent {
								position:absolute;
								padding:0;
								padding-left: 2px;
								margin:0;
								height: 54px;
								z-index: 0;
								top:0;
								left:0;
								}
								.navsecSel {
									position: relative;
									float: left;
									margin:2px;
									margin-left:0;
									padding: 0;
									width:auto;
									height:50px;
									z-index: 0;
									display: inline;
									cursor: pointer;
									}
								#floater {
									position: absolute;
									float: left;
									top: 0;
									left: 0;
									border: 2px solid #D83907;
									width: 92px;
									height: 50px;
									z-index: 10000;
									display: block;
								}