/**
 * CSS for the Boat Sales Tasmania website. Hand-crafted in Tasmania.
 * @author Rebecca Skeers Webmistress <hello@webmistress.com.au>
 * @copyright Rebecca Skeers 2013
 */
@import 'colorbox.css';

html
{
	-webkit-text-size-adjust:none;
	scroll-behavior:smooth;
}

address,article,aside,figure,figcaption,footer,header,main,menu,nav,section
{
	display:block;
	font-size:1.0em;
	font-style:normal;
	font-weight:normal;
	margin:0;
	outline:none;
	padding:0;
	text-align:left;
}

:focus
{
	outline-color:inherit;
	outline-style:dotted;
	outline-width:2px;
}

html,body
{
	background-color:#fff;
	font-family:'Arial',sans-serif;
	font-size:13px;
	line-height:1.54;
	color:#333;
	padding:0;
	margin:0;
	outline:none;
}

@media print
{
	html,body
	{
		color:#000;
	}
}

a img
{
	border:none;
}

a,a:link,a:visited
{
	text-decoration:underline;
	color:#900;
}

a:focus,a:hover,a:active
{
	text-decoration:underline;
	color:#001F66;
}

h1
{
	padding:11px 0 15px;
	margin:0;
	color:#001F66;
	font-size:32px;
	line-height:1.2;
	font-weight:500;
	font-family:'Montserrat',sans-serif;
}

@media screen and (min-width:800px)
{
	h1
	{
		padding-bottom:32px;
	}
}

@media screen and (min-width:960px)
{
	h1
	{
		margin-left:-15px;
	}
}

.template-home h1
{
	font-size:26px;
	margin-left:0;
	padding-top:20px;
}

@media screen and (min-width:800px)
{	
	.template-home h1
	{
		padding-top:11px;
	}
}

h2
{
	margin:0;
	padding:2px 0 1px;
	color:#001F66;
	font-size:20px;
	line-height:1.3;
	font-weight:normal;
}

h2 a,h2 a:link,h2 a:visited
{
	color:#001F66;
	text-decoration:none;
}

h2 a:focus,h2 a:hover,h2 a:active
{
	color:#900;
	text-decoration:underline;
}

h3
{
	background-color:#900;
	color:#fff;
	font-family:'Montserrat',sans-serif;
	font-size:16px;
	font-style:normal;
	font-weight:500;
	letter-spacing:1px;
	line-height:1.3;
	margin:0 -10px 13px 0;
	padding:8px 10px 7px 10px;
	position:relative;
}

@media screen and (min-width:800px)
{
	
	h3
	{
		margin-left:-10px;
	}
}

@media screen and (min-width:960px)
{
	h3
	{
		margin:0 -35px 13px -15px;
		padding:8px 35px 7px 15px;
	}
}

h3 a,h3 a:link,h3 a:visited
{
	color:#fff;
	text-decoration:none;
}

h3 a:focus,h3 a:hover,h3 a:active
{
	color:#fff;
	text-decoration:underline;
}

h4
{
	color:#001F66;
	font-size:14px;
	text-transform:none;
	padding:0;
	margin:0;
	font-weight:bold;
}

h2+h4
{
	padding-top:1em;
}

h4 a,h4 a:link,h4 a:visited
{
	color:#001F66;
	text-decoration:none;
}

h4 a:focus,h4 a:hover,h4 a:active
{
	color:#001F66;
	text-decoration:underline;
}

h5
{
	font-family:'Montserrat',sans-serif;
	color:#900;
	text-transform:uppercase;
	font-size:13px;
	padding:0 0 4px;
	margin:0;
}

h5 a,h5 a:link,h5 a:visited
{
	text-decoration:none;
	color:#900;
}

h5 a:focus,h5 a:hover,h5 a:active
{
	text-decoration:underline;
	color:#900;
}

h6
{
	color:#333;
	font-size:1.0em;
	text-transform:none;
	padding:0;
	margin:0;
	font-weight:bold;
}

h6 a,h6 a:link,h6 a:visited
{
	text-decoration:none;
	color:#333;
}

h6 a:focus,h6 a:hover,h6 a:active
{
	text-decoration:underline;
	color:#333;
}

p
{
	padding:0 0 1em;
	margin:0;
}

ol
{
	margin:0;
	padding:0 0 1em 1.5em;
}

ul
{
	margin:0;
	padding:0 0 1em;
	list-style-type:none;
}

ol li
{
	padding:0;
	margin:0;
}

li ol li,li ul li
{
	margin:0;
}

ul li
{
	padding:0 0 0 1.5em;
	margin:0;
	position:relative;
}

ul li::before
{
	content:"\2022";
	position:absolute;
	top:0.1em;
	left:0;
	color:#999;
	font-size:0.85em;
}

ul ul,ol ol,ul ol,ol ul
{
	padding-bottom:0;
}

table
{
	border-collapse:collapse;
	border-spacing:0;
	/*break-inside:avoid;*/
	width:100%;
	margin:0 0 10px;
}

@media screen and (min-width:960px)
{
	table
	{
		margin-bottom:35px;
	}
}

tr
{
	vertical-align:top;
}

th
{
	font-family:'Montserrat',sans-serif;
	color:#999;
	font-size:12px;
	text-align:left;
	font-weight:400;
	padding:5px 12px 5px 0;
	width:100px;
	border-top:1px solid #ddd;
}

td
{
	font-size:12px;
	text-align:left;
	padding:5px 0 ;
	border-top:1px solid #ddd;
}

table tr:first-child th,table tr:first-child td
{
	border-top:1px solid #ccc;
}

hr
{
	clear:both;
	border:none;
	border-top:1px solid #ddd;
	margin:0 0 1em;
	padding:0;
}

blockquote
{
	font-family:'Georgia','Times New Roman',serif;
	font-style:italic;
	padding-left:15px;
	padding:0;
	margin:0;
}

small
{
	font-size:0.85em;
	display:inline-block;
}

form
{
	background-color:#f4f4f4;
	margin:20px 0;
	padding:10px 15px 25px;
	box-shadow:inset 0 0 0 1px #ddd;
}

@media screen and (min-width:960px)
{
	form
	{
		margin-left:-15px;
		padding-right:35px;
	}
}

.currpage-insurance form,.currpage-sell form,.currpage-finance form
{
	margin-top:0;
}

form p:first-child
{
	font-style:italic;
	font-size:14px;
	font-family:'Georgia','Times New Roman',serif;
}

form p:last-child
{
	clear:both;
}

fieldset
{
	border:none;
	margin:0;
	padding:0;
}

label:not(.checkbox)
{
	width:80px;
	padding:9px 0 0 0;
	float:left;
	font-size:12px;
	line-height:1.2;
	color:#999;
	font-family:'Montserrat',sans-serif;
	font-weight:400;
}

.loan-calculator label
{
	width:48%;
}

.loan-calculator p:nth-last-child(2)
{
	padding-top:1.5em;
	clear:both;
}

.loan-calculator p:last-child
{
	padding-bottom:0;
	color:#999;
}

button,input[type="submit"]::-moz-focus-inner
{
	border:0;
}

input[type="email"],input[type="number"],input[type="text"],select,textarea,button
{
	font-family:'Arial',sans-serif;
	font-size:1.0em;
	line-height:1.2;
	color:#333;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	
	
	border-radius:0;
	font-size:13px;
}

input[type="text"],input[type="number"],input[type="email"],textarea,select
{
	border:1px solid #ddd;
	background-color:#fff;
	color:#333;
	padding:7px 10px;
	margin:0;
	-webkit-appearance:none;
}

input[type="text"],input[type="number"],input[type="email"],textarea
{
	width:100%;
}

input[type="text"],input[type="number"],input[type="email"],select
{
	height:30px;
}

select
{	
	padding:6px 20px 6px 9px;
	background:#fff url(selectarrow.svg) no-repeat scroll 100% 0;
	min-width:50px;
	color:#aaa;
}

select.changed,select:focus
{
	color:#333;
}

.loan-calculator select
{
	width:100%;
}

option
{
	padding:0 10px;
}

button,input[type="submit"]
{
	background-color:#640000;
	border:1px solid #640000;
	color:#fff;
	padding:6px 9px;
	margin:0;
	font-family:'Montserrat',sans-serif;
	font-weight:500;
	-webkit-appearance:none;
}

button:focus,button:hover,button:active,
input[type="submit"]:focus,input[type="submit"]:hover,input[type="submit"]:active
{
	background-color:#520000;
	border:1px solid #520000;
}

input.hasplaceholder
{
	color:#aaa !important;
}

input:-moz-placeholder
{
	color:#aaa !important;
	opacity:1.0;
}

input::-moz-placeholder
{
	color:#aaa !important;
	opacity:1.0;
}

input:-webkit-input-placeholder
{  
	color:#aaa !important;
}

input::-webkit-input-placeholder
{  
	color:#aaa !important;
}

input:-ms-input-placeholder
{  
	color:#aaa !important;
}

input::-ms-input-placeholder
{  
	color:#aaa !important;
}

iframe
{
	border:none;
}

label strong
{
	color:#c00;
	font-weight:normal;
}

img,svg
{
	display:block;
	height:auto;
	max-width:100%;
}

p.image-left
{
	padding:0;
	margin:0 20px 5px 0;
	float:left;
}

p.image-right
{
	padding:0;
	margin:0 0 5px 20px;
	float:right;
}

#page
{
	min-width:160px;
	overflow:hidden;
	position:relative;
	display:grid;
	grid-row-gap:0;
	row-gap:0;
	grid-column-gap:0;
	column-gap:0;
	grid-template-columns:1fr;
	grid-template-rows:min-content min-content 1fr min-content;
	min-height:100vh;
	grid-template-areas:"head" "menu" "body" "foot";
}

@media print
{
	#page
	{
		display:block;
	}
}

#subscribe-bar
{
	background-color:#8297cc;
	clear:both;
	display:none;
	padding:0;
	width:100%;
}

@media screen and (min-width:960px)
{
	#subscribe-bar
	{
		padding-top:30px;
	}
}

@media print
{
	#subscribe-bar
	{
		display:none !important;
	}
}

#subscribe
{
	max-width:980px;
	margin:0 auto;
	padding:10px 0 0;
	background-color:#8fa2d1;
	position:relative;
}

@media screen and (min-width:960px)
{	
	#subscribe
	{
		padding-top:20px;
		padding-bottom:10px;
	}
}

#subscribe-close
{
	background:transparent url(close_reverse.svg) no-repeat scroll 50% 50%;
	display:block;
	height:30px;
	position:absolute;
	right:0;
	text-indent:-9999px;
	top:0;
	width:30px;
}

@media screen and (min-width:960px)
{
	#subscribe-close
	{
		top:-30px;
		width:15px;
	}
}

#subscribe h2
{
	color:#fff;
	font-family:'Montserrat',sans-serif;
	font-size:16px;
	line-height:1.15;
	margin:-3px 30px 10px 0;
	padding:0 0 0 10px;
}

@media screen and (min-width:960px)
{	
	#subscribe h2
	{
		float:left;
		margin-right:0;
		max-width:240px;
		padding-left:25px;
	}
}

#subscribe form
{
	background-color:transparent;
	box-shadow:none;
	margin:0;
	padding:0 10px 0 0;
}

@media screen and (min-width:960px)
{
	#subscribe form
	{
		float:right;
	}
}

#subscribe label:not(.checkbox)
{
	position:absolute;
	top:-9999px;
	left:-9999px;
}

#subscribe input[type="text"]
{
	color:#28418a;
	width:100%;
}

@media screen and (min-width:640px)
{
	#subscribe input[type="text"]
	{
		width:100px;
	}
}

@media screen and (min-width:800px)
{
	#subscribe input[type="text"]
	{
		width:160px;
	}
}

#subscribe input[type="email"]
{
	color:#28418a;
	width:100%;
}

@media screen and (min-width:640px)
{
	#subscribe input[type="email"]
	{
		width:130px;
	}
}

@media screen and (min-width:800px)
{	
	#subscribe input[type="email"]
	{
		width:210px;
	}
}

#subscribe select
{
	background:#fff url(selectarrow_blue.svg) no-repeat scroll 100% 0;
	color:#28418a;
}

#subscribe select.changed,#subscribe select:focus
{
	color:#28418a;
}

#subscribe input[type="submit"],#subscribe button
{
	background-color:#28418a;
	border:1px solid #28418a;
}

#subscribe form p
{
	color:#fff;
	font-family:'Montserrat',sans-serif;
	font-size:1.0em;
	font-style:normal;
	margin-left:10px;
	padding:0 0 10px;
}



@media screen and (min-width:640px)
{
	#subscribe form p:nth-child(1),#subscribe form p:nth-child(2),#subscribe form p:nth-child(3),#subscribe form p:nth-child(4)
	{
		float:left;
	}
	
	#subscribe form p:nth-child(5)
	{
		clear:both;
	}
}

@media screen and (min-width:960px)
{
	#subscribe form p:nth-child(5)
	{
		clear:left;
		float:left;
	}
	
	#subscribe form p:nth-child(6)
	{
		float:right;
		padding-top:4px;
	}
}

#subscribe form p:last-child
{
	bottom:5px;
	right:10px;
	position:absolute;
}

@media screen and (min-width:980px)
{
	#subscribe form p:last-child
	{
		bottom:14px;
		left:15px;
		right:auto;
	}
}

#subscribe a,#subscribe a:link,#subscribe a:visited
{
	color:#fff;
	text-decoration:underline;
}

#subscribe a:focus,#subscribe a:hover,#subscribe a:active
{
	color:#fff;
	text-decoration:none;
}

#subscribe input.hasplaceholder
{
	color:#28418a !important;
}

#subscribe input:-moz-placeholder
{
	color:#28418a !important;
}

#subscribe input::-moz-placeholder
{
	color:#28418a !important;
}

#subscribe input:-webkit-input-placeholder
{
	color:#28418a !important;
}

#subscribe input::-webkit-input-placeholder
{
	color:#28418a !important;
}

#subscribe input:-ms-input-placeholder
{  
	color:#28418a !important;
}

#subscribe input::-ms-input-placeholder
{  
	color:#28418a !important;
}

#subscribe:after
{
	content:'';
	clear:both;
	display:table;
}

#header
{
	grid-area:head;
	margin:0 auto;
	max-width:980px;
	padding:0 0 52px;
	position:relative;
	width:100%;
}

@media screen and (min-width:800px)
{	
	#header
	{
		padding-bottom:0;
	}
}

@media print
{
	#header
	{
		padding-bottom:20px;
	}
}

#topnav
{
	bottom:0;
	font-family:'Montserrat',sans-serif;
	font-weight:500;
	font-size:14px;
	left:0;
	min-height:44px;
	position:absolute;
	width:100%;
}

@media screen and (min-width:800px)
{
	#topnav
	{
		position:static;
	}
}

@media print
{
	#topnav
	{
		display:none;
	}
}

#topnav>ul
{
	background-color:#28418a;
	border-top:1px solid #fff;
	display:none;
	margin:0;
	padding:0;
	width:100%;
	position:absolute;
	right:0;
	z-index:10000;
}

@media screen and (min-width:800px)
{
	#topnav>ul
	{
		background-color:#f4f4f4;
		border-top:none;
		display:block;
		float:right;
		position:static;
		width:auto;
	}
}

#topnav li ul
{
	background-color:#28418a;
	clear:both;
	display:block;
	float:none;
	padding:0;
	position:static;
	width:100%;
}

#topnav>ul>li:nth-child(2)
{
	float:none;
	width:100%;
	clear:both;
	position:static;
	display:block;
	padding:0;
	background-color:#28418a;
}

@media screen and (min-width:800px)
{
	#topnav li ul,#topnav>ul>li:nth-child(2)
	{
		display:none;
	}
}

#topnav li
{
	background-color:#28418a;
	clear:both;
	display:block;
	margin:0;
	padding:0;
	width:100%;
}

@media screen and (min-width:800px)
{
	#topnav li
	{
		background-color:transparent;
		clear:none;
		float:left;
		width:auto;
	}
}

#topnav li::before
{
	content:'';
	display:none;
}

#topnav li a
{
	display:block;
	padding:7px 10px;
	margin:0;
}

@media screen and (min-width:800px)
{
	#topnav li a
	{
		padding-top:10px;
	}
}

#topnav li li a:before
{
	content:'\203a\a0\a0';
}
	
#topnav li a,#topnav li a:link,#topnav li a:visited
{
	background-color:#28418a;
	color:#fff;
	text-decoration:none;
}

#topnav li a:focus,#topnav li a:hover,#topnav li a:active
{
	background-color:#0e2364;
	color:#fff;
	text-decoration:none;
}

#topnav li.active a,#topnav li.active a:link,#topnav li.active a:visited,#topnav li.active a:focus,#topnav li.active a:hover,#topnav li.active a:active
{
	background-color:#0e2364;
	color:#fff;
}

@media screen and (min-width:800px)
{	
	#topnav li a,#topnav li a:link,#topnav li a:visited
	{
		background-color:#f4f4f4;
		border-top:5px solid #f4f4f4;
		color:#0F298C;
	}
	
	#topnav li a:focus,#topnav li a:hover,#topnav li a:active
	{
		background-color:#e8e8e8;
		border-top:5px solid #e8e8e8;
		color:#0F298C;
	}
	
	#topnav li.active a,#topnav li.active a:link,#topnav li.active a:visited,#topnav li.active a:focus,#topnav li.active a:hover,#topnav li.active a:active
	{
		background-color:#900;
		border-top:5px solid #870000;
		color:#fff;
	}
}

#logo
{
	clear:both;
	display:block;
	height:43px;
	padding:9px 0 0 10px;
	width:200px;
}

@media screen and (min-width:800px)
{
	#logo
	{
		width:320px;
		height:68px;
	}
}

@media screen and (min-width:960px)
{	
	#logo
	{
		padding-bottom:30px;
		padding-left:0;
	}
}

@media print
{
	#logo
	{
		height:68px;
		padding-left:0;
		padding-top:0;
		width:320px;
	}
}

#logo a,#logo img
{
	display:block;
	height:43px;
	width:200px;
}

@media screen and (min-width:800px)
{
	#logo a,#logo img
	{
		height:68px;
		width:320px;
	}
}

@media print
{
	#logo a,#logo img
	{
		height:68px;
		width:320px;
	}
}

#slogan
{
	color:#b9b9b9;
	font-family:'Georgia','Times New Roman',serif;
	font-size:13px;
	font-style:italic;
	line-height:1.0;
	padding:5px 10px 13px;
}

@media screen and (min-width:800px)
{
	#slogan
	{
		color:#BABABA;
		font-size:16px;
		padding:0 0 14px 82px;
	}
}

@media screen and (min-width:960px)
{
	#slogan
	{
		font-size:24px;
		padding-left:0;
		position:absolute;
		right:10px;
		text-align:right;
		top:88px;
		width:600px;
	}
}

@media print
{
	#slogan
	{
		font-size:24px;
		padding:0;
		position:absolute;
		right:0;
		text-align:right;
		top:36px;
	}
}

#slogan p
{
	padding:0;
}

#nav-bar
{
	grid-area:menu;
	clear:both;
	font-size:15px;
	width:100%;
}

@media screen and (min-width:800px)
{
	#nav-bar
	{	
		background-color:#28418a;
		float:left;
		position:relative;
		width:100%;
		z-index:100;
	}
}

@media print
{
	#nav-bar
	{
		display:none;
	}
}

#nav
{
	margin:0 auto;
	max-width:980px;
	padding:0;
}

@media screen and (min-width:800px)
{
	#nav
	{
		float:none;
		position:relative;
		padding-top:20px;
	}
}

#nav ul
{
	display:none;
	float:left;
	font-family:'Montserrat',sans-serif;
	font-size:16px;
	line-height:1.2;
	font-weight:500;
	list-style-type:none;
	margin:0;
	max-width:770px;
	padding:0;
	width:100%;
}

@media screen and (min-width:800px)
{
	#nav ul
	{
		display:block;
	}
}

@media screen and (min-width:960px)
{
	#nav ul
	{
		padding-left:10px;
	}
}

#nav li
{
	padding:0 1px 0 0;
	margin:0;
	float:left;
	position:relative;
}

#nav li:before
{
	content:'';
	display:none;
}

#nav li a
{
	display:block;
	padding:19px 10px 22px;
	background-color:#28418a;
}

@media screen and (min-width:960px)
{
	#nav li a
	{
		padding-left:16px;
		padding-right:16px;
	}
}

#nav li a,#nav li a:link,#nav li a:visited
{
	background-color:#28418a;
	color:#fff;
	text-decoration:none;
}

#nav li a:focus,#nav li a:hover,#nav li a:active,
#nav li:hover a,#nav li:hover a:link,#nav li:hover a:visited,
#nav li:hover a:focus,#nav li:hover a:hover,#nav li:hover a:active
{
	background-color:#0e2364;
	color:#fff;
	text-decoration:none;
}

#nav li.active a,#nav li.active a:link,#nav li.active a:visited,#nav li.active a:focus,#nav li.active a:hover,#nav li.active a:active
{
	background-color:#0e2364;
	color:#fff;
	text-decoration:none;
}

#nav li ul
{
	width:200px;
	margin:0;
 	padding:0;
 	position:absolute;
	left:-9999px;
	z-index:1000;
 	display:block;
 	background-color:#0e2364;
 	font-size:14px;
 	font-weight:400;
}

#nav li li
{
	width:200px;	
	margin:0;
	padding:0;
	display:block;
}

#nav li li a,#nav li li a:link,#nav li li a:visited,#nav li li a:focus,#nav li li a:hover,#nav li li a:active
{
	border:none;
	display:block;
	float:left;
	font-weight:normal;
	padding:7px 10px;
	text-align:left;
	width:180px;
}

@media screen and (min-width:960px)
{
	#nav li li a,#nav li li a:link,#nav li li a:visited,#nav li li a:focus,#nav li li a:hover,#nav li li a:active
	{
		width:168px;
		padding-left:16px;
		padding-right:16px;
	}
}

#nav li:hover li a,#nav li:hover li a:link,#nav li:hover li a:visited
{
	background-color:#0e2364;
	border:none;
	color:#fff;
}

#nav li:hover li a:focus,#nav li:hover li a:hover,#nav li:hover li a:active
{
	background-color:#07144a;
	border:none;
	color:#fff; 
}

#nav li:hover ul
{
	left:0;
}



#nav p
{
	color:#333;
	display:none;
	float:none;
	font-size:12px;
	margin:0;
	padding:0 0 10px 55px;
	text-align:left;
	width:auto;
}

@media screen and (min-width:800px)
{
	#nav p
	{
		display:block;
		padding:19px 10px 0 0;
		position:absolute;
		right:0;
		top:-77px;
		text-align:right;
		width:180px;
	}
}

@media screen and (min-width:960px)
{
	#nav p
	{
		color:#fff;
		float:right;
		position:static;
	}
}

#nav p strong
{
	font-size:14px;
	font-weight:normal;
}

#nav p a,#nav p a:link,#nav p a:visited
{
	color:#333;
	text-decoration:none;
}

#nav p a:focus,#nav p a:hover,#nav p a:active
{
	color:#333;
	text-decoration:underline;
}

@media screen and (min-width:960px)
{
	#nav p a,#nav p a:link,#nav p a:visited,
	#nav p a:focus,#nav p a:hover,#nav p a:active
	{
		color:#fff;
	}
}

#navbutton
{
	background:#28418a url(navbg.png) no-repeat scroll 100% 50%;
	color:#fff;
	display:block;
	font-family:'Montserrat',sans-serif;
	font-size:16px;
	line-height:1.2;
}

@media screen and (min-width:800px)
{
	#navbutton
	{
		display:none;
	}
}

#navbutton a
{
	display:block;
	height:36px;
	padding:16px 10px 0;
}

#navbutton a,#navbutton a:link,#navbutton a:visited
{
	background-color:transparent;
	color:#fff;
	text-decoration:none;
}

#navbutton a:focus,#navbutton a:hover,#navbutton a:active
{
	background-color:transparent;
	color:#fff;
	text-decoration:none;
}

#social
{
	height:25px;
	position:absolute;
	right:10px;
	top:0;
	width:25px;
}

#social a,#social a img
{
	display:block;
	height:25px;
	width:25px;
}

#social a,#social a:link,#social a:visited
{
	background-color:#bbbbbb;
	text-decoration:none;
}

#social a:focus,#social a:hover,#social a:active
{
	background-color:#355797;
	text-decoration:none;
}

@media screen and (min-width:800px)
{
	#social a,#social a:link,#social a:visited,
	#social a:focus,#social a:hover,#social a:active
	{
		background-color:#355797;
	}	
}

#content-bar
{
	grid-area:body;
	background:url(shadow.png) no-repeat scroll 50% 0,
				#fff url(mask.gif) no-repeat scroll 50% 0;
	clear:both;
	width:100%;
}

@media print
{
	#content-bar
	{
		background-image:none;
	}
}


#content
{
	background-color:#fff;
	margin:0 auto;
	max-width:960px;
	padding:0 10px 10px;
	position:relative;
}

@media screen and (min-width:800px)
{
	#content
	{
		padding-bottom:40px;
	}
}

@media screen and (min-width:960px)
{
	#content
	{
		max-width:900px;
		min-height:618px;
		padding-left:45px;
		padding-right:35px;
	}

	.template-landing #content
	{
		min-height:298px;
	}
}

@media print
{
	#content
	{
		padding-left:0;
		padding-right:0;
	}
}

#breadcrumbs
{
	color:#858585;
	font-size:11px;
	padding:17px 0 5px;
}

@media screen and (min-width:800px)
{
	#breadcrumbs
	{
		font-size:12px;
		padding-bottom:0;
	}
}

#breadcrumbs ul
{
	margin:0;
	padding:0;
	width:100%;
}

@media screen and (min-width:800px)
{
	#breadcrumbs ul
	{
		text-align:right;
	}
}

#breadcrumbs li
{
	display:inline;
	padding:0;
}

#breadcrumbs ul li:before
{
	content:' / ';
	font-size:1em;
	position:static;
}

#breadcrumbs ul li:first-child:before
{
	content:'';
}

#breadcrumbs a,#breadcrumbs a:link,#breadcrumbs a:visited
{
	color:#858585;
	text-decoration:none;
}

#breadcrumbs a:focus,#breadcrumbs a:hover,#breadcrumbs a:active
{
	color:#333;
	text-decoration:underline;
}

#feature
{
	margin:0 -10px;
	position:relative;
}

@media screen and (min-width:960px)
{
	#feature
	{
		margin:0 -35px 0 -45px;
	}
}

#feature p
{
	padding:0;
}

#feature img
{
	width:100%;
	display:block;
}

#feature::after
{
	background:transparent url(mask.png) no-repeat scroll 50% 100%;
	background-size:cover;
	content:'';
	height:100%;
	left:0;
	padding:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:15;
}

#slideshow
{
	list-style-type:none;
	margin:0;
	padding:32.653061% 0 0;
	position:relative;
	overflow:hidden;
	width:100%;
}

#slideshow li 
{
	display:block;
	height:100%;
	left:0;
	margin:0;
	opacity:0;
	padding:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:8;
}

#slideshow li.active
{
    opacity:1.0;
    z-index:10;
}

#slideshow li.last-active
{
    z-index:9;
}

#slideshow li:before
{
	content:'';
	display:none;
}

@media screen and (min-width:800px)
{
	body:not(.template-landing) #col1
	{
		float:left;
		padding:0;
		position:relative;
		width:53.33%;
	}
}

body.template-home #col1
{
	padding:15px 0 0;
}

@media screen and (min-width:800px)
{	
	body.template-home #col1
	{
		padding-top:24px;
	}
}

#col2
{
	padding:20px 0 0;
}

@media screen and (min-width:800px)
{
	body:not(.template-landing) #col2
	{
		float:right;
		padding-top:0;
		width:40%;
	}
	
	body.template-home #col2
	{
		padding:24px 0 8px;
	}
}

.template-page:not(.currpage-finance):not(.currpage-contact) #col2
{
	font-family:'Georgia','Times New Roman',serif;
	font-style:italic;
}

@media screen and (min-width:800px)
{	
	.template-page:not(.currpage-finance):not(.currpage-contact) #col2
	{
		padding-left:15px;
		width:38.33%;
	}
}

.template-page:not(.currpage-finance):not(.currpage-contact) #col2 em,
.template-page:not(.currpage-finance):not(.currpage-contact) #col2 i
{
	font-style:normal;
}

#lead
{
	font-family:'Montserrat',sans-serif;
	font-size:14px;
}

@media screen and (min-width:960px)
{
	.template-listing #lead,
	.template-landing #lead
	{
		position:absolute;
		top:117px;
		left:45px;
		width:150px;
		z-index:2;
	}
	
	.template-listing #lead
	{
		top:186px;
	}
}

.currpage-news #lead
{
	font-family:'Georgia','Times New Roman',serif;
	font-size:13px;
	font-style:italic;
}

.currpage-news #lead em,.currpage-news #lead i
{
	font-style:normal;
}

#lead+#enquiryform
{
	margin-top:1rem;
}


#footer-bar
{
	break-inside:avoid;
	grid-area:foot;
	width:100%;
	background-color:#28418a;
}

@media print
{
	#footer-bar
	{
		background-color:transparent;
	}
}

#footer
{
	color:#fff;
	clear:both;
	margin:0 auto;
	max-width:980px;
	position:relative;
	width:100%;
}

@media print
{
	#footer
	{
		color:#000;
	}
}

#footer a,#footer a:link,#footer a:visited
{
	color:#fff;
	text-decoration:none;
}

#footer a:focus,#footer a:hover,#footer a:active
{
	color:#fff;
	text-decoration:underline;
}

@media print
{
	#footer a,#footer a:link,#footer a:visited,
	#footer a:focus,#footer a:hover,#footer a:active
	{
		color:#000;
	}
}

#footer h2
{
	color:#a6aec5;
	font-family:'Montserrat',sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0;
	text-transform:uppercase;
}

@media print
{
	#footer h2
	{
		color:#000;
	}
}

#agents
{
	background-color:#20346E;
	clear:both;
	padding:24px 10px 0;
}

@media screen and (min-width:800px)
{
	#agents
	{
		display:flex;
		justify-content:space-between;
	}
}

@media screen and (min-width:960px)
{	
	#agents
	{
		padding-left:30px;
		padding-right:35px;
	}
}

@media print
{
	#agents
	{
		background-color:transparent;
		border-bottom:2px solid #000;
		border-top:2px solid #000;
		padding-left:0;
		padding-right:0;
	}
}

#agents h2
{
	padding:0 0 16px;
}

#agents ul
{
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0 0 16px;
}

@media screen and (min-width:640px)
{
	#agents ul
	{
		flex-wrap:nowrap;
	}
}

#agents li
{
	display:block;
	padding:0 24px 8px 0;
}

#agents li:last-child
{
	padding-right:0;
}

#agents li::before
{
	content:'';
	display:none;
}

#agents li a
{
	display:block;
}

#logo-jeanneau,#logo-jeanneau a,#logo-jeanneau svg
{
	height:45px;
	width:159px;
}

@media screen
{
	#logo-jeanneau svg .text path,
	#logo-jeanneau svg .text polygon
	{
		fill:#fff;
	}
	
	#logo-jeanneau svg .symbol path
	{
		fill:#fff;
	}
}

@media print
{
	#logo-jeanneau svg .text path,
	#logo-jeanneau svg .text polygon
	{
		fill:#002b5c;
	}
	
	#logo-jeanneau svg .symbol path
	{
		fill:#ee3524;
	}
}


#logo-whitehaven
{
	margin-top:3px;
}

#logo-whitehaven,#logo-whitehaven a,#logo-whitehaven svg
{
	height:34px;
	width:133px;
}

@media screen
{
	#logo-whitehaven svg path,
	#logo-whitehaven svg rect,
	#logo-whitehaven svg polygon
	{
		fill:#fff;
	}
}

@media print
{
	#logo-whitehaven svg path,
	#logo-whitehaven svg rect,
	#logo-whitehaven svg polygon
	{
		fill:#000;
	}
}



#logo-integrity
{
	margin-top:6px;
}

#logo-integrity,#logo-integrity a,#logo-integrity svg
{
	height:37px;
	width:139px;
}

@media screen
{
	#logo-integrity svg path
	{
		fill:#fff;
	}
}

@media print
{
	#logo-integrity svg path
	{
		fill:#000;
	}
}



#logo-boatequity
{
	margin-top:3px;
}

#logo-boatequity,#logo-boatequity a,#logo-boatequity svg
{
	height:32px;
	width:103px;
}

@media screen
{
	#logo-boatequity svg .text path
	{
		fill:#fff;
	}
	
	#logo-boatequity svg .symbol rect
	{
		fill:#fff;
	}
}

@media print
{
	#logo-boatequity svg .text path
	{
		fill:#000;
	}
	
	#logo-boatequity svg .symbol rect
	{
		fill:#f15922;
	}
}


#logo-clubmarine
{
	margin-top:2px;
}

#logo-clubmarine,#logo-clubmarine a,#logo-clubmarine img
{
	height:35px;
	width:149px;
}

@media screen
{
	#logo-clubmarine svg .text path
	{
		fill:#fff;
	}
	
	#logo-clubmarine svg .symbol path
	{
		fill:#fff;
	}
}

@media print
{
	#logo-clubmarine svg .text path
	{
		fill:#00508f;
	}
	
	#logo-clubmarine svg .symbol path
	{
		fill:#6d6e71;
	}
}
















#byline
{
	padding:26px 10px 23px;
}

@media screen and (min-width:960px)
{
	#byline
	{
		padding-left:30px;
		padding-right:30px;
	}
}

@media print
{
	#byline
	{
		padding-left:0;
		padding-right:0;
	}
}

#byline p
{
	font-family:'Montserrat',sans-serif;
	font-size:18px;
	padding:0;
}

#contact
{
	font-size:12px;
	margin:0;
	padding:2px 10px 9px;
}

@media screen and (min-width:800px)
{
	#contact
	{
		float:left;
		width:210px;
	}
}

@media screen and (min-width:960px)
{
	#contact
	{
		padding-left:30px;
	}
}

@media print
{
	#contact
	{
		padding-left:0;
		padding-right:0;
	}
}

#contact p
{
	padding:0 0 1.5em;
}

#newsletter
{
	margin:0 10px;
}

@media screen and (min-width:800px)
{
	#newsletter
	{	
		border:1px solid #3e5496;
		float:right;
		margin-bottom:80px;
		padding:9px;
		width:335px;
	}
}

@media screen and (min-width:960px)
{
	#newsletter
	{
		margin-right:25px;
		width:535px;
	}
}

@media print
{
	#newsletter
	{
		display:none;
	}
}

#newsletter h2
{
	color:#fff;
	font-family:'Georgia','Times New Roman',serif;
	font-size:18px;
	font-style:italic;
	margin:0;
	padding:2px 0 8px;
	text-transform:none;
}

@media screen and (min-width:960px)
{	
	#newsletter h2
	{
		float:left;
	}
}

#newsletter form
{
	background-color:#28418a;
	border:none;
	box-shadow:none;
	float:none;
	margin:0;
	padding:0;
	width:auto;
}

@media screen and (min-width:960px)
{	
	#newsletter form
	{
		margin-left:200px;
	}
}

#newsletter label:not(.checkbox)
{
	left:-9999px;
	position:absolute;
	top:-9999px;
}

#newsletter input[type="text"],#newsletter input[type="email"],#newsletter select
{
	background-color:#3e5496;
	border:1px solid #3e5496;
	color:#fff;
	height:30px;
	margin:0 7px 0 0;
	padding:6px 9px;
}

#newsletter input[type="text"],#newsletter input[type="email"]
{
	width:250px;
}

#newsletter input[type="submit"],#newsletter button
{
	background-color:#0E2364;
	border:1px solid #0E2364;
	color:#fff;
	font-family:'Montserrat',sans-serif;
	height:30px;
	margin:0;
	padding:6px 9px;
}

#newsletter select
{	
	background:#3e5496 url(selectarrow_reverse.svg) no-repeat scroll 100% 0;
	color:rgba(255,255,255,0.5);
	padding:6px 20px 6px 9px;
}

#newsletter select.changed,#newsletter select:focus
{
	color:#fff;
}

#newsletter button:focus,#newsletter button:hover,#newsletter button:active,
#newsletter input[type="submit"]:focus,#newsletter input[type="submit"]:hover,#newsletter input[type="submit"]:active
{
	background-color:#0a1a52;
	border:1px solid #0a1a52;
}

#newsletter a,#newsletter a:link,#newsletter a:visited,#newsletter a:focus,#newsletter a:hover,#newsletter a:active
{
	text-decoration:underline;
}

#newsletter input.hasplaceholder
{
	color:rgba(255,255,255,0.5) !important;
}

#newsletter input:-moz-placeholder
{
	color:rgba(255,255,255,0.5) !important;
}

#newsletter input::-moz-placeholder
{
	color:rgba(255,255,255,0.5) !important;
}

#newsletter input:-webkit-input-placeholder
{
	color:rgba(255,255,255,0.5) !important;
}

#newsletter input::-webkit-input-placeholder
{
	color:rgba(255,255,255,0.5) !important;
}

#newsletter input:-ms-input-placeholder
{  
	color:rgba(255,255,255,0.5) !important;
}

#newsletter input::-ms-input-placeholder
{  
	color:rgba(255,255,255,0.5) !important;
}

.redflag
{
	margin:0;
	padding:0;
}

@media screen and (min-width:1060px)
{
    .redflag
    {
		background:transparent url(redflag.png) no-repeat scroll 100% 50%;
		float:right;
		margin-right:-72px;
		padding-right:72px;
	}
}

#footerlinks
{
	background-color:#243a7c;
	clear:both;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	height:45px;
	padding:8px 16px 0 10px;
}

@media screen and (min-width:800px)
{
	#footerlinks
	{
		bottom:0;
		position:absolute;
		right:calc(490px - 50vw);
		width:calc(344px + 50vw - 490px);
	}
}

@media print
{
	#footerlinks
	{
		display:none;
	}
}

#footerlinks ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}

#footerlinks li
{
	float:left;
	margin:0;
	padding:0 15px 0 0;
}

#footerlinks li::before
{
	content:'';
	display:none;
}

#currency
{
	height:24px;
	padding:0 0 20px 10px;
	width:200px;
}

@media screen and (min-width:800px)
{
	#currency
	{
		bottom:23px;
		left:10px;
		padding:0;
		position:absolute;
	}
}

@media screen and (min-width:960px)
{
	#currency
	{
		left:30px;
	}
}

@media print
{
	#currency
	{
		padding-left:0;
	}
}

#currency::before
{
	content:'We accept';
	color:rgba(255,255,255,0.5);
	float:left;
	padding:0 10px 0 0;
}

@media print
{
	#currency::before
	{
		color:#000;
	}
}

#currency ul
{
	width:102px;
	height:24px;
	padding:0;
	margin:0;
	float:left;
}

#currency li
{
	width:24px;
	height:24px;
	float:left;
	padding:0 10px 0 0;
}

#currency li:before
{
	display:none;
}

#currency a
{
	border-radius:100px;
	color:transparent !important;
	display:block;
	height:24px;
	font-size:0.5em;
	outline-color:#fff;
	width:24px;
}

#currency a,#currency a:link,#currency a:visited
{
	background-color:#365898;
}

#currency a:focus,#currency a:hover,#currency a:active
{
	background-color:#0e2364;
}

@media print
{
	#currency a,#currency a:link,#currency a:visited,
	#currency a:focus,#currency a:hover,#currency a:active
	{
		background-color:#fff;
		border:2px solid #000;
	}
}

#currency a svg
{
	display:block;
	height:24px;
	width:24px;
}

#currency a svg path
{
	fill:#fff;
}

@media print
{
	#currency a svg path
	{
		fill:#000;
	}
}

.clear
{
	clear:both;
}

.news-index
{
	float:right;
	margin:0;
	width:100%;
}

@media screen and (min-width:960px)
{	
	.news-index
	{
		width:81.11%;
	}
}

.news-index>ul
{
	margin:0;
	padding:0;
}

.news-index>ul>li
{
	padding-left:0;
}

.news-index>ul>li::before
{
	content:'';
	display:none;
}

.news-index>ul>li>article
{
	border:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:0 0 25px;
	padding:0;
	float:left;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.news-index>ul>li>article:hover
{
	background-color:#f4f4f4;
}

.news-index>ul>li>article .news-item-content
{
	padding:5px 10px 0;
}

@media screen and (min-width:800px)
{	
	.news-index>ul>li>article .news-item-content
	{
		padding:15px 20px 0 195px;
	}
}

.news-index>ul>li>article>figure
{
	float:left;
	margin:-1px 10px 10px -1px;
	width:145px;
}

@media screen and (min-width:800px)
{
	.news-index>ul>li>article>figure
	{
		margin-bottom:0;
		margin-right:20px;
		width:175px;
	}
}

.news-index>ul>li>article>figure img
{
	display:block;
	height:109px;
	object-fit:cover;
	width:145px;
}

@media screen and (min-width:800px)
{	
	.news-index>ul>li>article>figure img
	{
		height:131px;
		width:175px;
	}
}

.news-index time
{
	color:#858585;
	display:block;
	font-size:12px;
	padding:7px 0 13px;
}

.news-index time::before
{
	content:'Posted ';
	font-family:'Georgia','Times New Roman',serif;
	font-style:italic;
	text-transform:lowercase;
}



.news-detail
{
	width:100%;
}

@media screen and (min-width:960px)
{	
	.news-detail
	{
		float:right;
		width:81.11%;
	}
}

.news-detail>article
{
	border:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:0 0 25px;
	padding:0;
	float:left;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.news-detail>article>figure
{
	float:left;
	margin:-1px 10px 10px -1px;
	width:145px;
}

@media screen and (min-width:800px)
{
	.news-detail>article>figure
	{
		margin-bottom:0;
		margin-right:20px;
		width:175px;
	}
}

.news-detail>article>figure img
{
	height:109px;
	object-fit:cover;
	width:145px;
	display:block;
}

@media screen and (min-width:800px)
{	
	.news-detail>article>figure img
	{
		height:131px;
		width:175px;
	}
}

.news-detail .news-item-content
{
	padding:5px 10px 0;
}

@media screen and (min-width:800px)
{	
	.news-detail .news-item-content
	{
		padding:15px 20px 0;
	}
}

p.more
{
	margin:0;
	padding:0 10px 0 15px;
	text-align:right;
}

@media screen and (min-width:800px)
{	
	p.more
	{
		padding-left:15px;
		padding-right:10px;
	}
}

.news-detail p.more
{
	padding:20px 5px 0 10px;
}

@media screen and (min-width:800px)
{	
	.news-detail p.more
	{
		padding-left:15px;
		padding-right:10px;
	}
}

.news-detail time
{
	color:#858585;
	display:block;
	font-size:12px;
	padding:7px 0 13px;
}

.news-detail time::before
{
	content:'Posted ';
	font-family:'Georgia','Times New Roman',serif;
	font-style:italic;
	text-transform:lowercase;
}

p.more a
{
	display:inline-block;
	margin:0 6px 0 0;
	padding:0 7px;
	text-transform:lowercase;
}

@media screen and (min-width:800px)
{
	p.more a
	{
		margin:0 5px;
	}
}

p.more a.first
{
	float:left;
}

p.more a,p.more a:link,p.more a:visited
{
	color:#fff;
	text-decoration:none;
	background-color:#900;
}

p.more a:focus,p.more a:hover,p.more a:active
{
	color:#fff;
	text-decoration:none;
	background-color:#7a0000;
}

p.pagination span
{
	padding:0 7px;
	margin:0 10px 0 0;
	display:inline-block;
	text-transform:lowercase;
	background-color:#f4f4f4;
}

p.pagination a
{
	padding:0 7px;
	margin:0 10px 0 0;
	display:inline-block;
	text-transform:lowercase;
	background-color:#900;
}

p.pagination a,p.pagination a:link,p.pagination a:visited
{
	color:#fff;
	text-decoration:none;
	background-color:#900;
}

p.pagination a:focus,p.pagination a:hover,p.pagination a:active
{
	color:#fff;
	text-decoration:none;
	background-color:#7a0000;
}

.news-top-stories
{
	color:#525252;
	font-size:12px;
	padding:0;
	position:relative;
	width:100%;
}

.news-top-stories h3
{
	background-color:#f4f4f4;
	border-bottom:1px solid #ccc;
	color:#900;
	margin:0;
	padding:14px 90px 14px 12px;
	text-transform:uppercase;
}

.news-top-stories h3 a,.news-top-stories h3 a:link,.news-top-stories h3 a:visited
{
	color:#900;
	text-decoration:none;
}

.news-top-stories h3 a:focus,.news-top-stories h3 a:hover,.news-top-stories h3 a:active
{
	color:#900;
	text-decoration:underline;
}

.news-top-stories .greyflag
{
	background-image:none;
	margin:0;
	padding:0;
}

.news-top-stories p.readmore
{
	background-color:transparent;
	color:#777;
	font-size:12px;
	position:absolute;
	right:10px;
	text-align:right;
	top:18px;
	width:80px;
}

.news-top-stories p.readmore a,.news-top-stories p.readmore a:link,.news-top-stories p.readmore a:visited
{
	color:#777;
	text-decoration:none;
}

.news-top-stories p.readmore a:focus,.news-top-stories p.readmore a:hover,.news-top-stories p.readmore a:active
{
	color:#333;
	text-decoration:underline;
}

.news-top-stories>ul
{
	display:grid;
	grid-row-gap:0;
	row-gap:0;
	grid-column-gap:20px;
	column-gap:20px;
	grid-template-columns:1fr;
	list-style-type:none;
	margin:0;
	padding:7px 0 1em;
}

@media screen and (min-width:400px)
{
	.news-top-stories>ul
	{
		grid-template-columns:1fr 1fr;
	}
}


.news-top-stories>ul>li
{
	padding-left:0;
	width:100%;
}

.news-top-stories>ul>li::before
{
	content:'';
	display:none;
}

.news-top-stories time
{
	color:#858585;
	display:block;
	font-size:12px;
	padding:1px 0 8px;
}

#print
{
	display:none;
}

@media screen and (min-width:960px)
{	
	#print
	{
		grid-area:fina;
		justify-self:end;
		display:block;
		height:19px;
		width:19px;
		align-self:end;
		margin:0 0 6px;
	}
}

#print a
{
	display:block;
	width:19px;
	height:19px;
}

#print a,#print a:link,#print a:visited
{
	opacity:0.5;
}

#print a:focus,#print a:hover,#print a:active
{
	opacity:1.0;
}

#finance-button
{
	font-family:'Montserrat',sans-serif;
	padding:0 0 10px;
	width:120px;
	grid-area:fina;
	justify-self:start;
}

@media print
{
	#finance-button
	{
		display:none;
	}
}

#finance-button a
{
	font-size:12px;
	display:inline-block;
	padding:3px 6px;
}

#finance-button a,#finance-button a:link,#finance-button a:visited
{
	background-color:#f4f4f4;
	color:#888;
	text-decoration:none;
}

#finance-button a:focus,#finance-button a:hover,#finance-button a:active
{
	background-color:#f4f4f4;
	color:#333;
	text-decoration:none;
}
.galleria-stage img
{
	cursor:zoom-in;
}
.fullscreen .galleria-stage img
{
	cursor:zoom-out;
}

.photos
{
	grid-area:phot;
	height:auto;
	padding:0;
	position:relative;
	width:100%;
	margin:0 0 40px;
}


@media print
{
	.photos
	{
		padding:0;
	}
}

.photos ul
{
	margin:0;
	padding:75% 0 0;
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

@media print
{
	.photos ul
	{
		display:grid;
		grid-row-gap:10px;
		row-gap:10px;
		grid-column-gap:10px;
		column-gap:10px;
		grid-template-columns:repeat(4,1fr);
		padding:0;
		position:static;
	}
}

.photos ul li
{
	background-image:none;
	background-color:#fff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:100%;
	margin:0;
	opacity:1.0 !important;
	padding:0;
	width:100%;
	position:absolute;
	top:0;	
	left:0;
}

@media print
{
	.photos ul li
	{
		height:auto;
		position:static;
	}
}

.photos ul li::before
{
	content:'';
	display:none;
}

.photos ul li img
{
	display:block;
	max-width:100%;
	max-height:100%;
}

@media print
{	
	.photos ul li img
	{
		max-height:unset;
	}
}

.photos ul li.last-active 
{
    z-index:80;
}

.photos ul li.active 
{
    z-index:90;
}

.photos div.overlay
{
	box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);
	cursor:pointer;
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:95;
}

@media print
{	
	.photos div.overlay
	{
		display:none;
	}
}

.photos .caption
{
	display:none;
}

.photos div.overlay:hover
{
	background-color:rgba(0,0,0,0.1);
}

.photos div.overlay p
{
	background:rgba(0,0,0,0.6) url(photos_icon.svg) no-repeat scroll calc(100% - 20px) 50%;
	font-size:14px;
	font-family:'Montserrat',sans-serif;
	color:#fff;
	padding:14px 0 0 15px;
	width:180px;
	height:36px;
	margin:0;
	position:absolute;
	bottom:0;
	left:0;
	display:block;
}

@media print
{
	.photos div.overlay p
	{
		display:none;
	}
}


.photos .pagination
{
	display:block;
	position:absolute;
	bottom:0;
	left:420px;
	width:60px;
	padding:3px 0;
	background:transparent url(pagination.png) repeat scroll 0 0;
	text-align:center;
	color:#fff;
	font-size:12px;
	z-index:200;
}

@media print
{		
	.photos .pagination
	{
		display:none;
	}
}

.videos
{
	display:none;
	width:100%;
	grid-area:vide;
	margin:0;
}

.js .videos
{
	display:block;
}

@media print
{
	.js .videos
	{
		display:none;
	}
}

.videos ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}

.videos li
{
	background-image:none;
	margin:0 0 40px;
	padding:56.25% 0 0;
	position:relative;
}

.videos li::before
{
	content:'';
	display:none;
}


.videos iframe
{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}

#boat-enquiry-form h3
{
	font-size:20px;
	background-color:#666;
	padding:8px 12px 7px 12px;
	margin:0;
	color:white;
}

#boat-detail .greyflag
{
	margin:0;
	padding:0;
	background-image:none;
}

#boat-disclaimer
{
	grid-area:disc;
	clear:both;
	color:#202020;
	font-size:12px;
	margin:0;
	padding:20px 0 0;
}

@media screen and (min-width:800px)
{		
	#boat-disclaimer
	{
		border-top:1px solid #ddd;
		padding-top:9px;
	}
}

#boat-detail
{
	clear:both;
	padding:0;
	display:grid;
	grid-row-gap:0;
	row-gap:0;
	grid-column-gap:30px;
	column-gap:30px;
	grid-template-columns:1fr;
	grid-template-areas:"head" "pric" "fina" "phot" "vide" "body" "form" "disc";
}

@media screen and (min-width:960px)
{
	#boat-detail
	{
		grid-template-columns:0.8125fr 1fr;
		grid-template-rows:repeat(4,min-content) 1fr min-content;
		grid-template-areas:"head head"
							".    fina"
							"body phot"
							"body vide"
							"body form"
							"disc disc";
	}
}
/*
@media print
{
	#boat-detail
	{
		display:block;
	}
}
*/
#boat-detail h1
{
	grid-area:head;
	
}

@media screen and (min-width:800px)
{
	#boat-detail h1
	{
		padding-bottom:23px;
	}
}

#boat-detail h1 span.status
{
	background-color:#ad3333;
	border:1px solid #ad3333;
	color:#fff;
	display:inline-block;
	font-family:'Arial',sans-serif;
	font-size:13px;
	height:18px;
	line-height:1.2;
	margin:0 0 0 10px;
	padding:4px 9px 0;
	position:relative;
	top:-5px;
}

#boat-detail .content
{
	grid-area:body;
}

#boat-detail .description
{
	font-family:'Georgia','Times New Roman',serif;
	font-size:15px;
	font-style:italic;
	padding:0 0 20px;
}

#boat-detail .price
{
	background:transparent url(redflag.png) no-repeat scroll 100% 50%;
	color:#fff;
	font-size:18px;
	margin:20px 0 10px -5px;
	padding:7px 0 6px 10px;
	width:470px;
	z-index:300;
	grid-area:pric;
	position:relative;
	align-self:start;
	justify-self:start;
}

@media screen and (min-width:960px)
{	
	#boat-detail .price
	{
		grid-area:phot;
		padding-left:15px;
	}
}

@media print
{
	#boat-detail .price
	{
		margin-left:0;
	}
}

#boat-detail .price strong
{
	font-size:24px;
	font-style:normal;
	font-weight:normal;
}

#boat-detail .price strong span
{
	font-size:20px;
}

#boat-detail .price .pricecomment
{
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	text-transform:uppercase;
}

#landing-index
{
	width:100%;
}

#landing-index ul
{
	color:#fff;
	list-style-type:none;
	margin:0;
	padding:0;
	display:grid;
	grid-row-gap:10px;
	row-gap:10px;
	grid-column-gap:10px;
	column-gap:10px;
	grid-template-columns:1fr;
}


@media screen and (min-width:320px)
{
	#landing-index ul
	{
		grid-template-columns:repeat(2, 1fr);
	}
}

@media screen and (min-width:480px)
{
	#landing-index ul
	{
		grid-template-columns:repeat(3, 1fr);
	}
}

@media screen and (min-width:800px)
{
	#landing-index ul
	{
		grid-template-columns:repeat(4, 1fr);
	}
}

@media screen and (min-width:960px)
{
	#landing-index ul
	{
		margin-left:170px;
	}
}

#landing-index li
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0;
	position:relative;
	width:100%;
}

#landing-index li:before
{
	content:'';
	display:none;
}

#landing-index a
{
	background-color:#334C85;
	display:block;
	position:relative;
}

#landing-index a,#landing-index a:link,#landing-index a:visited
{
	background-color:#334C85;
	color:#fff;
	text-decoration:none;
}

#landing-index a:focus,#landing-index a:hover,#landing-index a:active
{
	background-color:#900;
	color:#fff;
	text-decoration:none;
}

#landing-index a::before
{
	content:'';
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}

#landing-index a:focus::before,#landing-index a:hover::before,#landing-index a:active::before
{
	box-shadow:inset 0 0 0 5px #900;
}

#landing-index img
{
	display:block;
	width:100%;
}

#landing-index figcaption
{
	font-family:'Montserrat',sans-serif;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	line-height:1.2;
	margin:0;
	padding:9px 10px;
}

@media screen and (min-width:800px)
{
	#landing-index figcaption
	{
		font-size:24px;
		padding:9px 15px 13px;
	}
}

#boat-index-sort
{
	background-color:transparent;
	box-shadow:none;
	margin:0 0 20px;
	padding:0;
}

@media screen and (min-width:960px)
{
	#boat-index-sort
	{
		position:absolute;
		right:35px;
		top:57px;
	}
}

#boat-index
{
	width:100%;
	padding:0;
	float:left;
	position:relative;
}

.template-home #boat-index
{
	width:100%;
	max-width:925px;
	padding:0 0 12px;
	margin:0;
}

@media screen and (min-width:960px)
{
	.template-home #boat-index
	{
		width:103%;
		margin-left:-25px;
	}
}

#boat-index h3
{
	margin-bottom:30px;
	margin-top:0;
}

#boat-index ul
{
	display:grid;
	grid-row-gap:10px;
	row-gap:10px;
	grid-column-gap:10px;
	column-gap:10px;
	grid-template-columns:1fr;
	padding:0 0 12px;
	margin:0;
	list-style-type:none;
	font-size:12px;
	color:#555;
}


@media screen and (min-width:320px)
{
	#boat-index ul
	{
		grid-template-columns:repeat(2, 1fr);
	}
}

@media screen and (min-width:480px)
{
	#boat-index ul
	{
		grid-template-columns:repeat(3, 1fr);
	}
}

@media screen and (min-width:800px)
{
	#boat-index ul
	{
		grid-template-columns:repeat(4, 1fr);
	}
}

@media screen and (min-width:960px)
{
	.template-home #boat-index ul
	{
		grid-template-columns:repeat(5, 1fr);
	}
}

@media screen and (min-width:960px)
{
	body:not(.template-home) #boat-index ul
	{
		margin-left:170px;
	}
}





#boat-index ul li
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0;
	position:relative;
	width:100%;
}



#boat-index ul li:before
{
	content:'';
	display:none;
}

.template-home #boat-index ul li:nth-child(n+6)
{
	display:block;
}

@media screen and (min-width:960px)
{
	.template-home #boat-index ul li:nth-child(n+6)
	{
		display:none;
	}
}

article.boat-index
{
	position:relative;
	padding:0 0 1px;
	background-color:#f4f4f4;
	box-shadow:inset 0 0 0 1px #ddd;
}

.js article.boat-index:hover
{
	cursor:pointer;
}

article.boat-index div.overlay
{
	display:none;
}

.js article.boat-index div.overlay
{
	display:block;
	width:100%;
	padding:75% 0 0;
	position:absolute;
	top:0;
	left:0;
	background:transparent url(imageoverlay175.png) no-repeat scroll 0 0;
	background-size:100%;
}

.js article.boat-index:hover div.overlay
{
	padding-bottom:5px;
	box-shadow:inset 0 0 0 5px #900;
}

article.boat-index p
{
	padding:0 10px 5px;
}

article.boat-index p.image
{
	margin:0;
	padding:0;
	background-color:#334C85;
}

article.boat-index:hover p.image
{
	background-color:#900;
}

article.boat-index p.image img
{
	display:block;
	width:100%;
}

article.boat-index h4
{
	color:#fff;
	background-color:#334C85;
	line-height:1.2;
	padding:0;
	margin:0 0 10px;
	font-size:13px;
}

article.boat-index h4 a
{
	padding:7px 10px 10px;
	color:#fff;
	display:block;
	background-color:#334C85;
}

article.boat-index h4 a,article.boat-index h4 a:link,article.boat-index h4 a:visited
{
	color:#fff;
	background-color:#334C85;
	text-decoration:none;
}

article.boat-index h4 a:focus,article.boat-index h4 a:hover,article.boat-index h4 a:active
{
	color:#fff;
	background-color:#900;
	text-decoration:none;
}	

article.boat-index:hover h4 a,article.boat-index:hover h4 a:link,article.boat-index:hover h4 a:visited,article.boat-index:hover h4 a:focus,article.boat-index:hover h4 a:hover,article.boat-index:hover h4 a:active
{
	color:#fff;
	background:#900 no-repeat scroll 50% 0;
	text-decoration:none;
}

article.boat-index p.status
{
	margin:0;
	font-size:12px;
	color:#fff;
	background-color:#900;
	padding:4px 7px;
	line-height:1.2;
	position:absolute;
	top:0;
	right:0;
	float:none;
}

article.boat-index .price
{
	font-weight:bold;
	color:#001F66;
}

article.boat-index .price .pricecomment
{
	font-style:normal;
	font-weight:normal;
	font-size:11px;
	color:#777;
	text-transform:uppercase;
}

article.boat-index .description
{
	
}

article.boat-index .year
{
	border-top:1px solid #ddd;
	padding:3px 10px;
}

article.boat-index .year strong
{
	font-size:10px;
	font-weight:bold;
	font-family:'Montserrat',sans-serif;
}

article.boat-index .length
{
	border-top:1px solid #ddd;
	padding:3px 10px;
}

article.boat-index .length strong
{
	font-size:10px;
	font-weight:bold;
	font-family:'Montserrat',sans-serif;
}

#boat-index p.pagination
{
	padding-left:170px;
}

#boat-index p.pagination span,#boat-index p.pagination a
{
	margin-right:1px;
}

.hidden
{
	display:none;
}

.clearleft
{
	clear:left;
}

#boat-enquiry-form form
{
	padding-right:15px;
	margin:0 0 20px;
	padding-top:0;
}

#boat-enquiry-form form p
{
	background-color:#666;
	color:#fff;
	padding:0 15px 10px;
	margin:0 -15px 1em;
}

.error
{
	padding-top:9px;
	color:#c00;
	font-size:11px;
}

.form-field
{
	clear:both;
	padding:10px 0 0;
}

.form-field.hp
{
	display:none;
}

.form-buttons
{
	clear:both;
	padding:25px 0 0;
	text-align:right;
}

.form-field-col1
{
	width:49%;
	float:left;
}

.form-field-col2
{
	width:49%;
	float:right;
}

.form-input
{
	margin-left:90px;
}

.loan-calculator .form-input
{
	margin-left:50%;
}

.form-field-col2 label
{
	text-align:right;
}

.greyflag
{
	margin:0 0 13px;
	padding:0;
}

@media screen and (min-width:1060px)
{
    .greyflag
	{
		background:transparent url(greyflag.png) no-repeat scroll 100% 50%;
		margin-right:-72px;
		padding-right:72px;
	}
}

.greyflag h3
{
	margin-bottom:0;
}

div.radio,div.checkbox
{
	padding-top:4px;
}

#toplink
{
	clear:both;
	font-size:11px;
	text-align:right;
}

@media print,all and (min-width:800px)
{
	#toplink
	{
		display:none;
	}
}

#toplink p
{
	padding:5px 0;
}

#toplink a,#toplink a:link,#toplink a:visited
{
	color:#666;
	text-decoration:none;
}

#toplink a:focus,#toplink a:hover,#toplink a:active
{
	color:#333;
	text-decoration:none;
}

#boat-enquiry-container
{
	grid-area:form;
	padding:0 0 40px;
}

@media print
{
	#boat-enquiry-container
	{
		display:none;
	}
}

#pdsContent form
{
	display:none;
}


@media screen and (min-width:800px)
{
	#pdsContent p:first-of-type
	{
		position:absolute;
		top:0;
		left:112.5%;
		width:200px;
		height:70px;
	}
}