body{

	font-family: 'Raleway', serif;
	background-color: #4d4d4d;
}

body.terms{
	background-color: #fff;
}
h1, h2{
	font-family: 'Playfair Display', serif;
	font-size: 1.8em;
	line-height: 1.1em;
	font-weight: normal;
}

h1{
	color:#da2d09;
}

h4{
	font-family: 'Playfair Display', serif;
	font-size: 1.4em;
	line-height: 1.1em;
	font-weight: normal;
}

p{
	margin-top: 15px;
	font-size: 0.9em;
}

p a, .smallprint a{
	color:#4d4d4d;
}
p a:hover, .smallprint a:hover{
	color:#000;
}
/*

Generic page styles

*/


.clearfix{
	clear:both;
}

#wrapper{
	width:100%;
	min-width: 800px;
	background-color: #fff;
}



#header{
	width:100%;
	min-width: 500px;
	height: 55px;
	position: fixed;
	top:0;
	background: #333333;
	z-index: 102;
}

#header-sub,.review-teaser-sub{	
	width:100%;
	max-width:800px;
	min-width:600px;
	margin: auto;
}

#nav{
	margin-top: 17px;
	float: right;
	
}

#nav li{
	font-family: 'Playfair Display', serif;
	float: left;
	margin-left: 20px;
}

#nav a{
	color:#fff;
	text-decoration: none;
}
#nav a:hover{
	color:#fcd921;
}

#nav a.here{
	color:#fcd921;
}

#logo{
	margin-top: 8px;
}

#midsection{
	width:100%;
	background-color: #fff;
	text-align: center;
}

#content{
	
	color: #4d4d4d;
	margin: auto;
	width: 800px;
	max-width: 800px;
	text-align: left;
	position: relative;
	padding-bottom:20px;	
	padding-top:90px;

}

#content-sub{

}

#review-teaser{
	width: 100%;
	background-color: #f6f6f6;
}
.review-teaser-sub {
	padding: 15px 0;
}
.review-teaser-sub h3{
	color: #da2d09 !important;
    font-family: 'Playfair Display', serif !important;
	font-size: 1.3em !important;
}
.review-teaser-sub p{
	display: inline-block;
	font-size: 2.6em;
    font-weight: 100;
    margin-top: 5px;
    color: #4d4e4e;
}
.review-teaser-sub a{
	font-family: 'Playfair Display', serif;
	color: #da2d09;
	margin-left: 10px;
}

.reviews-list{
	margin-top: 40px;
	width: 80%;
}
.reviews-list h2{
	color: #da2d09 !important;
    font-family: 'Playfair Display', serif !important;
	font-size: 1.3em !important;
}
.reviews-list h2 + p{

	margin-top:4px;
}
.reviews-list p.review-author{
	color: #da2d09 !important;
	margin-top:3px;
}

.reviews-list p.review-author em{
	font-style:italic; !important;
}
.review{
	margin-bottom: 20px;
	background-image: url(../img/pages/quote.gif);
	background-repeat: no-repeat;
}
#footer{
	background-color: #4d4d4d;
	color:#fff;
	width:100%;
	min-width: 800px;
	height: 180px;
	font-size: 0.8em;
	position: relative;
	padding-top: 1px;
}

#footer-sub{
	width: 800px;
	margin: 20px auto;
}

.footer-sub2{
	width: 800px;
	border-top: 1px solid #666;
	padding-top: 10px;
}

.footer-sub2 a{
	color: #fff;
}

.footer-col-wide{
	width:456px;
	float: left;
	color:#808184;
	text-align: center;
}

.footer-col.narrow{
	float: right;
	width:165px;
}

.footer-col{
	width:170px;
	float: left;
	line-height: 1.3em;
}

.smallprint{
	margin-top: 20px;
	font-size: 0.8em;
}

.footer-col a, #credit a{
	color:#fff;
}

.footer-col a:hover, #credit a:hover{
	color:#fcd921;
}

#credit{
float: right;
}

#facebook{
	display: block;
	float: left;
	height: 36px;
	width: 35px;
	background-image: url(../img/common/icon-fb-lrg.gif);
	background-repeat: no-repeat;
	margin-right: 20px;
}

#twitter{
	display: block;
	float: left;
	height: 36px;
	width: 35px;
	background-image: url(../img/common/icon-twitter-lrg.gif);
	background-repeat: no-repeat;
	margin-right: 20px;
}

#youtube{
	display: block;
	float: left;
	height: 36px;
	width: 35px;
	background-image: url(../img/common/icon-youtube-lrg.gif);
	background-repeat: no-repeat;

}

#social-media{
	display: block;
	margin: 20px 0  60px 0;
	clear: both;
}
/*
#twitter:hover{
	background-image: url(../img/common/twitter-r.gif);
}

#facebook:hover{
	background-image: url(../img/common/fb-r.gif);
}
*/
.tweets{
	font-size: 0.8em;
	width:220px;
	height: 80px;
	overflow-y: scroll;
	padding: 10px;
	background-color: #6d6d6d;
	margin-top: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-left: -10px;

}

.tweets img{
	display: none;
}

.tweet{
	margin-bottom: 10px;
}

.tweet_secondary_meta{
	display: none;
}

#credit{

	float: right;
}

/* page styles: home */
.home #wrapper{
	width:100%;
	height:4000px;
}

/* page styles: about */

.mission #midsection{	
	background-color:#f2f2f2;
	background:url(../img/mission/bg.gif) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-origin: center;
	
}

.mission #content{
	text-align: center;
}

.mission #content-sub{
	/*
	
	border: 1px solid #fac;
	
	*/
}

.mission #content h1{
	margin: auto;
	font-size: 1.9em;
	width: 345px;
	text-align: center;
	line-height: 1.3em;
}

.mission #seabung-side{
	width:630px;
	height:173px;
}

.mission #seabung-side{
	margin-top:-40px;
}

.mission #cta{
	width:337px;
	margin:auto;
	position: relative;
	top:-40px;
}

.mission #cta img{

}

.mission #btn-shop{
	text-decoration: none;
	background-image:url(../img/mission/btn-shop.png);
	background-repeat: no-repeat;
	width:168; height:56;
	display: block;
	float: left;
}

.mission #btn-shop:hover{
	background-position: 0 100%;
}

.mission #btn-about{
	text-decoration: none;
	background-image:url(../img/mission/btn-about.png);
	background-repeat: no-repeat;
	width:169; height:56;
	display: block;
	float: left;
}

.mission #btn-about:hover{
	background-position: 0 100%;
}

.mission h1{
	color:#4d4d4d;	
}

#footer-secondary{
	background: #fff;
}

#footer-secondary-sub{
	width:800px;
	margin: auto;
}

#footer-secondary-sub img{
	width: 800px;
}


/* about */
.about #content{
	
}

.about #content-left{
	width:304px;
	float: left;
	margin-right: 32px;
}

.about #content-right{
	width:464px;
	float: right;
	
}

.about #seabungs{
	float: left;
	margin-top: -6px;
}

.about #details{
	margin-top: 72px;
}

.about .detail{
	margin-top: 47px;
}

.about .detail h3{
	color:#da2d09;
	font-weight: bold;
}

.about .detail p{
	margin: 0;
	padding-right: 10px;
}

/* shop */
.shop .content{
	line-height: 1;
}
.shop .product{
	
	float: left;
	margin: 0 0 10px 0;
}

.shop .product.wide{

}

.shop .packshot{
	margin-left: -30px;
    margin-top: 30px;
	float: left;
	display: block;
}
.pinfo{
	float: left;
	padding-top: 60px;
    padding-left: 35px;
    width: 380px;
}
.shop .packshot2{
	margin-left: -50px;
	width:295px;
	height:323px;
}

.shop h1{
	float: left;
}

.shop form {
	display: inline;
}

.shop select{
	margin-top: 13px;
    margin-bottom: 12px;
    display: block;
    font-size: 1.1em;
    float: left;
}

.shop h3{
	margin-top: 0;
	color:#da2d09;
	font-family: 'Playfair Display', serif;
	font-size: 2em;
}

.shop h3+h3{
	margin-top: 0;
}

.shop h4{
	
	font-weight: normal;
	font-size: 1.4em;
}
#qty{
	width: 65px;
	height: 45px;
	color:#da2d09;
	font-size: 2em;
	background-color: #f6f6f6;
	box-sizing:border-box;
	border: 0;
	float: left;
	text-align: center;
}


#qty-ctrls{
	float: left;
}
#qty-ctrls a{
	display: block;
	width: 28px;
	height: 22px;
	margin-bottom: 1px;
}
#qty-ctrls a:hover{
	background-position-x:-28px;
}
#inc-up{
	background-image: url(../img/shop/inc-up.gif);
}
#inc-down{
	background-image: url(../img/shop/inc-down.gif);
}
.price-pane{
	margin-top: 30px;
}
.qty-pane{
	margin-top: 30px;
}
.qty-pane h5{
	font-size: 1.5em;
    color: #da2d09;
    margin-bottom: 12px;
}
#price-label{
	float: left;
    font-size: 3em;
    color: #da2d09;
    min-width: 110px;
    margin-right: 10px;
}
.shop #midsection{
	height: 800px;
}

.shop .smallprint{
	margin-top: 10px;
    margin-bottom: 16px;
	font-size: 1.2em;
}

.shop .smallprint2{
	margin-top: 67px;
	margin-bottom: 18px;
	font-size: 0.9em;
}
.shop .smallprint2 a{
    color: #da2d09;	
}
#currency_smallprint{
	font-size: 0.9em;
}

.btn-dormant{
	position: absolute;
}


.terms #wrapper{
	min-width: 300px;
}
.terms #content{
	width: 100%;
	max-width: 800px;
	min-width: 300px;
}
.terms h2{
	font-family: Raleway;
	font-size: 1.3em;
	margin-top: 20px;
}

.enquiries #content-left{
	width:500px;
	min-height:520px;
	height: 520px;
}

#floor{

	background: #f2f2f2;
	height:1400px;
	width:100%;
	position: absolute;
	top: 1859px;
	border-top: 17px solid #4d4d4d;
}

.stockists #content-left{
	width:300px;

	float: left;
}

.stockists #content-right{
	float: right;
	min-height:520px;
	height: 520px;
}

#stockistsMap{
	width: 800px;
	height: 400px;
	font-size: 1em;
	margin-top: 25px;
	margin-bottom: 40px;

}
/* media queries */


@media only screen and (min-width: 1020px) {

	#stockistsMap{
		width: 1000px;
	}
	#footer{
		font-size: 0.9em;
	}


	#footer-sub{
		width: 1000px;
	}

	.footer-sub2{
		width: 1000px;
	}
	.footer-col{
		width:205px;
		line-height: 1.4em;
	}

	.footer-col-wide{
		width:475px;
	}

	.footer-col.narrow{
		width:180px;
	}

	#footer-secondary-sub img{
		width: 999px;
	}

	#footer-secondary-sub{
		width: 999px;
	}
	#header-sub, .review-teaser-sub {
		width: 1000px;
		min-width: 1000px;
		margin: auto;
	}

	#content{
		max-width: 1000px;
		min-width: 1000px;
	}

	.about #content-left{
		width:405px;
		margin-right: 10px;
	}
	.about #seabungs{
		
	}
	.about #content-right{
		width:580px;
		
	}

	h1,h2{
		font-size: 2.2em;
		line-height: 1.2em;
	}

	p{
		margin-top: 20px;
		font-size: 1em;
		line-height: 1.3em;
	}
	p.first{
		margin-bottom: 60px;
	}
	

	.mission #content h1{
		margin: auto;
		font-size: 2.6em;
		width: 485px;
		text-align: center;
		line-height: 1.3em;
	}

	.mission #seabung-side{
		margin-top:-50px;
	}

	.mission #cta{
		top:-50px;
	}

	.mission #seabung-side{
		width:840px;
		height:231px;
	}
	.mission #content{
		top:20%;
	}
	.shop .product{
	
	}
	
	.shop .product.wide{
	
	}

	.shop .packshot{
		
	}
	.shop .packshot2{
		
		margin-left: -50px;
		width:393px;
		height:430px;
	}

	.shop .packshot3{
		
		margin-left: -50px;
		width:439px;
		height:430px;
	}

	.pinfo{
		width: 570px;
	}

	.review{
		background-image: url(../img/pages/quote-wide.gif);
	}
}

/*

@media only screen and (min-height: 750px)  and (min-width: 1000px) {


	





}

*/

@media only screen and (min-height: 1400px) {

	#wrapper{
		height:100%;
	}

	#midsection{
		height: 75%;
		min-height: 750px;
	}

	#content{
		height: 100%;
		top:12%;
		margin-top: 0;
		padding-top: 0;
		margin-bottom: 0;
		padding-bottom: 0;

	}


	#footer{
		height: 25%;
		position: absolute;
		bottom:0;
	}
	


}

@media only screen and (min-height: 860px) {

	.mission #wrapper{
		height:100%;
	}

	.mission #midsection{
		height: 75%;
		min-height: 615px;
	}

	.mission #content{
		height: 100%;
		top:20%;
		margin-top: 0;
		padding-top: 0;
	}

	.video #content{
		top:10%;
	}

	.mission #footer{
		height: 35%;
		position: absolute;
		bottom:0;
	}

	
}

.vh1{
	width:1000px !important;
	text-align: left;
	font-family: 'Playfair Display', serif;
	font-size: 1.8em;
	line-height: 1.1em;
	font-weight: normal;
	color:#da2d09;
	margin-bottom: 20px;
}

.custom-dropdown--large {
	font-size: 1.5em;
}


.custom-dropdown__select{
	font-size: inherit; /* inherit size from .custom-dropdown */
	padding: .5em; /* add some space*/
	margin: 0; /* remove default margins */
	font-family: 'Raleway', serif;
	background-color: #ccc;
}


@supports (pointer-events: none) and
	  ((-webkit-appearance: none) or
	  (-moz-appearance: none) or
	  (appearance: none)) {

	.custom-dropdown {
		position: relative;
		display: inline-block;
		vertical-align: middle;
	}

	.custom-dropdown__select {
		padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */
		border: 0;
		border-radius: 10px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;    
	}

	.custom-dropdown::before,
	.custom-dropdown::after {
		content: "";
		position: absolute;
		pointer-events: none;
	}

	.custom-dropdown::after { /*  Custom dropdown arrow */
		background-image: url(../img/shop/dd.png);
		background-repeat: no-repeat;
		width: 21px;
		height: 11px;
		right: 10px;
		top: 50%; margin-top: -5px;
	}

	.custom-dropdown::before { /*  Custom dropdown arrow cover */
		width: 2em;
		right: 0; top: 0; bottom: 0;
		border-radius: 0 3px 3px 0;
	}




	/* FF only temp fix */
	@-moz-document url-prefix() {
		.custom-dropdown__select 			 { padding-right: 20px }
		.custom-dropdown .custom-dropdown__select { padding-right: 40px }
		.custom-dropdown--small .custom-dropdown__select { padding-right: .5em }
		.custom-dropdown::after { /*  Custom dropdown arrow */
		 margin-top: -5px;
	}
	}
}