html{margin:0px; padding:0px; height:100%;}
body{font-size:1em; margin:0px; padding:0px; font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif; outline: none; height:100%;}
/* === Pop Up === */
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:rgba(0,0,0,0.5);
  display:none;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:450px; 
  height:auto;
  padding:10px;
  background-color:#ffffff;
  font-size: 15pt;
}
.maintext{
  text-align: center;
  text-decoration: none;
}

#lorem{
	font-size: 12pt;
    text-align: left;
}
#popupfoot{
	font-size: 16pt;
  	padding: 10px;
}
#popupfootclose{
	font-family: Arial;
	margin-top:-5px;
	float:right;
}

.btn-popdonate {
  background: #535353; 
  font-family: Arial;
  color: #fff;
  font-size: 20px;
  padding: 10px 30px 10px 30px;
  text-decoration: none;
}

.btn-popdonate:hover {
  background:#DB4D4D;
  color: #fff;
  text-decoration: none;
}
.btn-close {
  color: #535353;
  font-size: 20px;
  text-decoration: none;
}

.btn-close:hover {
  color: #DB4D4D;
  text-decoration: none;
}

.skillbar {
	position:relative;
	display:block;
	margin-bottom:15px;
	width:100%;
	background:#eee;
	height:35px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}

.skillbar-title {
	position:absolute;
	top:0;
	left:0;
    width:110px;
	font-weight:bold;
	font-size:13px;
	color:#ffffff;
	background:#6adcfa;

}

.skillbar-title span {
	display:block;
	background:rgba(0, 0, 0, 0.1);
	padding:0 20px;
	height:35px;
	line-height:35px;
}

.skillbar-bar {
	height:35px;
	width:0px;
	background:#6adcfa;
}

.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:11px;
	height:35px;
	line-height:35px;
	color:#ffffff;
	color:rgba(0, 0, 0, 0.4);
}

/* === TOP BUTTON === */
#toTop {background:url('img/top-butt.svg') top left no-repeat; width:52px; height:52px; display:none; z-index:9999; text-align:center; position:fixed; bottom:25px; right:15px; cursor:pointer;}
#toTop:hover{background:url('img/top-butt.svg') bottom left no-repeat;}



/* === SCROLL ICON === */
@-webkit-keyframes scroll-ani { 0% {opacity: 1; top: 29%;} 15% {opacity: 1; top: 50%;} 50% {opacity: 0; top: 50%;} 100% {opacity: 0; top: 29%;}}
@-moz-keyframes scroll-ani {0% {opacity: 1; top: 29%;} 15% {opacity: 1; top: 50%;} 50% {opacity: 0; top: 50%;} 100% {opacity: 0; top: 29%;}}
@keyframes scroll-ani {0% {opacity: 1; top: 29%;} 15% {opacity: 1; top: 50%;} 50% {opacity: 0; top: 50%;} 100% {opacity: 0; top: 29%;}}
.mouse-scroll {display: inline-block; line-height: 18px; font-size: 13px; font-weight: normal; color: #7F8C8D; color: #FFF; letter-spacing: 2px; position:absolute; bottom:20px; left:50%; margin-left:-25px; text-decoration: none; overflow: hidden;}
.mouse-scroll .mouse { position: relative; display: block; width: 30px; height: 50px; margin: 0 auto 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #FFF; border-radius: 23px;}
.mouse-scroll .mouse .mouse-movement { position: absolute; display: block; top: 29%; left: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; background: #FFF; border-radius: 50%; -webkit-animation: scroll-ani 4s linear infinite; -moz-animation: scroll-ani 4s linear infinite; animation: scroll-ani 4s linear infinite;}
.mouse-scroll .mouse-message {font-weight:300; font-family:'Open Sans', sans-serif; float: left; margin: 0px 0 0 5px; padding: 0; -webkit-animation: scroll-ani 4s linear infinite; -moz-animation: scroll-ani 4s linear infinite; animation: scroll-ani 4s linear infinite;}

h3{
	color:#fff; text-align: center; text-transform: capitalize; font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size:1.375em;
	font-weight:normal !important;
	margin:0 0 1.181em 0;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

html{ 
	font-size:100%; 
}

.section { 
	position:relative;
	width:100%;
}

.container_list ul, .container_inner{
	max-width: 960px;
	margin:0 auto;
	padding:0 30px;
}

.container_list ul:after, .container_list:after, .container_inner:after, .clearfix:after, .container_main:after, .grid_12:after{
	content:'';
	clear:both;
	display:block;
}

.fullwidth{
	position:relative;
	max-width:none !important;
	width:90%;
	margin:0 5%;
}

input:not([type=checkbox]), textarea{
	-webkit-appearance: none;
	border-radius: 0;
}


/* ------------------------------ */
/* GRID STYLES ------------------ */
/* ------------------------------ */

.container_main, .container_list{
	max-width:960px;
	width:96%;
	padding:0 2%;
	margin:0 auto;
}

.grid_12{
	width:98%; /* 940px (0.979)*/
	margin:0 1%;
}

.grid_1{
	width:6%; /* 60px (0.063)*/
	margin:0 1%;
	float:left;
}

.grid_2{
	width:14%; /* 140px (0.145)*/
	margin:0 1%;
	float:left;
}

.grid_3{
	width:23%; /* 220px (0.229)*/
	margin:0 1%;
	float:left;
}

.grid_4{
	width:100%; /* 300px (0.313)*/
	margin:0 1%;
	float:left;
}

.grid_101{
	width:100%; /* 300px (0.313)*/
	float:left;
}
.grid_100{
	width:98%; /* 300px (0.313)*/
	margin:0 1%;
	float:left;
}

.grid_5{
	width:40%;
	margin:0 1%;
	float:left;
}

.grid_6{
	width:48%;
	margin:0 1%;
	float:left;
	position:relative;
}

.grid_7{
	width:56%;
	margin:0 1%;
	float:left;
}

.grid_8{
	width:63%;
	margin:0 2%;
	float:left;
}

.grid_104{
	width:98%;
	margin:0 1%;
	float:left;
}

.grid_9{
	width:73%;
	margin:0 1%;
	float:left;
}

.grid_10{
	width:83%;
	margin:0 1%;
	float:left;
}

.grid_11{
	width:90%;
	margin:0 1%;
	float:left;
}

.spacer_26{
	width:100%;
	height:1.625em;
}


/* ------------------------------ */
/* BODY STYLES ------------------ */
/* ------------------------------ */

::selection {
	background: #dc6767; /* Safari */
	}
::-moz-selection {
	background: #dc6767; /* Firefox */
}

.title_main{
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:#494949;
	font-size:1.125em;
	font-weight:normal !important;
	margin:3.3938em 0 3.3938em 0;
	text-transform:uppercase;
	padding-top:20px;
	border-top:1px solid #db4d4d;
}

h2{
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:#494949;
	font-size:1.375em;
	font-weight:normal !important;
	margin:0 0 1.181em 0;
	text-transform:uppercase;
	padding-top:1.136em;
}

h6{
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:#db4d4d;
	font-size:1.375em;
	font-weight:normal !important;
	text-transform:uppercase;
}


p a{
	color:#db4d4d;
	text-decoration:none;
}

p a:hover{
	text-decoration:underline;
}



.clear{
	clear:both;
}

.notification{
	width:96%;
	margin:0 1% 1.625em;
	background-color:#db4d4d;
	color:#ffffff;
	text-align:center;
	font-size:1em;
	line-height:1.625em;
	padding:0.8125em 1%;
}

.title h1{
	color: #535353;
    float: left;
    font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size: 1.375em;
    font-weight: normal !important;
    line-height: 1.181em;
    text-transform: uppercase;
}

#breadcrumb{
	font-size:1em;
	line-height:1.181em;
	color:#818181;
}

/* ------------------------------ */
/* HEADER STYLES ---------------- */
/* ------------------------------ */
.container_update{
	width:100%;
}

#update{
	position:relative;
	width:100%;
	background-color:white;
	font-size:1em;
	line-height:1.625em;
	font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif;
	color:#535353;
	text-align:center;
	z-index:99999999999;
}

#update a{
	color:#db4d4d;
	text-decoration:none;
}

#update a:hover{
	text-decoration:underline;
}


#head_main { 
	position:relative;
	width:100%;
	height:500px;
	background-color: white;
	overflow:hidden;
}

#head_main-sub { 
	position:relative;
	width:100%;
	height:520px;
	background-color: white;
	overflow:hidden;
}

#title{
	position:absolute;
	width:100%;
	height:500px;
}

#title .slidelink{
	display:block;
	width:100%;
	height:500px;
}

#title .outer{
	width:100%;
	display:table;
	height:500px;
	text-decoration:none !important;
}

#title .inner{
	clear:both;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}

#head_main #title li{
	position:relative;
	font-size:2.5em;
	line-height:1.3em;
}

#bg-hold{
	position:absolute; 
	top:-50%; 
	left:-50%; 
	width:200%; 
	height:200%;
}

#bg-hold li{
	min-width:960px;
}

#bg-hold li img{
	filter:inherit;
}

img.bg{
	position:absolute; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	margin:auto; 
	width:50%;
	height:auto;
	min-width:960px;
}

#title-container{
	margin:0 50px;
	position:relative;
	text-align:center;
}

#head_main #title h1{
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	text-transform:uppercase;
	color:white;
	font-weight:100 !important;
}

.navcolor{
	position:absolute;
	background-color:white;
	width:100%;
	padding-bottom:15px;
}

#nav{
	margin:2em 1% 0 0;
	position:relative;
	width:79%;
	float:right;
}

#nav ul{
	float:right;
}

#nav a{
	color:#535353;
	text-decoration:none;
	padding-bottom:0.56em;
}

#nav li{
	font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif;
	color:white;
	font-size:0.875em;
	float:left;
	margin-left:20px;
	margin-top:0.5em;
	position:relative;
}

#nav a{
	cursor:pointer;
}

#nav a:hover, #nav .active a{
	color:#db4d4d;
	border-bottom:1px solid #db4d4d;
}

#nav .dropdown a{
	border-bottom:none;
}

#nav .active, #nav .dropdown a.active{
	color:#db4d4d;
	border-bottom:1px solid #db4d4d;
}


#logo{
	width:12%;
	height:50px;
	float:left;
	margin:15px 0 0 0;
	display:block;
	position:relative;
}

#logo a{
	display:block;
	height:50px;
	width:200px;
}

#logo h1{
	width:200px;
	height:50px;
	display:block;
	background: url(img/logo.svg) no-repeat top left;
	text-indent:-9999px;
}

#head_controls{
	text-align:center;
	/*margin:0 auto 4.875em;*/
}

.dropdown div{
	background: url(img/dropdown.svg) no-repeat center top transparent;
	padding-top:10px;
	position:absolute;
	width:160px;
	right:50%;
	margin:9px -80px 0 0;
	display:none;
}

.dropdown ul{
	background:#fff;
	padding:1.625em 30px 0.8125em;
	width:100px;
	text-align:center;
}

#nav .dropdown ul li{
	float:none;
	font-size:1em;
	margin:0 0 0.8125em;
	color:#535353;
}

#nav .dropdown ul li a{
	color:#535353;
	border:none;
}

#nav .dropdown ul li a:hover{
	color:#db4d4d;
}

.dropdown:hover div, .dropdown div:hover{
	display:block;
}

#nav .dropdown, #nav .dropdown a{
	border:none !important;
} 
/* ------------------------------ */
/* HOME STYLES ------------------ */
/* ------------------------------ */

#home .container_main{
	padding:4.875em 0;
}

#home #pagelinks{
	padding: 3.25em 0 1.625em;
	width:98%;
	margin:0 1%;
}

#home #pagelinks a{
	text-decoration:none;
	cursor:pointer;
	display:inline-block;
}

#home a:hover span{
	background-position:right;
}

#home p{
	font-size:0.875em;
	line-height:1.85714286em;
	margin-top:1.85714286em;
	color:#535353;
}

#home a:hover h2{
	color:#db4d4d;
}

#home a:hover p{
	color:#535353;
}

#home h2{
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size:1.25em;
	line-height:1.3em;
	font-weight:normal !important;
	text-transform:uppercase;
	border:none !important;
	margin:0 !important;
	padding:0 !important;
	display:inline;
	color:#db4d4d;
}

#home .grid_3{
	text-align:center;
}

#surfboards{
	background:url(img/icon-missions.svg) no-repeat left top;
	width:43px;
}

#workshops{
	background:url(img/icon-Elcamino.svg) no-repeat left top;
	width:43px;
}

#handplanes{
	background: url(img/icon-GPS.svg) no-repeat left top;
	width:43px;
}

#accessories{
	background: url(img/icon-donate.svg) no-repeat left top;
	width:43px;
}

#products-page #handplanes{
	background:url(http://www.ottersurfboards.co.uk/images/site/icon-handplane.gif) no-repeat left top;
	width:43px;
}

#products-page #accessories{
	background:url(http://www.ottersurfboards.co.uk/images/site/icon-accessories.gif) no-repeat left top;
	width:43px;
}

#surfboards, #workshops, #handplanes, #accessories{
	height:41px;
	background-position:left;
	display:block;
	margin:0 auto 2.625em;
}

#products-page .grid_4 a:hover span{
	background-position:right !important;
}

/* ------------------------------ */
/* BLOG STYLES ------------------ */
/* ------------------------------ */

.grid_2-blog{
	width:22%;
	margin:0 2% 0 0;
	float:left;
}

.grid_6-blog{
	width:74%;
	margin:0 0 0 2%;
	float:left;
}

#blog .grid_8{
	margin:1.625em 2% 0 1%;
	width:64%;
}

#blog{
	/* background:url(http://www.ottersurfboards.co.uk/images/site/baseline.gif) repeat-x left top; */
}

#blog .entry{
	padding-top:3.1875em;
	border-top:1px solid #db4d4d;
	margin-bottom:3.25em;
}

#blog .entry img{
	width:100%;
	height:auto;
	display:block;
}

#blog h1{
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size:2.5em;
	font-weight:normal !important;
	margin:0 0 0.65em 0;
	padding-left:26%;
	text-transform:uppercase;
	color:#535353;
	line-height:1.3em;
}

#blog .entry p{
	font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif;
	font-weight: 200;
	font-size:1em;
	line-height: 1.625em;
	margin-bottom:1.625em;
}

#blog .entry p a{
	color:#db4d4d;
	text-decoration:none;
}

#blog .entry p a:hover{
	text-decoration:underline;
}

#blog .entry iframe, #blog .entry embed{
	width:100% !important;
	display:block;
}

.grid_2-blog{
	text-align:right;
}

.grid_2-blog .date{
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:#818181;
	font-size:1.25em;
	line-height: 1.3em;
	margin-bottom:1.3em;
	text-transform:uppercase;
	display:block;
}

.grid_2-blog .categories{
	font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif;
	font-size:1;
	line-height: 1.625em;
}

.grid_2-blog .categories a, #sidebar ul a{
	color:#db4d4d;
	text-decoration:none;
}

.grid_2-blog .categories a:hover, #sidebar ul a:hover{
	text-decoration:underline;
}

#sidebar h3{
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:#818181;
	font-size:1.375em;
	font-weight:normal !important;
	text-transform:uppercase;
	line-height:1.18181818em;
	margin:0 0 1.18181818em 0;
	padding-top:1.18181818em;
}

#sidebar ul{
	font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif;
	font-size:0.875em;
	line-height: 1.85714286em;
	margin-bottom:1.85714286em;
}

#twitter h3{
	padding-top:2.31818182em;
	border-top:1px solid #9a9a9a;
}

.tweet p{
	font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif;
	color:#818181;
	font-size:0.875em;
	line-height: 1.85714286em;
	margin-bottom:0;
}

.tweet p a{
	color:#db4d4d;
	text-decoration:none;
}

.tweet p a:hover{
	text-decoration:underline;
}

.tweet span{
	display:block;
	font-size:0.875em;
	line-height: 1.85714286em;
	font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif;
	color:#535353;
	margin-bottom:1.85714286em;
}

#blog .grid_4{
	margin:1.625em 1% 0;
}

.pagination{
	border-top:1px solid #9A9A9A;
	padding: 1.562em 0 1.625em;
}

.pagination .page_left{
	float:left;
}

.pagination .page_right{
	float:right;
}

/* ------------------------------ */
/* PRODUCT STYLES --------------- */
/* ------------------------------ */

.product h1{
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:#535353;
	font-size:1.375em;
	font-weight:normal !important;
	text-transform:uppercase;
	line-height:1.181em;
	float:left;
}

.product h2{
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:#535353;
	font-size:1.375em;
	font-weight:normal !important;
	text-transform:uppercase;
	line-height:1.181em;
	margin:2.363em 0 2.363em;
	padding-top:1.181em;
}

.product .grid_6{
	float:right;
}

.title{
	border-top:1px solid #db4d4d;
	padding:1.389em 0 0 0;
	margin:0 1% 3.25em;
}

.title .link_testimonials, .title .link_overview{
	float:right;
	text-decoration:none;
	color:#535353;
	font-size:1em;
	line-height:1.562em;
	margin-left:20px;
}

.link_testimonials:hover, .link_overview:hover{
	color:#db4d4d;
	border-bottom:1px solid #db4d4d;
}

.link_testimonials.active, .link_overview.active{
	color:#db4d4d;
	border-bottom:1px solid #db4d4d;
}

#categories_link{
	color:#535353;
	font-size:1em;
	line-height:1.562em;
	cursor:pointer;
	margin-left:1%;
	opacity:0;
	visibility:hidden;
	background:url(http://www.ottersurfboards.co.uk/images/site/arrow_small-left.gif) no-repeat left top;
	padding-left:30px;
	text-decoration:none;
}

#categories_link.show{
	visibility:visible;
	opacity:1;
}

#categories_link:hover{
	background-position:0 -33px;
	color:#db4d4d;
}

#itinerary li{
	margin-bottom:1.625em;
}

#itinerary .last{
	padding-bottom:1.625em;
	margin-bottom:0;
}

#itinerary h3{
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:#db4d4d;
	text-transform:uppercase;
	font-weight:normal !important;
	font-size:1.375em;
	line-height:1.181em;
}

#itinerary p{
	margin-bottom:0;
}

#boardMod{
	display:none;
}

a.reveal, a.reveal_wood{
	text-decoration:none;
	font-size:1em;
	font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif;
	display:inline-block;
	cursor:pointer;
}

a.reveal p, a.reveal_wood p{
	float:left;
	line-height:18px;
	margin-bottom:0;
	color:#db4d4d;
}

span.reveal_icon{
	display:block;
	float:left;
	width:17px;
	height:17px;
	background:url(http://www.ottersurfboards.co.uk/images/site/icon-reveal.gif) no-repeat left top;
	margin-right:10px;
}

span.close_icon{
	display:block;
	float:left;
	width:17px;
	height:17px;
	background:url(http://www.ottersurfboards.co.uk/images/site/icon-close.gif) no-repeat left top;
	margin-right:10px;
}

a.reveal:hover p, a.reveal_wood:hover p{
	color:#535353;
}

a.reveal:hover span, a.reveal_wood:hover span{
	background-position:right;
}

.slider_products-wrapper{
	margin-bottom:4em;
}

.slider_products{
	width:100%;
	height:286px;
	background-color:#ffffff;
	position:relative;
	overflow:hidden;
}

.slider_products ul{
	position:absolute;
	width:400%;
	left:0%;
}

.slider_products li{
	width:25%;
	float:left;
}

.slider_products img{
	width:100%;
	height:auto;
	display:block;
}

.slide_controls a, #head_controls a{
	cursor:pointer;
	background: url(img/slider_controls-products.svg) no-repeat top left;
	width:9px;
	height:9px;
	display:block;
	float:left;
	margin:0 5px;
}

.slide_controls a:hover, .slide_controls .active, #head_controls a:hover, #head_controls .active{
	background-position: right;
}

.slide_controls{
	margin:0.8125em auto;
}

.link_testimonials, .link_overview{
	cursor:pointer;
}

.testimonialwrapper{
	opacity:0;
	position:relative;
	width:98%;
	margin:0 1%;
}

.testimonialwrapper p a{
	color:#DB4D4D;
	text-decoration:none;
}

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

.testimonialwrapper .grid_8{
	width:66%;
	margin:0;
	padding: 0 17%;
	position:relative;
}

.testimonialwrapper .left_test{
	float:left;
	background:url(img/testimonial_left.gif) no-repeat top left;
	display:block;
	width:43px;
	height:46px;
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	margin-top:0;
}

.testimonialwrapper .right_test{
	float:right;
	background: url(img/testimonial_right.gif) no-repeat top left;
	display:block;
	width:43px;
	height:46px;
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	margin-top:0;
}


.testimonialwrapper .left_test:hover, .testimonialwrapper .right_test:hover{
	background-position: right;
}

.testimonialwrapper ul{
	width:400%;
	position:absolute;
	left:-100%;
}

.testimonialwrapper ul li{
	float:left;
	width:25%;
	
}

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

.slider_testimonials span, .test_single span{
	font-size:1em;
	line-height:1.625em;
	font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif;
	color:#535353;
	font-style:italic;
}

#products-page{
	text-decoration:none;
}

#products-page a{
	text-decoration:none;
	cursor:pointer;
	display:inline-block;
}

#products-page a:hover span{
	background-position:right;
}

#products-page a:hover h2{
	color:#db4d4d;
}

#products-page h2{
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size:1.25em;
	line-height:1.3em;
	font-weight:normal !important;
	text-transform:uppercase;
	border:none !important;
	margin:0 !important;
	padding:0 !important;
	display:inline;
}

#products-page .grid_4{
	text-align:center;
	width:23.2%;
}

#products-page .container_main{
	padding:4.875em 0;
}

#categories{
	background-color:#d9d9d9;
	width:96%;
	padding:1%;
	margin:0 1% -3em;
}

#categories.single{
	margin:0 1%;
}

#categories table{
	width:100%;
	overflow:hidden;
	vertical-align:top;
}

#categories tbody{
	width:100%;
	vertical-align:top;
}

#categories tr{
	vertical-align:top;
}

#categories td{
	float:left;
	width:14%;
	margin:0 1%;
	text-align:center;
	vertical-align:top;
}

#categories td span{
	display:block;
	margin:0 auto;
}

#categories .left{
	margin-left:3%;
}

#categories .right{
	margin-right:3%;
}

#categories .grid_pad{
	width:2%;
	height:100%;
}

#categories h2{
	border:none;
	font-size:1.25em;
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	margin:0 0 1.3em;
	padding:0;
	line-height:1.3em;
}

#accessories-page #categories h2{
	margin:1.3em 0;
}

#categories p{
	font-size:0.875em;
	margin:1.85714286em 0 0.92857143em;
	color:#db4d4d;
}

#categories a{
	cursor:pointer;
	text-decoration:none;
	display:inline-block;
}

#categories a:hover h2{
	color:#db4d4d;
}

#categories a:hover span{
	background-position:right bottom !important;
}

#categories #cats{
	display:block;
}

#categories #cat_more{
	display:none;
	padding:13px;
	text-align:center;
	opacity:0;
}

#categories #cat_more a{
	color:#db4d4d;
	text-decoration:none;
	background: url(img/icon-categories-01.svg) no-repeat right 1px;
	padding-right:30px;
}

#categories #cat_more a:hover{
	background-position:right -19px;
	color:#494949;
}

#categories.min #cats{
	display:none;
}

#categories.min #cat_more{
	display:block;
}

#categories .close-wrapper{
	padding-bottom:20px;
}

#categories .close-wrapper a{
	color:#db4d4d;
	text-decoration:none;
	background:url(http://www.ottersurfboards.co.uk/images/site/icon-close2.gif) no-repeat top right;
	width:14px;
	height:17px;
	display:block;
	float:right;
}

#categories .close-wrapper a:hover{
	background-position:right -20px;
}

#product_content{
	overflow:hidden;
	position:relative;
}

#product_wrapper{
	display:block;
	position:absolute;
	left:-9999px;
	opacity:0;
}

#product_wrapper .title{
	margin-top:1.625em;
}

#product_content.shown #product_wrapper{
	position:static;
	opacity:1;
}

#product_categories{
	position:relative;
}

#titlewrapper .title{
}

#loading{
	margin:0 auto;
	display:block;
	opacity:0;
}

.nostock a{
	color:#DB4D4D;
	text-decoration:none;
}

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

.cart_alert{
	position:fixed;
	background-color:#535353;
	left:20px;
	top:20px;
	color:#ffffff;
	padding:3.25em;
	top:50%;
	left:50%;
	display:none;
}

.cart_alert div{

}

.cart_alert img{
	margin:0 auto 0.8125em;
	clear:both;
	display:block;
}

.cart_alert p{
	color:#ffffff;
	margin:0;
	text-align:center;
}

.cart_alert a{
	padding:0.625em 20px;
	background-color:#db4d4d;
	color:#ffffff;
	text-decoration:none;
	margin-top:1.625em;
	display:block;
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	text-transform:uppercase;
}

.cart_alert a:hover{
	background-color:#d9d9d9;
	color:#535353;
	text-decoration:none;
}

p.thanks{
	display:none;
}

.thanks a{
	color:#db4d4d;
	text-decoration:none;
}

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

.store_product_form{
	margin-top:3.25em;
	position:relative;
}

.itemwrapper a{
	color:#DB4D4D;
	text-decoration:none;
	font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif;
}

.submit_error{
	font-size:1em;
	line-height:1.625em;
	color:#db4d4d;
	opacity:0;
}

/* ------------------------------ */
/* WORKSHOP STYLES -------------- */
/* ------------------------------ */

#workshops-hub .grid_4{
	height:286px;
	overflow:hidden;
	position:relative;
	width:31.3%;
}

#workshops-hub a{
	text-decoration:none;
	font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif;
	color:#fff;
	font-size:1.875em;
	line-height:286px;
	text-align:center;
	display:block;
	text-transform:capitalize;
	background-size:cover !important;
}

#workshops-hub a:hover{
	text-decoration:underline;
}

#workshop-page .grid_5{
	float:right;
}

#workshop-page .grid_110{
	margin:0 3%;
	float:left;
	width:94%;
}

#workshop-page h1{
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:#494949;
	font-size:22px;
	line-height:26px;
	border-bottom:1px solid #db4d4d;
	padding-bottom:25px;
	font-weight:normal;
	text-transform:uppercase;
}

#workshop-page .product-submit{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:78px;
	margin-top:26px;
}

#workshop-page select.styled{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:38px;
	margin-bottom:15px;
	line-height:38px;
	-webkit-appearance: menulist-button;
}

#workshop-page .select{
	height:38px;
	margin-bottom:15px;
	line-height:38px;
}


#workshop-page #product_form{
	margin-bottom:78px;
}

.expand-link{
	display:block;
	border-bottom:1px solid #9a9a9a;
	cursor:pointer;
}

.expand-link:hover{
	border-bottom:1px solid #db4d4d;
}

.expand-link span{
	background: url("img/icon-expand.gif") left top no-repeat;
	width:31px;
	height:16px;
	position:relative;
	float:right;
}

.expand-link h2{
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:#494949;
	font-size:18px;
	line-height:26px;
	text-transform:uppercase;
	border:none;
	float:left;
	padding:0;
}

.product-accordion{
	margin-bottom:52px;
}

.product-accordion .accordion-content{
	overflow:hidden;
	position:relative;
}

.product-accordion p{
	margin:0;
}

.product-accordion .content-wrapper{
	padding-top:52px;
}

#wood-types div{
	clear:both;
	padding-bottom:1.625em;
}

#wood-types img{
	display:block;
	float:left;
}

#wood-types p{
	margin:0 0 0 95px;
}

#workshop-page #itinerary{
	width:auto;
	padding:0;
	background:none;
	clear:both;
	display:inline;
	margin:0;
}

#itinerary p{
	margin-bottom:0;
}

#workshop-page #itinerary li{
	margin-bottom:1.625em;
}

#workshop-page #itinerary h3{
	font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif;
	font-weight:normal;
	color:#494949;
	font-size:1em;
	line-height:1.625em;
	margin-bottom:1.625em;
	font-style:italic;
	text-transform:none;
}

#workshop-page .img_wrap{
	width:100%;
	height:420px;
	position:relative;
	overflow:hidden;
	margin-bottom:26px;
	background-color:#000;
}

#workshop-page .htmlvid_wrap{
	height:420px;
	width:200%;
	left:-50%;
	position:relative;
}

#workshop-page .img_portrait{
	width:48%;
	height:330px;
	position:relative;
	overflow:hidden;
	float:left;
}

#workshop-page .img_portrait.right{
	float:right;
}

#workshop-page iframe{
	width:100% !important;
	height:420px !important;
}

#workshop-page .img_wrap img{
	width:auto;
	height:100%;
}

#workshop_video{
	width:50% !important;
	height:420px !important;
	display:block;
	margin:0 auto;
}

#intro_vid{
	background:url(http://www.ottersurfboards.co.uk/images/site/vid_loading2.gif) no-repeat center center;
}

#workshop-page .vid_play{
	width:80px;
	height:50px;
	background: url(http://www.ottersurfboards.co.uk/images/site/vid_play.svg) no-repeat center center rgba(0,0,0,0.8);
	background-position:0px center;
	position:absolute;
	left:50%;
	top:50%;
	margin:-25px 0 0 -40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
}

#workshop-page .vid_play:hover{
	background-color:rgba(255,255,255,1);
	background-position:-80px center;
}

#workshop-page #stock_display{
	margin-top:1.85714em;
}

/* ------------------------------ */
/* SURFBOARDS STYLES ------------ */
/* ------------------------------ */

#surfboards-page, #accessories-page, #basket-page, #blog, #press-page, #contact-page, #terms, #workshop-page, #handplanes-page, #about-page, #workshops-hub{
	padding:3.25em 0;
}


#surfboard_terms p{
	margin:0;
	width:90%;
	background-color:#d9d9d9;
	padding-bottom:1.625em;
}

#wood_terms div{
	clear:both;
	padding-bottom:1.625em;
}

#wood_terms, #surfboard_terms, #itinerary{
	width:90%;
	padding:5% 5% 0;
	background-color:#d9d9d9;
	clear:both;
	display:none;
	margin-top:1.6253em;
}

#wood_terms img{
	display:block;
	float:left;
}

#wood_terms p{
	margin:0 0 0 95px;
}

.product_last{
	width:98%;
	padding-top:3.25em;
	clear:both;
}

.product_last p{
	font-size:0.875em;
	line-height:1.85714286em;
}

.product .extra{
	margin-bottom:1.625em;
}

.product_last h3{
	color:#535353;
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	font-size:1.375em;
	margin-bottom:2.363em;
	border-top:1px solid #DB4D4D;
	padding-top:1.181em;
}

.product_last a{
	font-size:0.875em;
	line-height:1.85714286em;
	color:#DB4D4D;
	text-decoration:none;
}

.product_last .left{
	float:left;
	width:7%;
	margin-right:1%;
}

.product_last .left span{
	background: url("http://www.ottersurfboards.co.uk/images/site/icon-workshop.gif") no-repeat scroll left top transparent;
	display:block;
	width:43px;
	height:41px;
	text-indent:-9999px;
}

.product_last .right{
	float:right;
	width:91%;
	margin-left:1%;
}

/* ------------------------------ */
/* ACCESSORIES STYLES ----------- */
/* ------------------------------ */

#accessories-page #categories li h2{
	margin-bottom:1.625em;
}

/* ------------------------------ */
/* BASKET STYLES ---------------- */
/* ------------------------------ */


.alert{
	border-top:1px solid #DB4D4D;
	padding:3.187em 0 3.25em;
}

.alert a{
	color:#DB4D4D;
	text-decoration:none;
}

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

#basket-table{
	width:98%;
	margin:0 1%;
	border-top:1px solid #db4d4d;
	font-size:1em;
	position:relative;
}

#basket-table th{
	text-align:left;
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-weight:normal;
	font-size:1.375em;
	text-transform:uppercase;
	color:#535353;
	padding:1.181em 0;
}

#basket-table th.last{
	text-align:right;
}

#basket-table th, #basket-table td{
	width:15%;
}

#basket-table .first{
	width:55%;
}

#basket-table td{
	color:#535353;
	font-weight:normal;
	font-size:1em;
	line-height:1.625em;
}

#basket-table td{
	padding:0.8125em 0;
}

#basket-table .basket_product td{
	padding:1.625em 0;
}

#basket-table tr.basket_product{
	border-bottom:1px solid #9a9a9a;
}

#basket-table tr.last{
	border:none;
}

#basket-table .border_col{
	border-top:1px solid #db4d4d;
	padding-top:1.562em;
}

#basket-table p{
	margin-bottom:0;
}

#basket-table h4{
	line-height:1.444em;
	font-weight:normal;
}

#basket-table h3{
	font-size:1.375em;
	line-height:1.181em;
	font-weight:normal;
	font-weight:normal;
	color:#db4d4d;
}

#basket-table h4 a{
	color:#db4d4d;
	font-size:1em;
	text-decoration:none;
}

#basket-table a:hover{
	text-decoration:underline;
}


#basket-table input.input-mini, #promo_code{
	border:1px solid #9a9a9a;
	width:25px;
	padding:2px;
	text-align:center;
	font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif;
	font-size:0.875em;
	color:#535353;
}

#promo_code{
	width:96%;
	padding:2%;
	text-align:left;
}

#basket-table input.input-mini:focus, #promo_code:focus{
	border:1px solid #db4d4d;
}

#basket-table #shipping_method, #basket-table #payment_method{
	width:100%;
	border:1px solid #9a9a9a;
	background-color:#ffffff;
	padding:3px;
	font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif;
	font-size:0.875em;
	color:#535353;
}

#selectshipping_method{
	width:auto;
	padding-left:10px;
	padding-right:35px;
}

td#basket_total{
	font-size:1.375em;
	line-height:1.181em;
	font-weight:normal;
	text-transform:uppercase;
	color:#db4d4d;
}

#shipping_total{
	vertical-align:middle;
}

#basket-page .form-actions{
	width:98%;
	margin:0.8125em 1%;
	border-top:1px solid #9a9a9a;
	padding-top:1.625em;
}

#basket-page .form-actions .btn{
	background-color:#535353;
	font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif;
	color:#ffffff;
	text-align:center;
	border:none;
	font-size:1em;
	line-height:1.625em;
	padding:10px 20px;
	cursor:pointer;
	margin-right:1%;
	float:left;
}

#basket-page .form-actions .btn-primary{
	min-width:30%;
	float:right;
	margin:0;
	background-color:#DB4D4D;
}

#basket-table .help-block{
	font-size:0.875em;
	color:#9a9a9a;
	line-height:1.85714286em;
}

#basket_form h2, #basket_summary h2{
	border-top:1px solid #DB4D4D;
	width:100%;
	color: #535353;
    font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size: 1.375em;
    font-weight: normal !important;
    line-height: 1.181em;
    text-transform: uppercase;
    margin: 0 0 2.363em 0;
    padding: 1.181em 0 0;
    display:block;
}

#basket_form fieldset{
	margin-bottom:3.25em;
}

#basket_form .control-label{
	float:left;
	width:15%;
	text-align:right;
	padding-top:5px;
}

#basket_form .controls{
	margin-left:17%;
	position:relative;
}

#basket_form .controls input{
	width:40%;
	border:1px solid #9a9a9a;
	background-color:#ffffff;
	padding:3px;
	font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif;
	color:#535353;
	font-size:0.875em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#basket_form .controls input:focus{
	border:1px solid #db4d4d;
}

input#shipping_same_as_billing{
	width:auto !important;
}

#basket_form .control-group{
	margin-bottom:0.8125em;
}

#basket_form label{
	color:#535353;
	font-size:1em;
}

#basket_form .select{
	width:40%;
	padding:0 40px 0 10px;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#basket_form select{
	margin:0;
	width:40%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#basket_form .help-inline{
	color:#db4d4d;
	font-size:0.875em;
	line-height:1.85714286em;
	padding-left:5px;
}

#basket_form .control-group.error input{
	border:1px solid #db4d4d;
}

#basket-page .form-actions a.btn{
	text-decoration:none;
	float:left;
	line-height:normal !important;
	height:18px;
	padding:12px 20px 12px;
}

#basket_summary .summary{
	background-color:#D9D9D9;
	width:28%;
	padding:0 2% 1.625em 2%;
}

#basket_summary .summary h2{
	border:none;
	padding-top:1.22727273em;
}

#basket_summary .table-condensed{
	width:100%;
}

#basket_summary .table-condensed th{
	text-align:left;
	font-size:1em;
	line-height:1.625em;
	color:#535353;
}

#basket_summary .table-condensed td{
	font-size:1em;
	line-height:1.625em;
	color:#535353;
}

#basket_summary .form-actions{
	clear:both;
}

#basket_summary .grid_4{
	margin-bottom:1.625em;
}

#basket-page .btn{
	line-height:normal !important;
	height:42px;
}

#basket_summary .btn-primary{
	min-width:32% !important;
	line-height:normal !important;
	height:42px;
}

#basket-page .btn-primary img{
	padding-right:20px;
}

#basket-page .complete-actions{
	width:98%;
	margin:0.8125em 1%;
	border-top:1px solid #9a9a9a;
	padding-top:1.625em;
}

#basket-page .complete-actions a{
	text-decoration:none;
	float:left;
	line-height:normal;
	height:22px;
	padding:10px 20px;
	background-color:#535353;
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
	font-size:1em;
	line-height:1.625em;
	cursor:pointer;
	margin-right:1%
}

#basket-page .complete-actions a img{
	margin-right:10px;
}

#basket-page .complete-actions a.primary{
	background-color:#db4d4d;
}

#accept_wrap{
	text-align:right;
}

#accept_label{
	color:#535353;
	padding-left:10px;
}

.btns-left{
	float:left;
	width:61%;
	position:relative;
}

.btns-right{
	float:right;
	width:39%;
}

.country_notice{
	color:#818181;
	font-size:0.875em;
	line-height:1.85714286em;
	margin-bottom:1.85714286em;
	width:41%;
}

.basket_footer{
	color:#818181;
	font-size:0.875em;
	line-height:1.85714286em;
	margin-bottom:1.85714286em;
}

#payment_total .basket_footer{
	padding-left:15px;
	text-align:right;
}

/* ------------------------------ */
/* TERMS AND CONDITIONS STYLES -- */
/* ------------------------------ */

#terms h1{
	color: #535353;
    font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size: 1.375em;
    font-weight: normal !important;
    line-height: 1.181em;
    text-transform: uppercase;
    border-top:1px solid #db4d4d;
    padding-top:1.181em;
    margin-bottom:2.363em;
}

#terms h2{
	margin:2.36363636em 0 2.36363636em;
}

#terms ul ul{
	margin-left:30px;
}

#terms ul, #terms ul li{
	margin-bottom:0.8125em;
}

#terms ul.level_2, #terms ul.level_3{
	margin-top:0.8125em;
}

#terms ul.level_1 a{
	color:#535353;
	text-decoration:none;
}

#terms ul.level_2 a{
	color:#707070;
}

#terms ul.level_3 a{
	color:#9a9a9a;
}

#terms ul a:hover{
	color:#db4d4d;
}

#invoice_footer{
	border-top:1px solid #9A9A9A;
	padding:1.5625em 0 0.8125em;
}

#invoice_footer p{
	text-align:center;
	margin:0;
}

/* ------------------------------ */
/* FORM STYLES ----------------- */
/* ------------------------------ */

.select {
	position: absolute;
	font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif;
	padding:0 2%;
	width: 96%;
	height:1.85714286em;
	font-size: 0.875em;	
	line-height: 1.85714286em;
	color: #535353;
	background: url(img/icon-selectarrow-01.svg) no-repeat right center #d9d9d9;
	overflow:hidden;
	display:block;
	margin-bottom:1.85714286em;
	cursor:pointer;
}

select.styled{
	font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif;
	width: 100%;
	height:1.85714286em;
	font-size: 0.875em;	
	line-height: 1.85714286em;
	margin-bottom:1.85714286em;
	cursor:pointer;
}

.product-submit{
	font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif;
	font-size:1.125em;
	width:100%;
	height:2.88888889em;
	line-height:1.44444444em;
	background-color:#535353;
	color: white;
	cursor: pointer;
	overflow: hidden;
	border:0;
	text-align:left;
	padding-left:20px;
}

.nav-submit{
	font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif;
	font-size:1.125em;
	width:100%;
	height:2.88888889em;
	line-height:1.44444444em;
	background-color:none;
	color: white;
	cursor: pointer;
	overflow: hidden;
	border:0;
	text-align:left;
	padding-left:20px;
}

.product-submit:hover{
	background-color:#db4d4d;
}

.product-submit.invalid{
	background-color:#535353;
	cursor:default;
}

#stock_display{
	font-size:0.875em;
	line-height:1.85714286em;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #cccccc;
	padding:0.928em 0;
	margin-bottom:1.85714286em;
	color:#818181;
}

/* ------------------------------ */
/* ABOUT STYLES ----------------- */
/* ------------------------------ */

.section_video iframe{
	width:100% !important;
}

#section_video{
	width:100%;
	margin-bottom:3.25em;
	position:relative;
	overflow:hidden;
}

#section_video .grid_8{
	width:64%;
	margin:0 1% 0 2%;
}

#section_video iframe{
	width:100% !important;
	display:block;
	line-height:1.625em;
}

.video_nav{
	display:block;
	width:100%;
	padding:0.318em 0 0.272em;
	text-align:center;
	color:#535353;
	background-color:#D9D9D9;
	text-transform:uppercase;
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size:1.375em;
	line-height:1.181em;
	text-decoration:none;
	margin-bottom:0.59em
}

.video_nav.active, .video_nav:hover{
	background-color:#db4d4d;
	color:#ffffff;
}

#video_nav-wrap{
	margin-bottom:1.625em;
}

#section_staff img{
	margin:1.625em 0;
	width:100%;
	height:auto;
}

#section_staff p{
	font-size:0.875em;
	line-height:1.85714286em;
	margin-bottom:1.85714286em;
}

.staff_left{
	clear:left;
}

.staff_row{
	margin-bottom:3.25em;
}
/* ------------------------------ */
/* PRESS STYLES ----------------- */
/* ------------------------------ */

#press-page .grid_8{
	margin:0 2% 0 1%;
	width:64%;
}

.grid_3-press{
	width:35%; /* 220px (0.229)*/
	margin:0 2% 0 0;
	float:left;
}

.grid_5-press{
	width:61%;
	margin:0 0 0 2%;
	float:left;
}

.press_image{
	width:100%;
	display:block;
}

#press-page h1{
	color: #535353;
    font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size: 1.375em;
    font-weight: normal !important;
    line-height: 1.181em;
    text-transform: uppercase;
    border-top:1px solid #db4d4d;
    padding-top:1.181em;
    margin-bottom:2.363em;
}

#press-page .entry{
	margin-bottom:4.875em;
}

#press-page #sidebar{
	border-top:1px solid #9A9A9A;
	padding-top:1.562em;
}

#press-page #sidebar h3{
	padding:0;
	margin-bottom:2.363em;
}

#press-page #sidebar ul{
	margin:0;
}

#sidebar .widget{
	margin-bottom:3.25em;
}

.download_link{
	background-color:#db4d4d;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size: 1.125em;
    font-weight: normal !important;
    line-height: 1.444em;
    text-transform: uppercase;
    display:block;
    padding:0.722em 0;
}

#press-page #breadcrumb{
	margin:0 1% 1.181em;
}

/* ------------------------------ */
/* CONTACT STYLES --------------- */
/* ------------------------------ */

#contact-page h1{
	color: #535353;
    font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size: 1.375em;
    font-weight: normal !important;
    line-height: 1.181em;
    text-transform: uppercase;
    border-top:1px solid #db4d4d;
    padding-top:1.136em;
	margin-bottom:2.363em;
}

#contact-page h2{
	color:#535353;
	margin-bottom:2.363em;
	line-height:1.181em;
}

#contact-page p{
	font-size:0.875em;
	line-height:1.85714286em;
}

#contact-page .grid_8{
	width:64%;
	margin:0 2% 0 1%;
}


#contactform{
}

#contactform li{
	display:block;
}

#contactform .author{
	width:49%;
	margin-right:1%;
	float:left;
}

#contactform .book{
	width:100%;
	margin-right:1%;
	float:left;
}

#contactform .password{
	width:100%;
	margin-right:1%;
	float:left;
}

#contactform .email{
	width:49%;
	margin-left:1%;
	float:right;
}

#contactform input{
	height:3.25em;
	width:94%;
	font-size:1em;
	line-height:1.625em;
	border:none;
	margin:0 0 0.8125em 0;
	padding:0 3%;
	font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif;
	background-color:#D9D9D9;
	color:#818181;
}

#contactform textarea{
	width:94%;
	border:none;
	margin:0 0 0.8125em 0;
	padding:3%;
	font-size:1em;
	line-height:1.625em;
	font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif;
	height:13em;
	background-color:#D9D9D9;
	color:#818181;
}

#contactform textarea:focus, #contactform input:focus{
	background-color:#EEEEEE;
	color:#535353;
}

#contactform button{
	border:none;
	background-color:#db4d4d;
	color:#ffffff;
	font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif;
    font-size: 1.25em;
    line-height: 1.3em;
    padding:0.35em 20px 0.3em;
    cursor:pointer;
}

#contactform button:hover{
	background-color:#535353
}

.error span{
	color:#db4d4d;
}

@-moz-document url-prefix(){
	#contactform input{
		-moz-box-sizing: border-box;
		width:100%;
		padding:0 10px;
	}
	#contactform textarea{
		-moz-box-sizing: border-box;
		width:100%;
		padding:10px;
	}
}

::-webkit-input-placeholder {
   color: #818181;
}

:-moz-placeholder {  
   color: #818181;  
}

.screenReader{
	position:absolute;
	left:-9999px;
}

a[href^=tel]{
    color:#db4d4d;
    text-decoration:none;
}

/* ------------------------------ */
/* TOP STYLES --------------- */
/* ------------------------------ */

#top-page{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	width: 100%;
	background-image: url(img/bobp_book.jpg);
	background-repeat: no-repeat;
	background-position: 50% 100%;
}

#top-page img{
	width:90%;
	padding-top:10px;
	padding-bottom:20px;
}

#top-page .container_main{
	width:90%;
	text-align:center;
}

#top-page h2{
	 padding-top:250px;
	 color:#fff; font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-weight:normal !important; letter-spacing:15px; line-height:140%; font-size:65px; text-align: center; text-transform:uppercase; margin:0px; display:inline-block; 
}


#top-page h3{
	color:#fff; text-align: center; text-transform: capitalize; font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size:1.375em;
	font-weight:normal !important;
	margin:0 0 1.181em 0;
	padding-bottom:20%;
}

#top-page .grid_4{
	width:100%;
	text-align:center;
}


/* ------------------------------ */
/* DONATE STYLES --------------- */
/* ------------------------------ */

#donate-page{
	background: url(img/boat.jpg) no-repeat 50% 100% ;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:100%; height:auto; display:block; margin:0 auto; width:100%;
}

#donate-page img{
	width:70%;
	padding-top:2%
}

#donate-page .container_main{
	width:90%;
	text-align:center;
}

#donate-page h2{
	padding-top:125px;
	color:#fff; font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-weight:normal !important; letter-spacing:15px; line-height:140%; font-size:65px; 	  	    text-align:center; text-transform:uppercase; margin:0px; display:inline-block; 
}


#donate-page h3{
	color:#fff; text-align:center; text-transform: capitalize; font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size:1.375em;
	font-weight:normal !important;
	margin:0 0 1.181em 0;

}

#donate-page .grid_4{
	width:100%;
	text-align:center;
}

/* ------------------------------ */
/* FOOTER STYLES ---------------- */
/* ------------------------------ */
#esub{
	background-color:white;
	font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif;
	color:#535353;
	font-size:0.75em;
	padding:0 0 4.3em;
}

#esub a{
	color:#db4d4d;
	text-decoration:none;
}

#esub-hold{
	padding:18px 50px;
}

#esub_top{
	width:100%;
	clear:both;
	margin-bottom:2.166em;
	padding-top:0;
}

#esub_top .floatright{
	text-align:right;
}

#esub_top form{
	margin:0;
	padding:0;
}

#esub_top form fieldset{
	position:relative;
	width:280px;
}

#esub_top form input{
	border:0;
	padding:0.9em 10px;
	font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif;
	width:180px;
	background-color:#eeeeee;
	font-size:1em;
	color:#9a9a9a;
	height:1.19em;
}

#esub_top form button{
	border:0;
	position:absolute;
	right:0;
	top:0;
	width:80px;
	height:2.85em;
	padding:0;
	background-color:#db4d4d;
	color:#ffffff;
	font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif;
	cursor:pointer;
	font-size:1em;
}

#esub_top form button:hover{
	background-color:#535353;
}

#esub_top form input:focus{
	color:#535353;
}












#footer{
	background-color:#d9d9d9;
	font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif;
	color:#535353;
	font-size:0.75em;
	padding:0 0 4.3em;
}

#footer a{
	color:#db4d4d;
	text-decoration:none;
}

#footnote{
	float:right;
}

#footer-hold{
	padding:18px 50px;
}

#foot_top{
	width:100%;
	clear:both;
	margin-bottom:2.166em;
	padding-top:4.33em;
}

#foot_top .floatright{
	text-align:right;
}

#foot_top form{
	margin:0;
	padding:0;
}

#foot_top form fieldset{
	position:relative;
	width:280px;
}

#foot_top form input{
	border:0;
	padding:0.83em 10px;
	font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif;
	width:180px;
	font-size:1em;
	color:#9a9a9a;
	height:1.19em;
}

.donate{
	border:#fff medium solid;
	right:0;
	top:0;
	width:150px;
	height:2em;
	padding:0;
	background-color:transparent;
	color:#ffffff;
	font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif;
	cursor:pointer;
	font-size:1.5em;
	margin-bottom:25%;
}

.donate:hover{
	background-color:#fff;
	color:#c8255c;
}

#foot_top form button{
	border:0;
	position:absolute;
	right:0;
	top:0;
	width:80px;
	height:2.85em;
	padding:0;
	background-color:#db4d4d;
	color:#ffffff;
	font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif;
	cursor:pointer;
	font-size:1em;
}

#foot_top form button:hover{
	background-color:#535353;
}

#foot_top form input:focus{
	color:#535353;
}

#footer-facebook{
	background: url(img/icon-facebook.svg) no-repeat left top #9a9a9a;
	display:block;
	float:right;
	width:22px;
	height:34px;
	margin-left:10px;
}

#footer-facebook:hover {
    opacity:;
}

.newsletter_success{
	display:none;
	margin:0;
}

.newsletter_error{
	color:#db4d4d;
	position:absolute;
	top:-26px;
	left:0;
}

#footer .grid_12 a:hover{
	color:#535353;
}

/* ------------------------------ */
/* MEDIA QUERIES ---------------- */
/* ------------------------------ */

/* @media screen and (max-width: 720px) {
	#nav li{
		float:left;
		width:25%;
		margin:0 0 1.625em 0;
	}
	#nav .active{
		border:none;
	}
	
	#nav a:hover{
		border:none;
		color:#db4d4d;
	}
	#logo{
		margin-top:3.25em;
	}
} */

@media screen and (max-width: 1160px) {
	#donate-page h2{font-size:50px; letter-spacing: 7px;
}
	#top-page h2{font-size:50px; letter-spacing: 7px;
}
}
@media screen and (max-width: 960px) {
	.btns-left{
		width:49%;
		margin-right:1%;
	}
	.btns-right{
		width:49%;
		margin-left:1%;
	}
	.btns-left a.btn{
		padding:14px 0 10px !important;
	}
	.btns-left .btn, .btns-right .btn{
		width:100%;
		padding:10px 0 !important;
		float:none;
	}
	#basket-page .form-actions .btn{
		margin:0 0 0.8125em;
	}
	#basket-table td{
		width:16%;
	}
	#basket-table .first{
		width:50%;
	}
}



@media screen and (max-width: 830px) {
	
	#categories td{
		width:31%;
		margin:0 1%;
	}
	#categories .left{
		margin:0 1%;
	}
	#categories .right{
		margin:0 1%;
	}
	.grid_3-press, .grid_5-press{
		margin:0 1%;
		width:98%;
	}
}

@media screen and (max-width: 920px) {
	#donate-page h2{font-size:35px; letter-spacing: 7px;
}
	#top-page h2{font-size:35px; letter-spacing: 7px;
}
}

@media screen and (max-width: 768px) {
.hidden-xs{
	display:none !important;
}

#update{
	position:absolute;
	width:100%;
	background-color:white;
	font-size:1em;
	line-height:1.625em;
	font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif;
	color:white;
	text-align:center;
	z-index:0;
}

#update a{
	color:white;
	text-decoration:none;
}

#update a:hover{
	text-decoration:underline;
}

.navcolor{
	position:absolute;
	background-color:white;
	width:100%;
	padding-bottom:5px;
}

#top-page h2{
	 padding-top:125px;
}

/*
#top-page img{
	padding-top:125px;
}
*/

#top-page img{
	padding-top:10px;
	padding-bottom:10px;
}

#donate-page h2{
	padding-top:60px;
}

@-webkit-keyframes scroll-ani { 0% {opacity: 1; top: 29%;} 15% {opacity: 1; top: 50%;} 50% {opacity: 0; top: 50%;} 100% {opacity: 0; top: 29%;}}
@-moz-keyframes scroll-ani {0% {opacity: 1; top: 29%;} 15% {opacity: 1; top: 50%;} 50% {opacity: 0; top: 50%;} 100% {opacity: 0; top: 29%;}}
@keyframes scroll-ani {0% {opacity: 1; top: 29%;} 15% {opacity: 1; top: 50%;} 50% {opacity: 0; top: 50%;} 100% {opacity: 0; top: 29%;}}
.mouse-scroll {display: inline-block; line-height: 18px; font-size: 13px; font-weight: normal; color: #7F8C8D; color: #FFF; letter-spacing: 2px; position:absolute; bottom:10px; left:50%; margin-left:-25px; text-decoration: none; overflow: hidden;}
.mouse-scroll .mouse { position: relative; display: block; width: 30px; height: 50px; margin: 0 auto 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #FFF; border-radius: 23px;}
.mouse-scroll .mouse .mouse-movement { position: absolute; display: block; top: 29%; left: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; background: #FFF; border-radius: 50%; -webkit-animation: scroll-ani 4s linear infinite; -moz-animation: scroll-ani 4s linear infinite; animation: scroll-ani 4s linear infinite;}
.mouse-scroll .mouse-message {font-weight:300; font-family:'Open Sans', sans-serif; float: left; margin: 0px 0 0 5px; padding: 0; -webkit-animation: scroll-ani 4s linear infinite; -moz-animation: scroll-ani 4s linear infinite; animation: scroll-ani 4s linear infinite;}

#nav{
		background: url(img/nav-collapse2.svg) no-repeat left top;
		margin-top:35px;
		width:36px;
		height:17px;
		cursor:pointer;
		z-index:100000;
	}
	
	#nav ul{
		position:absolute;
		right:0;
		top:23px;
		padding:20px;
		background-color:#fff;
		width:200px;
		display:none;
		z-index:100000;
	}
	
	#nav.active ul{
		display:block;
		z-index:100000;
	}
	
	#nav li{
		float:none;
		width:100%;
		margin:0;
		z-index:100000;
	}
	
	#nav li:nth-child(8) a{
		padding:0;
		z-index:100000;
	}
	
	#nav li a{
		color:#535353;
		padding-bottom:0.8125em;
		display:block;
		z-index:100000;
	}
	
	#nav .active{
		border:none;
		z-index:100000;
	}
	
	#nav a:hover{
		border:none;
		color:#db4d4d;
		z-index:100000;
	}
	#nav .dropdown a{
		background: url(img/nav-right.svg) no-repeat right top;
	}
	#nav .dropdown-active a{
		background: url(img/nav-left.svg) no-repeat right top;
	}
	.no-svg #nav .dropdown a{
		background:url(img/nav-right.svg) no-repeat right top;
	}
	.no-svg #nav .dropdown-active a{
		background:url(img/nav-left.svg) no-repeat right top;
	}
	#nav .dropdown-active div a{
		background-image:none;
	}
	#nav .dropdown:hover div{
		display:none;
	}
	#nav .dropdown div{
		position:relative;
		margin:0;
		width:auto;
		right:auto;
		border-top:1px solid #DB4D4D;
		padding-top:26px;
	}
	#nav .dropdown ul{
		position:relative;
		background:none;
		border:none;
		padding:0;
		margin:0;
		float:none;
		width:100%;
		text-align:left;
		top:0;
	}
	#nav .dropdown ul li{
		width:auto;
		margin:0;
	}
	#nav .dropdown ul li a{
		padding:0;
		margin-bottom:0.8125em;
	}
	#nav.subview li{
		display:none;
	}
	#nav .dropdown.dropdown-active, #nav .dropdown.dropdown-active li, #nav .dropdown.dropdown-active div{
		display:block;
	}
	
	#logo{
		margin-top:5px;
	}
}

@media screen and (max-width: 750px) {
	.product .grid_6{
		width:100%;
		margin:0;
		float:right;
	}
	.product_last .left{
		width:12%;
	}
	.product_last .right{
		width:86%;
	}
	.grid_2-blog{
		float:none;
		width:96%;
		margin:0 2% 0.8125em;
		padding-top: 0.75em;
		border-top: 1px solid #9A9A9A;
		text-align:left;
	}
	.grid_6-blog{
		width:96%;
		margin:0 2%;
	}
	#blog h1{
		padding:0;
	}
	.grid_2-blog .date{
		float:left;
	}
	.grid_2-blog .categories{
		float:right;
		width:60%;
		margin-bottom:1.625em;
	}
	.grid_2-blog .categories li{
		float:right;
		margin-left:10px;
	}
	#about-page .grid_4, #about-page .grid_100{
		margin:0 1%;
		width:98%;
		float:none;
	}
	#about-page #loading{
		display:none !important;
	}
	#basket-page .btn-primary img{
		display:none;
	}
	#basket_form .controls{
		text-align:right;
	}
	#basket_form .controls input{
		width:90%;
		padding:3px 1%;
	}
	#basket_form select.styled{
		width:90%;
	}
	#basket_form .select{
		right:0;
		width:90%;
		padding:0 2%;
		text-align:left;
		border:1px solid #d9d9d9;
	}
	#basket_form .help-inline{
		display:block;
	}
	#basket_form .help-default{
		display:none;
	}
	#basket_summary .grid_4{
		width:48%;
	}
	#basket_summary .summary{
		width:94%;
	}
	#cookie_notice .grid_2{
		display:none;
	}
	#cookie_notice .grid_8{
		width:98%;
		margin:0 1%;
	}
	#workshop-page .grid_5, #workshop-page .grid_7{
		float:none;
		margin:0;
		width:100%;
	}
	#workshop-page .img_portrait{
		display:none;
	}
	#workshop-page .img_wrap img{
		width:185%;
		height:auto;
	}
	#nav .active, #nav .dropdown a.active{
		border:none !important;
	}
	#workshops-hub .grid_4{
		width:48%;
		margin-bottom:26px;
	}
}

@media screen and (max-width: 655px) {
  	#home li.grid_3{
  		width:46%;
  		margin:0 2%;
  	}
  	#home li.bottom{
  		margin-top:4.875em;
  	}
  	#contact-page .grid_4{
  		float:none;
  		width:98%;
  		clear:both;
  		
  	}
	#contact-page .grid_8{
		margin:0 1% 4.875em;
		width:98%;
	}
}

@media screen and (max-width: 630px) {
	#donate-page h2{font-size:26px; letter-spacing: 7px;
}
	#top-page h2{font-size:26px; letter-spacing: 7px;
}
}

@media screen and (max-width: 625px) {
  	#blog #sidebar{
  		display:none;
  	}
  	#blog .grid_8{
  		margin:1.625em 1% 0;
  		width:98%;
  	}
  	.grid_2-blog{
  		margin:0 0 1.625em;
  		width:100%;
  	}
  	.grid_6-blog{
  		margin:0;
  		width:100%;
  	}
  	#section_staff .grid_6{
  		width:98%;
  		float:none;
  		margin-bottom:3.25em;
  	}
  	.btns-left, .btns-right{
		width:100%;
		margin:0;
		float:none;
	}
	#basket-table td{
		width:25%;
	}
	#workshops-hub .grid_4{
		width:98%;
		margin-bottom:26px;
	}
}

@media screen and (max-width: 560px) {
	#head_main #title li{
		font-size:1.875em;
	}
	#title .outer, #head_main{
		height:350px;
	}
	img.bg{
		width:100%;
	}
	#home p{
		font-size:1em;
		line-height:1.625em;
	}
	#footer{
  		color:#D9D9D9;
  		text-align:center;
  		font-size:0.875em;
  		line-height:0.928em;
  	}
  	#footer a{
  		display:block;
  	}
  	#footnote{
  		color:#535353;
  		float:none;
  		line-height:1.85714286em;
  		margin-top:3.71428571em;
  	}
  	#footer .grid_6{
  		width:100%;
  		text-align:left;
  		float:none;
  	}
  	#footer .grid_6 form{
  		margin-bottom:2.166em;
  	}
  	#footer .grid_6 fieldset{
  		margin:0 auto;
  	}
  	#footer .floatright{
  		float:none;
  	}
  	#footer-facebook, #footer-twitter{
  		float:none;
  		margin:0 auto;
  	}
  	.newsletter_error{
  		width:100%;
  		text-align:center;
  	}
  	#products-page li.grid_4{
  		float:none;
  		width:98%;
  		margin-bottom:4.875em;
  	}
  	#products-page li.grid_4:nth-child(3){
  		margin-bottom:0;
  	}
  	#categories td{
		width:48% !important;
		margin:0 1%;
	}
	#categories .left{
		margin:0 1%;
	}
	#categories .right{
		margin:0 1%;
	}
	.product_last .left{
		width:19%;
	}
	.product_last .right{
		width:79%;
	}
	#press-page #sidebar{
		display:none;
	}
	.grid_3-press, .grid_5-press{
		margin:0;
		width:100%;
	}
	#press-page .grid_8{
		width:98%;
	}
	#basket_form .control-label{
		float:none;
		display:block;
		text-align:left;
		width:auto;
		padding:0;
		margin-bottom:0.8125em;
	}
	#basket_form .controls{
		text-align:left;
	}
	#basket_form .controls input{
		width:100%;
	}
	#basket_form .controls{
		margin:0;
		width:100%;
	}
	#basket_form select.styled{
		width:100%;
	}
	#basket_form .select{
		left:0;
		width:100%;
	}
	#basket_form .control-group{
		margin-bottom:1.625em;
	}
	#basket_summary .grid_4{
		width:98%;
	}
	#basket_summary .summary{
		width:94%;
	}
}

@media screen and (max-width: 480px){
 	body{
    	-webkit-text-size-adjust: none;
 	}
 	#contactform li{
		width:100% !important;
		margin:0 !important;
	}
	#contactform button{
		width:100%;
	}
	#basket-page .complete-actions a.primary{
		float:right;
	}
	#contact-page .grid_4 p{
		text-align:center;
	}
	
	#donate-page .grid_8{
		width:98%;
		text-align:center;
	}
	
	#donate-page .grid_4{
		width:98%;
		text-align:center;
	}
	
	#donate-page .grid_4 h2{
		width:98%;
		text-align:center;
	}
	#top-page .grid_8{
		width:98%;
		text-align:center;
	}
	
	#top-page .grid_4{
		width:98%;
		text-align:center;
	}
	
	#top-page .grid_4 h2{
		width:98%;
		text-align:center;
	}
}

@media screen and (max-width: 420px) {
	
	.grid_9{
	width:100%;
	margin:0 1%;
	float:left;
}

  	#home li.grid_3{
  		width:100%;
  		margin:0;
  		float:none;
  		margin-bottom:4.875em;
  	}
  	#home li.grid_3:nth-child(4){
  		margin-bottom:0;
  	}
  	/*.container_main{
  		width:355px;
  		padding-left:20px !important;
  		padding-right:20px !important;
  	}
  	#footer{
  		width:395px;
  	}
  	#head_main{
  		width:395px;
  	}*/
  	.product h1{
  		float:none;
  		width:100%;
  		margin-bottom:1.444em;
  		display:block;
  	}
  	.title .link_testimonials, .title .link_overview{
  		float:left;
  		margin:0 20px 0 0;
  		border:none;
  		color:#db4d4d;		
		font-size:1em;

  	}
  	.grid_12{
  		width:100%;
  		margin:0;
  	}
  	
  	.title{
  		margin:0 0 2em;
  		border-bottom:1px solid #9A9A9A;
  		padding: 1.389em 0;
  	}
	
	
  	#about-page .title, .product .title{
  		padding-bottom:0;
  		border-bottom:none;
  	}
  	select{
  		font-size:1em;
  	}
  	#categories td{
		width:98% !important;
		margin:0 1%;
	}
	#categories .left{
		margin:0 1%;
	}
	#categories .right{
		margin:0 1%;
	}
	.product_last .left{
		display:none;
	}
	.product_last .right{
		width:100%;
		float:none;
	}
	.product_last .right p, .product_last .right a{
		line-height:1.625em;
	}
}

/* ------------------------------ */
/* MODERNIZR FALLBACKS ---------- */
/* ------------------------------ */

.no-svg .dropdown div{
	background:url(images/site/nav-dropdown.png) no-repeat center top transparent;
}

.no-svg #workshop-page .vid_play{
	background-image:url(images/site/vid_play.png);
	background-repeat:no-repeat;
}