@import url('_layout.css');
@import url('_fonts.css');
@import url('_forms.css');

/* Print Styles */
#pagePrintMainImage {display: none;}
#pagePrintContent {display: none;}


.niceImage{
	border: 1px solid #eeeeee;
	padding: 6px;
	margin: 0px 6px;
	}
		
#PhotoGallery {
	width: 748px; height: 300px;
	border: 1px solid #ccc;
	}

/* Left Nav */
#pageLeftNavWrapper {
	float: left;
	width: 190px; 
	padding-left: 5px;
	text-align: left;
	line-height: normal;
	}
	
	#pageLeftNav {
		width: 153px; 
		text-align: left;
		background-image:url(../images/global/leftnav/pageLeftNavHeader.jpg);
		background-repeat: no-repeat;
		background-position: top;
		padding: 55px 15px 5px 22px;
		min-height: 312px;
		}
		
		.pageLeftNavTitle {
			width: 153px;
			font-size: 14px;
			font-weight: bold;
			padding: 0px 0px 10px 0px;
		}
		
		.pageLeftNavItem {
			width: 148px;
			padding: 0px 0px 10px 5px;
			letter-spacing: -0.02em;
		}
	
			.pageLeftNavItem a{
				color: #000000;
			}
			
			.pageLeftNavItem a:hover{
				color: #8A211B;
			}
		
		.pageLeftNavItemSelected {
			width: 148px;
			padding: 0px 0px 10px 5px;
			letter-spacing: -0.02em;
			color: #952620;
			font-weight:bold;
		}
			.pageLeftNavItemSelected a{
				color: #952620;
			}
			
			.pageLeftNavItemSelected a:hover{
				color: #952620;
			}
		
	#pageLeftNavBottom {
		width: 190px; height: 49px;
		background-image: url(../images/global/leftnav/pageLeftNavFooter.jpg);
		background-repeat: no-repeat;
		}
		
#pageContentWrapper {
	width: 800px;
	float: left;
	overflow: hidden;
	text-align: center;
	margin-top: 30px;
	}
	
	#pageMainImage {
		width: 780px; height: 313px;
		padding: 10px;
		background-image:url(../images/global/page/pageImageBackground.jpg);
		background-repeat: no-repeat;
		overflow: hidden;
		}
		
	#pageContent {
		width: 750px;
		padding: 15px;
		background-color: #FFFFFF;
		overflow: hidden;
		margin: 0px auto;
		text-align: left;
		}
		
/* Booking */
.booking { line-height: 1.8em; }

	.bookingForm { margin: 0 0 50px 20px; overflow: hidden; }
	.bookingForm div { margin: 4px 0 4px; overflow: hidden; }
	.bookingForm label { text-align: right; width: 130px; margin-right: 8px; float: left; color: #4e4e4e; font-size: 11px; }
	.bookingForm .required { font-size: 14px; color: #961a12; font-weight: bold; }
	
	.steps { margin: 0 0 18px; }
	
	.booking p { margin: 0 0 1.5em; padding: 0; }
	.booking h2 { color:#822019; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
	.booking h3 { color:#822019; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
	.booking hr { margin: 20px 0; }
	
	.booking blockquote { margin: 0 0 25px 20px; padding: 0; }
	
	/*Step 1*/
	.helperText { color: #4e4e4e; font-size: 12px; }
	#bttn-Search { display: block; width: 150px; height: 35px; background: url(../images/booking/bttn-Search.png) no-repeat; text-indent: -10000px; overflow: hidden; border: 0; padding: 0; margin: 0; }
	
	/*Step 2*/
	.boatImage { float: left; width: 235px; }
	.boatDetails { float: left; width: 400px; font-size: 11px; }
	table.bookingOptions { color: #666; width: 635px; margin: 0 0 30px 10px; }
	table.bookingOptions th { font-weight: bold; color: #333; font-size: 11px; border-bottom: 1px solid #ccc; padding: 5px 0; }
	table.bookingOptions td { vertical-align: top; padding: 5px 0; border-bottom: 1px solid #ccc; }
	table.bookingOptions td.price { color: #000; font-size: 14px; font-weight: bold; }
	table.bookingOptions td form { text-align: right; }
	.bttn-Select { display: block; width: 80px; height: 35px; background: url(../images/booking/bttn-Select.png) no-repeat; text-indent: -10000px; overflow: hidden; border: 0; padding: 0; margin: 0; }

	/*Step 3*/
	#bttn-Proceed { display: block; width: 200px; height: 35px; background: url(../images/booking/bttn-Proceed-to-confirmation.png) no-repeat; text-indent: -10000px; overflow: hidden; border: 0; padding: 0; margin: 0 0 0 138px; }/*Step 3*/
	
	/*Step 4*/
	#boatOptions { float: left; width: 300px; margin: 0 35px 50px 0;  }
	#personalInformation { float: left; width: 300px; margin: 0 0 30px 0;  }
	#paymentInformation { float: left; width: 300px; margin: 0 35px 30px 0;  }
	#terms { float: left; width: 280px; padding: 10px; border: 1px solid #666; }
		#terms p { font-size: 10px; line-height: 14px; }
	.price { font-size: 14px; font-weight: bold; margin-bottom: 8px; }
	label.price { font-size: 14px; font-weight: bold; margin-bottom: 8px; }
	.bttn-completeBooking { display: block; float: right; width: 200px; height: 35px; background: url(../images/booking/bttn-completeBooking.png) no-repeat; text-indent: -10000px; overflow: hidden; border: 0; padding: 0; margin-right: 90px; }