﻿/*
 * Project Styles
 *
 */

/* ==========================================================================
   Base styles and resets
   ========================================================================== */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
html{-webkit-text-size-adjust: none;}
strong{ font-weight:bold;}
img{ vertical-align:top;}
.cl{ clear:both; font-size:0;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

a { color: #00e; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 0; padding: 0; }
li { list-style:none; margin:0; padding:0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

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

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* ==========================================================================
   General styles
   ========================================================================== */
html { background:#fff; }
body { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:20px;  color:#1D1D1B; }

.wrapper { width:1010px; margin:0 auto; position:relative; }
.wrapper:before, .wrapper:after { content: ""; display: table; }
.wrapper:after { clear: both; }
.wrapper { *zoom: 1; }

a { text-decoration:none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;
outline:none!important; color:#C59B6D;}
	a:hover { color:#1D1D1B}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
	opacity:1;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
	opacity:1;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
	opacity:1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
	opacity:1;
}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

img {max-width:100%; height:auto;}

.col12 {
    width: 100%;
    float: left;
}
.col11 {
    width: 91.66666666666666%;
    float: left;
}
.col10 {
    width: 83.33333333333334%;
    float: left;
}
.col9 {
    width: 75%;
    float: left;
}
.col8 {
    width: 66.66666666666666%;
    float: left;
}
.col7 {
    width: 58.333333333333336%;
    float: left;
}
.col6 {
    width: 50%;
    float: left;
}
.col5 {
    width: 41.66666666666667%;
    float: left;
}
.col4 {
    width: 33.33333333333333%;
    float: left;
}
.col3 {
    width: 25%;
    float: left;
}
.col2 {
    width: 16.666666666666664%;
    float: left;
}
.col1 {
    width: 8.333333333333332%;
    float: left;
}

/* ==========================================================================
   Fonts
   ========================================================================== */
    /*
	FONTS.COM
    font-family:'ShelleyScriptW01-Allegr';
	*/


	@font-face {
		font-family: 'bryant_regularregular';
		src: url('../fonts/bryant-regular-webfont.eot');
		src: url('../fonts/bryant-regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/bryant-regular-webfont.woff') format('woff'),
			 url('../fonts/bryant-regular-webfont.ttf') format('truetype'),
			 url('../fonts/bryant-regular-webfont.svg#bryant_regularregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'bryantbold';
		src: url('../fonts/bryant-bold-webfont.eot');
		src: url('../fonts/bryant-bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/bryant-bold-webfont.woff') format('woff'),
			 url('../fonts/bryant-bold-webfont.ttf') format('truetype'),
			 url('../fonts/bryant-bold-webfont.svg#bryantbold') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'bryantmedium';
		src: url('../fonts/bryant-medium-webfont.eot');
		src: url('../fonts/bryant-medium-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/bryant-medium-webfont.woff') format('woff'),
			 url('../fonts/bryant-medium-webfont.ttf') format('truetype'),
			 url('../fonts/bryant-medium-webfont.svg#bryantmedium') format('svg');
		font-weight: normal;
		font-style: normal;
	}

/* ==========================================================================
   Home
   ========================================================================== */

#header{ background:#333; padding:35px 40px 10px 40px; position:relative; z-index:999;}

	#logo{ display:block; width:236px; position:absolute; top:0px; left:50%; margin-left:-118px; z-index:999;}

	.nav{ list-style:none; float:left; }
		.nav > li{ list-style:none; display:block; float:left; padding-right:35px; position:relative;}
			.nav > li > a{font-family: 'bryant_regularregular';  font-size:14px; line-height:14px; color:#fff; text-transform:uppercase;}
			.nav > li.on > a,
			.nav > li > a:hover{ text-decoration:underline;  }

			.submenu {list-style:none;  display:none; position:absolute; top:35px; left:0;}
			.nav > li.on .submenu {display:block;}
				.submenu li {list-style:none; display:block; padding:5px 0px;}
				 	.submenu li a {font-family: 'bryant_regularregular';  font-size:14px; line-height:14px; color:#fff; text-transform:uppercase;}

	.top-actions{ list-style:none; float:right; }
		.top-actions li{ list-style:none; display:block; float:left; padding-right:18px;}
			.top-actions li a{font-family: 'bryant_regularregular';  font-size:11px; line-height:16px; height:16px; color:#E3E3E3; text-transform:uppercase; padding-left:22px; display:inline-block;}
			.top-actions li.on a,
			.top-actions li a:hover{ text-decoration:underline; }

			.top-actions .stockists-btn {background:url(../images/icon-glass.png) 0 0 no-repeat;}
			.top-actions .subscribe-btn {background:url(../images/icon-subscribe.png) 0 0 no-repeat; padding-left:19px;}
			.top-actions .contact-btn {background:url(../images/icon-mail.png) 0 1px no-repeat;}

	.banner {background-size:cover; background-position:center center; background-repeat:no-repeat; /*background-attachment: fixed;*/ width:100%; height:800px;text-align:center;}
		.banner .wrapper {width:830px; padding-top:300px;}
			.banner-text {font-family: 'bryant_regularregular'; font-size:40px; line-height:46px; color:#fff; margin-bottom:45px;}
		 	.banner-link {display:inline-block; font-family: 'bryantbold'; font-size:14px; line-height:14px; color:#fff; padding-bottom:2px; border-bottom:1px solid #fff; text-transform:uppercase;}

		#top-banner .wrapper {width:1010px; padding-top:0px;}

.options {margin:330px -5px 0 -5px;}
	.options .column{padding:0px 5px; text-align:center;}

	 .options h1 {font-family:'ShelleyScriptW01-Allegr'; font-size:58px; line-height:66px;  color:#fff; padding-bottom:30px;}
	.options .status {font-family: 'bryantbold'; font-size:17px; line-height:17px; color:#fff; padding-bottom:2px; margin-bottom:8px; display:inline-block; border-bottom:1px solid #fff;}
	.options .eta {display:block; font-family: 'bryant_regularregular'; font-size:17px; line-height:17px; color:#fff; margin-bottom:60px;}
	.arrow-btn {display:inline-block; width:45px; height:45px; background:url(../images/icon-down-arrow.png) 0 0 no-repeat; text-indent:100%; overflow:hidden;}

.section-top {width:100%; height:34px; background:url(../images/seperator-bg.jpg) center center repeat-x; text-align:center; padding-top:9px;}
	.section-top h2 {font-family: 'bryantbold'; font-size:17px; line-height:17px; color:#fff; text-transform:uppercase;}

.entry-wrapper { width:800px; text-align:center; padding-top:75px;  padding-bottom:50px;}
	.entry-wrapper h1 {font-family:'ShelleyScriptW01-Allegr'; font-size:69px; line-height:74px;  color:#1D1D1B; padding-bottom:50px;}
	.entry-wrapper .status {font-family: 'bryantbold'; font-size:17px; line-height:17px;  padding-bottom:2px; margin-bottom:8px; display:inline-block; border-bottom:1px solid #1D1D1B;}
	.entry-wrapper .eta {display:block; font-family: 'bryantbold'; font-size:17px; line-height:17px; color:#AF8D53; margin-bottom:30px;}
	.entry-wrapper p {text-align:left; padding-bottom:30px;}

#footer{ background:#333; padding-top:35px;color:#AFAFAF; }

	.footer-boxes {margin:0px -14px 45px -14px;}
		.footer-box {padding:0px 14px;}

	#footer h3 {font-family: 'bryantbold'; font-size:17px; line-height:17px; color:#AF8D53; padding-bottom:30px;}
	#footer p {padding-bottom:12px;}

	.newsletter-form {margin-bottom:10px; }
		.newsletter-form input[type=text], .newsletter-form input[type=email]{display:block; border:0px; background:#4d4d4d; width:100%; height:35px; margin-bottom:10px; padding:8px; font-size:16px; line-height:16px; color:#fff;}
		.newsletter-form input[type=submit]{display:block; border:1px solid #4d4d4d; background:none; width:100%; height:35px; margin-bottom:10px; padding:8px; font-size:16px; line-height:16px; color:#AFAFAF; text-align:left;}

		.newsletter-form input[type=text].small-field, .newsletter-form input[type=submit].small-field {width:134px; display:inline-block; margin-right:5px;}

	.contact-details {padding:15px 0;  border-top:2px solid #666;  border-bottom:2px solid #666;}
	.social-media-list {list-style:none;}
	.social-media-list li{list-style:none; display:block; float:left; margin-right:6px;}
		.social-media-list li a {display:inline-block; width:28px; height:28px; background-image:url(../images/social-sprite.png); background-repeat:no-repeat;overflow:hidden;}
			.social-media-list li a.fb {background-position:0px 0px;}
			.social-media-list li a.pin {background-position:-35px 0px;}
			.social-media-list li a.insta {background-position:-70px 0px;}
			.social-media-list li a.tw {background-position:-105px 0px;}

	.copyright {font-family: 'bryant_regularregular'; font-size:14px; line-height:14px; padding-bottom:55px; }
		.copyright a {color:#b2b2b2;}

	#wine-list {height:800px;}
	.wine-list-cont {height:100%;}
		.wine-item {float:left; margin:55px 70px 0px 70px; width:311px; text-align:center;height:100%;}
		.wine-item h3 {font-family: 'bryantbold'; font-size:17px; line-height:18px; color:#AF8D53; padding-bottom:12px; text-transform:uppercase; margin-top:-45px;}
		.wine-item .wine-btn {display:inline-block; font-family: 'bryant_regularregular'; font-size:15px; line-height:15px; color:#fff; padding-bottom:2px; margin-bottom:8px; border-bottom:1px solid #fff; clear:both;}


		.jThumbnailScroller{position:relative; width:1010px; height:800px; padding:0; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
		.jThumbnailScroller .jTscrollerContainer{position:absolute;height:100%;}
		.jThumbnailScroller .jTscroller{position:relative; height:100%; margin:0; left:0; top:0; display:inline-block; *display:inline;}
		.wine-list-cont.jThumbnailScroller{width:100%;}


/* ==========================================================================
   About
   ========================================================================== */

   .default-banner h1 {font-family:'ShelleyScriptW01-Allegr'; font-size:210px; line-height:210px;  color:#fff; padding:240px 0px 80px 0px;}
   .scroll-down-btn {display:inline-block; font-family: 'bryantmedium'; font-size:23px; line-height:23px;  color:#fff; padding-bottom:42px; background:url(../images/icon-scroll-down.png) center bottom no-repeat;}
   	.scroll-down-btn:hover { color:#fff; }

   .entry {padding:80px 0px 65px 0px;}
   	.entry p{padding-bottom:15px;}

	#timeline {padding-top:45px;}
		.timeline-item {width:170px;}
			.timeline-item img {display:block; margin-bottom:20px;}
			.timeline-item .timeline-year {display:block; font-family: 'bryantbold'; font-size:17px; line-height:17px; color:#C59B6D; padding-top:23px; padding-bottom:20px;text-align:center; background:url(../images/icon-timeline-index.jpg) center top no-repeat; }
			.timeline-item p {color:#9D9D9C;}

	.timeline-theme .owl-controls{margin-top:10px;text-align:center; background:url(../images/timeline-bg.png) -20px center no-repeat; height:26px; width:100%;position:absolute; top:180px;}
		.timeline-theme .owl-controls .owl-buttons div{display:inline-block;zoom:1; width:25px; height:26px; text-indent:100%; overflow:hidden;}
			.timeline-theme .owl-controls .owl-buttons .owl-prev{background:url(../images/carousel-arrow-left.png) 0 0 no-repeat; float:left; margin-left:-40px;}
			.timeline-theme .owl-controls .owl-buttons .owl-next{background:url(../images/carousel-arrow-right.png) 0 0 no-repeat;float:right; margin-right:-10px;}

	.owl-item.loading{min-height:150px;background:url(../images/AjaxLoader.gif) no-repeat center center}

/* ==========================================================================
   About
   ========================================================================== */

	#map {width:100%; height:870px;}

/* ==========================================================================
  Contact
   ========================================================================== */
	.contact-boxes {margin:0px -20px;}
		.contact-box {padding:0px 20px;}
			.contact-box h3 { font-family: 'bryantbold'; font-size:17px; line-height:17px; color:#B08E53; padding-bottom:15px;}

/* ==========================================================================
  Gallery
   ========================================================================== */
 .gallery-banner h1 {padding-top:140px}

 .gallery-cont {background:#F2F2F2; padding:20px; margin-bottom:45px;}
 	.gallery-cont img {width:100%; height:auto;}
	#gallery-caption {padding-top:18px;}
		#gallery-caption span {display:block; float:right;  font-family: 'bryant_regularregular'; font-size:17px; line-height:17px; }

 #gallery-carousel {margin-bottom:30px;}
	.gallery-carousel-item {width:177px;  z-index:2; position:relative; opacity:0.6; cursor:pointer;}
		.gallery-carousel-item:hover, .gallery-carousel-item.current {opacity:1;}

	.owl-wrapper-outer { z-index:3;}

	.gallery-theme .owl-controls{ width:100%;position:absolute; top:50%; margin-top:-13px; z-index:0;}
		.gallery-theme .owl-controls .owl-buttons div{display:inline-block;zoom:1; width:25px; height:26px; text-indent:100%; overflow:hidden;}
			.gallery-theme .owl-controls .owl-buttons .owl-prev{background:url(../images/carousel-arrow-left.png) 0 0 no-repeat; float:left; margin-left:-40px;}
			.gallery-theme .owl-controls .owl-buttons .owl-next{background:url(../images/carousel-arrow-right.png) 0 0 no-repeat;float:right; margin-right:-40px;}



/* ==========================================================================
  News
   ========================================================================== */
  .year-archive {list-style:none; text-align:center; margin-top:-30px; margin-bottom:120px;}
  	.year-archive li{list-style:none; display:inline-block;}
	.year-archive li:after{content:'|'; display:inline-block; padding:0px 9px; color:#1d1d1b!important;}
	.year-archive li.last:after , .year-archive li:last-child:after {display:none;}
		.year-archive li a {color:#1d1d1b;}
			.year-archive li a:hover, .year-archive li.current a {color:#c59b6d;}

  .post {}
  	.post .featured-image {display:block; margin:0 auto 40px auto;}
  	.post h2{font-size:33px; line-height:38px; color:#c59b6d; padding-bottom:25px; margin-bottom:50px; border-bottom:2px solid #e5e5e5; text-align:center;}
	.post ul {padding-bottom:20px; padding-left:17px;}
		.post ul li {list-style:disc;}
	.post a {color:#1d1d1b; text-decoration:underline;}
.commentary-post {margin-bottom:100px;}
	.commentary-post h2{font-size:33px; line-height:38px; color:#c59b6d; padding-bottom:20px; margin-bottom:13px; border-bottom:2px solid #e5e5e5; text-align:left;}
	.commentary-post .post-date {display:block; font-size:21px; line-height:21px; color:#c59b6d; margin-bottom:35px;}


/* ==========================================================================
   Our Wines
   ========================================================================== */
   .section-wine {background-repeat:no-repeat; background-position: center 32px; min-height:1275px; background-size:auto;font-size:17px; line-height:22px;}
   .section-wine .wrapper {width:1200px;}
   		.wine-left {float:left; width:370px;}
		.wine-right {float:right; width:365px;}

		.section-wine  .wrapper h2{font-size:27px; line-height:33px; color:#c59b6d; padding-bottom:30px; }
		.section-wine  h4{font-size:17px; line-height:22px; color:#c59b6d; padding-bottom:2px; }
		.section-wine  a {color:#1d1d1b; text-decoration:underline;}

		.section-wine  a.purchase-btn {display:inline-block; font-size:25px; line-height:25px; color:rgb(255,255,255); color:rgba(255,255,255,0.8); background:url(../images/icon-arrow-right.png) right center no-repeat #B79846; padding:10px 38px 10px 14px; text-decoration:none; border-right:10px solid #B79846;}

		.section-wine blockquote {margin:0;font-size:26px; line-height:31px; color:#c59b6d; margin-bottom:45px;}
		.section-wine cite {display:block; font-size:17px; line-height:20px; padding-top:20px;}

		.section-wine  a.reviews-btn { font-size:17px; line-height:17px; color:#c59b6d; }

		.popup {width:100%; max-height:840px; min-height:640px;  background:#F1F1F1; position:absolute; top:80px; left:0px;-webkit-box-shadow: 6px 6px 8px 0 #c6c6c6;box-shadow: 6px 6px 8px 0 #c6c6c6; display:none;}
			.popup-inner {width:100%; height:100%; position:relative;padding:30px;}
			.popup .close-btn {width:25px; height:25px; display:block; text-indent:100%; overflow:hidden; background:url(../images/icon-close-btn.png) center center no-repeat; position:absolute; top:20px; right:13px;}

			.section-wine  a.pdf-btn {display:inline-block; font-size:16px; line-height:16px; color:rgb(255,255,255); color:rgba(255,255,255,0.8); background:#B79846; padding:10px 38px 10px 14px; text-decoration:none; margin-top:50px;}


/* ==========================================================================
   Shop
   ========================================================================== */
	.availability {display:block; text-align:center; font-size:17px; line-height:17px; color:#CBCBCB; margin-top:-30px;}

	.product-list {
		margin-top:90px;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
		.product {
			float:left; width:49%; margin-bottom:35px;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
		}
			.product-image{float:left; width:207px;}
			.product-info{float:right; width:265px;}
				.product-title {font-size:27px; line-height:33px; color:#c59b6d; padding-bottom:10px;}
				 p.product-excerpt {display:block;  padding-bottom:10px;}
				.product-price {display:block; font-size:27px; line-height:33px; padding-bottom:10px;}
				.product-price-desc {display:block;color:#c59b6d; padding-bottom:12px; }
				.product-delivery {display:block;color:#c59b6d; padding-bottom:12px;  }
				.product-btn {display:block; clear:both; float:left; background:url(../images/icon-gold-arrow.png) right center no-repeat #F4F4F4; padding:5px 10px; font-size:15px; line-height:15px;margin-bottom:4px; width:135px; border-right:5px solid #F4F4F4; }
					.product-btn:hover {color:#c59b6d; }


			.not-available-popup {clear:both; width:100%; padding:10px; background:#f1f1f1; font-size:15px; line-height:18px; position:relative; display:none;}
				.availableon {display:block; padding-bottom:5px;}
				.not-available-popup a{display:block; clear:both; float:left; text-decoration:underline;margin-bottom:2px;}
				.not-available-popup .close-btn {width:12px; height:12px; display:block; text-indent:100%; overflow:hidden; background:url(../images/icon-close-small.png) center center no-repeat; position:absolute; top:5px; right:5px;}

			.wine-item .not-available-popup {clear:both; width:198px; padding:10px; background:rgb(237,237,237); background:rgba(237,237,237,0.9); font-size:15px; line-height:18px; position:relative; display:none; margin:-45px auto 0px auto; text-align:left;}


/* ==========================================================================
   Stokists
   ========================================================================== */

	.stokist-popup {width:100%;  background:#F1F1F1; position:absolute; top:80px; left:0px;-webkit-box-shadow: 6px 6px 8px 0 #c6c6c6;box-shadow: 6px 6px 8px 0 #c6c6c6; /*display:none;*/ z-index:1000;}
		.stokist-popup-inner {padding:30px; position:relative; width:100%; height:100%;}

			.stokist-popup h2 {font-family:'ShelleyScriptW01-Allegr'; font-size:60px; line-height:60px;  color:#c59b6d; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #c59b6d;}

			.stokist-popup .close-btn {width:25px; height:25px; display:block; text-indent:100%; overflow:hidden; background:url(../images/icon-close-gold.png) center center no-repeat; position:absolute; top:13px; right:13px;}

			.stokists-list {
					/*-webkit-column-count: 4;
    				-moz-column-count: 4;
    				column-count: 4;
					-webkit-column-gap: 80px;
    				-moz-column-gap: 80px;
    				column-gap: 80px;*/
					display: -webkit-flex;
					display: -ms-flexbox;
					display: flex;
					-webkit-flex-wrap: wrap;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;

					display:none;
					list-style:none;
					overflow:hidden;
				}
				.stokists-list.current {
					display:block;
					display: -webkit-flex;
					display: -ms-flexbox;
					display: flex;
					-webkit-flex-wrap: wrap;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
				}

				.stokists-list li {width:25%; float:left; display:block; margin-bottom:25px; overflow:hidden;
					display: -webkit-flex;
					display: -ms-flexbox;
					display: flex;
				}

			 .stokist-nav {list-style:none; text-align:center; position:absolute; top:50px; left:0px; width:100%;}
				.stokist-nav li{list-style:none; display:inline-block;}
				.stokist-nav li:after{content:'|'; display:inline-block; padding:0px 9px; color:#1d1d1b!important;}
				.stokist-nav li.last:after , .stokist-nav li:last-child:after {display:none;}
					.stokist-nav li a {color:#1d1d1b;}
						.stokist-nav li a:hover, .stokist-nav li.current a {color:#c59b6d;}



/* ==========================================================================
   Order Form
   ========================================================================== */
.form-wrapper {width:1068px; font-family:Georgia, "Times New Roman", Times, serif;}
   .order-form-cont {background:#F1F1F1; -webkit-box-shadow: 6px 6px 8px 0 #c6c6c6;box-shadow: 6px 6px 8px 0 #c6c6c6; padding:50px 30px 10px 30px;}
		.order-form-cont h2 {font-size:27px; line-height:24px;  color:#c59b6d; padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #c59b6d; text-align:left;}
		.order-form-cont h3 {font-size:22px; line-height:22px;  color:#c59b6d; }
		.order-form-cont h4 {font-size:16px; line-height:20px;  color:#c59b6d; }

		.order-form-cont table {margin-bottom:30px;}
			.order-form-cont table th{font-size:15px; line-height:15x; padding:5px 10px;}

			.order-form-cont table td {background:#FCFCFC; border-collapse:collapse; border:6px solid #F1F1F1; padding:5px 10px 3px 10px; font-size:15px; line-height:18px;  color:#9d9d9c;}
			.order-form-cont table td input {border:0; background:none; display:block; width:100%; color:#9d9d9c; font-family:Georgia, "Times New Roman", Times, serif;}
			.order-form-cont table td select {border:0; background:none; display:block; width:120px; font-size:15px; line-height:18px;  color:#9d9d9c;}

			.order-form-cont table tr td:first-child {width:510px;}
			.order-form-cont table tr td:nth-child(2) {width:105px;}
			.order-form-cont table tr td:last-child {width:100px;}

			.order-form-cont table td.qty-field {padding:0px;}
			.order-form-cont table td.qty-field input { padding:3px 10px 1px 10px; border:1px solid #fff; font-family:Georgia, "Times New Roman", Times, serif;}
				.order-form-cont table td.qty-field input:focus {border:1px solid #9d9d9c;}

				.order-form-cont table td input.not-valid {border:1px solid #ff0000; color:#ff0000;}

				.order-form-cont.total-table {float:right;}
					.order-form-cont table.total-table tr td:last-child {width:95px;}
					.order-form-cont table.total-table th {width:142px;}
					.order-form-cont table.total-table input {padding:0px; font-family:Georgia, "Times New Roman", Times, serif;}

					.total-table .blank {background:0;}
					.order-form-cont table td.small {font-size:9px; line-height:12px!important;}


			.customSelect {
			/* This is the default class that is used */
			/* Put whatever custom styles you want here */
			 background:url(../images/icon-select.png) right center no-repeat;
			}

			.customSelect.customSelectHover {
			/* Styles for when the select box is hovered */
			}

			.customSelect.customSelectOpen {
			/* Styles for when the select box is open */
			}

			.customSelect.customSelectFocus {
			/* Styles for when the select box is in focus */
			}

			.customSelect.customSelectDisabledOption {
			/* Styles for when the selected item is a disabled one */
			}

			.customSelect.customSelectDisabled {
			/* Styles for when the select box itself is disabled */
			}

			.customSelectInner {
			/* You can style the inner box too */
			}

	.details-cont {width:440px; margin-bottom:50px;}
	.form-fields {}
		.form-fields input[type=text], .form-fields input[type=email], .form-fields textarea{ display:block; background:#FCFCFC;  padding:6px 10px 3px 10px; font-size:15px; line-height:18px;  color:#9D9D9C; border:0; width:100%; margin-bottom:6px; font-family:Georgia, "Times New Roman", Times, serif;}

		.form-fields textarea {padding:6px 10px; min-height:140px; margin-bottom:11px;}

		input[type=text].small {display:inline-block;}

		.form-fields input[type=text].suburb-field {width:160px; margin-right:3px;}
		.form-fields input[type=text].state-field {width:133px; margin-right:3px;}
		.form-fields input[type=text].postcode-field {width:133px; float:right}


		input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#9d9d9c;}
		input:-moz-placeholder, textarea:-moz-placeholder { color:#9d9d9c;}
		input::-moz-placeholder, textarea::-moz-placeholder { color:#9d9d9c;}
		input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#9d9d9c;}

		.form-fields input[type=checkbox]{ display: none; }
		.form-fields input[type=checkbox] + label.label, span.error + label.label {cursor:pointer; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; line-height:32px;  color:#9D9D9C; display:block; margin-bottom:11px; background:url(../images/checkbox.png) top left no-repeat; height:30px; padding-left:35px;}
		.form-fields input[type=checkbox]:checked + label.label {background-position:bottom left;}
		/*.form-fields input[type=checkbox]:checked + span + label.label {background-position:bottom left;}*/
		.form-fields input[type=checkbox]:checked ~ label.label {background-position:bottom left;}

	.card-details-cont {width:440px; margin-bottom:35px;}

		.form-fields select {background:url(../images/icon-select.png) right center no-repeat #FCFCFC;  padding:6px 10px 3px 10px; font-size:15px; line-height:18px;  color:#9D9D9C; border:0; margin-bottom:6px; font-family:Georgia, "Times New Roman", Times, serif;}
		.form-fields .customSelect {margin-bottom:6px; padding:6px 10px 3px 10px; font-size:15px; line-height:18px;  color:#9D9D9C; border:0; margin-bottom:6px; font-family:Georgia, "Times New Roman", Times, serif; background:url(../images/icon-select.png) right 10px no-repeat #FCFCFC; border-right:8px solid #FCFCFC;}
		.cards-cont {margin:15px 0px 30px 0px;}

		.place-order-btn {
			display:inline-block;
			background: #c1a14e; /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxYTE0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2RjYjk2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWM2NzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(left,  #c1a14e 0%, #dcb964 76%, #eac670 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c1a14e), color-stop(76%,#dcb964), color-stop(100%,#eac670)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  #c1a14e 0%,#dcb964 76%,#eac670 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  #c1a14e 0%,#dcb964 76%,#eac670 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  #c1a14e 0%,#dcb964 76%,#eac670 100%); /* IE10+ */
			background: linear-gradient(to right,  #c1a14e 0%,#dcb964 76%,#eac670 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1a14e', endColorstr='#eac670',GradientType=1 ); /* IE6-8 */

		}
		.form-fields input[type=submit] { border:0; background:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; line-height:15px;  color:#fff; display:inline-block; padding:10px 45px 10px 10px;background-image:url(../images/icon-place-order.png);background-repeat:no-repeat;	background-position:right center;}


input#newsfullname.error, input#newscountry.error, input#newsemail.error {
	background: #efbfbf;
}


/* Media Queries*/

@media only screen and (max-width : 1600px) {

	.nav > li { padding-right: 10px; }
}

@media only screen and (max-width : 1490px) {


		#header{ padding:35px 20px 10px 20px;}

}

.form-fields select.hasCustomeSelect.error{
	color: #fff;
	background: #000;
}

.order-form-cont table th.warning,
.order-form-cont table td.warning,
.order-form-cont table td.warning input { background-color: rgb(255, 182, 182); }


