/* CSS Document */
.top-buffer{
	margin-top:25px;
}
.bottom-buffer{
	margin-bottom:25px;
}
.floatLeft {
	float: left;
	margin-right: 1em;
	margin-bottom: .5em;
}
.floatRight {
	float: right;
	margin-left: 1em;
	margin-bottom: .5em;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
img {
	max-width: 100%;
}
body {
	/*background-color: #00274C;*/
	background-color: #FFF;
	color: #4D4D4F;
	font-size: 15px;
	font-family: Trebuchet MS, Sans-serif;
	margin: 0;
	padding: 0;
	overflow-x:hidden;
}
h1 {
	color: #00274C;
	margin-top: 0;
	text-transform: capitalize;
}
h2, .h2 {
	color: #00274C;
	margin-bottom: 0.25em;
	margin-top: 0;
}
.fleet_Heading_H2 {
	border-bottom: 2px solid #003259;
	margin-bottom: 10px;
	padding-bottom: 2px;
}
.normalbold {
	font-weight: bold;
}
h3 {
	/*color: #007983;
	border-bottom: 2px solid #007983;*/
	color:#00274C;
	border-bottom:2px solid #00274C;
	font-size: 110%;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}
p {
	color: #4D4D4F;
	margin-top: 0;
}
dd { margin-left:2em; margin-bottom:1em;}
/*use class to hide element in small views
.hidden-sm:not(.bt) {
	display: none;
}*/
.whiteBg {
	background-color: #FFF;
}
.clear {
	display: block;
	clear: both;
}
.top_Buffer {
	margin-top: 25px;
}
.top_Buffer-sm {
	margin-top: 15px;
}
.bottom_Buffer {
	margin-bottom: 25px;
}
.bottom_Buffer-sm {
	margin-bottom: 15px;
}
a, a:link, a:active, a:visited {
	/*color:#1F787F;*/
	color: #00274C;
	text-decoration:none;
}
a:hover {
	color: #00274C;
	text-decoration: underline;
}
h2 a.heading_Button, h2 a.heading_Button_Desktop {
	color: #FFF;
	background-color: #00274C;
	padding: 10px;
	text-decoration: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
h2 a.heading_Button_Desktop {
	margin: 15px 0 40px 0;
	display: inline-block;
}
h2 a.heading_Button:hover {
	color: #FFF;
	background-color: #1F787F;
	text-decoration: underline;
}
a.button {
	padding: 5px;
	text-decoration: none;
}
a.btn-default {
	background-color: #00274C;
	color: #FFF;
	text-decoration: none;
}
a.btn-default:hover, a.btn-default:focus, a.btn-default.focus {
	color: #FFF;
	background-color: #003259;
}
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.btn:hover, .btn:focus, .btn.focus {
	color: #333;/*text-decoration: none;*/
}
.btn-red {
	color: #FFF!important;
	background-color: #7b0000;
	border-color: #7b0000;
	text-decoration: none!important;
}
.btn-red:hover {
	text-decoration: underline!important;
}
.btn-blue {
	color: #FFF!important;
	background-color: #00274C;
	border-color: #00274C;
	text-decoration: none!important;
}
.btn-blue:hover {
	text-decoration: underline!important;
}
.btn-grey {
	color: #333!important;
	background-color: #DDD;
	border-color: #e6e6e6F;
	text-decoration: none!important;
}
.btn-grey:hover {
	text-decoration: underline!important;
}
.btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	/*line-height: 1.5;*/
	border-radius: 3px;
}
.btn-red-v2{
	color: #FFF!important;
	background-color: #c8325a;
	border-color: #c8325a;
	text-decoration: none!important;
}
.btn-red-v2:hover {
	text-decoration:underline!important;
}
.btn-grey-v2{
	color: #c8325a!important;
	background-color: #fff;
	border-color: #c8325a;
	text-decoration: none!important;
}
.btn-grey-v2:hover {
	text-decoration: underline!important;
}
.btn-full-width {
	display: block;
	text-decoration: none;
}
.btn-width-220{
	width:100%;
	max-width:220px;
}
.btn-group-lg>.btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
a.vessel_Spec {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #00274C 19%, #00274C 87%, #003259 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(19%, #00274C), color-stop(87%, #00274C), color-stop(100%, #003259));
	background: -webkit-linear-gradient(top, #ffffff 0%, #00274C 19%, #00274C 87%, #003259 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #00274C 19%, #00274C 87%, #003259 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #00274C 19%, #00274C 87%, #003259 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #00274C 19%, #00274C 87%, #003259 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00274C', endColorstr='#00274C', GradientType=0 );
	color: #FFF;
	text-transform: uppercase;
}
a.vessel_Spec:hover {
	text-decoration: underline;
}
a.vessel_Avail {
	display: inline-block;
	background: #78cdd1;
	background: -moz-linear-gradient(top, #78cdd1 0%, #2cacb5 63%, #007983 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78cdd1), color-stop(63%, #2cacb5), color-stop(100%, #007983));
	background: -webkit-linear-gradient(top, #78cdd1 0%, #2cacb5 63%, #007983 100%);
	background: -o-linear-gradient(top, #78cdd1 0%, #2cacb5 63%, #007983 100%);
	background: -ms-linear-gradient(top, #78cdd1 0%, #2cacb5 63%, #007983 100%);
	background: linear-gradient(to bottom, #78cdd1 0%, #2cacb5 63%, #007983 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78cdd1', endColorstr='#007983', GradientType=0 );
	color: #FFF;
	border-radius: 15px;
	padding: 15px;
}
.text-right {
	text-align: right;
	background-color: transparent;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.fancybox-nav span {
	visibility: visible!important;
}
.font15 {
	font-size: 15px;
}
.font-150{
	font-size:150%;
}

.click-drop{
	display:block;
	cursor:pointer;
}

/*
 * Date format
 * John code uses function that displays 3 fields, date, month and year. Can't tap into easily without effecting
 * everything else. This is used specifically on contact page for now.
 * We'll set a max width on the input fields
 */
.date-format input,
.date-format select{
	max-width:100px;
	display:inline-block!important;
}

.contact select{
	    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/*jPanelMenu nav*/
#jPanelMenu-menu .collapse{
	display:block;
}
/*#jPanelMenu-menu .container-fluid{
	padding:0;
}*/
#jPanelMenu-menu .navbar-nav>li>.dropdown-menu,
#jPanelMenu-menu .navbar-nav>li>.dropdown-menu .dropdown-submenu .dropdown-menu{
    /*display: block;*/
    position: relative;
    left: 0;
    top: 0;
	width:100%;
}.dropdown-submenu.open < ul, .open ul.dropdown-menu{display: block;}

#jPanelMenu-menu .navbar-header a{
	width:100%;
	margin-right:0;
	margin-bottom:10px;
	border-radius:0;
}
#jPanelMenu-menu .btn-red-v2{
    color: #FFF!important;
    background-color: #c8325a;
    border-color: #c8325a;
    text-decoration: none!important;
}
#jPanelMenu-menu .btn-grey-v2 {
    color: #c8325a!important;
    background-color: #fff;
    border-color: #c8325a;
    text-decoration: none!important;
}
#jPanelMenu-menu button{
	display:none;
	visibility:hidden;
}
#jPanelMenu-menu {
	background: #003259;
}
#jPanelMenu-menu .navbar-nav>li{
	float:none;
}
#jPanelMenu-menu ul.dropdown-vertical {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: left;
	width: 100%;
}
#jPanelMenu-menu ul.dropdown ul {
	top: 0;
	left: 0;
	visibility: inherit;
	position: inherit;
}
#jPanelMenu-menu ul ul a {
	padding-left: 15px;
	padding-left: 20px;
	background-color: #00274C;
}
#jPanelMenu-menu ul ul ul a {
	padding-left: 30px;
	background-color: #00162A;
}
#jPanelMenu-menu a, span.dir {
	padding: 5px 10px;
	display: block;
	background-color: #003259;
	color: #FFF;
	text-decoration: none;
}
.dropdown-menu{ border:none !important}
/*end*/
/*jPanelMenu nav Charter centre*/
.cc-main-nav#jPanelMenu-menu ul {
	padding-left: 0;
	margin: 0;
	list-style-type: none;
}
#wrapper {
	margin: 0 auto;
	width: 100%;
	background-color: #FFF;
	padding:15px 0;
}
.header-contact a{
	text-decoration:none;
}
.header-contact a:hover{
	text-decoration:underline;
}
.header-cta{
	margin-top:25px;
}


/*hamburger icon for mobile display*/
.border-menu {
	/*margin-left: 1.25em;
	margin-top: 1.25em;*/
	display: inline-block;
}
.border-menu img {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

header {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	background-color:#FFF;
	padding:15px 0;
	border-bottom:3em solid #00274C;
	box-shadow:2px 2px 2px #ccc;
}
	.social-media-header{
		display:block;
	}
	header .social-media-header a{
		font-size:150%;
	}
	.header-contact a{
		color:#00274C;
	}
	.logo, .top-nav { text-align:center;}
#header1 {
	padding: 2%;
	width: 96%;
}

#contact {
	margin-top: 15px;
}
#logoContact {
	color: #00274C;
	clear: both;
	display: block;
	font-size: 174%;
	font-weight: bold;
	text-decoration: none;
}
#email {
	font-size: 106%;
	margin-left: 4px;
}
#btw {
	display: block;
	background: #9DEAEF;
	background: -moz-linear-gradient(top, #9DEAEF 0%, #2CACB5 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9DEAEF), color-stop(80%, #2CACB5));
	background: -webkit-linear-gradient(top, #9DEAEF 0%, #2CACB5 80%);
	background: -o-linear-gradient(top, #9DEAEF 0%, #2CACB5 80%);
	background: -ms-linear-gradient(top, #9DEAEF 0%, #2CACB5 80%);
	background: linear-gradient(to bottom, #9DEAEF 0%, #2CACB5 80%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9DEAEF', endColorstr='#2CACB5', GradientType=0 );
	border: 1px solid #2CACB5;
	border-radius: 25px;
	color: #FFF;
	cursor: pointer;
	font-weight: bold;
	margin: 1em auto 0;
	padding: 0.25em 1em;
	text-shadow: -1px -1px 0 #2CACB5;
	width: 40%;
}
#btw:hover {
	background: #2CACB5;
	background: -moz-linear-gradient(top, #2CACB5 9%, #9DEAEF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(9%, #2CACB5), color-stop(100%, #9DEAEF));
	background: -webkit-linear-gradient(top, #2CACB5 9%, #9DEAEF 100%);
	background: -o-linear-gradient(top, #2CACB5 9%, #9DEAEF 100%);
	background: -ms-linear-gradient(top, #2CACB5 9%, #9DEAEF 100%);
	background: linear-gradient(to bottom, #2CACB5 9%, #9DEAEF 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2CACB5', endColorstr='#9DEAEF', GradientType=0 );
}
#price {
	float: left;
	margin-left: 5%;
	margin-top: 3em;
	width: 10%;
}

/*
 * NAVIGATION
 */
.navbar-collapse {
    padding-right: 0;
    padding-left: 0; 
}
.navbar-default {
    background-color:#00274C;
    border-color: #00274C;
}
.navbar-default .navbar-nav>li>a {
    color: #FFF;
    background-color: #00274C;
    font-size: 120%;
    /*letter-spacing: 1px;*/
	text-decoration:none;
	text-align: left;
    padding-left: 20px;
}
.dropdown-menu>li>a{
	text-decoration:none;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #FFF;
    background-color: #003259;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #FFF;
    background-color: #1F787F;
}
.navbar-default .navbar-toggle {
    border-color:transparent;
}
.navbar-default button.navbar-toggle {
    border-color:#FFF;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}


/* end navigation */




#slideShow {
	background-position: bottom center;
	background-repeat: no-repeat;
}
.slideshow-v2 img{
	width:100%;
}
.ls-wrapper .liquid-slider .panel img {
    width: 100%;
}
.headerShadow {
	display: none;
	margin-bottom: -4px;
}
#wrapper1_5 {
	margin: 0 auto;
	padding: 1em 0;
	width: 100%;
	background-color: #FFF;
}
.hero-img img{
	width:100%;
}
/*contains slideshow*/
	
#header2 {
	display: block;
	margin: 0 auto;
	width: 100%;
}
#header2 h2 {
	color: #FFF;
	float: right;
	font-size: 170%;
	font-weight: normal;
	letter-spacing: 5px;
	margin: 1.75em 0 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 90%;
}
#social {
	display: inline-block;
	float: right;
	padding-right: 1%;
	width: 8%;
}
#social a {
	float: left;
	padding: 0 2px;
}
#wrapper2 {
	background-color: #FFF;
	display: block;
	margin: 0 auto;
	width: 100%;
}
.wrapper-2-v2{
background-color: #FFF;
display: block;
	margin: 0 auto;
	width: 100%;
}

#container {
	width: 100%;
}
aside {
	display: none;
}
nav {
	text-align: center;
}
	ul.dropdown-vertical {
		width: 99px!important;
	}
/*section {
	display: block;
	float: left;
	padding: .5em 4%;
	width: 92%;
}*/

.internal section,
section{
	float:none;
	width:100%;
	padding:15px;
}

nav#jPanelMenu-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* for home page*/


.content {
	margin-bottom: 25px;
}
#leftCol {
	display: block;
	float: left;
	margin-right: 2%;
	width: 54%;
}
#chooseVessel {
	clear: left;
	display: block;
	padding: 2em 0 0;
	text-align: left;
}
.vessel {
	text-align: center;
	width: 260px;
	margin-bottom: 1em;
	display: block;
	margin: 0 auto;
}
.vessel img {
	width: 261px;
}
.vessel p {
	text-align: left;
}
a.vesselTitle {
	color: #00274C;
	display: block;
	font-weight: bold;
	margin: 0.5em 0;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}
a.moreInfo {
	color: #1F787F;
	text-decoration: none;
}
.testimonial_Container, .newsContainer, #provisioning {
	display: none;
}
.news-article-container{
	border-bottom: 1px solid #00274C;
    padding-bottom: 25px;
}
#infoLinks {
	/*display: none;*/
}
.CCY_Vid {
	display: block;
	width: 100%;
	/*height:100%;*/
	text-align: center;
}
.iframe_Container {
	position: relative;
}
.CCY_Vid .ratio {
	display: block;
	width: 100%;
	height: auto;
}
.CCY_Vid iframe {
	background-image: url(/assets/slideShowShadow.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	margin-top: 30px;
	/*width:80%;
							height:450px;*/
	top: 0;
	left: 9%;
	max-width: 382px;
	min-height: 292px;/*height:100%;*/
}

/* home feature box*/
.feature-box{
	padding:50px 10px 0;	
	max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.feature-box h1{
	font-size:220%;
}
.feature-box p{
	font-size:127%;
	font-style:italic;
}
/*end home feature box*/
/*home page youtube container*/
.youtube-container{
	padding:0;
}
	.youtube-container iframe{
		/*max-width:480px;*/
		min-height:360px;
	}
/*end home page youtube container*/
/*home vessel selection */
.vessel-select{
	min-height:243px;
}

.vessel-container{
	position:relative;
	max-width: 100%;
    margin-bottom: 15px;
}
	.vessel-container img{
		width:100%;
	}
	.vessel-info{
		position:absolute;
		top:0;
		background-color:rgba(200,50,90,0.7);
		padding:5px 10px;
		width:100%;
		max-width:100%;
		text-align:center;
	}
		.vessel-info a, .vessel-info a:visited, .vessel-info p{
			color:#FFF;
			text-decoration:none;
		}
		.vessel-info p{
			margin-bottom:0;
		}
		.vessel-info a:hover,
		.vessel-info a:active{
			/*color:#1F787F;*/
			text-decoration:underline;
		}
		.vessel-info a:first-child{
			font-weight:bold;
			font-size:120%;
		}
/*end home vessel selection */
/* home page information */
.about-ccy-links td{
	padding: 10px 5px 10px 0;
    border-bottom: 1px solid #c8325a;
	color:#152c6d;
}
.about-ccy-links tr:last-child td{
	border-bottom:none;
}
.about-ccy-links a,.about-ccy-links a:visited, .about-ccy-links a:link, .about-ccy-links a:active{
	color:#00274C;	
	padding:3px;
	font-size:126%;
	text-decoration:none;
}
.about-ccy-links a:hover{
	color:#00274C;
	text-decoration:underline;
}

.about-ccy-links i{
	color:#c8325a !important;
}


.about-ccy-links .col-sm-12 a:first-child i{
	min-width:30px;
}
.about-ccy-links .col-sm-12 a:last-child{
	font-size:124%;
}
/* end home page information */
/*home features 1 & 2 section*/
.home-features{
	padding:15px 0;	
}
.home-features ul{
	padding-left:0;
	list-style-type:none;
}
.home-features li{
	font-size:120%;
	margin-bottom:8px;
}
.home-features ul i,
.vd_Inclusions  i{
	color:#00274C;
}

.main-feature-2{
	text-align:center;
	background-color:#FFF;
	padding:80px 10px;
}
.main-feature-2-container{
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.main-feature-2 h2{
		font-size:280%;
}
.main-feature-2 p{
	font-size:120%;
	font-style:italic;
}

.accreditation img{
	margin-right:15px;
}
.accreditation img:last-child{
	margin-right:0;
}
/*end home features section*/
/*home page main feature*/
.main-feature{
	position:relative;
	background-color:#003259;
}
	.main-feature img{
	width: 150%;
	}
.main-feature-box{
	padding:10px;
}
.main-feature-box h2, .main-feature-box p{
	color:#FFF;
}
/*end home page main feature*/
/* featured info */
.featured-info{
	background-color:#FFF;	
}
	.featured-info q{
		display:block;
	}
	.featured-info span{
		font-style: italic;
		margin-top: 10px;
		display: inline-block;
		font-size: 87%;
		padding-left: 10px;
	}
/* end featured info */
/* instagram feed */
.insta-feed{
	background-color:#FFF;
	padding:25px 0;
}
	.insta-feed iframe{
		background-color:#FFF;
	}
	.insta-feed .lightwidget.in-grid .in-tile,
	.insta-feed .lightwidget .in-tile{
		padding:0 2px!important;
	}
/* end insta feed */
#rightCol {
	display: block;
	float: right;
	padding-right: 2%;
	width: 38%;
}
#rightcol iframe {
}
#availSearch {
	background-color: #F2EBD9;
	border: 1px solid #005E96;
	margin-top: 1em;
}
#availSearch h1 {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #00274C 48%, #00274C 89%, #003259 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(48%, #00274C), color-stop(89%, #00274C), color-stop(100%, #003259));
	background: -webkit-linear-gradient(top, #ffffff 0%, #00274C 48%, #00274C 89%, #003259 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #00274C 48%, #00274C 89%, #003259 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #00274C 48%, #00274C 89%, #003259 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #00274C 48%, #00274C 89%, #003259 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#003259', GradientType=0 );
	color: #FFF;
	display: block;
	margin: 0;
	padding: 0.25em 0;
	text-align: center;
}
#availSearch form {
	-webkit-box-shadow: 0 0 5px #444;
	-moz-box-shadow: 0 0 5px #444;
	box-shadow: 0 0 5px #444;
	padding: 1em;
}
.selContainer img {
	padding-top: 0.25em;
	padding-left: 0.25em;
}
.wide {
	min-width: 94%;
}
.narrow {
	float: left;
	min-width: 67%;
}
.sDate {
	width: 14%;
}
#availSearch label {
	display: inline-block;
	min-width: 40%;
}
#availSearch #submit {
	background: #007dc5;
	background: -moz-linear-gradient(top, #007dc5 19%, #00274C 69%, #003259 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(19%, #007dc5), color-stop(69%, #00274C), color-stop(100%, #003259));
	background: -webkit-linear-gradient(top, #007dc5 19%, #00274C 69%, #003259 100%);
	background: -o-linear-gradient(top, #007dc5 19%, #00274C 69%, #003259 100%);
	background: -ms-linear-gradient(top, #007dc5 19%, #00274C 69%, #003259 100%);
	background: linear-gradient(to bottom, #007dc5 19%, #00274C 69%, #003259 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007dc5', endColorstr='#003259', GradientType=0 );
	border: none;
	padding: 6px;
	color: #FFF;
	float: right;
}
#info {
	display: block;
	margin-bottom: 16px;/*margin-top:1em;
						padding:1em 0;*/
}
#needHand {
	/*background-color: #F2EEDB;
	border: 1px solid #2CACB5;*/
	background-color:#FFF;
	-webkit-box-shadow: 0 0 5px #444;
	-moz-box-shadow: 0 0 5px #444;
	-box-shadow: 0 0 5px #444;
	margin-left: 2%;
	padding-bottom: 0.5em;
	text-align: center;
	display: block;
	width: 50%;
	margin: 0 auto;
	/*height: 165px;*/
	height:195px;
}
#needTel {
	color: #00274C;
	display: block;
	font-size: 130%;
	font-weight: bold;
	text-decoration: none;
}
#needMail {
	color: #1F787F;
	display: block;
	font-size: 90%;
	text-decoration: none;
}
#needHandTitle {
	/*color: #FFF;
	background: #78cdd1;
	background: -moz-linear-gradient(top, #78cdd1 0%, #2cacb5 64%, #007983 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78cdd1), color-stop(64%, #2cacb5), color-stop(100%, #007983));
	background: -webkit-linear-gradient(top, #78cdd1 0%, #2cacb5 64%, #007983 100%);
	background: -o-linear-gradient(top, #78cdd1 0%, #2cacb5 64%, #007983 100%);
	background: -ms-linear-gradient(top, #78cdd1 0%, #2cacb5 64%, #007983 100%);
	background: linear-gradient(to bottom, #78cdd1 0%, #2cacb5 64%, #007983 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78cdd1', endColorstr='#007983', GradientType=0 );*/
	display: block;
	padding: 0.5em 1em;
	text-transform: uppercase;
}
#needHand p {
	color: #4d4d4f;
	font-size: 100%;
	margin-bottom: 0;
	margin-top: 1em;
}
#boatShow {
	border: 1px solid #00274C;
	-webkit-box-shadow: 0 0 5px #444;
	-moz-box-shadow: 0 0 5px #444;
	-box-shadow: 0 0 5px #444;
	float: right;
	min-height: 118px;
	padding: 0.75em;
	text-align: center;
	width: 45%;
}
#boatShow p {
	margin: 0;
}
#showTitle {
	color: #00274C;
	display: block;
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
}
#showDesc {
	color: #1F787F;
	display: block;
	font-weight: bold;
	font-size: 120%;
	text-transform: capitalize;
}
#showDate {
	color: #00274C;
	display: block;
	font-weight: bold;
	font-size: 110%;
}
#sailWhale {
	clear: both;
	/*margin-top:1.5em;*/
	margin-right: 2%;
	width: 70%;
	float: left;
}
#stories {
	margin-bottom: 36px;/* remove at desktop*/
	clear: both;
	display: block;
	/*display:inline-block; move towards desktop*/
	padding: 0 2% 0 0;/*width:70%;
					float:left; add at desktop*/
}
/*end home page */
	
footer {
	display: block;
	width: 100%;
	padding-top:25px;
	background-color:#00274C;
}
footer p {
	color: #FFF;
}
#footer1 {
	width: 100%;
}
footer h2,
footer h3{
	color:#FFF;
	border-bottom:none;
}
.footer-news a{
	text-decoration:none;
	color:#FFF;
}
.footer-news p{
	color:#FFF;
}

.social-media-header a{
	/*color:#165459;*/
	color:#00274C;
}
.social-media-footer a{
	color:#FFF;
}
.footer-phone-1800{
	display:block;
	font-size:200%;
	margin:10px 0;
	text-decoration:none!important;
}
.footer-logo{
	display:inline-block;
	margin-bottom:15px;
}
.footer-newsletter label{
	color:#FFF;
	font-size:120%;
}
	


#boats {
	/*background-image: url(/assets/footerBg.png);*/
	background-color:#FFF;
	display: inline-block;
	padding: 2%;
	margin-top: 1em;
	width: 96%;/*float:left;
				display:block;
				margin-left:2%;
				width:74%; move to desktop*/
}
.boatLinks {
	display: block;
	float: left;
	margin: 1em 0 0 0;
	width: 48%;/*margin:0 2% 0 0;	
					width:23%; move to desktop*/
}
.boatLinks ul{
	padding-left:0;
	list-style-type:none;
}
	.boatLinks h3{
		/*color: #007983;
    	border-bottom: 2px solid #007983;*/
		color:#FFF;
		border-bottom:2px solid #FFF;
	}
.boatLinks:first-child {
	margin-right: 2%;
}
.boatLinks#catamaran {
	/*width:48%;move to desktop */
	width: 100%;
}
.boatLinks#catamaran li {
	display: block;
	float: left;
	width: 50%;
}
.boatLinks#catamaran a {
	float: left;
}
footer a, footer a:visited, footer a:link, footer a:active{
	color:#FFF;
}
footer a:hover{
	color:#007983;	
}

#footer1 ul {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}
#footer1 a {
	color: #4D4D4F;
	text-decoration: none;
}
#links {
	display: none;
}
#footer2 {
	background-image: url(/assets/footer3Bg.png);
	width: 100%;
}
#footer2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#footer2 li {
	display: inline-block;
}
#footer2 a,  #footer2 a:link,  #footer2 a:active,  #footer2 a:visited {
	color: #FFF;
	text-decoration: none;
	text-align: center;
	/*mobile*/
	display: block;
	padding: 0.5em 1em;
}
#footer1 a:hover, #footer2 a:hover {
	text-decoration: underline;
}
.footer-logo{
	margin-bottom:30px;
}
#developed {
	color: #FFF;
	display: block;
	text-align: center;
}
#developed a,  #developed a:link,  #developed a:active,  #developed a:visited {
	color: #FFF;
}

.sitemap{
	background-color:#001A33;
	padding:1px;
}
	.sitemap ul{
		padding-left:0;
		list-style-type:none;
		margin:10px 0;
	}
	.sitemap li{
		display:inline-block;
		color:#FFF;
	}
	.sitemap a{
		color:#FFF;
	}
.social_Media {
/*margin-left:9em;*/
}
.social_Media_Container {
	/*width:12%;
		margin-left:5px; possibly move to desktop*/
	width: 14%;
	margin-left: 5%;
	float: left;
	position: relative;
	min-height: 1px;
}
/*Target footer social media*/
#links .social_Media {
	margin-left: 2px;
	margin-top: 2em;
}
#links .social_Media_Container {
	width: 14%;
}
#links .social_Media_Container a {
	padding: 0;
}
/*end */

/*
 * Styling for fleet/fleet pages
 *
 */
.fleet_Container {
	max-width: 370px;
	margin: 0 auto 29px;
	clear: right;
	display: inline-block;
}
a.vessel_Model {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}
.vessel_Img {
	float: right;
	text-align: right;
	width: 45%;
}
.vessel_Info {
	float: right;
	text-align: left;
	width: 55%;
}
.vessel_Info p:first-child {
	line-height: 17px;
}
/* end styling for mobile fleet pages*/

/*
 * Styling for vessel detail pages e.g http://ccy.com.au/beneteau43
 *
 */
.vessel_Detail_Container {
}
.vessel_Details {
	margin: 0 auto;
	width: 90%;
}
.vessel_Detail_Img {
}
/* end styling for vessel detail page */

/*
 * Styling for vessel layout pages e.g http://ccy.com.au/beneteau43/boatlayout2008.asp
 *
 */
.vessel_Layout_Container {
	margin-bottom: 25px;
}
.vessel_Layout_Photo {
}
.vessel_Layout_Camera {
	display: none;
}
/* end styling for vessel layout page */

/*
 * Styling for vessel gallery pages e.g http://ccy.com.au/beneteau43/gallery.asp
 *
 */
.vessel_Gal_Container {
}
.gallery_Container {
	margin-bottom: 25px;
}
.gallery_Info_Container {
}
/* end styling for vessel gallery page */

/*
 * BAREBOATING
 * CSS for the /bareboating page
 */
.bareboating h3{
    margin: 6px 0 25px 0;
}

/*
 * CHARTER CENTRE
 
body.charter-centre { overflow:hidden;}*/
.side-container {
	padding: 4px;
	background-color: #fff;
	border: 1px solid #030000;
	margin-right: 2em;
	margin-bottom: 1.5em;
}
table.charter-list td { padding: 4px 5px;}
table.charter-list th { text-decoration:underline; text-align:center; padding:0 5px;}
.charter-centre section h3 { margin-top:2em; margin-bottom:1em; clear:both; color:#4d4d4f; border-bottom:1px solid #ccc; text-transform:none;}
.charter-centre section { margin-bottom:2em;}
.charter-centre h2 { margin-top:2em;}
.charter-centre .cc-side-container h2 {margin-top:0;}
/*
 * CHARTER CENTRE NO NAV
 */
.charter-centre .full-width {
	width: 95%;
}
/*
 * CHARTER CENTRE MAIN MENU
 */
.charter-centre  .navbar-default .navbar-nav>li>a {
    font-size: 115%;
	letter-spacing:0;
    padding-left: 15px;
	padding-right:15px;
}

.cc-main-nav {
	display: none;
	margin-bottom: 5px;
	font-size: 87%;
}
.cc-main-nav #login {
	margin-right: 5px;
}
.cc-main-nav ul.dropdown li:hover > *.dir {
	background-color: #00274C;
	color: #FFF;
}
/*
 * CHARTER CENTRE MENU (LEFT SIDE)
 */
.cc-container .nav-heading {
	padding: 7px 4px;
	font-weight:bold;
	/*text-decoration:underline;*/
	border-bottom:1px solid #e3e3e3;
}
.cc-container .nav>li.nav-heading>a, 
.cc-container .nav>li.nav-heading>a {
    text-decoration: none;
    background-color: #fff;
	line-height:1;
	padding-left:0;
	padding-right:0;
}
/*.cc-container .nav-heading::after {
    content: "▼";
} */
.cc-container ul.nav-stacked,
.cc-container ul.nav-stacked ul{
	padding-left:0;
	list-style-type:none;
}
.cc-container ul.nav-stacked li{
	margin-top:0;
	border-bottom:1px solid #e3e3e3;
}
.cc-container .nav-pills>li>a,
.cc-container .nav-pills>li>ul>li>a {
    border-radius: 0;
}

.cc-container .nav>li>a,
.cc-container .nav>li>ul>li>a {
    position: relative;
    display: block;
    padding: 5px 15px;
}

.cc-container .nav>li>a, 
.cc-container .nav>li>a,
.cc-container .nav>li>ul>li>a, 
.cc-container .nav>li>ul>li>a {
    text-decoration: none;
    background-color: #eee;
	line-height:1;
}

.cc-container .nav>li>a:focus, 
.cc-container .nav>li>a:hover,
.cc-container .nav>li>ul>li>a:focus, 
.cc-container .nav>li>ul>li>a:hover {
    text-decoration: none;
    background-color: #fff;
}
/*
 * CHARTER CENTRE PROFILE MENU
 */
.cc-profile-nav {
	text-align: right;
	margin-right: 2em;
	margin-bottom: 1.5em;
}
.cc-profile-nav ul.dropdown {
	float: none;
	display: inline-block;
}
.cc-profile-nav ul.dropdown li a {
	text-align: center;
}
/*
 * CHARTER CENTRE CREW CHAT
 */
 .charter-centre div.note-content {margin-bottom:1em;}
 .charter-centre h6 { margin:0;}
 .charter-centre .crew-chat form { padding-top:.5em; border-top:1px solid #e3e3e3;}
/*
 * CHARTER CENTRE CONTENT
 */
.margin-bottom {
	margin-bottom: 25px;
}
.margin-top {
	margin-top: 25px;
}
/*.charter-centre h1{
	float:left;
}*/
.my-profile {
	text-align: right;
	line-height: 24px;
	margin-right: 17px;
}
.my-profile strong {
	margin-right: 5px;
}
.cc-container {
	/*display:table;
	content:" ";
	display: inline-block;
	width: 100%;*/
}
/*.cc-container h2 {
	display: inline-block;
}*/
.to-do-percent {
	color: #333;
	padding: 5px;
	margin-left: 10px;
	color: #333!important;
	background-color: #DDD;
	border-radius: 4px;
}
.to-do-list {
	font-size: 16px;
}
.to-do-list td:last-child {
	font-size: 78%;
}
.cc-container section {
	padding: 15px;
	width: 100%;
	padding-right: 1em;
}
/*.row {
	display: table;
	content: " ";
	width: 100%;
}*/
.flex-container {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.flex-container .item {
	padding: 5px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex: 1 auto;
	flex-grow: 1;
}
.container-left, .container-right {
	padding: 5px;
}
.pay-due, .pay-summary {
	padding: 10px;
	border-radius: 4px;
	width: 100%;
}
.pay-due.bg-danger {
	background-color: #f2dede;
}
.pay-due.bg-success {
	background-color: #dff0d8;
}
.pay-due h2 {
	color: #333;
}
.pay-due p:last-child {
	text-align: right;
	margin-bottom: 0px;
}
.cc-container aside {
	display: inline-block;
	width: 100%;
	margin-top: 25px;
}
.cc-side-container {
	margin-bottom: 25px;
}
.grey-box {
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	padding: 10px;
}
.box {
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	padding: 10px;
}

.charter-summary {
	line-height: 18px;
}
/* Footer Navigation - Main */
.cc-main-nav-footer {
	margin-top: 25px;
	background-color: #00274C;
	padding: 10px;
	display: table;
}
.cc-main-nav-footer ul.dropdown-vertical {
	width: auto;
}
.cc-main-nav-footer ul.dropdown li,
.cc-main-nav-footer ul li {
	float: left;
	width: 50%;
}
.cc-main-nav-footer ul.dropdown > li:first-child,
.cc-main-nav-footer ul > li:first-child {
	width: 100%;
	color: #FFF;
}
.cc-main-nav-footer ul.dropdown ul,
.cc-main-nav-footer ul ul {
	visibility: inherit;
	position: inherit;
	width: auto;
	float: left;
	left: 0;
}
.cc-main-nav-footer ul.dropdown ul li,
.cc-main-nav-footer ul ul li {
	width: 100%;
}
.cc-main-nav-footer ul.dropdown li a, .cc-main-nav-footer ul.dropdown *.dir,
.cc-main-nav-footer ul li a {
	background: none;
	color:#FFF;
}
.cc-main-nav-footer ul li a:hover{
	color:#666;
}

/* 
 * FLEET - SMALL VIEW PAGE
 */
a.v_Main_Container{
	display:inline-block;
	text-decoration:none;
}
	.v_Img_Container{
		position:relative;
		text-align:center;
		
		max-width:370px; 
		height:276px; 
		background-position:bottom center!important;
		margin:0 auto;
	}
		.v_Img_Container img{
			/*width:100%;*/
			max-width:100%;
		}
		.v_Icon_Container{
			position:absolute;	
			bottom: 0;
   			width: 100%;
			padding: 10px;
			text-align: right;
		    background: rgba(0,0,0,0.5);
		    color: #FFF;
		}
			.v_Icon_Container div{
				display:inline-block;
				margin-left:10px;
			}
				.v_Icon_Container i{
					margin-right:3px;
				}
				.v_Icon_Container img{
					width:16px;
					margin-right:3px;
				}

	.v_Text_Container{
		padding:15px 6px 6px 6px;
		border-left:1px solid #CCC;
		border-right:1px solid #CCC;
		border-bottom:1px solid #CCC;
		min-height:181px;
		width:100%;
	}
		.v_Text_Container h3{
			border-bottom:none;
		}
		.v_Text_Container p{
			/*width:80%;
			float:left;*/
			margin-bottom:0;
		}
		.v_Text_Container p.over-150:after{
			content:"..."; 
		}
		.v_Text_Container span{
			min-height:100px;
			display:inherit;
			background-image:url('/assets/arrow.png');
			background-repeat:no-repeat;
			background-position:center center;
			background-size:93px;
		}
		a.v_Main_Container:hover .v_Text_Container span{
			background-image:url('/assets/arrow-hover.png');
		}
/* 
 * FLEET - LARGE VIEW PAGE
 */
.vd_Information{
	margin:90px 0;
}
	.vd_Description{
		text-align:center;
	    padding: 79px 0;
	}
	.vd_Description h1,
	.vd_Description h2{
		margin-bottom:0;
		font-size:310%;
	}
	.vd_Description small{
		font-size:120%;	
		font-style:italic;
	}
	.vd_Description p{
		font-size:186%;
		margin:25px 0;	
	}
	.vd_Description a{
		background-color: #00274C;
		color: #FFF;
		font-size: 178%;
		padding: 10px;
		border-radius: 5px;
	}
	.vd_Information i{
		color:#000;
	}
	.vd_Information .vd_Information_CTA i{
		color:#FFF;
	}
.vd_carousel{

}
.vd_Further_Information{
	margin-top:35px;
}

.vd_Layout{
    margin: 75px 0;
}

.vd_Inclusions ul{
	list-style-type:none;
	padding-left:0;
}
	.vd_Inclusions li{
		line-height:1.1;
		margin-bottom:6px;
	}
/*
 * Activities
 * /activities
 */
.activities a{
	display:inline-block;
	position:relative;
	margin-bottom:25px;
}
	.activities span{
		position:absolute;
		bottom:0;
		width:100%;
		padding:5px 10px;
		color:#FFF;
		background-color:rgba(0,0,0,0.5);
	    font-weight: bold;
	    font-size: 120%;
		text-align:center;
	}
/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
    position: relative;
    overflow: hidden;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
}
.jcarousel-wrapper {
    margin: 0 auto 35px;
    position: relative;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 200px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.jcarousel-wrapper > a{
	color:#FFF;
	text-decoration:none;
}

.jcarousel img {
    display: block;
    max-width: 100%;
    /*height: auto !important;*/
	height: 175px !important;
	margin:0 auto;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #00274C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -25px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}

/*
 * carousel - boat layout
 */
.carousel-caption{
	background-color:rgba(0,0,0,0.5);
}

/*
 * for the big youtube video
 */
 .bg-video {
	line-height:0;
    max-height: 740px;
    position: relative;
}
.bg-video iframe{
	height:500px;
}
/*.bg-video p{
	    position: absolute;
    z-index: 9999;
    bottom: 17px;
    left: 35px;
    font-weight: bold;
    font-size: 212%;
    background-color: rgba(0,0,0,0.5);
    padding: 15px 35px;
    color: #FFF;
    line-height: 1;
}*/

/* bootstrap navigation - display sub nav on hover*/
@media only screen and (min-width: 992px)  {
ul.nav li:hover > ul{
	display:block;
} 

/* bootstrap 3rd level dropdown navigation*/
.nav li.dropdown.open ul li:hover ul{
	display:block;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

/*
 * OUR TEAM
 */
.ccy-team .vessel-container:nth-child(3n + 0){
	margin-right:0;	
}

.header-banner{ margin-top:25px;}

  
   	.fieldError
	{
	   display:none;
	   font-size:12px;
	   color:red;
	}


@media screen and (max-width: 450px) {
.cc-main-nav ul.dropdown ul {
	visibility: inherit;
	position: inherit;
	top: 0;
}
.cc-main-nav ul.dropdown li, .cc-main-nav ul.dropdown {
	float: none;
}

}
@media screen and (min-width: 450px) {
	.social-media-header{
	display: inline-block;
	margin-left: 15px;
}
}
 @media screen and (min-width: 530px) {
/*
 * Styling for vessel gallery pages e.g http://ccy.com.au/beneteau43/gallery.asp
 *
 */
.vessel_Gal_Container {
}
.gallery_Container {
	float: left;
	width: 47%;
}
.gallery_Container:nth-child(odd) {
	margin-right: 5%;
	clear: left;
}
.gallery_Info_Container {
}
/* end styling for vessel gallery page */

/*Charter centre */
.container-left, .container-right {
	width: 44%;
	float: left;
	padding: 0 14px;
}

.vessel-container{
	float:left;
	width:32%;
	margin-right:2%;
}
.vessel-container:last-child{
	margin-right:0;
}
.vessel-info{
	max-width:374px;
}

}
 @media screen and (min-width: 580px) {
.vessel {
	width: 30%;
	margin-right: 2%;
	display: inline-block;
}
/*
	 * Styling for vessel layout pages e.g http://ccy.com.au/beneteau43/boatlayout2008.asp
	 *
	 */
.vessel_Layout_Container {
	float: left;
	width: 47%;
}
.vessel_Layout_Container:nth-child(odd) {
	margin-right: 5%;
	clear: left;
}
.vessel_Layout_Photo {
}
.vessel_Layout_Camera {
}
/* end Styling for vessel layout pages */
/*Charter Centre
.charter-centre h1 {
	float: left;
}*/
.my-profile {
	float: right;
}
/* Footer Navigation - Main */
.cc-main-nav-footer ul.dropdown > li {
	width: 33%;
}
}
@media screen and (min-width: 768px) {
	.logo {
	text-align: left;
	background-color: #fffff;
}
.top-nav { text-align:right;}
.no-padding-left{
	padding-left:0;
}
.no-padding-right{
	padding-right:0;
}
#logo {
	float: left;
	margin-left: 5%;
	width: 30%;
}
#logoContact {
	font-size: 337%;
}
#email {
	font-size: 167%;
}
.social_Media_Container {
	width: 20%;
}
#contact {
	float: right;
	margin-right: 5em;
	text-align: center;
}
.content {
	columns: 408px 2;
	-webkit-columns: 408px 2; /* Safari and Chrome */
	-moz-columns: 408px 2; /* Firefox */
}
#infoLinks {
	display: block;
	padding: 2em 0 0;
	text-align: left;
}
.aboutLinks {
	display: inline-block;
	text-align: center;
	width: 274px;
	width: 30%;
	margin-right: 2%;
	margin-bottom: 2em;
}
.aboutLinks a {
	text-transform: uppercase;
}
.aboutLinks a:last-child {
	color: #1F787F;
	display: block;
	font-weight: bold;
	margin-top: 0.5em;
	text-align: center;
	text-decoration: none;
}
#infoLinks img {
	-webkit-box-shadow: 2px 2px 5px #bbb;
	-moz-box-shadow: 2px 2px 5px #bbb;
	box-shadow: 2px 2px 5px #bbb;
}
#chooseVessel {
	clear: left;
	display: block;
	text-align: left;
}
.vessel {
	display: inline-block;
	text-align: center;
	width: 30%;
	margin-bottom: 1em;
	margin-right: 2%;
}
/*move to desktop land
				.vessel:nth-child(3){
					margin:0 20px;	
				}*/
				
				
#needHand {
	float: right;
	width: 23%;
}
footer {
	display: block;
	width: 100%;
}
footer p {
	/*color: #F2EEDB;*/
}
#footer1 {
	/*display:flex;
	height:155px;move to desktop*/
	width: 100%;
}
#boats {
	padding: 2%;
	margin-top: 0;
	float: left;
	display: block;
	margin-left: 2%;
	width: 74%;
	/*height: 135px;*/
	height:195px;
}
#footer1 ul {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}
#footer1 a {
	color: #4D4D4F;
	text-decoration: none;
}
#links {
	display: none;/*background-image:url(/assets/footer2Bg.png);
		display:block;
		float:left;
		padding:2% 0;
		width:20%;move to desktop*/
}
#links a {
	display: block;
	font-weight: bold;
	padding: 0.25em 0 0.25em 2em;
}
#links .social-media-footer a{
	display:inline-block;
	padding:0;
}
#boats {
	/*background-image: url(/assets/footerBg.png);*/
	padding: 2%;
	margin-top: 0;
	float: right;
	display: block;
	margin-right: 2%;
	margin-left: 0;
	width: 70%;
}
.boatLinks {
	display: block;
	float: left;
	margin: 0 2% 0 0;
	width: 23%;
}
.boatLinks#catamaran {
	width: 48%;
}
.boatLinks#catamaran li {
	display: block;
	float: left;
	width: 50%;
}
.boatLinks#catamaran a {
	float: left;
}
#footer2 li {
	display: inline;
}
#footer2 a,  #footer2 a:link,  #footer2 a:active,  #footer2 a:visited {
	color: #FFF;
	float: left;
	padding: 0.5em 0;
	width: 11%;
	text-decoration: none;
	text-align: center;
}
#footer1 a:hover, #footer2 a:hover {
	text-decoration: underline;
}
/*
 * Styling for fleet/fleet pages
 *
 */
.fleet_Container {
	width: 46%;
	float: left;
	border-left: 1px solid black;
	padding-left: 2%;
}
.fleet_Container:nth-child(even) {
	margin-right: 2%;
	clear: left;
}
.fleet_Container:nth-child(2) {
	clear: none;
}
a.vessel_Model {
}
.vessel_Img {
	float: right;
	text-align: right;
	width: 45%;
}
.vessel_Img img {
	max-height: 220px;
}
.vessel_Info {
	float: right;
	text-align: left;
	width: 55%;
}
/*
 * Styling for vessel detail pages e.g http://ccy.com.au/beneteau43
 *
 */
.vessel_Detail_Container {
}
.vessel_Details {
	float: left;
	margin: 0;
	width: 46%;
}
.vessel_Detail_Img {
	float: left;
	margin-left: 2%;
	width: 50%;
}
/* end styling for vessel detail page */

/*
	 * Styling for vessel photo layout pages e.g http://ccy.com.au/beneteau43/boatlayout2008.asp
	 *
	 */
.vessel_Layout_Container {
	display: inline-block;
	float: none;
	width: 100%;
}
.vessel_Layout_Container:nth-child(odd) {
	margin-right: 0%;
	clear: none;
}
.vessel_Layout_Photo {
	float: left;
	width: 40%;
	margin-right: 5%;
}
.vessel_Layout_Camera {
	display: block;
	float: left;
	width: 45%;
}
/* end styling for vessel layout  page */

/*
 * Styling for vessel gallery pages e.g http://ccy.com.au/beneteau43/gallery.asp
 *
 */
.vessel_Gal_Container {
}
.gallery_Container {
	float: left;
	width: 30%;
	margin-right: 2%;
	height: 190px
}
.gallery_Container img {
	max-height: 150px;
}
.gallery_Container:nth-child(odd) {
	margin-right: 2%;
	clear: none;
}
.gallery_Info_Container {
}
/* end styling for vessel gallery page */

/*Charter Centre*/
.cc-container aside {
	/*width: 32%;
	border-left: 1px solid #00274C;
	padding-left: 15px;*/
	margin-top: 0;
	margin-bottom:25px;
	padding-top: 5px;
	padding-right:15px;
	width:100%;
}


.main-feature-box{
	position: absolute;
	bottom: 25px;
	right: 25px;
	background-color: rgba(0,0,0,0.5);
	max-width: 500px;
	padding: 10px;
	left: 25px;
	top: 25px;
}
}
@media (min-width: 1000px) {
.hidden-sm:not(bt) {
	display: block;
}
h2 a.heading_Button {
	color: inherit;
	background-color: transparent;
	padding: 0px;
	text-decoration: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
h2 a.heading_Button:hover {
	color: #1F787F;
	background-color: transparent;
}
.border-menu, .border-menu img {
	display: none;
}
body .jPanelMenu-panel {
	background: transparent;
}
body {
	margin: 0;
	padding: 0;
}
#wrapper {
	
}

header {
	/*width: 1000px;*/
	box-shadow:none;
	border-bottom:none;
}
.headerShadow {
	display: block;
}
#price {
	float: left;
	margin-left: 5%;
	margin-top: 3em;
	width: 10%;
}
#slideShow {
	/*background-image:url(/assets/slideShowShadow.png);*/
	background-position: bottom center;
	background-repeat: no-repeat;/*border:3px solid #444;*/
}
#wrapper1_5 {
	/*background-color: transparent;
	background-image: url(/assets/header2.png);
	background-position: center top;
	background-repeat: repeat-y;
	max-width: 1300px;*/
}
#header2 {
	/*width: 957px;*/
}
.social-media-header a{
	margin-right:5px;
}
.social-media-footer a{
	margin-right:5px;
}
#social {
	display: inline-block;
	float: right;
	padding-right: 1%;
	width: 8%;
}
#social a {
	float: left;
	padding: 0 2px;
}
#wrapper2 {
	background-color: transparent;
	background-image: url(/assets/bodyBg.png);
	background-position: center top;
	background-repeat: repeat-y;
	/*background-size:1300px;*/
	display: block;
	margin: 0 auto;
	max-width: 1300px;/*min-height:2000px;*/
	overflow-y:none;
}
.wrapper-2-v2{
	/*max-width:1500px;*/
}
#container {
	display: block;
	margin: 0 auto;
	width: 1000px;
	background-image: url('/assets/bodyShadow.png');
	background-position: center top;
	background-repeat: no-repeat;
}
aside {
	display: block;
	float: left;
	/*display:table-cell;*/
	padding-top: 1em;
	padding-left: 2%;
	width: 11%;
}
section {
	padding: 1em 1.5%;
	width: 83%;
}
.internal section,
section{
	width:100%;
	max-width:1170px;
	margin:0 auto;
}

/* for home page*/
						
.aboutLinks {
	width: 274px;
	margin-right: 0;
}
.vessel:nth-child(3) {
	margin: 0 20px;
}
.vessel img {
	width: 261px;
}
.vessel p {
	text-align: left;
}
a.vesselTitle {
	color: #00274C;
	display: block;
	font-weight: bold;
	margin: 0.5em 0;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}
a.moreInfo {
	color: #1F787F;
	text-decoration: none;
}
#availSearch {
	background-color: #F2EBD9;
	border: 1px solid #005E96;
	margin-top: 1em;
}
#availSearch h1 {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #00274C 48%, #00274C 89%, #003259 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(48%, #00274C), color-stop(89%, #00274C), color-stop(100%, #003259));
	background: -webkit-linear-gradient(top, #ffffff 0%, #00274C 48%, #00274C 89%, #003259 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #00274C 48%, #00274C 89%, #003259 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #00274C 48%, #00274C 89%, #003259 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #00274C 48%, #00274C 89%, #003259 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#003259', GradientType=0 );
	color: #FFF;
	display: block;
	margin: 0;
	padding: 0.25em 0;
	text-align: center;
}
#availSearch form {
	-webkit-box-shadow: 0 0 5px #444;
	-moz-box-shadow: 0 0 5px #444;
	box-shadow: 0 0 5px #444;
	padding: 1em;
}
.selContainer img {
	padding-top: 0.25em;
	padding-left: 0.25em;
}
.wide {
	/*min-width:85%;*/
	min-width: 94%;
}
.narrow {
	float: left;
	min-width: 67%;
}
.sDate {
	width: 14%;
}
#availSearch label {
	display: inline-block;
	min-width: 40%;
}
#availSearch #submit {
	background: #007dc5;
	background: -moz-linear-gradient(top, #007dc5 19%, #00274C 69%, #003259 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(19%, #007dc5), color-stop(69%, #00274C), color-stop(100%, #003259));
	background: -webkit-linear-gradient(top, #007dc5 19%, #00274C 69%, #003259 100%);
	background: -o-linear-gradient(top, #007dc5 19%, #00274C 69%, #003259 100%);
	background: -ms-linear-gradient(top, #007dc5 19%, #00274C 69%, #003259 100%);
	background: linear-gradient(to bottom, #007dc5 19%, #00274C 69%, #003259 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007dc5', endColorstr='#003259', GradientType=0 );
	border: none;
	padding: 6px;
	color: #FFF;
	float: right;
}
#info {
	/*margin-top:1em;
						padding:1em 0;
	clear: both;*/
	display:inline-block;
	width:70%;
}
#CDSWIDCOE { display:inline-block; margin-right:26px !important;}/* TripAdvisor widget alignmnet */
#needHand {
	margin-left: 2%;
	padding-bottom: 0.5em;
	text-align: center;
	/*width:40%;*/
	width: 19%;
}
#boatShow {
	border: 1px solid #00274C;
	-webkit-box-shadow: 0 0 5px #444;
	-moz-box-shadow: 0 0 5px #444;
	-box-shadow: 0 0 5px #444;
	float: right;
	min-height: 118px;
	padding: 0.75em;
	text-align: center;
	width: 45%;
}
#sailImg {
	float: left;
	width: 41%;
}
#sailWhale img {
	-webkit-box-shadow: 2px 2px 5px #bbb;
	-moz-box-shadow: 2px 2px 5px #bbb;
	box-shadow: 2px 2px 5px #bbb;
}
#sailWhale .newsContainer {
	display: block;
	margin-top: 1.5em;
	width: 100%;
}
#sailWhale div {
	float: left;
	width: 57%;
	margin-right: 2%;
	text-overflow: ellipsis;
	overflow: hidden;/*height:115px;*/
}
a.sailTitle {
	color: #00274C;
	display: block;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0.5em;
	text-decoration: none;
	text-transform: uppercase;
}
#provisioning {
	display: block;
	float: right;
	width: 28%;
	margin-top: 1em;
	text-align: right;
	/*margin-bottom: -190px;*/
}
#stories {
	display: inline-block;
	padding: 0 2% 0 0;
	/*width: 70%;*/
}
#charterInfo {
	float: left;
	width: 25%;
}
.charterDetail {
	display: block;
	font-weight: bold;
}
.charterDetailSmall {
	display: block;
	font-style: italic;
	margin-bottom: 0.5em;
}
.testimonial_Container {
	/*display:inline-block;*/
	display: block;
	border-top: 1px solid #005E96;
	border-bottom: 1px solid #005E96;
	padding: 1em 0;
	margin: 0 0 1em;
}
.testimonial_Container > a {
	width: 24%;
}
#testimonial {
	background-image: url(/assets/quote.png);
	background-repeat: no-repeat;
	background-position: top left;
	font-style: italic;
	float: left;
	margin-right: 2%;
	padding-left: 4%;
	width: 45%;
}
/*#testimonial p:last-child:after{*/
#testimonial:after {
	content: "\201E";
	color: #00529F;
	display: inline-block;
	font-size: 400%;
	margin-top: -1em;
	margin-left: 2px;/*background-image:url(/assets/quote2.png);*/
}
.quote {
	color: #00529F;
	font-size: 300%;
}
#stories img {
	width: 24%;
	max-width: 24%;
}
#testimonialImage {
	display: block;
	float: left;
	width: 24%;
}
/*end home page */
	
	
	
footer p {
	/*color: #F2EEDB;*/
}
#footer1 {
	/*height: 155px;*/
	height:195px;
	width: 100%;
}
#boats {
	margin-right: 0;
	padding: 2%;
	width: 54%;
}
#links {
	/*background-image: url(/assets/footer2Bg.png);*/
	background-color:#FFF;
	display: block;
	float: left;
	padding: 2% 0;
	width: 19%;
	/*height: 135px;*/
	height:195px;
}
/*
 * Styling for fleet/fleet pages
 *
 */
.fleet_Container {
}
a.vessel_Model {
}
.vessel_Img {
	float: right;
	text-align: right;
	width: 45%;
}
.vessel_Info {
	float: right;
	text-align: left;
	width: 55%;
}
/* end styling for mobile fleet pages*/

/*
 * Styling for vessel gallery pages e.g http://ccy.com.au/beneteau43/gallery.asp
 *
 */
.main_Gallery_Container {
}
.vessel_Gal_Container {
	float: left;
	width: 50%;
}
.gallery_Container {
	float: left;
	display: table-cell;
	height: 133px;
}
.gallery_Container img {
	max-height: 76px;
}
.gallery_Info_Container {
	float: left;
	margin-left: 2%;
	width: 45%;
}
/* end styling for vessel gallery page */

/* Charter Centre main nav*/
.cc-main-nav {
	display: inline-block;
}
/* Footer Navigation - Main */
.cc-main-nav-footer {
	display: none;
}
.pay-due {
	position: relative;
}
.pay-due p:last-child {
	position: absolute;
	bottom: 12px;
	right: 12px;
}

.cc-container section {
	/*width: 63%;*/
	padding:0;
}
}

@media (min-width: 1200px){
.container {
    width: 1200px;
}
.internal section{
	padding:0;
}
}

@media (max-width: 630px){
	header .col-xs-5, header .col-xs-7{
		display:block;
		width:100%;	
	}
	.vd_Description a{
		font-size:108%;
	}
}
@media (max-width: 768px){
	.top-buffer-sm{
		margin-top:15px;
	}
	
	/*.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #FFF;
		text-decoration:none;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #FFF;
		background-color: #1F787F;
	}
	.dropdown a{
		font-size:130%;
	}
	.navbar-nav .open .dropdown-submenu li a{
		padding-left:35px!important;
	}*/
	
	nav{
		display:none;
	}
	
	
	
}

@media (max-width: 999px){
	nav{
		display:none;
	}
}

@media print{
	.menu-trigger, .bg-video,
	.testimonial, footer, .vd_Information_CTA, .social-media-header {
		display:none;
	}
	.vd_Description{
		padding:0;
	}
	.vd_Information{
		margin:0;
	}
	.vd_Further_Information{
		page-break-before:always;
	}
	/* remove floats on columns in print view to make page break property work correctly in Chrome */
	.no-print-float .col-sm-1, 
	.no-print-float .col-sm-2, 
	.no-print-float .col-sm-3, 
	.no-print-float .col-sm-4, 
	.no-print-float .col-sm-5, 
	.no-print-float .col-sm-6, 
	.no-print-float .col-sm-7, 
	.no-print-float .col-sm-8, 
	.no-print-float .col-sm-9, 
	.no-print-float .col-sm-10, 
	.no-print-float .col-sm-11, 
	.no-print-float .col-sm-12 { float:none;}
	/* Don't display URL in print view */
	a[href]:after {
		content: none !important;
	}
}