/* CSS Document */
@font-face {
	font-family: 'gothic';
	src: url('/fonts/gothic.eot');
	src: local('gothic'), url('fonts/gothic.woff') format('woff'), url('fonts/gothic.ttf') format('truetype');
}
@font-face{
	font-family: 'Century Gothic Bold'; 
	src: url('fonts/century_gothic_bold.eot'); 
	src: url('fonts/century_gothic_bold.eot?#iefix') format('embedded-opentype'), url('fonts/century_gothic_bold.svg#Century Gothic Bold') format('svg'), url('fonts/century_gothic_bold.woff') format('woff'), url('fonts/century_gothic_bold.ttf') format('truetype'); 
	font-weight: normal; 
	font-style: normal;
}
/* reset css styles */
body, h1, h2, h3, h4, img, form, p{
	padding:0;
	margin:0;
	border:0;
	font-size:14px;
}
ul{
	font-size:14px;
}

body{
	font-family: 'gothic' !important;
}
.background{
	/*background:url(/images/sailbackground.jpg) top center no-repeat;
	background-attachment:fixed;*/
}
h1{
	font-size:37px;
	border-bottom:1px solid #999;
	color:#f4a301;
	font-family:'Century Gothic Bold', sans-serif;
	padding-bottom:10px;
	margin-bottom:30px;
}
ul h1{
	padding-bottom:0;
	border-bottom:1px solid #fff;
	margin-bottom:10px;
	width:550px;
	text-transform:lowercase;
	margin-left:25px;
}
h2{
	font-size:20px;
	color:#515151;
	font-family:'Century Gothic Bold', sans-serif;
	padding:10px 0;
}
h2 a{
	color:#515151;
	transition:all ease-in-out 0.3s;
}
h2 a:hover{
	color:#F5A301;
	transition:all ease-in-out 0.3s;
}
p, li{
	text-align:left;
	font-family:arial, helvetica, sans-serif;
}
li{
	margin-bottom:5px;
}
.clear{
	clear:both;
}
.background{
	margin-left:20px;
}
.outerwrapper{
	width:1067px;
	margin:0 auto;
	
}
.innerwrapper{
	/*width:963px;*/
	margin:10px auto;
}
.header{
	/*height:201px;*/
}
.logo{
	width:239px;
	float:left;
}
.nav{
	width:677px;
	float:right;
}
.telephone{
	color:#FFF;
	width:239px;
	text-align:center;
	background-color:#002566;
	clear:both;
	margin-bottom:1px;
	height:70px;
}
.headerbanner{
  position:absolute;
  margin-left:240px;
}
.telephone a{
	color:#FFF;
	text-decoration:none;
}
.telephone a:hover{
	text-decoration:underline;
}
.telephone>p{
	font-size:16px;
	padding-top:14px;
	text-align:center;
	font-family:'Century Gothic Bold', sans-serif;
}
.contentimage{
	margin:0 1px 1px 0px;
	float:left;
}
.content{
	margin-top:30px;
}
.content2{
	width:680px;
	margin-top:10px;
}
.content2 td{
	padding:3px;
	font-family:arial, helvetica, sans-serif;
}

.contentbox h1{
	font-size:24px;
	color:#515151;
	margin-bottom:20px;
	font-family:'Century Gothic Bold', sans-serif;
}
.contentbox{
	float:left;
	width:221px;
	margin-right:16px;
}
.contentbox h1 a{
	color:#515151;
	text-decoration:none;
}
.contentbox h1 a:hover{
	text-decoration:underline;
}
.gallerypagecontent{
	float:right;
	width:239px;
	margin-right:20px;
}
.last{
	float:right;
	margin-right:30px;
	z-index:9999;
}
.bluebg{
	background-color: rgba(171,171,173,0.2);
	color:#000;
	font-family:arial, helvetica, sans-serif;
	margin-top:-3px;
	min-height:170px;
}
.bluebg>p{
	padding:8px;
	font-size:11px;
	font-weight:normal;
	margin:0;
}
.information{
	margin-top:40px;
	clear:both;
}
.information ul{
	list-style-type:none;
	margin-left:-40px;
	-moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}
.information li{
	list-style:none;
	font-family:arial, sans-serif;
	font-weight:normal;
	background:url(/content/uploaded/logobullets.jpg) left bottom no-repeat;
	background-position:0px 5px;
	height:30px;
	padding:10px 0 5px 50px;
	padding-start:0;
	border-bottom:1px solid #FFF;
}
.information .lastbullet{
	border-bottom:0;
}
.information li a{
	text-decoration:none;
	color:#000;
}
.information li a:hover{
	text-decoration:underline;
}
.footerouter{
	margin-top:50px;
	background-color:#002566;
	border-top:5px solid #f2a301;
	border-bottom:5px solid #f2a301;
	z-index:9999;
	clear:both;
	min-width:980px;
	margin-left:-20px;
	overflow:visible;
}
.footerinner{
	width:923px;
	margin:0 auto;
	z-index:10000;
}
.footerleft{
	float:left;
	font-size:18px;
	font-family:'gothic', sans-serif;
	color:#FFF;
	margin:15px 0;
}
.footerright{
	float:right;
	font-size:18px;
	font-family:'gothic', sans-serif;
	color:#FFF;
	margin:25px 20px 20px 0;
	text-align:right;
}
.footerright a{
	color:#FFF;
	text-decoration:none;
}
.footerright a:hover{
	text-decoration:underline;
}
.socialmedia{
	float:right;
	margin-top:13px;
}
#footerSocial {
	float: right;
	margin-right: 10px;
	margin-top: -75px;
	height:70px;
	overflow:hidden;
	z-index:90;
	width:200px;
	padding-right:20px;
}
#footerSocial img{
	margin-right:10px;
}
#footerSocial .twitter{
	float:right;
	margin-top:40px;
	transition:all ease-in-out 0.2s;
	-webkit-transform:rotate(15deg);
	transform:rotate(15deg);
	margin-right:30px;
}
#footerSocial .twitter:hover{
	margin-top:10px;
	transition:all ease-in-out 0.2s;
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
#footerSocial .facebook{
	float:right;
	margin-top:40px;
	transition:all ease-in-out 0.2s;
	-webkit-transform:rotate(15deg);
	transform:rotate(15deg);
}
#footerSocial .facebook:hover{
	margin-top:10px;
	transition:all ease-in-out 0.2s;
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
#contactbox{
	width:330px;
	float:left;
	border-right:1px solid #999;
	margin-right:30px;
	min-height:500px;
}
#contactbox .inputsingle{
	width:300px;
	margin-bottom:20px;
	margin-top:5px;
}
#contactbox .inputmulti{
	width:300px;
	height:100px;
	margin-bottom:20px;
	margin-top:5px;
}
#contactbox .submit {
background: #668DB2;
width: 300px;
height: 28px;
border: 0px;
color: #FFF;
}
.inputsingle{
	width:300px;
}
input[type="submit"].inputsingle{
	background-color:#F2A501;
	border:1px solid #fff;
	padding:3px;
}
input[type="submit"].inputsingle:hover{
	background-color: #795200;
	color:#FFF;
}
.inputsmall{
	width:50px;
}


/* Ease In Styles */
.photo {
position: relative;
float: left;
overflow: hidden;
height:165px;
}
.photo .easein a {
	color: #fff;
	font: bold 14px/20px 'gothic', sans-serif;
	font-family: 'gothic';
	text-transform: uppercase;
	transition: 0.5s ease all;
	-o-transition: 0.5s ease all;
	-webkit-transition: 0.5s ease all;
	text-decoration:none;
	padding:5px 10px;
	margin-top:10px;
	text-align:center;
}
.photo p{
	text-align:center;
}
.photo .easein>div {
	position: absolute;
	margin: 0 auto;
	top: 50%;
	margin-top: -9px;
	left: 0;
	right: 0
}
.photo .easein a:hover {
	background-color: rgba(0,0,0,0.5);
	transition: 0.5s ease all;
	-o-transition: 0.5s ease all;
	-webkit-transition: 0.5s ease all;
}
.photo .easein {
	text-align: center;
	overflow: hidden;
	position: absolute;
	bottom: 100%;
	width: 100%;
	height: 100%;
	background-color: rgba(171,171,173,0.8);
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
}
.photo:hover .easein {
	bottom: 0;
}
.easein h1{
	font: bold 24px 'gothic', sans-serif;
	font-family: 'gothic';
	/*text-transform:uppercase;*/
	color: #fff;
	border-bottom: 1px solid #fff;
	margin: -30px 20px 10px 20px;
}
.easein h1 a{
	font: bold 20px 'gothic', sans-serif !important;
}
.newsshort{
	width:220px;
	float:right;
	margin-right:20px;
}
.newsshort a{
	color: #F5A301;
	text-decoration: none;
}
.newsshort a:hover{
	text-decoration:underline;
}
#newsholder{
	/*margin-top:20px;
	padding:10px 10px 20px 10px;*/
}
#newsholder hr{
	background-color:#F5A301;
	height:2px;
}
#newsholder h2{
	color:#F5A301;
}
#newsholder a{
	color:#F5A301;
	text-decoration:none;
}
#newsholder a:hover{
	text-decoration:underline;
}
#newsholder p{
	color:#808080;
}
.pagenavedge a, .pagenavlive a {
background-color: #F5A301;
color: #fff !important;
padding: 8px 12px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}
hr{
	height:1px;
	border:0;
}
#getaquote{
	border:1px solid #707070;
	padding:10px;
	border-radius:5px;
}
.quote {
	background-color:#CCC;
}
.quote tr:nth-child(even){
	background-color: #E9E9E9;
}
.quote td{
	padding:10px;
	vertical-align:top;
}
#newsholder p{
	text-align:left;
}
.showhidemenu{
  display:none;
}
.quoteleft{
    position:absolute;
    width:180px;
    text-align:left;
  }
.quoteright{
  text-align:left;
  margin-left:190px;
  width:400px;
  margin-bottom:20px;
}
.quotefull{
  width:95%;
  padding-bottom:10px;
}
.sailsleft{
  position:absolute;
  width:200px;
  text-align:left;
}
.sailsleft img, .sailsright img, .tableleft img, .tableright img, .quotefull img{
  max-width:100%;
  height:auto;
}
.sailsright{
  text-align:left;
  margin-left:35%;
  width:400px;
  margin-bottom:20px;
}
.tableleft{
  width:200px;
  text-align:left;
  vertical-align:top;
}
.tableright{
  text-align:left;
  width:400px;
  vertical-align:top;
}
.clearright{
  clear:right;
}
.searchbox{
  float:right;
  margin-top:-50px;
  width:300px;
  text-align:right;
  margin-right:27px;
}
.searchbox input[type="text"]{
  background: url(/images/search-icon.png) right no-repeat ;
  background-position: 200px 10px;
  outline:none;
  border:1px solid #A3A3A3;
  border-radius:20px;
  padding:10px 40px 10px 20px;
  font-size:14px;
}
.divider{
  height:1px;
  width:100%;
  background-color:#D5D5D5;
  margin-top:10px;
}
.quoteresultsright{
  float:right;
  width:45%;
  text-align:right;
}
.quoteresultsleft{
  width:45%;
  text-align:left;
}
@media only screen and (max-width : 720px) and (-webkit-min-device-pixel-ratio: 0)   {
  .logo{
    float:none;
    margin:0 auto;
  }
  .headerbanner{
    position:relative;
    margin:0;
  }
  .headerbanner img{
    width:100%;
    height:auto;
  }
  .telephone, .footerouter, .footerinner{
    width:100%;
    min-width:100%;
    margin-left:0;
  }
  .newsshort{
    float:none;
    margin-right:0;
    width:100%;
  }
  .contentbox img{
    float:left;
    margin-right:10px;
  }
  .contentbox{
    margin-bottom:20px;
  }
  .information li{
    background:none;
    list-style:inside disc;
    padding:10px 0 5px 10px;
  }
  .information ul{
    padding-left:0;
    margin-left:0;
  }
  .innerwrapper, .background{
    margin:0 auto;
  }
  .footerleft, .footerright{
    margin-left:10px;
    text-align:center;
    float:none;
  }
  #footerSocial{
    margin-top:-85px;
  }
  
	#header, #navtext, #headerwrapper, .innerwrapper, .ib-container, .contentbox{
		width:97%;
    margin-left:5px;
	}
  .gallerypage{
    display:none;
  }
	.wrapper{
		width:95%;
		margin:0px 20px 0 20px;
	}
	#navtext{
		margin-top:20px;
	}
	.header{
		background-color:#fff;
		
	}
	#header #contact{
		margin-left:160px;
		font-size:20px;
    float:right;
    position:relative;
	}
	#headerwrapper{
		box-shadow:none;
	}
	#menu1 a{
		font-size:22px !important;
	}
	
	#gallerywrapper, .linedivider, #footer, #social, #slider, .gallerypagecontent{
		display:none;
	}
	#threeboxes{
		width:100%;
		margin:0px;
	}
	.boxa h1, .boxb h1, .boxc h1, .box1 h1, .box2 h1, .boxfullwidth h1{
		font-size:36px !important;
	}
	.boxa p, .boxb p, .boxc p, .box1 p, .box2 p, .boxfullwidth p, .maincontent p{
		font-size:22px !important;
	}
	#threeboxes img, .boxa img, .boxb img, .boxc img, .box1 img, .box2 img, .boxfullwidth img{
		width:400px;
		height:267px;
	}
	.boxa, .boxb, .boxc, .box1, .box2, .boxfullwidth{
		width:100%;
		background-color:#F9F9F9;
		background-image:none;
		height:500px;
	}
	#footerphone{
		display:inline-block;
		background-color:#093365;
		color:#FFF;
		font-family:"Average Sans", sans-serif;
		font-size:20px;
		text-align:center;
		width:100%;
		padding:20px 0;
		margin:20px 0px 0 0px;
	}
	#footerphone a{
		color:#FFF;
	}
	.maincontent{
		border-top:none;
		margin-top:50px;
	}
	#menu1 .dropdown{
		display:none !important;
	}
	#banner0{
		display:none;
	}
  #container{
    width:100%;
    padding:0;
  }
	.wrappercart{
		width:580px;
		margin-top:20px;
	}
	.wrappercart #content{
		width:550px;
		margin-left:20px;
	}
	.wrappercart #content p, .wrappercart #content a.button, .wrappercart #content input[type="submit"], .wrappercart #content b, .wrappercart #content input[type="text"], .wrappercart #content input[type="password"], .wrappercart #content a, .warning, #contactbox form{
		font-size:18px !important;
	}
	.wrappercart #content a.button{
		font-size:18px !important;
	}
	.box-heading, .name{
		font-size:20px !important;
		line-height:20px !important;
	}
	.box-content{
		font-size:18px !important;
	}
	.image{
		width:100% !important;
	}
	.image img{
		
	}
	.options{
		margin-left:0 !important;
		font-size:20px;
	}
	.cart span, .cart input[type="text"], #tab-description, #tab-description p, #tabs{
		font-size:20px !important;
	}
	.cart .postcodebox{
		width:300px !important;
	}
	.tab-content{
		
	}
	.subnavmobile{
		display:inline-block;
		font-family: 'Average Sans', sans-serif;
		font-size:18px;
		color:#666;
	}
	.subnavmobile a{
		text-transform:uppercase;
		color:#666;
		margin:0 20px;
	}
	.boxb iframe{
		width:100%;
		height:400px;
	}
  #column-left{
    background-color:#093365;
    max-width:50%;
    position:absolute;
    padding:10px;
    z-index:100000;
  }
  .column-leftshow{
    margin-left:10px;
    opacity:1;
    transition:all ease-in-out 0.5s;
  }
  .column-lefthidden{
    margin-left:-200px;
    opacity:0;
    transition:all ease-in-out 0.5s;
  }
  .box-content a, .box-content, .box-category > ul > li > a, .mini-cart-info td, .mini-cart-total td, .mini-cart-info .name small{
    color:#022B69;
  }
  .box-content h3{
    font-size:16px;
    color:#000000;
  }
  .wrappercart #content, .wrappercart{
    width:95%;
  }
  #column-left + #content{
    margin-left:0px;
  }
  .product-grid{
    
  }
  #content > .box{
    margin-top:20px;
  }
  .product-info .image, .product-info > .left{
    float:none;
    margin-bottom:0;
  }
  .showhidemenu{
    display:block;
    color:#fff;
    background-color:#093365;
    padding:5px;
    cursor:pointer;
    font-weight:bold;
    width:100px;
    border-radius:3px;
    text-align:center;
    font-size:18px;
    margin-left:10px;
  }
  .tab-content{
    background-image:none;
  }
  .htabs a, .htabs a.selected{
    background:#fff;
  }
  .quoteleft{
    position:absolute;
    width:25%;
    text-align:left;
  }
  .quoteright{
    text-align:left;
    margin-left:35%;
    width:60%;
    margin-bottom:20px;
  }
  .quotefull{
    width:95%;
    padding-bottom:10px;
  }
  .sailsleft{
    position:absolute;
    width:25%;
    text-align:left;
  }
  .sailsleft img, .sailsright img{
    width:100%;
  }
  .sailsright{
    text-align:left;
    margin-left:35%;
    width:60%;
    margin-bottom:20px;
  }
  .quotefull{
    width:95%;
    padding-bottom:10px;
  }
  .content2{
    width:100%;
  }
  .quoteright .radio{
    width:100%;
    display:block;
  }
  .inputsingle{
    width:95%;
  }
  .searchbox{
    float:none;
    margin-top:20px;
    width:300px;
    text-align:right;
  }
  .searchbox input[type="text"]{
    background: url(/images/search-icon.png) right no-repeat ;
    background-position: 10px 10px;
    outline:none;
    border:1px solid #A3A3A3;
    border-radius:20px;
    padding:10px 40px 10px 40px;
    font-size:14px;
  }
  .quoteresultsright{
    float:none;
    width:100%;
    text-align:center;
  }
  .quoteresultsleft{
    width:100%;
    text-align:center;
    margin-top:20px
  }
  .quoteresultsleft p{
    text-align:center;
  }
}