/* --------------------------------------------------------------------------------
-																				-
-				Title: 			Ausmarine										-
-				Author: 		Ilya Lobanov									-
-				Website: 		WebsiteBlue.com									-
-				Date:			November 17, 2008								-
-																				-
---------------------------------------------------------------------------------- */
		
/* ------------------------------------------------------------
		MAIN BODY OF WEBSITE
------------------------------------------------------------ */

		body, form, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5 {
			margin:0px;	padding:0px;
		}

/* ------------------------------------------------------------
		MAIN BODY OF WEBSITE
------------------------------------------------------------ */

		body {
			margin:0; padding:0; color: #FFF; font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
			letter-spacing: 0; line-height: 16pt; font-weight: normal; text-align:center;
			background: #1083dc url(../img/mainbg.jpg) no-repeat top center;
		}



/* ------------------------------------------------------------
		WRAPPER CONTAINER TO CENTER
------------------------------------------------------------ */

		#wrapper {
			margin-left: auto; margin-right: auto; padding: 0;
			width: 1000px; text-align: left; 
		}
		
		#wrapper2 {
			margin-left: auto; margin-right: auto; padding: 0;
			width: 1000px; text-align: left; background:url(../img/mainbg3.jpg) no-repeat top center; position:relative;
		}


/* ------------------------------------------------------------
		GLOBAL NAVIGATION
------------------------------------------------------------ */

		#globalNav {
			clear:both;	margin: 0; padding:0; height: 59px; width: 1000px;
		}




/* ------------------------------------------------------------
		SUB NAVIGATION
------------------------------------------------------------ */


		#subNav {
				width: 900px; height: 39px; position:absolute; top: 0px; left: 34px;
				}

		#subNav a {
				font-weight:bold; font-size: 10px; color: #FFF!important; text-decoration: none!important;
				margin: 0; padding: 0 11px 0 11px; line-height: 38px; float:left; text-transform:uppercase;
				}
					
		#subNav a:hover {
				font-weight:bold;	color:#FFF!important; text-decoration: underline!important;
				margin: 0; padding: 0 11px 0 11px; line-height: 38px;
				}


		#subNav img {
				margin: 0; padding:0; float:left;
				}



/* ------------------------------------------------------------
		MAIN HOME FLASH
------------------------------------------------------------ */

		#frontSplash {
			float: left; display:inline; margin: 0; padding:0; width: 1000px; height: 590px;
		}


/* ------------------------------------------------------------
		MAIN HOME NOT FLASH
------------------------------------------------------------ */

		.homePage {
			height:358px;
			width:1000px;
			margin-top:86px;
		}

		.frontBtns {
			margin-left:76px;
		}

		.frontBtns img {
			border:none;	
		}
		
		.frontBtn1, .frontBtn2, .frontBtn3 {
			height:32px;
			float:left;
		}
		
		.frontBtn1 {
			width:142px;
			background:transparent url(../img/btn_availability2.png) no-repeat;
		}
		
		a.frontBtn1:hover {
			background-position:0 -32px;
		}
		
		.frontBtn2 {
			width:92px;
			background:transparent url(../img/btn_pricing2.png) no-repeat top left;
		}
		
		a.frontBtn2:hover {
			background-position:0 -32px;
		}
		
		.frontBtn3 {
			width:107px;
			background:transparent url(../img/btn_book2.png) no-repeat top left;
		}
		
		a.frontBtn3:hover {
			background-position:0 -32px;
		}
		
		.rightBtns {
			float:left;
			width:315px;
			height:299px;
			margin:0 0 0 260px;
			background:transparent url(../img/btn_rightBG.png) no-repeat top left;
		}
		
		.rightBtn1, .rightBtn2, .rightBtn3 {
			float:left;			
			width:315px;
		}
		
		.rightBtn1 {
			height:102px;
		}
		
		a.rightBtn1:hover {
			background:transparent url(../img/btn_right1H.png) no-repeat;
		}
		
		.rightBtn2 {
			margin-top:-27px;
			height:87px;
			position:relative;
			z-index:2;
		}
		
		a.rightBtn2:hover {
			background:transparent url(../img/btn_right2H.png) no-repeat;
		}
		
		.rightBtn3 {
			margin-top:-18px;
			height:155px;
			background:transparent url(../img/btn_right3.png) no-repeat;
			position:relative;
			z-index:1;
		}
		
		a.rightBtn3:hover {
			background:url(../img/btn_right3H.png) no-repeat;
		}
		
		.twitter {
			margin:0 0 0 15px;
			width:600px;
			position:absolute;
			top:490px;
			left:40px;
		}
		
		.twitter img {
			float:left;
		}
		
		.twitterBtn {
			width:98px;
			height:36px;
			margin-top:9px;
			float:left;
			background:transparent url(../img/btn_click2.png) no-repeat;
		}
		
		a.twitterBtn:hover {
			background-position:0 -36px;
		}
		
		.slide01, .slide02, .slide03 {
			width:550px;
			height:259px;
			float:left;
		}
		
		.slide01 {
			background:url(../img/slide01.jpg) no-repeat;
		}
		
		.slide02 {
			background:url(../img/slide02.jpg) no-repeat;
		}
		
		.slide03 {
			background:url(../img/slide03.jpg) no-repeat;
		}
		
		.close {
			width:27px;
			height:27px;
			float:left;
			position:absolute;
			z-index:5;
			top:205px;
			left:1020px;
			background:transparent url(../img/btn_close.png) no-repeat;
			cursor:pointer;
		}
		
		a.close:hover {
			background-position:-27px 0;
		}
		
		.newsletter {
			position:absolute;
			top:280px;
			left:80px;
		}
		
		.newsletter img {
			border:none;
		}

/* ------------------------------------------------------------
		CONTENT PAGES
------------------------------------------------------------ */

		#howPage {
			float: left; display:inline; margin: 0 0 50px 0; padding:0; width: 1000px; height: 449px;
			background: transparent url(../img/how_bg.jpg) no-repeat top left; position:relative;
		}

		#benefitsPage {
			float: left; display:inline; margin: 0 0 50px 0; padding:0; width: 1000px; height: 449px;
			background: transparent url(../img/members_bg.jpg) no-repeat top left; position:relative;
		}


		#faqPage {
			float: left; display:inline; margin: 0 0 50px 0; padding:0; width: 1000px; height: 449px;
			background: transparent url(../img/faq_bg.jpg) no-repeat top left; position:relative;
		}
		
		
		#enquiriesPage {
			float: left; display:inline; margin: 0 0 50px 0; padding:0; width: 1000px; height: 449px;
			background: transparent url(../img/enquiries_bg.jpg) no-repeat top left; position:relative;
		}


		#registerPage {
			float: left; display:inline; margin: 0 0 50px 0; padding:0; width: 1000px; height: 449px;
			background: transparent url(../img/register_bg.jpg) no-repeat top left; position:relative;
		}


		#loginPage {
			float: left; display:inline; margin: 0 0 50px 0; padding:0; width: 1000px; height: 449px;
			background: transparent url(../img/login_bg.jpg) no-repeat top left; position:relative;
		}
		
		
		#consolePage {
			float: left; display:inline; margin: 0 0 50px 0; padding:0; width: 1000px; height: 449px;
			background: transparent url(../img/console_bg.jpg) no-repeat top left; position:relative;
		}

		#bookPage {
			float: left; display:inline; margin: 0 0 50px 0; padding:0; width: 1000px; height: 449px;
			background: transparent url(../img/book_bg.jpg) no-repeat top left; position:relative;
		}	
		
		
		#boatsPage {
			float: left; display:inline; margin: 0 0 50px 0; padding:0; width: 1000px; height: 449px;
			background: transparent url(../img/boats_bg.jpg) no-repeat top left; position:relative;
		}						
		

		#blankPage {
			float: left; display:inline; margin: 0 0 50px 0; padding:0; width: 1000px; height: 449px;
			background: transparent url(../img/blank_bg.jpg) no-repeat top left; position:relative;
		}			


		#locations-map-page {
			float: left; display:inline; margin: 0 0 50px 0; padding:0; width: 1000px; height: 449px;
		}		
		

		#globalBox {
			width:410px; height: 410px; position:absolute; top: 40px; left: 39px;
		}


		#signupBox {
			width:410px; height: 410px; position:absolute; top: 10px; left: 460px;
		}


		#optionsBox {
			width:410px; height: 410px; position:absolute; top: 70px; left: 460px;
		}


		#boatsBox {
			width: 1000px; height: 409px; position:absolute; top: 0px; left: 0px;
		}



		#fleetMain {
			float: left; display:inline; clear:both; margin: 0; padding:0; width: 1000px; height: 534px;
		}


		#fleetMain img {
			float: left; display:inline; margin: 0; padding:0;
		}

/* ------------------------------------------------------------
		MAIN CONTENT DIV
------------------------------------------------------------ */



		#holdingContainer {
				width:340px; height: 298px; position:absolute; top: 70px; left: 34px; overflow:hidden;
		}
	
	
		#globalContainer {
				width:340px; height: 298px; overflow:auto;
		}
		
		
		#globalContainer p {
				color: #FFF; line-height: 16px; text-align: left; font-size: 12px; padding: 7px 15px 8px 0; margin:0;
		}
		
		
		#globalContainer p.small {
				color: #FFF; line-height: 14px; text-align: left; font-size: 11px; padding: 5px 0 5px 0; margin:0;
		}		

		#globalContainer span {
				color: #27addf; font-weight: bold; font-size: 12px; padding: 0; margin:0;
		}

		#globalContainer span.successful {
				color: #71d6ff; font-weight: bold; font-size: 11px; padding: 0; margin:0;
		}

		#globalContainer span.declined {
				color: #ffd2d2; font-weight: bold; font-size: 11px; padding: 0; margin:0;
		}

		#globalContainer a {
				font-weight:normal;	font-size: 12px;
				color: #FFF; text-decoration: underline;
				}

		#globalContainer a:hover {
				font-weight:normal; margin:0px;
				color: #FFF; text-decoration: none;
				}	


		#globalContainer dl {
				color: #FFF; font-size: 11px; 
				margin: 0; padding: 0;
				clear: both; float: left; display:inline;
			}
		
		#globalContainer dt {
				float: left; width: 90px;
				padding: 1px 0 1px 0; margin: 0;
				font-weight: bold; border-bottom: 1px solid #0a6fb5;
			}
		
		#globalContainer dd {
				float: left; clear:right; width: 210px;
				padding: 1px 0 1px 10px; margin: 0;
				font-weight: normal; border-bottom: 1px solid #0a6fb5;
			}


		#globalContainer dt {
				float: left; width: 140px;
				padding: 1px 0 1px 0; margin: 0;
				font-weight: bold; border-bottom: 1px solid #0a6fb5;
			}
		
		#globalContainer dd {
				float: left; clear:right; width: 150px;
				padding: 1px 0 1px 10px; margin: 0;
				font-weight: normal; border-bottom: 1px solid #0a6fb5;
			}


		#globalContainer ul {	
				list-style:none; color: #FFF; line-height: 16px; 
				font-size: 12px; padding: 0 15px 0 0; margin:0;
		}
	
		#globalContainer li {
				font-weight:normal;	font-size: 12px; color: #FFFFFF; text-decoration: none;
				margin:0; padding: 0 0 0 1.2em;
				background: url(../img/bullet.gif) no-repeat 0px 5px;
		}


		 #globalContainer div.hr {
				width: 100%; height: 1px; background-color: #7bd1ff;
		}
	
		 #globalContainer div.hr hr {
				display: none;
		 }




/* ------------------------------------------------------------
		FORMS LAYOUT
------------------------------------------------------------ */


		#globalContainer fieldset {
				padding:0; margin: 5px 0 0 0; float: left; display: inline; clear:both; width: 330px; max-width: 330px;
				background: transparent; border: none;
				}
				
	
		#main label { 
				color: #FFF; font-size: 11px; font-weight: bold; cursor: pointer;
				width: 90px; float: left; text-align: left; clear: both; margin: 0; 
			}


		#main label.long { 
				color: #FFF; font-size: 11px; font-weight: bold; cursor: pointer;
				width: 310px; float: left; text-align: left; clear: both; margin: 0; 
			}

		#main label.definition { 
				color: #FFF; font-size: 11px; font-weight: bold; cursor: pointer;
				width: 160px; float: left; text-align: left; clear: none; margin: 0 0 0 10px; 
			}	
			
			
		#main label.terms { 
			color: #FFF; font-size: 11px; font-weight: bold; cursor: pointer;
			width: 400px; float: left; display: block; clear: none; margin: 0 0 0 10px; 
		}		
			
	
		#main input.tickBox {
				float: left; display: inline;  width: 17px; height:17px; border: none;
				padding: 0; margin: 3px 0 0 10px; 
		}	
	
	
		#main input {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 210px; height:17px;	padding: 2px; margin: 0 0 5px 10px; 
				color:#72d5ff; border: 1px solid #0a6fb5; background: #0f88df url("../img/inputbg.jpg") repeat-x top center;
			}
			

		#main input.over {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 210px; height:17px;	padding: 2px; margin: 0 0 5px 10px; 
				color:#FFF; border: 1px solid #7bd1ff; background-color: #0f88df; background-image: none;
			}



		#main input.pickupdate {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 120px; height:17px;	padding: 2px; margin: 0 0 5px 10px; 
				color:#72d5ff; border: 1px solid #0a6fb5; background: #0f88df url("../img/inputbg.jpg") repeat-x top center;
			}
			

		#main input.pickupdateover {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 120px; height:17px;	padding: 2px; margin: 0 0 5px 10px; 
				color:#FFF; border: 1px solid #7bd1ff; background-color: #0f88df; background-image: none;
			}


		#main select {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 224px; height:20px;	padding: 0; margin: 0 0 5px 10px; 
				color:#FFFFFF; border: 1px solid #7bd1ff; background-color: #0f88df; background-image: none;
			}	


		#main select.date {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 44px; height:20px;	padding: 0; margin: 0 0 5px 10px; 
				color:#FFFFFF; border: 1px solid #7bd1ff; background-color: #0f88df; background-image: none;
			}	



		#main select.month {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 100px; height:20px;	padding: 0; margin: 0 0 5px 5px; 
				color:#FFFFFF; border: 1px solid #7bd1ff; background-color: #0f88df; background-image: none;
			}	


		#main select.monthshort {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 87px; height:20px;	padding: 0; margin: 0 0 5px 5px; 
				color:#FFFFFF; border: 1px solid #7bd1ff; background-color: #0f88df; background-image: none;
			}	


		#main select.year {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 60px; height:20px;	padding: 0; margin: 0 0 5px 5px; 
				color:#FFFFFF; border: 1px solid #7bd1ff; background-color: #0f88df; background-image: none;
			}	


		#main select.pickuptime {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 100px; height:20px;	padding: 0; margin: 0 0 5px 10px; 
				color:#FFFFFF; border: 1px solid #7bd1ff; background-color: #0f88df; background-image: none;
			}	


		#main textarea {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 310px; height:120px; padding: 2px; margin: 0 0 5px 0; 
				color:#72d5ff; border: 1px solid #0a6fb5; background: #0f88df url("../img/inputbg.jpg") repeat-x top center;
			}
		
		
		#main textarea.over {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 310px; height:120px; padding: 2px; margin: 0 0 5px 0; 
				color:#FFF; border: 1px solid #7bd1ff; background-color: #0f88df; background-image: none;
			}


		#main .verify  { 
				margin: 0 0 10px 15px;	width: 80px; height: 24px; 
				border: none; cursor: default; background: none!important;		
		}


		#main span.mandatory {
				font-size: 116.667%; color: #fff200;
		}
	
		
		#main .apply { 
				height: 29px; width: 171px; float:left; display: inline; padding: 0; margin: 5px 0 0 30px;		
				border: none; background-image: none;
		}
	
		#main .confirm { 
				height: 29px; width: 140px; float:left; display: inline; padding: 0; margin: 5px 0 0 0;		
				border: none; background-image: none;
		}


		#main .login { 
				height: 29px; width: 78px; float:left; display: inline; padding: 0; margin: 5px 0 0 6px;		
				border: none; background-image: none;
		}


		#main .forgot { 
				height: 29px; width: 143px; float:left; display: inline; padding: 0; margin: 5px 0 0 0;		
				border: none; background-image: none;
		}


		#main .reset { 
				height: 29px; width: 138px; float:left; display: inline; padding: 0; margin: 5px 0 0 6px;		
				border: none; background-image: none;
		}


		#main .check { 
				height: 29px; width: 149px; float:left; display: inline; padding: 0; margin: 5px 0 0 6px;		
				border: none; background-image: none;
		}


		#main .book { 
				height: 29px; width: 125px; float:left; display: inline; padding: 0; margin: 5px 0 10px 6px;		
				border: none; background-image: none;
		}
		
		
		#main .next { 
				height: 29px; width: 106px; float:left; display: inline; padding: 0; margin: 5px 0 10px 6px;		
				border: none; background-image: none;
		}
			
			
		#main .payment { 
				height: 29px; width: 122px; float:left; display: inline; padding: 0; margin: 5px 0 10px 6px;		
				border: none; background-image: none;
		}			
				

		#main .submit { 
				height: 29px; width: 88px; float:left; display: inline; padding: 0; margin: 5px 0 10px 16px;		
				border: none; background-image: none;
		}			
			

/* ------------------------------------------------------------
		CREDIT CARD TRANSACTION
------------------------------------------------------------ */


		#credit {
				padding:0; margin: 5px 0 0 0; float: left; display: inline; clear:both; width: 330px; max-width: 330px;
				border: 1px solid #0a6fb5; background: #0f88df url("../img/inputbg.jpg") repeat-x top center;
				}
				
	
		#credit label { 
				color: #FFF; font-size: 11px; font-weight: bold; cursor: pointer;
				width: 140px; float: left; text-align: left; clear: both; margin: 0; 
			}


		#credit input {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 140px; height:17px;	padding: 2px; margin: 0 0 5px 10px; 
				color:#72d5ff; border: 1px solid #0a6fb5; background: #0f88df url("../img/inputbg.jpg") repeat-x top center;
			}
			

		#credit input.over {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 140px; height:17px;	padding: 2px; margin: 0 0 5px 10px; 
				color:#FFF; border: 1px solid #7bd1ff; background-color: #0f88df; background-image: none;
			}


		#credit select.date {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 50px; height:20px; padding: 0; margin: 0 0 5px 10px; 
				color:#72d5ff; border: 1px solid #7bd1ff; background-color: #0f88df; background-image: none;
			}	



/* ------------------------------------------------------------
		TABLE LAYOUT
------------------------------------------------------------ */


		#globalContainer table {
				 margin:0; padding: 0; border: none; text-align:left;
				 border-right: 1px solid #0a6fb5; border-left: 1px solid #0a6fb5; border-top: 1px solid #0a6fb5;
		}


		#globalContainer th {
				 color: #FFF; font-size: 11px; font-weight: bold; text-align:left;
				 margin: 0; padding: 1px 0 1px 5px; border-bottom: 1px solid #0a6fb5;
				 background: #0f88df url("../img/inputbg.jpg") repeat-x top center;
		}


		#globalContainer td {
				 color: #FFF; font-size: 11px; font-weight: normal; line-height:12pt;
				 margin: 0; padding: 3px 0 3px 5px; border-bottom: 1px solid #0a6fb5;
		}



		#globalContainer th.days {
				 color: #FFF; font-size: 11px; font-weight: bold; text-align:center;
				 margin: 0; padding: 1px 0 1px 5px; border-bottom: 1px solid #0a6fb5; border-right: 1px solid #0a6fb5;
				 background: #0f88df url("../img/inputbg.jpg") repeat-x top center;
		}


		#globalContainer td.days {
				 color: #FFF; font-size: 11px; font-weight: normal; line-height:12pt; text-align:center;
				 margin: 0; padding: 3px 0 3px 5px; border-bottom: 1px solid #0a6fb5; border-right: 1px solid #0a6fb5;
		}



		input.book-contents-qty {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				width: 30px; padding: 1px; margin: 0; 
				color:#72d5ff; border: 1px solid #0a6fb5; background: #0f88df url("../img/inputbg.jpg") repeat-x top center;
			}


		input.book-contents-qty-over {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				width: 30px; padding: 1px; margin: 0; 
				color:#FFF; border: 1px solid #7bd1ff; background-color: #0f88df; background-image: none;
			}

/* ------------------------------------------------------------
		BOAT INFO CONTAINER NEW SCROLLING BOATS
------------------------------------------------------------ */

		#main-boats-holder {
				width:835px; height: 320px; position:absolute; top: 70px; left: 80px; overflow:hidden;
		}
			
		
		.scroll-boat-item {
				margin: 0; padding: 0; float:left; width: 700px; height: 316px; display:block; position:relative;
		}


		.scroll-boat-item#sunrunner-2800 {
				background: url("../img/2800_scroll.jpg") no-repeat top left;
		}


		.scroll-boat-item#sunrunner-blackwatch {
				background: url("../img/2800blackwatch_scroll.jpg") no-repeat top left;
		}


		.scroll-boat-item#sunrunner-3300 {
				background: url("../img/3300_scroll.jpg") no-repeat top left;
		}

		.scroll-boat-item#sunrunner-3700 {
				background: url("../img/3700_scroll.jpg") no-repeat top left;
		}

		.scroll-boat-item#sunrunner-4800 {
				background: url("../img/4800_scroll.jpg") no-repeat top left;
		}

		.scroll-boat-item h5 {
				position:absolute; top:25px; left: 40px; width: 600px;
		}

		
		.scroll-boat-item p {
				color: #FFF; line-height: 16px; text-align: left; font-size: 12px; padding: 0 35px 0 0; margin:0;
				position:absolute; top:95px; left: 40px; width: 220px;
		}
		

		.scroll-boat-item .more-info {
				position:absolute; bottom:25px; left: 30px;
		}

		.scroll-boat-item .avail-btn {
				position:absolute; bottom:50px; left: 30px;
		}

		.scroll-boat-item .pricing-btn {
				position:absolute; bottom:75px; left: 30px;
		}

		.scroll-boat-item .buttons {
				margin: 9px 0 0 0; padding: 0; float: left;
		}


		#blankPage .bookBoat {
				position:absolute; z-index:999; top: 40px; left: 333px;
		}


		.backBoats {
				position:absolute; z-index:999; top: 40px; left: 295px;
		}

		.consoleBtn {
				position:absolute; z-index:999; top: 40px; left: 332px;
		}




/* ------------------------------------------------------------
		BOAT INFO CONTAINER OLD LAYOUT
------------------------------------------------------------ */

		#boatsHolder {
				width:953px; height: 300px; position:absolute; top: 70px; left: 30px; overflow:hidden;
		}
			
		
		#boatsContainer {
				width:953px; height: 300px; overflow:auto;
		}	
		

		#boatItem {
				margin: 0; padding: 0; float:left; width: 465px; height: 150px; display:inline;
				background: url("../img/boatitem_bg.jpg") no-repeat top left; position:relative;
		}


		#boatThumb {
				width: 135px; height: 104px; position:absolute; top:19px; left: 20px;
				background: url("../img/boatpic_bg.jpg") no-repeat top left;
		}


		#boatThumb img {
				margin: 5px 0 0 5px; padding: 0; width: 125px; height: 93px; 
		}
		
		
		#boatItem p {
				color: #FFF; line-height: 16px; text-align: left; font-size: 12px; padding: 0 35px 0 0; margin:0;
				position:absolute; top:22px; left: 170px;
		}
		

		#boatItem span.title {
				color: #72d5ff; font-weight: bold; font-size: 11px; padding: 0; margin:0; text-transform:uppercase;
		}


		#boatItem .buttons {
				margin: 9px 0 0 0; padding: 0; float: left;
		}


		#blankPage .bookBoat {
				position:absolute; z-index:999; top: 40px; left: 333px;
		}


		.backBoats {
				position:absolute; z-index:999; top: 40px; left: 295px;
		}

		.consoleBtn {
				position:absolute; z-index:999; top: 40px; left: 332px;
		}




/* ------------------------------------------------------------
		BOAT THUMBNAIL GALLERY
------------------------------------------------------------ */

		#galleryPics {
				width:300px; height: 410px; position:absolute; top: 20px; left: 460px;
			}
	
		#galleryThumb {
				float: left; display:inline; border: 0; 
				width: 90px; height: 90px; overflow:hidden;
				margin: 10px 5px 0 5px; padding: 0;	
				background-color: #71d1ff; position:relative;
		    }	
		
		#galleryThumb img {				
				width: 180px; position:absolute; top: -15px; left: -45px; background-color: #71d1ff;	
		    }

		#galleryPics img.spacer {
				float: left; display:inline; border: 0;
				margin: 10px 5px 0 5px; padding: 0;				
				width: 90px; height: 90px; background-color: #71d1ff;	
		    }



/* ------------------------------------------------------------
		MEMBER DASHBOARD
------------------------------------------------------------ */

		#memberDashboard {
				width:340px; height:170px; margin: 0; padding:0 0 0 20px;
/*				background: url("../img/dashboard_bg.jpg") no-repeat top left;*/
		}
			
		


/* ------------------------------------------------------------
		REGISTRATION ERROR MESSAGES
------------------------------------------------------------ */
	
		#Error {
				position:absolute; z-index:999; top: 20px; left: 64px; width: 356px; height: 83px;
				background: transparent url(../img/error_bg.jpg) no-repeat top left; 
		}


		#Error p {
				color: #FFF; line-height: 16px; text-align: left; font-size: 11px; 
				padding: 20px 50px 0 85px; margin:0;
		}




/* ------------------------------------------------------------
		LOGGED-IN INFO
------------------------------------------------------------ */
	
		#loginfo {
				position:absolute; top: 0px; right: 0px; width: 480px; height: 41px;
				background: transparent url(../img/login_info.jpg) no-repeat top right; 
		}


		#loginfo p {
				color: #FFF; line-height: 16px; text-align: left; font-size: 11px; 
				padding: 11px 0 0 190px; margin:0;
		}


		#loginfo .name {
				color: #4fcbff; font-size: 11px; font-weight:bold; text-decoration: none;
		}



/* ------------------------------------------------------------
		SHOPPING CART PAGE
------------------------------------------------------------ */
	
		#booking-cart-contents {
				position:absolute; top: 55px; left: 465px; width: 340px; height: 326px;
				background: transparent url(../img/cart_bg.png) no-repeat top right; 
				margin:0; padding: 0;
		}


		#booking-cart-contents table {
				 margin:20px 0 0 35px; padding: 0; border: none; text-align:left;
		}


		#booking-cart-contents th {
				 color: #4fcbff; font-size: 11px; font-weight: bold;
				 margin: 0; padding: 1px 0 1px 2px; 
				 background: none; text-align:left;
		}


		#booking-cart-contents td {
				 color: #FFF; font-size: 11px; font-weight: normal; line-height:12pt;
				 margin: 0; padding: 3px 0 3px 2px; border-top: 1px solid #4fcbff;
		}

		#booking-cart-contents td.total {
				  margin: 0; padding: 10px 0 0 5px; border-top: 1px solid #4fcbff;
		}

		#booking-cart-contents .remove_btn {
				width: 11px; height: 9px; border: none; background: none;
		}


		#booking-cart-contents span {
				 color: #4fcbff; font-size: 32px; font-weight: normal;
		}



/* ------------------------------------------------------------
		FOOTER & COPYRIGHT
------------------------------------------------------------ */


		#footer {
				margin: 0; padding: 0; height: 45px; width: 1000px; 
				clear:both; color: #27addf; font-size: 11px; 
				border-top: 1px solid #22a9df;
				}

		#links {
				float: left; width: 900px;	margin: 0; padding:10px 0 0 0;
				}

		#links a {
				font-weight:normal;	font-size: 11px; color: #FFF; text-decoration: underline;
				}
					
		#links a:hover {
				font-weight:normal;	margin:0px; color:#FFF; text-decoration: none;
				}


		#sponsorlogos {
				float: right; margin: 2px 0 0 0; padding: 0;
				}

/* ------------------------------------------------------------
		ADDED BY BASHKIM ISAI
------------------------------------------------------------ */

		.Screen
		{
			border:	solid 2px #FFFFFF;
		}