body,p,label,span, .tooltip{
  font-family: 'Open Sans', sans-serif;
  font-weight:300;
}

/* Generic */

h1,h2{
  color:#003F8A;
  font-family: 'Open Sans', sans-serif;
  font-size:40px;
  font-weight:300;
  margin:50px auto;
  text-align:center;
}

h2{font-size:30px;}

h1 span, h2 span{
  border-bottom:1px solid #0091D0;
  padding-bottom:10px;  
}

h4{
  font-family: 'Open Sans', sans-serif;
  font-weight:300;
  font-size:20px;
  font-style: normal;
  line-height:24px;
}

p{
  color:#666;
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  font-weight:300;
  text-align:center;
  margin-bottom:10px;
}

p a, .link{color:#0091D0;}

.text-content{margin-top:40px;}

#infocontent{margin-top:5px;}

.text-content, .text-content p {
font-size:14px;
text-align:left!important;
}

label{color:#999;}

.has-tip, .has-tip:hover{border-bottom:none;}

/*   HEADER  */

h2.logo{
  background:#fff url("/img/logo.png") no-repeat top left;
  height:100px;
  width:250px;
  text-indent: -3000px;
  margin:20px auto;
}

ul.nav{
  display:block;
  margin:auto;
  text-align:center;
}

ul.nav li{
  display:inline;
  margin:0 5px;
}

ul.nav li a{
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  font-weight:300;
  color:#F68326;
  text-decoration:none;
  text-transform:uppercase;
  padding:10px;
  
}

ul.nav li a:hover, ul.nav li.selected a{
	padding:9px;
  border:1px solid #F68326;
}

/* slideshow */

.orbit-container{margin-top:50px;}

.orbit-container .orbit-slides-container img {width:100%;}

.orbit-prev,.orbit-next, .orbit-slide-number, .orbit-timer, .orbit-bullets-container{display:none;}

.slide-container{
  position:relative;
  text-align:center;
}

.caption-surround{
  position: absolute;
  top:100px; 
  border:1px solid #fff;
  height:110px;
  width:450px;
  margin:auto;
  padding:10px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.caption{
  font-size:24px;
  line-height:30px;
  color:#fff;
  border:1px solid #fff;
  padding:10px;
  height:90px;
  text-align:center;
}

.caption span{color:#003F8A;}

/* Category cards */

.category{margin-top:30px;}

.category .category-inside{
  border:1px solid #C6E7F4;
 
  padding:10px 0 10px 20px;
}

.colour-stripe{
  display:block;
  height:20px;
  width:100%;
}



.category:hover .category-inside{
  border:4px solid #0091D0;
  padding:7px 0 7px 17px
}

.category p{
  color:#333;
  font-size:12px;
  line-height:17px;
  text-align:left;
}

.category img{
  max-width:none;
  float:right;
}

.category:hover img{margin-right:-3px;}

.category h4{color:#0091D0;}



.category p.browse{ 
  font-weight:bold;
  color:#0091D0;
}

.product-list{
	margin:5px 0 10px 0;

}


.product-list li{
	font-size:12px;
	font-weight:bold;
  color:#0091D0;
  list-style: none;
  margin-bottom:3px;
}

.category:hover p.browse, .product-list li a:hover{text-decoration:underline;}

.category p.browse::after, .product-list li::after{
	content:" »";
}


/* Subnav */

.subnav li{
	list-style: none;
	font-size:18px;
}

.subnav li a{
	border-bottom:1px solid #ccc
}

.subnav li.active a{border-bottom-width:10px;}

.subnav li ul li a{border:none;}

.subnav li ul li{font-size:14px;}

.subnav .main{
	display:block;
	margin:10px 0;
}

.subnav li ul li a:hover{
	text-decoration: underline;
}


/* Product detail */

.product-detail{
	text-align: left;
	padding-left:20px;
  padding-bottom:30px;
  margin-bottom:20px;
  border-bottom:1px solid #80C8E7;
}


.product-detail h2{
	margin:10px 0;
	font-size:24px;
	text-align: left;
}

.product-detail p{
	font-size:12px;
	text-align: left;
}

.property{
	font-weight:bold;
	  color:#003F8A;

}

.product-detail table{border:none;}

.product-detail td, .product-detail th{
	font-size:12px;
	padding:0 20px 0 0 ;

}

.product-detail th{
	font-weight:bold;
	color:#003F8A;
	background-color:#fff;
}

.fixed-width-50{
	width:50px;
	display:inline-block;
}

.colour-card{
  width:20px;
  display:inline-block;
  text-indent: -3000px;
border:1px solid #ccc;
}

.product-picture{
  text-align: center;
}

.product-picture p{
  margin:10px auto;
  text-align: center;

  }

/* Footer */

.footer{
  background-color:#333;
  padding:30px;
  margin-top:100px;
}

.footer h4{
  color:#fff;
  text-align:center;
  font-weight:300;
  padding-bottom:20px;
  
}

.footer p{
  color:#fff;
padding-bottom:20px;
}

.footer-buttons{
  margin:auto;
   padding:30px 0;
  border-bottom:1px solid #666;
border-top:1px solid #666;
  margin-bottom:30px;
  text-align: center;
}

a.button{
  background-color:#0091D0;
  font-size: 14px;
  color:#fff;
  text-transform:uppercase;
  padding:10px; 
  display:inline-block;
}



a.button span{
  padding:10px;
  border:1px solid #fff;
   display:inline-block;
}

a.button:hover{padding:8px;}

a.button:hover span{
  border:3px solid #fff;
}

a.pdf{
	text-align:left;
	color:#fff;
	padding-left:52px;
	height:46px;
	background:transparent url("/img/pdf.png") no-repeat top left;
	display:block;
	font-size:14px;
	line-height:16px;
}

a.pdf:hover{text-decoration:underline;}

/* Colours */

.primers-and-undercoats{background-color:#593E99;}
.fillers{background-color:#593E99;}
.sealers-glue{background-color:#593E99;}
.antifoulings{background-color:#EE3A41;}
.topcoats{background-color:#0A3E89;}
.deck-coating-anti-slip{background-color:#0A3E89;}
.varnishes-and-oils{background-color:#028066;}
.thinners{background-color:#B6198B;}
.boatcare{background-color:#07A1E3;}

.underline-primers-and-undercoats{border-bottom-color:#593E99!important;}
.underline-fillers{border-bottom-color:#593E99;!important;}
.underline-sealers-glue{border-bottom-color:#593E99;!important;}
.underline-antifoulings{border-bottom-color:#EE3A41!important;}
.underline-topcoats{border-bottom-color:#0A3E89!important;}
.underline-deck-coating-anti-slip{border-bottom-color:#241947!important;}
.underline-varnishes-and-oils{border-bottom-color:#028066!important;}
.underline-thinners{border-bottom-color:#B6198B!important;}
.underline-boatcare{border-bottom-color:#07A1E3!important;}

/* MAP */

#map-container{
	width:100%;
	height:600px;
	background-color:#aaa;
	margin-top:30px;
}

/* CONTACT */
.contact-form{margin-top:30px;}

span.error,input,textarea{
	font-weight:300;
	font-style:normal;
}

input[type=submit]{
background-color:#0091D0;
  font-size: 14px;
  color:#fff;
  text-transform:uppercase;
  padding:10px 20px; 
  display:inline-block;
	border:none;
}

p.notification{
	padding:10px 20px;
	background-color:#F2F9FD;
}	

/* Search */

.search{
	margin-top:30px;
	text-align:center;
	padding:30px auto;	
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

.search-form{	
	margin:30px auto;
	width:700px;	
}

.search label{
	display:inline;
	float:left;
	width:155px;
	padding-top:10px;
}

.search input[type="text"]{
	float:left;
	display:inline;
	width:420px;
	margin:2px 20px 0 0;
}
.search input[type="submit"]{
	float:left;
	display:inline;
}

.search-result{
	padding:30px 0;
	border-bottom:1px solid #0091D0;
}