html {
   -webkit-text-size-adjust: none;
}

img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}


.showmehow {

white-space: pre-line;
font-weight: bold; color: white; text-shadow: 
	
	    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;

	
	1px 4px 3px rgba(0,0,0,0.4),
             1px 8px 13px rgba(0,0,0,0.1),
             1px 18px 23px rgba(0,0,0,0.1);
			


}

.showmehow:hover {

color: #01aae1; 

}

.vcolor-container {float: left; margin-bottom: 10px; margin-right: 35px; vertical-align:middle;}

.vcolor-float {width: 175px; height: 30px; padding: 2px 0; text-align: center; vertical-align:middle;}


.vcolor-radio {float: left;  padding-top: 5px; padding-right: 5px;}


.vcolor-image {float: left; margin: auto;}

.vcolor-name {clear: left; display: table-cell; vertical-align:middle; text-align: left; line-height: 100%; padding-left: 5px; width: 90px; height: 30px; font-weight:normal; }



.valpha-container {float: left; margin-bottom: 25px; margin-right: 25px; vertical-align:middle;}

.valpha-float {width: 40px; height: 40px; text-align: center; vertical-align:middle; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.valpha-float:hover {background-color:#01aae1;}


.boat-link-color {color:white;}
.boat-link-color:hover {color:white; text-decoration: none;text-shadow: 0px 0px 7px rgba(63, 182, 250, 1);}
.boat-link-color:active {color:purple;  text-shadow: 0px 0px 15px black; text-decoration: none;}
.boat-link-color:hover:after {content: ''; margin-left:36px; top:60px; width: 140px; height: 2px; display: inline-block; vertical-align: middle; background: #c4f0fa; position: absolute; bottom: -6px; left: 3px; z-index: 10; box-shadow: 0px 0px 2px 2px rgba(100, 200, 235, 1); }


content: ''; width: 96%; height: 2px; display: inline-block; vertical-align: middle; background: #c4f0fa; position: absolute; bottom: -6px; left: 3px; z-index: 10; box-shadow: 0px 0px 2px 2px rgba(100, 200, 235, 1); 

.boat-names-float {float:left;
	width: 16%;
	min-width:175px;
	white-space: nowrap;
		padding-right:7px  }

.boat-names-float-small {float:left;
	width: 16%;
	min-width:150px;
	white-space: nowrap;
		padding-right:7px  }

.boat-cat-large {padding:10px;  margin:0px; position: relative; background: linear-gradient(to bottom, #01aae1, #005773); box-shadow: 0px 0px 2px 2px rgba(74, 156, 176, 1) inset, 5px 5px 12px 0px rgba(0, 0, 0, 0.0);  width:100%; text-align:center;}

.boat-cat-small {top:25px; padding:5px;  margin:10px; position: relative; background: linear-gradient(to bottom, #01aae1, #005773); box-shadow: 0px 0px 2px 2px rgba(74, 156, 176, 1) inset, 5px 5px 12px 0px rgba(0, 0, 0, 0.0); float:right; max-width:225px; width:100%; text-align:center;}

@media only screen and (min-width: 1730px) and (max-width: 100000px) {




	.example {float:left; padding:10px;}
	.example-video {width:125px; border-radius: 5px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3);}

	
	.col-sm-2 {
	width: 16%;
	min-width:150px;
	white-space: nowrap;
		padding-right:7px  }
	
	.col-sm-2-long {
	width: 16%;
	min-width:150px;
	white-space: nowrap;
		padding-right:7px  }
	
	
	 .second-options-div {width:49%; min-width:180px; float:left; padding-top: 10px; padding-right:10px;}
	 .second-options {width:200px; min-width:200px;}
     .sides {position:absolute; top:0; right:0; width:165px; height:90vh;  margin-right:120px; margin-top:10px; margin-bottom:50px; z-index: 1;  }
	 .just-to-fix-x-overflow {display:none;}
#c { left: 0px; top: -5px;  }

.block09 .content{ margin: 15px 0px ;}
.block09 .content ul{ font-size:14px;}
.block09 .content ul li{
	padding: 5px 0;
	border-bottom: 1px dotted #333333;
	color: black;
}
.block09 .content .tag a{padding: 10px; background: #8C001A; margin: 0px 5px 5px 0px; float: left;}
.block09 .content .tag a:hover{color: #ffffff; background: #800020;}
.block09 .content p{
	margin-bottom: 10px;
	color: black;
}
	
	#content .wrap-content{z-index: 1; 

 background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );
 

border: 3px solid #696969;    
     border-radius: 0px;
     box-shadow: 1px 1px 1px 1px rgba(255, 255, 255, .1) inset, 5px 5px 12px 0px rgba(0, 0, 0, 0.3);

}


.wrap-search #search {position: absolute;top: 32px; right:1%;  width: 180px; z-index: 15; }

.wrap-search #search #search-text input{margin-bottom: 3px; background: #FFF;	padding: 1px 33px 3px 5px;	width: 135px;	height: 22px;	border: 3px solid #7B7979;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; -khtml-border-radius: 3px;	border-radius: 3px;


box-shadow: inset 1px 3px 6px -2px black;

	}
/* -------------------------------------------- */
/* ------------------Navigation---------------- */


.menu ul {list-style: none;margin: 0;padding: 0;}
.menu  ul li {position: relative;float: left; padding: 3px 5px 0px 5px; margin: 0px;}
.menu  ul li:hover {
	
  background: -webkit-linear-gradient(#1947d1, #193587); 
  background: -o-linear-gradient(#1947d1, #193587); 
  background: -moz-linear-gradient(#1947d1, #193587); 
  background: linear-gradient(#1947d1, #193587); 
	
box-shadow: inset 1px 4px 9px -6px black;
}
.menu  ul li a {font-size: 16px; line-height:20px;color:#ffffff;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative; text-transform:uppercase; text-shadow: 2px 2px 7px #000000; letter-spacing: 1px;}
.menu  ul li:hover a {}

}



@media only screen and (min-width: 960px) and (max-width: 1729px) {
	
	.example {float:left; padding:10px;}
	.example-video {width:125px; border-radius: 5px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3);}
	
	
	.col-sm-2 {
	width: 16%;
	min-width:150px;
	white-space: nowrap;
		padding-right:7px  }
	
	.col-sm-2-long {
	width: 16%;
	min-width:150px;
	white-space: nowrap;
		padding-right:7px  }
	
	.second-options-div {width:49%; min-width:180px; float:left; padding-top: 10px; padding-right:10px;}
	.second-options {width:200px; min-width:200px;}
	.sides {visibility: hidden;   }
	
	
	#c { left: 0px; top: -5px;  }

.block09 .content{ margin: 15px 0px ;}
.block09 .content ul{ font-size:14px;}
.block09 .content ul li{
	padding: 5px 0;
	border-bottom: 1px dotted #333333;
	color: black;
}
.block09 .content .tag a{padding: 10px; background: #8C001A; margin: 0px 5px 5px 0px; float: left;}
.block09 .content .tag a:hover{color: #ffffff; background: #800020;}
.block09 .content p{
	margin-bottom: 10px;
	color: black;
}
	
	#content .wrap-content{z-index: 1; 

 background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );
 

border: 3px solid #696969;    
     border-radius: 0px;
     box-shadow: 1px 1px 1px 1px rgba(255, 255, 255, .1) inset, 5px 5px 12px 0px rgba(0, 0, 0, 0.3);

}


.wrap-search #search {position: absolute;top: 32px; right:1%;  width: 180px; z-index: 15; }

.wrap-search #search #search-text input{margin-bottom: 3px; background: #FFF;	padding: 1px 33px 3px 5px;	width: 135px;	height: 22px;	border: 3px solid #7B7979;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; -khtml-border-radius: 3px;	border-radius: 3px;


box-shadow: inset 1px 3px 6px -2px black;

	}
/* -------------------------------------------- */
/* ------------------Navigation---------------- */


.menu ul {list-style: none;margin: 0;padding: 0;}
.menu  ul li {position: relative;float: left; padding: 3px 5px 0px 5px; margin: 0px;}
.menu  ul li:hover {
	
  background: -webkit-linear-gradient(#1947d1, #193587); 
  background: -o-linear-gradient(#1947d1, #193587); 
  background: -moz-linear-gradient(#1947d1, #193587); 
  background: linear-gradient(#1947d1, #193587); 
	
box-shadow: inset 1px 4px 9px -6px black;
}
.menu  ul li a {font-size: 16px; line-height:20px;color:#ffffff;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative; text-transform:uppercase; text-shadow: 2px 2px 7px #000000; letter-spacing: 1px;}
.menu  ul li:hover a {}

}





@media only screen and (min-width: 768px) and (max-width: 959px) {

        .example {float:left; padding:10px;}
	.example-video {width:125px; border-radius: 5px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3);}

	
	.col-sm-2 {
	width: 16%;
	min-width:150px;
	white-space: nowrap;
		padding-right:7px  }
	
	.col-sm-2-long {
	width: 16%;
	min-width:190px;
	white-space: nowrap;
		padding-right:7px  }
	
	.second-options-div {width:49%; min-width:180px; float:left; padding-top: 10px; padding-right:10px;}
		.second-options {width:200px; min-width:200px;}
		.sides {display:none;}
	    
	
	#c { left: 0px; top: 0px;  }

.block09 .content{ margin: 15px 0px ;}
.block09 .content ul{ font-size:14px;}
.block09 .content ul li{
	padding: 5px 0;
	border-bottom: 1px dotted #333333;
	color: black;
}
.block09 .content .tag a{padding: 10px; background: #8C001A; margin: 0px 5px 5px 0px; float: left;}
.block09 .content .tag a:hover{color: #ffffff; background: #800020;}
.block09 .content p{
	margin-bottom: 10px;
	color: black;
}
	
	
	#content .wrap-content{  z-index: 1;

 background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );
 
 





border: 3px solid #696969;    
     border-radius: 0px;
     box-shadow: 1px 1px 1px 1px rgba(255, 255, 255, .1) inset, 5px 5px 12px 0px rgba(0, 0, 0, 0.3);

}

.wrap-search-mini #search {float: auto; margin-right: 350px; margin-top: -12px;padding-bottom: 25px;  }

.wrap-search-mini #search #search-text input{background: #FFF;	padding: 1px 33px 1px 5px;	width: 225px;	height: 28px;	border: 3px solid #212121;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; -khtml-border-radius: 3px;	border-radius: 3px;


box-shadow: inset 1px 3px 6px -2px black; }
.wrap-search-mini #search #search-type { float: right; background: green; }

.wrap-search #search { display:none;}

.wrap-search #search #search-text input{ display:none;

}
/* -------------------------------------------- */
/* ------------------Navigation---------------- */
}




@media only screen and (min-width: 620px) and (max-width: 767px) {


        .example {float:left; padding:10px;}
	.example-video {width:125px; border-radius: 5px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3);}
	
	.col-sm-2 {
	width: 16%;
	min-width:150px;
	white-space: nowrap;
		padding-right:7px  }
	
			.col-sm-2-long {
	width: 16%;
	min-width:190px;
	white-space: nowrap;
		padding-right:7px  }
	
	.second-options-div {width:49%; min-width:180px; float:left; padding-top: 10px; padding-right:10px;}
	.second-options {width:200px; min-width:200px;}
	.sides {display:none;}
	

.block09 .content{ margin: 15px 0px ;}
.block09 .content ul{ font-size:14px;}
.block09 .content ul li{
	padding: 5px 0;
	border-bottom: 1px dotted #333333;
	color: black;
}
.block09 .content .tag a{padding: 10px; background: #8C001A; margin: 0px 5px 5px 0px; float: left;}
.block09 .content .tag a:hover{color: #ffffff; background: #800020;}
.block09 .content p{
	margin-bottom: 10px;
	color: black;
}
	
	#content .wrap-content{z-index: 1; 

 background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );
 
 



border: 3px solid #696969;    
     border-radius: 0px;
     box-shadow: 1px 1px 1px 1px rgba(255, 255, 255, .1) inset, 5px 5px 12px 0px rgba(0, 0, 0, 0.3);

}

.wrap-search-mini #search {float: auto; margin-right: 5px; margin-top: -12px;padding-bottom: 25px;  }

.wrap-search-mini #search #search-text input{background: #FFF;	padding: 1px 33px 1px 5px;	width: 225px;	height: 28px;	border: 3px solid #212121;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; -khtml-border-radius: 3px;	border-radius: 3px;


box-shadow: inset 1px 3px 6px -2px black; }
.wrap-search-mini #search #search-type { float: right; background: green; }

.wrap-search #search { display:none;}

.wrap-search #search #search-text input{ display:none;

}
/* -------------------------------------------- */
/* ------------------Navigation---------------- */


.menu ul {list-style: none;margin: 0;padding: 0;}
.menu  ul li {position: relative;float: left; padding: 3px 5px 0px 5px; margin: 0px;}
.menu  ul li:hover {
	
  background: -webkit-linear-gradient(#1947d1, #193587); 
  background: -o-linear-gradient(#1947d1, #193587); 
  background: -moz-linear-gradient(#1947d1, #193587); 
  background: linear-gradient(#1947d1, #193587); 
	
box-shadow: inset 1px 4px 9px -6px black;
}
.menu  ul li a {font-size: 16px; line-height:20px;color:#ffffff;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative; text-transform:uppercase; text-shadow: 2px 2px 7px #000000; letter-spacing: 1px;}
.menu  ul li:hover a {}
	
	
}
	
	

	

@media only screen and (min-width: 480px) and (max-width: 619px) {
        .example {float:left; padding:10px;}
	.example-video { min-width:240px; border-radius: 5px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3);}
        




	.boat-cat-small {margin-right:0px;}
	.col-sm-2 {
	width: 16%;
	min-width:150px;
	white-space: nowrap;
		padding-right:7px  }
	
	.col-sm-2-long {
	width: 16%;
	min-width:190px;
	white-space: nowrap;
		padding-right:7px  }
	
	.second-options-div {width:49%; min-width:100%; float:left; padding-top: 10px; padding-right:10px;}
	.second-options {width:100%;}
	.sides {display:none;}


.block09 .content{ margin: 15px 0px ;}
.block09 .content ul{ font-size:14px;}
.block09 .content ul li{
	padding: 5px 0;
	border-bottom: 1px dotted #333333;
	color: black;
}
.block09 .content .tag a{padding: 10px; background: #8C001A; margin: 0px 5px 5px 0px; float: left;}
.block09 .content .tag a:hover{color: #ffffff; background: #800020;}
.block09 .content p{
	margin-bottom: 10px;
	color: black;
}
	
	#content .wrap-content{z-index: 1; 

 background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );
 
 
border: 3px solid #696969;    
     border-radius: 0px;
     box-shadow: 1px 1px 1px 1px rgba(255, 255, 255, .1) inset, 5px 5px 12px 0px rgba(0, 0, 0, 0.3);

}

.wrap-search-mini #search {float: auto; margin-right: 5px; margin-top: -12px;padding-bottom: 25px;  }

.wrap-search-mini #search #search-text input{background: #FFF;	padding: 1px 33px 1px 5px;	width: 225px;	height: 28px;	border: 3px solid #212121;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; -khtml-border-radius: 3px;	border-radius: 3px;


box-shadow: inset 1px 3px 6px -2px black; }
.wrap-search-mini #search #search-type { float: right; background: green; }

.wrap-search #search { display:none;}

.wrap-search #search #search-text input{ display:none;

}
/* -------------------------------------------- */
/* ------------------Navigation---------------- */


.menu ul {list-style: none;margin: 0;padding: 0;}
.menu  ul li {position: relative;float: left; padding: 3px 5px 0px 5px; margin: 0px;}
.menu  ul li:hover {
	
  background: -webkit-linear-gradient(#1947d1, #193587); 
  background: -o-linear-gradient(#1947d1, #193587); 
  background: -moz-linear-gradient(#1947d1, #193587); 
  background: linear-gradient(#1947d1, #193587); 
	
box-shadow: inset 1px 4px 9px -6px black;
}
.menu  ul li a {font-size: 16px; line-height:20px;color:#ffffff;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative; text-transform:uppercase; text-shadow: 2px 2px 7px #000000; letter-spacing: 1px;}
.menu  ul li:hover a {}
	
	
}
	
	
@media only screen and (max-width: 479px) {


       .example {padding:10px;}
	.example-video {display: block; margin:auto; min-width:240px; border-radius: 5px;   box-shadow:  2px 2px 4px rgba(0,0,0,0.3);}


	.boat-cat-small {margin-right:0px;}
	.col-sm-2 {
	width: 16%;
	min-width:150px;
	white-space: nowrap;
		padding-right:7px  }
	
	.col-sm-2-long {
	width: 16%;
	min-width:190px;
	white-space: nowrap;
		padding-right:7px  }
	
	.second-options-div {width:49%; min-width:100%; float:left; padding-top: 10px; padding-right:10px;}
	.second-options {width:100%;}
	.sides {display:none;}


.block09 .content{ margin: 15px 0px ;}
.block09 .content ul{ font-size:14px;}
.block09 .content ul li{
	padding: 5px 0;
	border-bottom: 1px dotted #333333;
	color: black;
}
.block09 .content .tag a{padding: 10px; background: #8C001A; margin: 0px 5px 5px 0px; float: left;}
.block09 .content .tag a:hover{color: #ffffff; background: #800020;}
.block09 .content p{
	margin-bottom: 10px;
	color: black;
}
	
	#content .wrap-content{z-index: 1; 

 background-image:
    radial-gradient(
     #d3d3d3,  #7e7e7e
    );
 
border: 3px solid #696969;    
     border-radius: 0px;
     box-shadow: 1px 1px 1px 1px rgba(255, 255, 255, .1) inset, 5px 5px 12px 0px rgba(0, 0, 0, 0.3);

}

.wrap-search-mini #search {float: auto; margin-right: 5px; margin-top: -12px;padding-bottom: 25px;  }

.wrap-search-mini #search #search-text input{background: #FFF;	padding: 1px 33px 1px 5px;	width: 225px;	height: 28px;	border: 3px solid #212121;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; -khtml-border-radius: 3px;	border-radius: 3px;


box-shadow: inset 1px 3px 6px -2px black; }
.wrap-search-mini #search #search-type { float: right; background: green; }

.wrap-search #search { display:none;}

.wrap-search #search #search-text input{ display:none;

}
/* -------------------------------------------- */
/* ------------------Navigation---------------- */


.menu ul {list-style: none;margin: 0;padding: 0;}
.menu  ul li {position: relative;float: left; padding: 3px 5px 0px 5px; margin: 0px;}
.menu  ul li:hover {
	
  background: -webkit-linear-gradient(#1947d1, #193587); 
  background: -o-linear-gradient(#1947d1, #193587); 
  background: -moz-linear-gradient(#1947d1, #193587); 
  background: linear-gradient(#1947d1, #193587); 
	
box-shadow: inset 1px 4px 9px -6px black;
}
.menu  ul li a {font-size: 16px; line-height:20px;color:#ffffff;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative; text-transform:uppercase; text-shadow: 2px 2px 7px #000000; letter-spacing: 1px;}
.menu  ul li:hover a {}
	
	
}