/* ++++  Yacht Index Page Start ++++++++++++ */

/* ########################################## */
/* ##	containeryacht scrollbar styles    ## */
/* ########################################## */

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #062B55; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}


/* ########################################## */
/* ##	containeryacht Text Formats        ## */
/* ########################################## */

.containeryacht_text1Format {
  text-align: center;
  padding-left: 2%;
  line-height: 10px;
  font-size: 36px;  
  font-weight: bold;
  font-family: Book Antiqua;
  color: #062B55;
}

.containeryacht_text2Format {
  text-align: left;
  padding-left: 2%;
  line-height: 30px;
  font-size: 16px;  
  font-weight: bold;
  font-family: Calibri;
  color: #2E75B6;
}

.containeryacht_text3Format {
  text-align: left;
  padding-left: 2%;
  font-size: 15px;  
  font-weight: 600;
  font-family: helvetica;
  color: #808080;
}

.containeryacht_text4Format {
  text-align: center;
  padding-left: 0%;
  line-height: 10px;
  font-size: 26px;  
  font-weight: bold;
  font-family: Book Antiqua;
  color: #062B55;
}

.containeryacht_text5Format {
  text-align: center;
  padding-left: 2%;
  line-height: 20px;
  font-size: 16px;  
  font-weight: bold;
  font-family: Book Antiqua;
  color: #062B55;
}

/* ########################################## */
/* ##	                                   ## */
/* ########################################## */

.container_popupmenu_yachts {
   			 top: 0px;
    	  	 left: -1px;
			 float:left;
	  		 width:100%;
		  	 height:250px;
			 margin-top: 0px;
			 margin-left: 0px;
			 margin-right: 0px;
    	  	 position: relative;
      		 z-index: 2;
	     	 visibility: visible;
			 }
			 
.container_popupmenuyachts_left {
   			 top: -1px;
    	  	 left: -1px;
			 float:left;
			 height:100%;
	  		 width:12%;
		  	 margin-left: 0px;
			 margin-right: 0px;
    	  	 position: relative;
      		 z-index: 2;
	     	 visibility: visible;
			 }
			 
			 
.container_popupmenuyachts_right {
   			 top: -1px;
    	  	 left: -1px;
			 float:left;
			 height:100%;
	  		 width:88%;
		  	 margin-left: 0px;
			 margin-right: 0px;
    	  	 position: relative;
      		 z-index: 2;
	     	 visibility: visible;
			 }

/* ++++  Yacht Index Page End ++++++++++++ */

			 
/* ++++  Yacht Details  Start ++++++++++++ */
.container_yachtDetails {
   			 top: -1px;
    	  	 left: -1px;
			 float:left;
	  		 width:100%;
		  	 height:250px;
			 margin-left: 0px;
			 margin-right: 0px;
    	  	 position: relative;
      		 z-index: 2;
	     	 visibility: visible;
			 }
			 
.container_yachtDetails_left {
   			 top: 0px;
    	  	 left: -1px;
			 float:left;
			 height:100%;
	  		 width:12%;
			 margin-top: 0px;
		  	 margin-left: 0px;
			 margin-right: 0px;
    	  	 position: relative;
      		 z-index: 2;
	     	 visibility: visible;
			 }
			 
			 
.container_yachtDetailsCol_one {
   			 top: 0px;
    	  	 left: -8px;
			 float:left;
			 height:100%;
	  		 width:28%;
		  	 margin-left: 0px;
			 margin-right: 0px;
    	  	 position: relative;
      		 z-index: 2;
	     	 visibility: visible;
			 }
			 
.container_yachtDetails_right {
   			 top: -1px;
    	  	 left: -4px;
			 float:left;
			 height:100%;
	  		 width:60%;
		  	 margin-left: 0px;
			 margin-right: 0px;
    	  	 position: relative;
      		 z-index: 1;
	     	 visibility: visible;
			 }
			 
			 
.container_yachtInventory {
   			 top: 0px;
    	  	 left: 0px;
			 float:left;
			 height:100%;
	  		 width:100%;
		  	 margin-left: 0px;
			 margin-right: 0px;
    	  	 position: relative;
      		 z-index: 2;
	     	 visibility: visible;
			 }







/* ++++  Yacht Details  End ++++++++++++ */
.container_popuptext_yachts {
	top: 0px;
	left: 108px;
	width: 10px;
	height:270px;
	margin-left: 0px;
	margin-right: 0px;
	position: absolute;
	z-index: 2;
	visibility: visible;
	background-color: #052a54;
			 }
/* ######################################################### */
/* ##	   container_yachtcontentIndex Page css 		  ## */
/* ######################################################### */
		 
.container_yachtcontent_index {
	height: 444px;
	width: 980px;
	position:relative;
	z-index: 1;
	left: 3px;
	visibility: visible;
	}
	
	.container_yachtswf_index {
	height: 444px;
	width: 480px;
	position:relative;
	z-index: -1;
	left: 4px;
	visibility: visible;
	}
	
.containeryachtIndex_column2 {
  float: left;
  width: 89.8%;
  background-color:#5997E2;
  padding: 0px;
  height:  400px; /* Should be removed. Only for demonstration */
}

.containeryachtIndex_column2Row2 {
  width: 100%;
  align: top;
  height: 82%;
  background-color: #204F7B; /* #599666; */
}
	
.container_yachtIndex_swf {
	height:100%;
	width:101%;
	position:relative;
	z-index: -1;
	left: -4px;
	visibility: visible;
	}
	
.container_yachtIndex_personpopup {
     	  	 top: 45%;
      		 left: 1%;
		  	 width: 155px;
		  	 height:224px;
      		 position: absolute;
			 z-index: 1;
			 visibility: visible;
			 }
			 
.container_yachtIndex_buttonpopup {
   			 top: 268px;
    	  	 left: 57%;
	  		 width: 324px;
		  	 height:221px;
			 margin-left: 0px;
			 margin-right: 300px;
    	  	 position: absolute;
      		 z-index: 3;
	     	 visibility: visible;
			 }

div.containeryacht_IndexScrollbox {
  background-color: lightblue;
  width: 90%;
  height: 100%;
  overflow:scroll;
  }
	
/* ####################################################### */
/* ##	   											    ## */
/* ####################################################### */
	
.containeryachtcontent1_spacer1 {
    margin-top: 37px;
	height: 7px;
	width: 100%;
	background-color: #204F7B;
}

.containeryachtcontent1_spacer2 {
    margin-top: 39px;
	height: 7px;
	width: 100%;
	background-color: #204F7B;
}

.containeryachtcontent1_spacer3 {
    margin-top: 21px;
	height: 7px;
	width: 100%;
	background-color: #204F7B;
}
	
.container_yachtcontent1 {
	width: 980px;
	height: 400px;
	background-color: #052A54;
	}

	
/* Create containeryachtcontent1_column1 */
.containeryachtcontent1_column1 {
  float: left;
  width: 9.8%;
  background-color: #296AAA;
  border-right-width: 3px;
  border-right-style:ridge;
  border-right-color: #062B57;
  padding: 0px;
  height:  400px; /* Should be removed. Only for demonstration */
}

/* Create three equal columns that floats next to each other */
.containeryachtcontent1_column2 {
  float: left;
  width: 33%;
  background-color: #8EBAC6; /* #C6E9F4; */
  padding: 0px;
  height:  400px; /* Should be removed. Only for demonstration */
}

/* Create three equal columns that floats next to each other */
.containeryachtcontent1_column3 {
  float: left;
  width: 100%;
  background-color:#CCCDDD;
  padding: 0px;
  height:  440px; /* Should be removed. Only for demonstration */
}

/* Create three equal columns that floats next to each other */
.containercaptchacontent1_column3Row1 {
  align: top;
  height: 15%;
  background-color: #CCCDDD;
}

.containeryachtcontent1_column3Row1 {
  align: top;
  height: 11%;
  background-color: #5997E2;
}

.containeryachtcontent1_column3Row2 {
  align: top;
  height: 82%;
  width: 100%;
  background-color: #204F7B; /* #599666; */
}

.containeryachtcontent1_column3Row3 {
  padding-top: 12px;
  height: 7%;
  background-color: #114B7B;
}

/* Clear floats after the columns */
.container_yachtcontent1:after {
  content: "";
  display: table;
  clear: both;
}
	
.container_yachtcontent_300 {
	height: 300px;
	width: 980px;
	position:relative;
	z-index: 1;  
	left: 3px;
	visibility: visible;
	}
	
	
.containeryachtcontent_Tab {
  align: top;
  width: 200px;  
  height: 20px;
  background-color: #204F7B; /* #599666; */
	
/* ########################################## */
/* ##	   container_yachtcontent css      ## */
/* ########################################## */
.container_yachtDetails_swf {
	height: 444px;
	width:590;
	position:relative;
	z-index: 1;
	left: 0px;
	visibility: visible;
	}
	
.container_yachtrow {
	height: 396px;
	width: auto;
	position:relative;
	left: 3px;
	}

.container_yachtDetails_personpopup {
     	  	 top: 218px;
      		 left: 1px;
		  	 width: 100px;
		  	 height:224px;
			 /* Menu Text Colour */
			 color: #052A54;
      		 position:absolute;
			 z-index: 1;
			 visibility: visible;
			 }

.container_yachtDetails_buttonpopup {
   			 top: 311px;
    	  	 left: 0px;
	  		 width: 93px;
		  	 height:809px;
			 margin-left: 0px;
			 margin-right: 0px;
    	  	 position: absolute;
      		 z-index: 3;
	     	 visibility: visible;
			 }
			 
			 
.container_yachtDetails_360popup {
   			 top: 300px;
    	  	 left: 10px;
	  		 width: 90px;
		  	 height:80px;
			 margin-left: 0px;
			 margin-right: 0px;
    	  	 position: absolute;
      		 z-index: 3;
	     	 visibility: visible;
			 }			 
			 
.container_yachtdetails_panel {
	top: -15px;
	height: auto;
	width: 990px;
	position:relative;
	left: 3px;
	background-color: #052a54;
	}