/*
Theme Name: Joiy
Theme URI: http://joiy.co.nz
Author: Thinkbox
Author URI: http://thinkbox.co.nz
Description: Theme for Joiy.
Version: 1.0

	This theme was designed and built by Sam Cooke,
	whose website you will find at http://www.thinkbox.co.nz/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-spacing: 0;
}

/* end reset css */



body {
	margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;
	width: 100%; height: 100%; 
	background: #fbf9e8;
	font-size: 20px !important; font-family: Georgia, 'Times New Roman', Times, serif;  
	color: #51401f; text-align: left; overflow-x: hidden;
	}

p { font-size:1em;  line-height:1.7em;  margin: 0px 0px 15px 0px; padding: 0; 
	letter-spacing: normal;   }

h1 {  font-size:2.25em; font-weight:normal;  
	line-height: 1.1em; margin: 0 0 15px; padding: 0; }
	
h2 {  font-size:1.9em; font-weight:normal; text-transform: uppercase;
	line-height: 1.2em; margin: 0 0 15px 0; padding: 0; }
	
h3 {  font-size:1.5em; font-weight:bold; font-style: italic;
	line-height: 1.3em; margin: 0 0 15px 0; padding: 0; }

h4 {  font-size:1.25em; font-weight:normal; .woocommerce img, .woocommerce-page img
	line-height: 1.4em; margin: 0 0 15px 0; padding: 0; }	

h5 { font-size:0.8em;  line-height:1.3em;  margin: 0px 0px 15px 0px; padding: 0; 
	letter-spacing: normal; text-transform: uppercase;  }



p.small { font-size: 0.7em; margin: 0px 0px 10px 0px;	}
p.smaller { font-size: 0.6em; margin: 0px 0px 10px 0px;	}

p.up { text-transform: uppercase;	}
p.intro-p { font-size:1.1em; font-weight:normal; 
	line-height: 1.4em; margin: 0 0 15px 0; padding: 0; }

p.clear{ clear: both;  margin: 0; padding: 0; height:0px;  }
p.clearspace10 { clear: both;  margin: 0; padding: 0; height:25px; }
p.clearspace25 { clear: both;  margin: 0; padding: 0; height:25px; }
p.clearspace50 { clear: both;  margin: 0; padding: 0; height:50px; }	

input, textarea { font-size:1em; line-height:1em; color: #333; letter-spacing: normal;font-family: georgia, times new roman, serif;  }


ul, ol{
  margin: .4em 0 1em;
}
ul li, 
ol li{
	list-style-position:outside;
	margin: 0 0 10px 2em;
	font-size:1em;  
	line-height:1.4em; 
	padding: 0; 
	letter-spacing: normal;
  	margin-left: 15px;
}
ul li {
  list-style: disc;
}
ol li {
  list-style-type: lower-alpha;
}




a, a:visited {
	color: #51401f;
	text-decoration: underline;
}
a:hover,
a:active {
	color:#2f3837;
}
a img {
	border: none;
}
a.more {
	font-size: 1.1em;
}
a.readmore {
	margin-top: 20px;
	font-size: 0.85em;
	font-style:italic;
	 	
}
#footer a {
	font-style:normal;
}




blockquote {
	width: 80%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
blockquote p {
	font-family: 'Cinzel',  serif;
	font-weight: 400;
	color: #76aba7;
	font-size: 1.5em;
	line-height: 1.2em;
	padding: 15px 0 30px 0 !important;
	background: url(images/line-dotted-fade.png) no-repeat center bottom;
	margin: 0;
}


table { 
  border-collapse: collapse;
  width: 100%
}
td, th {
  border: none;
  text-align: left;
  vertical-align: middle;
  padding: 0 10px;
}

table.alt-table td {
  text-align: right;
}
table.alt-table td:first-child {
  text-align: left;
}

strong { 
	font-weight: bold;
}
em {
	font-style:italic;
	 	 
}
small {
	font-size: 0.75em;
}
hr {
	display: block;
	border: 0;
	width: 200px;
	height: 4px;
	background-color: #857a61;
	color: #857a61;
	margin: 0 0 15px 0;
}

.center {
	margin: 0 auto;
}
.hidden {
	display: none;
}
.tall {
	min-height:100%;
}


.centxt {
	text-align: center;
}
.lefttxt {
	text-align: left;
}
.clearleft {
	clear: left;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#overlay {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 19;
}
#overlay.is-active {
  display: block;
}

/**** clearfix ****/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/**** cols and rows and ****/



.row {
    overflow: hidden;
    _overflow:visible;
    _zoom:1;
    width: 100%;	
}
.content {
	margin: 0 auto;
}
.col {
	position: relative;
	float:left;
	display: block;
	min-height: 1px;
}
.stack .col {
	width: 100% !important;
	float: none;
}
.last {
	margin-right: 0 !important;
}






.headspace {
	padding-top: 20px !important;	
}
.footspace {
	padding-bottom: 35px !important;	
}


/***** AGE VERIFICATION PAGE ****/




.age-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;	
  background: #cbe7eb url(images/bg-age-verification.jpg) no-repeat center center;
  background-size: cover;
  z-index: -1;
}

.age-panel {
  position: absolute;
  top: 5%;
  left: 50%;
  margin-left: -536px;
  width: 1072px;
  height: 595px;
  background: url(images/bg-age-verification-panel.png) no-repeat center center;
}
.age-content {
	padding-right: 20px;
}
.age-content h1 {
	margin: 287px 0 20px;
	text-align: center;
	font-size: 1.4em;
	line-height: 1em;
	text-transform: uppercase;
}
.age-content p {
	width: 670px;
	margin: 0 auto 10px;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.2em;

}
.age-content h3 {
	text-align: center;
	font-size: 1.1em;
	line-height: 1.2em;
	font-style: normal;
}
.age-content p.remember {
	width: 210px;
	margin: 35px 156px 0 auto;
	text-align: left;
	font-size: 0.8em;
	line-height: 1em;

}
.age-content .tb {
	position: absolute;
	z-index: 2;
	display: block;
	cursor: pointer;
}
.age-content .tb.tb-yes {
	top: 398px;
	left: 315px;
	width: 24px;
	height: 24px;
	background: url(images/tickbox-big.png) no-repeat left top;
}
.age-content .tb.tb-rem {
	top: 458px;
	left: 660px;
	width: 18px;
	height: 18px;
	background: url(images/tickbox-small.png) no-repeat left top;
}
.age-content .tb:hover,
.age-content .tb.is-active {
	background-position: left bottom;
}






/***** GENERIC STYLE ****/
#header,
#shopheader,
#section,
#footer {
  position: relative;
  width: 100%;
  display: block;
}

#section {
  overflow: hidden;
}

#header .container,
#shopheader .container{
  position: relative;
  width: 100%;
  max-width: 1354px;
  margin: 0 auto !important;
}


#sub-nav .container,
#section .container,
#footer .container {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto !important;
}


.content-wrapper {
  position: relative;
}


#section .container .content  {
	/*padding-top: 50px;
	padding-bottom: 50px;*/
}

#section.standard .container .content,
#section.tncs .container .content {
	/*padding-top: 20px;
	padding-bottom: 20px;*/
}
.txt {
	overflow: hidden;
    _overflow:visible;
    _zoom:1;
	padding-top: 40px;
	padding-bottom: 25px;
	padding-left: 6%;
	padding-right: 6%;
}

#section .container h2,
#section .container h3,
#section .container h4,
#section .container h5,
/*#section .container p,*/
#section .container ul,
#section .container ol,
#section .container .col .img  {
  padding-right: 6%;
  padding-left: 6%;
}
#section .container .col h2,
#section .container .col h3,
#section .container .col h4,
#section .container .col h5,
#section .container .col p,
#section .container .col ul,
#section .container .col ol,
#section .container .col .img {
  padding-right: 3%;
  padding-left: 3%;
}
#section .container .col.first h2,
#section .container .col.first h3,
#section .container .col.first h4,
#section .container .col.first h5,
#section .container .col.first p,
#section .container .col.first ul,
#section .container .col.first ol,
#section .container .col.first .img {
  padding-right: 6%;
  padding-left: 0;
}
#section .container .col.last h2,
#section .container .col.last h3,
#section .container .col.last h4,
#section .container .col.last h5,
#section .container .col.last p,
#section .container .col.last ul,
#section .container .col.last ol,
#section .container .col.last .img {
  padding-left: 6%;
  padding-right: 0;
}

.standard .col-wrapper {
  padding-right: 6%;
  padding-left: 6%;
}


#section.homepanel {
	position: absolute;
  	z-index: 10;
  	height: calc(100% - 105px);
  	background: #cbe7eb url(images/bg-home.jpg) no-repeat center center;
  	background-size: cover;
}



#main-wrapper {
	position: relative;
	overflow-x: hidden;
}

#shop-wrapper {
	overflow-x: hidden;
}

#section.welcome {
  	z-index: 1;
  	height: 1080px;
  	background: url(images/bg-welcome.jpg) no-repeat center bottom;
  	background-size:cover;
}


#section.ecomm {
  	z-index: 1;
  	background: #F0F4E7;
  	padding-top:42px;
	/*overflow:auto;*/
	min-height:900px;
}

#section.checkout {
  	z-index: 1;
  	background: #F0F4E7;
  	/*overflow:auto;*/
}

#section.how-to-enjoiy {
  	z-index: 2;
  	height: 900px;
	  background: url(images/bg-how-to-enjoy-nov18.jpg) no-repeat center center;
  	background-size: cover;

}
#section.cocktails {
  	z-index: 3;
  	height: 700px;
  	background: #5a544a;
  	
}
#section.the-maker {
  	z-index: 4;
  	height: 1080px;
  	background: #f2fce3 url(images/bg-the-maker.png) repeat-x center top;
}
#section.find-us {
  	z-index: 5;
  	height: 700px;
  	background: #FBF9E7;
  	/*background: #cbe7eb;*/
}
#section.retailers {
  	z-index: 6;
  	height: 550px;
  	padding-top: 100px;
  	/*background: url(images/bg-footer.png) repeat-x center 552px #cbe7eb;*/
  	background: #cbe7eb;
}

#footer {
  	z-index: 6;
  	height: 197px;
  	background: url(images/bg-footer.png) repeat-x center bottom;
}


#header {
  	z-index: 20;
  	height: 105px;
  	background: url(images/bg-nav.png) repeat-x left bottom;
  	position: absolute;
}

#shopheader {
  	z-index: 20;
  	height: 105px;
  	background: url(images/bg-nav.png) repeat-x left bottom;
  	position: fixed;
  	top:0;
}

.headgap {
	/*padding-top: 105px;*/
}

.small-logo {
	display: none;
	position: absolute;
    z-index: 21;
    width: 156px;
    height: 90px;
    top: -30px;
    left: 50%;
    margin-left: -78px; 
    text-indent: -9999px;
    background: url(images/menu-logo.png) no-repeat center top !important;
    background-size: 156px 90px !important;
    transition: top 0.6s;
	-webkit-transition: top 0.6s;
}
.small-logo a {
	display: block;
    width: 156px;
    height: 90px;
    text-indent: -9999px;
}




#header.is-active .small-logo {
	top: 5px;
}

#shopheader.is-active .small-logo {
	top: 5px;
}

.biline {
	position: absolute;
	z-index: 19;
	bottom: 0px !important;
	left: 0px;
	display: none;
	width: 100%;
	height:80px;
	text-align: center;
  	background: url(images/bg-nav.png) repeat-x left bottom;
  	padding: 5px 0 0;	
}
#header.is-active .biline {
    display: none;
}

#shopheader.is-active .biline {
    display: none;
}

.biline p {
	font-size: 1.3em;
	margin-bottom: 0;
	line-height: 1.4em;
}
.biline p.small {
	font-size: 0.9em;
	margin-bottom: 0;
}
.biline p.smaller {
	font-size: 0.8em;
	margin-bottom: 0;
}




#header .cnr-left {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	display: block;
	width: 230px;
	height: 160px;
	background: url(images/cnr-left.png) no-repeat 0 0;
}
#header .cnr-right {
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	display: block;
	width: 240px;
	height: 180px;
	background: url(images/cnr-right.png) no-repeat 0 0;
}

#shopheader .cnr-left {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	display: block;
	width: 230px;
	height: 160px;
	background: url(images/cnr-left.png) no-repeat 0 0;
}
#shopheader .cnr-right {
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	display: block;
	width: 240px;
	height: 180px;
	background: url(images/cnr-right.png) no-repeat 0 0;
}





.homepanel .container {
	min-height: 100%;
}
.homepanel .big-logo {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	display: block;
	width: 271px;
	height: 205px;
	margin-left: -135px;
	background: url(images/Joiy-big-logo.png) no-repeat 0 0;
	background-size: auto 100%;
	text-indent: -9999px;
}
.homepanel .sheild {
	position: absolute;
	z-index: 1;
	top: 285px;
	left: 70px;
	display: block;
	width: 288px;
	height: 208px;

	background: url(images/home-shield_seriously-good.png) no-repeat 0 0;
	text-indent: -9999px;
}






.welcome .container {
}
	.welcome .content-wrapper {
		position: absolute;
  		top: 215px;
  		left: 0;
		z-index:2;
		width: 510px;
		padding: 17px 10px 10px 10px;
		margin-left: 86px;
		background: #fbf9e8;
		box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.5);
		-webkit-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.5);
		-moz-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.5);
		-o-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.5);
	}
	.welcome .content-wrapper .top {
		position: absolute;
		top: -88px;
		left: 0;
		display: block;
		width: 530px;
		height: 175px;
		background: url(images/welcome-top.png) no-repeat center top;
	}
	.welcome .content-wrapper .bottom {
		position: absolute;
		bottom: -100px;
		left: -111px;
		display: block;
		width: 752px;
		height: 131px;
		background: url(images/welcome-btm.png) no-repeat center top;
	}
	.welcome .content {
		z-index:-1;
		width: 90%;
		padding: 80px 5% 5% 5%;
		border: solid 1px #4c453e;
		text-align:center;
	}
	.welcome .cheers  {
		position: absolute;
		top: 280px!important;
		left: 395px;
		z-index:1;
		display: block;
		width: 310px;
		height: 370px;
	}
	.welcome .splash  {
		position: absolute;
		top: 0px;
		left: -100px;
		z-index:-1;
		display: block;
		width: 310px;
		height: 370px;
		background: url(images/welcome-cheers.png) no-repeat left top;
	}
	.welcome .pull  {
		display: block;
		width: 310px;
		height: 370px;
		background: url(images/welcome-cheers-pull.png) no-repeat left top;
		cursor: pointer;
	}

	.welcome .p-hb1 {
		position: absolute;
		top: 180px;
		right: 160px;
  		z-index: 3;
	}
	.welcome .p-hb2 {
		position: absolute;
		top: 470px;
		right: -40px;
  		z-index: 4;
	}
	.welcome .p-fl1 {
		position: absolute;
		top: 234px;
		left: -264px;
  		z-index: 3;
	}
	.welcome .p-fl2 {
		position: absolute;
		top: 986px;
		left: -264px;
  		z-index: 4;
	}
	.welcome .p-fr1 {
		position: absolute;
		top: 710px;
		right: -325px;
  		z-index: 3;
	}
	.welcome .p-b1 {
		position: absolute;
		top: 632px;
		left: -40px;
  		z-index: 3;
	}


  .welcome .p-sm1 {
    position:absolute;
    display:none;
    top: 125px;
    left: 0;
    width: 84px;
    height: 345px;
    background: url(images/sm-para-l1.png) no-repeat left top;
    z-index: 4; 
  }
  .welcome .p-sm2 {
    position:absolute;
    display:none;
    top: 35px;
    right: 0;
    width: 111px;
    height: 524px;
    background: url(images/sm-para-r1.png) no-repeat left top; 
    z-index: 4; 
  }









.how-to-enjoiy .container {
}
	.how-to-enjoiy .content-wrapper {
		position: absolute;
  		top: 200px;
  		left: 0;
		z-index:2;
		/*width: 438px;*/
		width: 376px;
		padding: 0 11px 0 12px;
		margin-left: 510px;
		border-left: solid 2px #fbf9e8;
		border-right: solid 2px #fbf9e8;
	}
	.how-to-enjoiy .content-wrapper .top {
		position: absolute;
		/*top: -165px;
		left: -29px;*/
		top: -142px;
		left: -25px;
		display: block;
		/*width: 524px;
		height: 165px;*/
		width: 450px;
		height: 142px;
		background: url(images/how-to-enjoiy-top.png) no-repeat center  top;
	}
	.how-to-enjoiy .content-wrapper .bottom {
		position: absolute;
		bottom: -143px;
		left: -2px;
		display: block;
		/*width: 470px;*/
		width: 403px;
		height: 128px;
		padding-top: 30px;
		background: url(images/how-to-enjoiy-btm.png) no-repeat center top;
		text-align:center;
	}
	.how-to-enjoiy .content-wrapper .bottom a,
	.how-to-enjoiy .content-wrapper .bottom a:active,
	.how-to-enjoiy .content-wrapper .bottom a:hover {
		font-size:1.5em; 
		text-decoration: underline;
		color: #51401f;
		padding-bottom: 60px;
	}
	.how-to-enjoiy .content {
		z-index:-1;
		width: 100%;
		padding: 0;
		text-align:center;
		background: #fbf9e8;
	}

	.how-to-enjoiy .content h2 {
		color: #ad8f25;
	}
	.how-to-enjoiy .content h3 {
		font-size: 1.3em; 
	
	}
	.how-to-enjoiy .content h4 {
		font-size: 1.3em; 
		font-style: italic;
		line-height: 1.3em;
	}

	.how-to-enjoiy .p-hb1 {
		position: absolute;
		top: 690px;
		left: 370px;
  		z-index: 3;
	}
	.how-to-enjoiy .p-lem {
		position: absolute;
		top: 30px;
		left: -264px;
  		z-index: 4;
	}
	.how-to-enjoiy .p-fr1 {
		position: absolute;
		top: 150px;
		right: -325px;
  		z-index: 3;
	}
	.how-to-enjoiy .p-b1 {
		position: absolute;
		top: 400px;
		left: 110px;
  		z-index: 3;
	}



  .how-to-enjoiy .p-sm1 {
    position:absolute;
    display:none;
    top: 30px;
    left: 0;
    width: 95px;
    height: 209px;
    background: url(images/sm-para-l2.png) no-repeat left top;
    z-index: 4; 
  }
  .how-to-enjoiy .p-sm2 {
    position:absolute;
    display:none;
    top: 40px;
    right: 0;
    width: 42px;
    height: 82px;
    background: url(images/sm-para-r2.png) no-repeat left top; 
    z-index: 4; 
  }
















.cocktails {



}
	.cocktails .cocktailtabs {
		position: absolute;
		top: 50px;
		left: 38px;
		z-index: 11;
		width: 700px;
	}

	.cocktails .cocktailtabs h3 {
		display: inline-block;
		font-size: 1em;
		font-style: normal;
		font-weight: normal;
		color: #fbf9e8;
		padding: 0 0 6px !important;
		margin: 0;
	}
	.cocktails .cocktail {
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
	  	height: 700px;
	  	width: 100%;
	}

	.cocktails .cocktail-wrapper {
		position: relative;
		top: 50px;
		display: block;
		width: 277px;
		height:139px;
		background: url(images/bg-cocktail-box-closed.png) no-repeat center top;
		padding: 43px 0;
		margin-right: 90px;

	}

	.cocktails .cocktail-wrapper .recipe {
		display: none;
		position: absolute;
		top: 135px;
		width: 237px;
		padding: 0 20px;
		background: url(images/bg-cocktail-box-open.png) no-repeat center bottom;
	}

	#section.cocktails .cocktail-wrapper .content h3,
	#section.cocktails .cocktail-wrapper .content h5,
	#section.cocktails .cocktail-wrapper .content p {
		padding-right: 0;
		padding-left: 0;

	}
	#section.cocktails .cocktail-wrapper .content h3 {
		text-align: center;
		font-style: normal;
		font-size: 1.3em;
		color: #ad8f25;
		text-transform: uppercase;
		margin-bottom: 0;
	}


	#section.cocktails .cocktail-wrapper .content .tagline {
		display: block;
		background: url(images/bg-cocktail-tag.png) no-repeat center top;
		min-height: 61px;
		width: 100%;
		margin-top: 5px;
	}

	#section.cocktails .cocktail-wrapper .content .tagline h5 {
		display: block;
		text-align: center;
		width: 186px;
		margin: 10px auto;
	}

	#section.cocktails .cocktail-wrapper .content p {
		margin-bottom: 7px;
		font-style: italic;
		font-size: 0.85em;
		line-height: 1.2em;
	}
	#section.cocktails .cocktail-wrapper .content p.small {
		text-align: center;
		font-size: 0.65em;
		margin-bottom: 48px;
	}
	#section.cocktails .cocktail-wrapper .content a {
		margin-bottom: 7px;
		font-style: italic;
		line-height: 1.2em;
		display: block;
		text-align: center;
		color: #51401f;
	}	
	#section.cocktails .cocktail-wrapper .content a:hover {
		color: #ad8f25;
	}	

	#section.cocktails .cocktail-wrapper .content a.recipe-close {
		display: block;
		width: 186px;
		height:50px;
		margin: 0 auto;

	}



.the-maker .container {
  	padding-top: 70px;
}

.the-maker .col {
  	position: relative;
  	top: 0;
}
	.the-maker .container .col-1-1 {
		width: 372px;
		margin-left: 60px;
	}
	.the-maker .container .col-1-2 {
		width: 566px;
	}
	.the-maker .container .col-2-1 {
		width: 407px;
		margin-left: 25px;
	}
	.the-maker .container .col-2-2 {
		width: 566px;
	}
	.the-maker .container h2 {

		display: block;
		width: 371px;
		height: 215px;
		background: url(images/header-the-maker.png) no-repeat center top;
		text-indent: -9999px;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.the-maker .container p {
		display:block;
	  	width: 300px;
	  	margin-left: auto !important;
	  	margin-right: auto !important;
	  	text-align: center;
	}


.find-us .container {
  	padding-top: 120px;
}

.find-us .col {
  	position: relative;
  	top: 0;
}
	.find-us .container .col-1-1 {
		width: 340px;
		margin-left: 110px;
	}
	.find-us .container .col-1-2 {
		display: block;
		width: 380px;
		height: 555px;
		background: url(images/find-us-mirror.png) no-repeat 0 0;
		margin-left: 85px;
	}
	.find-us .container .col-1-2 .flame {
		position: absolute;
		top: -3px;
		right: 206px;
		display: block;
		width: 277px;
		height: 222px;
		background: url(images/dragon-flame.png) no-repeat 0 0;
	}

	.find-us .container h2 {
		color: #ad8f25;
	}

	.find-us .container ul {
		margin-bottom: 10px;
	}
	.find-us .container ul li {
		margin-left: 0;
		font-size: 0.9em;
		font-weight: bold;
		list-style: none;
		list-style-image: none;
		line-height: 36px;
		padding-left: 35px;
		background: url(images/bullet.png) no-repeat 0 0;
	}
	.find-us .container ul.social {
		margin-top: 0 !important;
	} 

	.find-us-blurb{
		text-align:center;
	}
	.dan-murphy-logo{
		margin-top:20px;
		width:100px;
		height:100px;
		opacity: 1;
		transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
	}
	.dan-murphy-logo:hover{
  		opacity: 0.7;
	}
	
	.retailers .container h2 {
		color: #ad8f25;
		/*margin-left: 110px;*/
		margin-left: 0;
		margin-bottom: 40px;
		text-align: center;
		padding: 0 !important;
	}
	
	.retailers .container .img-splitter {
		/*margin-left: 110px;*/
		margin-left: 0;
		display: block;
		margin: 0 auto;
	}

.wpgmza_sl_main_div {
	clear: both;
	width: 65% !important;
	margin: 0 auto;
}

 @media screen and (max-width: 600px) {
	.wpgmza_sl_main_div {
		width: 100% !important;
	}
}

/* Find Us Blurb */



.wpgmza_sl_query_div {
	float: left;
	display: inline-block;
	/*padding-bottom: 10px;*/
	height: auto !important;
}

.wpgmza_sl_query_innerdiv1 {
	width: 190px !important;
	padding-top: 7px;
}

.wpgmza_sl_query_innerdiv2 {
	width: 390px !important;
}

.wpgmza_sl_query_innerdiv2 input {
	float: left;
	height: 29px;
	background: #FFF;
	border: 1px solid #777777;
	padding-left: 10px;
	font-family: Georgia, 'Times New Roman', Times, serif;  
	font-style: italic;
	font-size: 18px;
	margin-top: 2px;
}

.wpgmza_sl_radius_div {
	display: inline-block !important;
	float: left !important;
	clear: none !important;
	padding-bottom: 7px !important;
}

.wpgmza_sl_radius_innerdiv1 {
	width: 85px !important;
}

.wpgmza_sl_radius_innerdiv2 {
	width: 100px !important;
}

.wpgmza_sl_search_button, .wpgmza_sl_reset_button {
	padding: 5px 10px;
	color: #AC8E25;
	font-family: Georgia, 'Times New Roman', Times, serif;  
	font-style: italic;
	font-size: 18px;
	background: #FFF;
	border: 1px solid #777777;
}

.wpgmza_sl_category_innerdiv1 {
	width: 100px !important;
}

.wpgmza_sl_category_div {
	margin-bottom: 20px;
}

#sl_use_my_location_1  {
	border: none;
	background: none;
	float: left;
}
#sl_use_my_location_1 img {
	display: none;
}

#sl_use_my_location_1:before {
	content: "Find my location";
	display: inline-block;
	padding: 5px 10px;
	color: #AC8E25;
	font-family: Georgia, 'Times New Roman', Times, serif;  
	font-style: italic;
	font-size: 18px;
	background: #FFF;
	border: 1px solid #777777;	
}

.wpgmza_map {
	border: 5px solid #ad8f25;
	bottom: -34px;
}

.wpgmza_map:before {
	content:'';
	display: block;
	height: 100%
	border: 5px solid #ad8f25;
}

#section.campaign-wrapper {
  background: #cbe7eb;
}

	.campaign {
		text-align: center;
		width: 60%;
		margin-left: 20%;
    padding-bottom: 20px;
	}

	.campaign h3 {
		font-size:1.5em; 
		font-style: italic;
		line-height: 1.3em;
	}





#footer {

}

	#footer .griffin {
		position: absolute;
		top: -27px;
		display: block;
		width: 150px;
		height: 138px;
	} 
	#footer .griffin-left {
		left: 26px;
		background: url(images/footer-griffin-left.png) no-repeat 0 0;
	}
	#footer .griffin-right {
		right: 25px;
		height: 138px;
		background: url(images/footer-griffin-right.png) no-repeat 0 0;
	}
	#footer h4 {
		text-align: center;
		width: 62%;
		margin-left: 19%;
		color: #ad8f25;
		font-weight: normal;
		font-style: italic;
		padding-top: 15px;
	}









.nav ul,
.nav ul li {
  margin: 0;
  padding: 0 !important;
  list-style: none;
}
.nav ul li {
  margin: 0;
  padding: 0;
  display: block;
  list-style-image: none;
  width: auto;

}
.nav.hrz ul li {
  /*float: left;*/
  display: inline-block;
}
.nav.vert ul li {
  float: none;
}
.nav.hrz.center ul li {
  float: left;
}
	/* Fix IE. Hide from IE Mac \*/
	* html ul li { float: left;  }
	* html ul li a { height: 1%; }
	body { font-size: 100%;  }
	/* End */
	


.scrollmenu { }
	.scrollmenu ul {  width: 100%;   text-align: center;   }
	.scrollmenu ul li { }
	.scrollmenu ul li a  {  
		 display:inline-block; /*width: 182px;*/ width: 176px; padding: 44px 0 0; color: #51401f; text-align: center; 
							 font-size: 0.95em;  line-height: 1em; text-decoration:none; 
							 text-transform: uppercase; font-style: normal; 
							 background: url(images/menu-hilight.png) no-repeat center -60px;
							 overflow: hidden;
							}

	.scrollmenu ul> li> a:hover {  
		font-weight: bold; 
	}
	.scrollmenu ul> li> a.is-active,
	.scrollmenu ul> li> a.is-active:hover {  
		font-weight: bold; 
		background-position: center top !important;  
	}

	.scrollmenu ul li.logo { 
		position: relative;
		width: 242px;
		/*margin-left: 20px;*/
		height: 206px; 
		margin-top: -30px;
		margin-bottom: -115px;
		overflow: hidden;
	}

	#header.is-active .scrollmenu ul li.logo { 
		margin-top: -25px;
		margin-bottom: -124px;
	}
	#header .scrollmenu ul li.logo a {
		position: absolute;
		display:block;
		width: 242px;
		height: 140px; 
		text-indent: -9999px;
		padding-top: 66px !important;
		background: url(images/menu-logo.png) no-repeat center top !important;
		top: -170px; 
	}

	#header.is-active .scrollmenu ul {  
		padding-top: 22px !important; 
	}
	#header.is-active .scrollmenu ul {  
		padding-top: 22px !important; 
	}
	#header.is-active .scrollmenu ul li.logo { 
		margin-top: -22px;
	}

#header .scrollmenu ul.sub-menu {
	display:none;
	overflow: auto;
    padding-top: 0 !important;
    margin-top: 39px;
	border-right: 2px solid #B7AAA0;
	border-bottom: 2px solid #B7AAA0;
	border-left: 2px solid #B7AAA0;
	-webkit-box-shadow: 4px 4px 11px -2px rgba(0,0,0,0.39);
	-moz-box-shadow: 4px 4px 11px -2px rgba(0,0,0,0.39);
	box-shadow: 4px 4px 11px -2px rgba(0,0,0,0.39);
}

#header.is-active .scrollmenu ul.sub-menu {
    padding-top: 0 !important;
    margin-top: 17px;
}

#header .scrollmenu ul li:hover .sub-menu{
	display: block;
}

/*-SHOP MENU-*/

.shopmenu { }
	.shopmenu ul {  width: 100%;   }
	.shopmenu ul li { padding-top:22px!important;}
	.shopmenu ul li a  {  
		 display:inline-block; width: 174px; padding: 44px 0 0; color: #51401f; text-align: center; 
							 font-size: 0.95em;  line-height: 1em; text-decoration:none; 
							 text-transform: uppercase; font-style: normal; 
							 background: url(images/menu-hilight.png) no-repeat center -60px;
							 overflow: hidden;
							}

	.shopmenu ul> li> a:hover {  
		font-weight: bold; 
	}
	.shopmenu ul> li.is-active a,
	.shopmenu ul> li> a.is-active:hover {  
		font-weight: bold; 
		background-position: center top !important;  
	}

	.shopmenu ul li.logo { 
		position: relative;
		width: 242px;
		/*margin-left: 20px;*/
		height: 206px; 
		overflow: hidden;
	}
	#shopheader .shopmenu ul li.logo a {
		position: absolute;
		display:block;
		width: 242px;
		height: 140px; 
		text-indent: -9999px;
		padding-top: 66px !important;
		background: url(images/menu-logo.png) no-repeat center top !important;
		/*top: -170px; */
		top: 52px !important;
	}

	#shopheader.is-active .shopmenu ul {  
		padding-top: 22px !important; 
	}
	#shopheader.is-active .shopmenu ul {  
		padding-top: 22px !important; 
	}
	#shopheader.is-active .shopmenu ul li.logo { 
		/*margin-top: -22px;*/
	}

#shopheader .shopmenu ul.sub-menu {
	display:none;
	overflow: auto;
    padding-top: 0 !important;
    margin-top: 39px;
	border-right: 2px solid #B7AAA0;
	border-bottom: 2px solid #B7AAA0;
	border-left: 2px solid #B7AAA0;
	-webkit-box-shadow: 4px 4px 11px -2px rgba(0,0,0,0.39);
	-moz-box-shadow: 4px 4px 11px -2px rgba(0,0,0,0.39);
	box-shadow: 4px 4px 11px -2px rgba(0,0,0,0.39);
}

#shopheader.is-active .shopmenu ul.sub-menu {
    padding-top: 0 !important;
    margin-top: 17px;
}

#shopheader .shopmenu ul li:hover .sub-menu{
	display: block;
}

#menu-item-179 > a{
	background: url('images/menu-logo.png');
    display: block;
    width: 242px;
    height: 74px;
    text-indent: -9999px;
    padding-top: 66px !important;
    margin-left:6px;
}

.ecomm .container h2{
margin-bottom:8px;
}



/*-*/


.sub-menu, .sub-menu li {
	background: #FBF9E8;
}

.sub-menu li a {
	padding: 24px 0 20px 0 !important;
}

.sub-menu li a.is-active, .sub-menu li a.is-active:hover {
	background: none;
}

.responsive-nav-trigger,
.responsive-nav-trigger:visited {
	display: none;
	height: 50px;
	position: absolute;  top: 25px;  right: 10px; z-index: 2000;

	background: url(images/bg-primary-nav-trigger.png) no-repeat right top;
	text-indent: -9999px;
	margin: 0 !important; padding: 0 45px 0 20px !important;
}
.responsive-nav-trigger:hover { 
	
}
.responsive-nav-trigger.is-active {
	top: 2px;
}
#header.is-active .responsive-nav-trigger.is-active {
	top: 2px;
}

#shopheader.is-active .responsive-nav-trigger.is-active {
	top: 2px;
}
	.responsive-nav .nav {
	    display: none;
		position: absolute; top: 0; left: 0; z-index: 1900;
		width: 100%; height: auto;
		margin: 0; padding: 0;
		background: #fbf9e8;
		box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.5);
		-webkit-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.5);
		-moz-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.5);
		-o-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.5);
		border-bottom: solid 2px #b7aaa0;
	}
	.responsive-nav ul {
	}
	.responsive-nav ul li {
		display: block;
		position: relative;
		float: none;
		height: auto;
		margin: 0 !important;
		padding: 0 20px !important;
		background: #fbf9e8 !important;
		border-bottom: solid 1px #b7aaa0;
		overflow: hidden; 
	}
	.responsive-nav ul li a {
		display: block;
		width: 100%; height: 34px !important;
		margin: 0 !important; padding: 0 !important;
		color: #51401f; text-align: center; 
		font-size: 1.3em;  line-height: 34px; text-decoration:none; 
		text-transform: uppercase; font-style: normal; 
	}









.cocktailtabs {
	 
}
	.cocktailtabs ul {  width: 300px;  }
	.cocktailtabs ul li {  }
	.cocktailtabs ul li a  {  display:inline-block; width: auto; padding: 6px 0; color: #342f24; text-align: center; 
							 font-size: 1em;  line-height: 1em; text-decoration:none; 
							 font-style: italic; 
							 overflow: hidden;
							}

	.cocktailtabs ul li a:hover,
	.cocktailtabs ul li.is-active a {  /*color: #fbf9e8;*/ font-weight: bold; text-decoration:underline; }

.social a {
	display: inline-block;
	width: 35px;
	height: 35px;
	background: url(images/social-icons-v1.png) no-repeat;
	text-indent: -9999px;
}
.social a.facebook {
	background-position: left top;
}  
.social a.twitter {
	background-position: -47px 0px;
} 
.social a.instagram {
	background-position: right top;
} 
.social a.facebook:hover {
	background-position: left bottom;
}  
.social a.twitter:hover {
	background-position: -47px -45px;
} 
.social a.instagram:hover {
	background-position: right bottom;
} 




#social-cherub {
 	display:block;
	width:260px;
	height:314px;
    position:fixed; /* this is the magic */
    bottom:-350px; /* together with this to put the div at the bottom*/
		transition: bottom 1s;
		-webkit-transition: bottom 1s;
    right:0;
	z-index: 100;
}

#social-cherub-cherub {
 	display:block;
	width:260px;
	height:314px;
    background: url(images/social-cherub.png) no-repeat 0 0;
    cursor: pointer;
}

#social-cherub.mini {
	width:201px;
	height:150px;
}
#social-cherub.mini #social-cherub-cherub {
	width:201px;
	height:150px;
    background: url(images/social-cherub-mini.png) no-repeat right bottom;
}


#social-cherub .social {
	position: absolute;
	bottom: 63px;
	right: 60px;
}
#social-cherub.mini .social {
	right: 10px;
}
#social-cherub.is-active { 
	bottom:-10px; /* together with this to put the div at the bottom*/
}

#social-cherub .campaign2 {
	position: absolute;
	bottom: 240px;
	right: 114px;
	z-index: -1;
	padding: 9px;
	border: solid 1px #392d29;
	display: none;

}
#social-cherub .campaign2 .content {
	padding: 10px;
	background: #f9f7e5;
	border: solid 1px #392d29;
	width: 190px;
}
#social-cherub .campaign2 .content p {
	font-style: italic;
	font-size: 1em;
	margin: 0;
}
#social-cherub.mini .campaign2 {
	display: none;
} 

/*-SHOP CHERUB-*/


#shop-social-cherub {
 	display:block;
	width:201px;
	height:314px;
    position:fixed; /* this is the magic */
    bottom:0; /* together with this to put the div at the bottom*/
		transition: bottom 1s;
		-webkit-transition: bottom 1s;
    right:0;
	z-index: 100;
}

#shop-social-cherub-cherub {
 	display:block;
	width:201px;
	height:314px;
    background: url(images/social-cherub.png) no-repeat 0 0;
    cursor: pointer;
}

#shop-social-cherub.mini {
	width:150px;
	height:150px;
}
#shop-social-cherub.mini #shop-social-cherub-cherub {
	width:150px;
	height:150px;
    background: url(images/social-cherub-mini.png) no-repeat right bottom;
}


#shop-social-cherub .social {
	position: absolute;
	bottom: 63px;
	right: 60px;
}
#shop-social-cherub.mini .social {
	right: 10px;
}
#shop-social-cherub.is-active { 
	bottom:-10px; /* together with this to put the div at the bottom*/
}

#shop-social-cherub .campaign2 {
	position: absolute;
	bottom: 240px;
	right: 114px;
	z-index: -1;
	padding: 9px;
	border: solid 1px #392d29;
	display: none;

}
#shop-social-cherub .campaign2 .content {
	padding: 10px;
	background: #f9f7e5;
	border: solid 1px #392d29;
	width: 190px;
}
#shop-social-cherub .campaign2 .content p {
	font-style: italic;
	font-size: 1em;
	margin: 0;
}
#shop-social-cherub.mini .campaign2 {
	display: none;
} 





/*-*/




#toTop {
    display:block;
	width:190px;
	height:290px;
    background: url(images/top-balloon.png) no-repeat 0 0;
    position:fixed; /* this is the magic */
    bottom:-300px; /* together with this to put the div at the bottom*/
    left:20px;
    /*right:80px;*/
    cursor:pointer;
	z-index: 100;
		transition: bottom 1s;
		-webkit-transition: bottom 1s;
}
#toTop.is-active { 
	bottom: 30px;
}
#toTop a { 
    display: block;
	width:190px;
	height:290px;
	color: #ad8f25;
	font-weight: normal;
	font-style: italic;
	font-size: 1.25em;
	padding-top: 250px;
	text-decoration: none;
	text-align: center;
}
#toTop.med {
	width:120px;
	height:183px;
    background: url(images/top-balloon-med.png) no-repeat 0 0;
}
#toTop.med a { 
	width:120px;
	height:183px;
	font-size: 0.8em;
	padding-top: 160px;
}

#toTop.mini {
	width:80px;
	height:122px;
    background: url(images/top-balloon-mini.png) no-repeat 0 0;
}
#toTop.mini a {
	width:80px;
	height:122px; 
	font-size: 0.5em;
	padding-top: 106px;
}


.down-angel {
	position: fixed;
	bottom: 0px;
	left: 50%;
	z-index: 1000;
	display:block;
	width: 220px;
	height: 150px;
	background: url(images/down-angel.png) no-repeat 0 0;
  	margin-left: -110px;
		transition: bottom 1s;
		-webkit-transition: bottom 1s;
}
.down-angel.is-not-active { 
	bottom: -150px; /* together with this to put the div at the bottom*/
}
.down-angel a {
	/*display:none;*/
	display:block;
	width: 220px;
	height: 150px;
}

/** images */

.txt img,
p img {
	max-width: 95%;
	}
p img {
	padding: 0;
	}
.featureimg {
	max-width: 100%;
	text-align: center;
	/*padding-bottom: 30px;*/
	}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 0 0 20px;

	}

img.alignleft {
	margin: 0 30px 2px 0;

	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}







.widget {
	margin: 0;
}
.widget ul,
.widget ul li {
	padding: 0;
	margin: 0;
}
h2.widgettitle {
}



#recent-posts-item {
	padding: 7px 0 7px;
	
	
	margin: 0;
	border-bottom: solid 1px #2485a7;
	font-size: 13px;
	line-height:18px;
}
#recent-posts-item a {
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	font-family:Helvetica, Arial,  sans-serif;
}
#recent-posts-item span.date {
	font-size:10px;
	padding: 2px 0 2px 0px; 
	color:#6daeca;
}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

.entry {
	padding-top: 30px;
}
.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	
	}

.commentmetadata {
	font-weight: normal;
	}



small, .nocomments, 
.postmetadata, 
blockquote, strike {
	color: #666;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}


.blogposts .post {
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
	border-bottom: solid 1px #e2eff4;
	}


.blogposts .post p.small {
	margin: 0 0 10px 0;
	color: #666;
	}	
.blogposts .post h2 {
	marg in: 0 0 5px;

	}
.blogposts .post h2 a {
	margin: 0 0 5px;

	}		
.blogposts .post h3 {
	mar gin: 0 0 3px 0;

	}
.blogposts h2.pagetitle {
	padding: 0 0 20px 0;
	border-bottom: solid 1px #e2eff4;
	text-transform: uppercase;
}
.blogposts .post img {
	float: right;
	margin: 0 0 10px 30px;
}


		
#postend {
	height: 15px;
	width:100%;

}
.postmetadata {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 11px;
}
.postmetadata a {
	font-size: 11px;
}

.hentry {
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
	border-bottom: solid 1px #e2eff4;
	
}
.clear {
	clear: both;
}
/* End Structure */





/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}


/* End Entry Lists */

/* Begin Form Elements */
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	padding:3px;
	border: solid 1px #999;
	color: #666;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 4px;
	border: solid 1px #e2eff4; 
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
#commentform #submit {
	clear:both;
	padding: 4px; margin: 0;  
	border: solid 1px #e2eff4; 
	background: #fff; 
	cursor: pointer;
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 10px;
	color: #00749b;
	text-transform:uppercase;
}
#commentform #submit:hover { }	
	
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/*--SHOP STYLING--*/


#cart-notices{
	text-align:center;
	font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 16px;
}

span.amount:before {
	content: 'NZ';
	font-size: 80%;
}

#section > div > div.woocommerce{
	clear:both;
	padding-top:50px;
	padding-bottom:50px;
}

.woocommerce form .form-row {
    padding-right: 0 !important;
    padding-left: 0 !important;
    width:100%;
}

#customer_details > div.col-1 > div > h3{
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#customer_details{
	margin-bottom:2em;
}

#ship-to-different-address{
	padding-right: 0 !important;
    padding-left: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
    list-style: none;
}

.woocommerce-checkout #payment ul.payment_methods{
	font-style:italic;
	border-bottom:none;
}

.woocommerce-checkout #payment{
	background: rgba(255,255,255,0.45);
    padding: 12px;
    border: 1px #C1B374 solid;
}

#cart-notices > ul{
	padding-right: 0 !important;
    padding-left: 0 !important;

}

#section > div > div.woocommerce > div > div > table > tbody{
	font-size:16px;
}

.woocommerce-checkout #payment div.form-row{
	padding-bottom:0;
	padding-top:0;
}

.woocommerce .woocommerce-error:before{
	display:none;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	float: none;
	margin: 0 auto;
	padding: 20px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    color: #FFF;
    background: #ad8f25;
    padding: 20px 20px;
    font-weight: normal;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
	/*background:*/
}

/*----------------*/



#section > div > div.woocommerce > table.shop_table.order_details > tbody > tr > td.product-name{
	pointer-events: none;
   cursor: default;
}


.woocommerce td.product-quantity{}


.woocommerce-cart .cart-collaterals .cart_totals p small {
    color: #777;
    font-size: 13px;
    margin-bottom: 7px;
    font-style: italic;
    font-size: 0.7em;
    line-height: 1.5em;
}


.woocommerce table.shop_table td {
    padding: 15px 9px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-size: 82%;
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 140px;
 }

 .woocommerce table.shop_table{
 	background: rgb(255, 255, 255);
    padding: 12px;
    border: 1px #C1B374 solid;
 }

 #section > div > div.woocommerce > form > table > tbody > tr:nth-child(3) > td{
 	padding:0px;
 	padding-top:27px;
 }

 .woocommerce-cart .cart-collaterals .cart_totals table{
 	padding:25px;
 	padding-top:10px;
 }

 .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    background: #FFFFFF;
    padding: 30px;
    text-align: center;
    border: 1px #C1B374 solid;
    padding-bottom:14px;
    width:auto;
    float:none;
}

 
.woocommerce ul.products li.product .price {
    color: #AD9857;
    margin-bottom: 1.3em;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    max-width: 800px;
    margin: 0 auto!important;
}

/*-- HEADER CART --*/

#cart-contents{
    background: url('/wp-content/uploads/2016/01/cart-box1.png') no-repeat;
    width: 196px;
    height: 165px;
    text-align: center;
    padding-top: 84px;
    position:fixed;
    top:45px;
    z-index:333;
}

.shop-flower-1{
	position: absolute;
    top: 340px;
    width: 20%!important;
    float:none!important;
}

#cart-contents > a{
	color: #AD9857;
    text-decoration: none;
    position: relative;
    height: 59px;
    display: block;
    font-size: 17px;
}

#cart-contents > a:before {
	content: 'View cart';
    text-decoration: none;
    position: absolute;
    bottom: 3px;
    text-align: center;
    color: #51401F;
    display: block;
    margin: 0 auto;
    font-size: 20px;
    width: 100%;
    font-style: italic;
    font-weight: bold;
}


#order_review_heading{
	font-size: 21px;
    text-transform: capitalize;
    font-style: italic;
    padding-left: 0% !important;
    font-weight: 600;
}
 
.woocommerce img, .woocommerce-page img {
    display: block;
    margin: 50px auto 0 auto !important;
}

.woocommerce img:not(.award-icons) {
	margin: 70px auto 0 auto !important;
    height: 200px;
    width: auto !important;
}

/* Custom CSS for the shop images */
.attachment-shop_catalog{
    width: 65%!important;
    display:block;
    float:left;
    margin:0 auto!important;	
}

.award-icons{
    float:left!important;
}

/* Vairations on products page for select */

.select-variations{
    float:right;
    text-align:left;    
}
.select-variations td{
    padding:0 5px 0 0;
}
.reset_variations{
    padding:10px 0 0 5px;
}
.woocommerce-variation-price .price{
   padding:0 0 5px; 
}

.woocommerce-page.columns-2 ul.products li.product, .woocommerce.columns-2 ul.products li.product {
    text-align: center;
    width: 70%;
    float: none;
    margin: 0 auto;
}

 .woocommerce .quantity .qty {
    width: 4em;
    text-align: center;
    height: 41px;
    background: #FFF;
    border: 1px solid #AAAAAA;
    padding-left: 10px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 18px;
    float:left;
    margin-right:5px;
}

.input-text{
    margin-top:10px;
}

.woocommerce ul.products li.product .button {
    height: 45px;
    padding: 9px;
    color: rgb(193, 179, 116);
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 16px;
    background: #FFF;
    border: 1px solid rgb(193, 179, 116);
    border-radius: 0;
    margin-left: 6px;
    float:right;
    margin:10px 0 0 0;
}

.product-desc-joiy{
	font-size: 14px;
    line-height: 26px;
    margin-top: 1em;
    padding: 0px;
    text-align: left;
}



.product-box-joiy {
    border: 1px solid #ad8f25 ;
    padding: 20px;
    padding-top: 90px;
    padding-bottom: 28px;
    background: url(images/cnr-right.png) no-repeat right top, url(images/cnr-left.png) no-repeat 0 0 #fff;
}

.woocommerce .product-box-joiy >img {
	float:left;
	margin-top:0 !important;
}

.woocommerce img.award-icons {
    float: left!important;
    margin-top: 0 !important;
}


.quantity{
	display:inline-block;
    float:left;
}


.h3check{
	font-size: 18px;
    text-transform: capitalize;
    font-style: italic;
    padding-left: 0% !important;
    font-weight: 600;
}

.ecommtitle{
    text-align: center;
    margin-bottom: 2em;
    color:#ad8f25;
    margin-top:140px;
}

.checktitle{
    text-align: center;
    color:#ad8f25;
    margin-top:172px;
}

#section > div > div.woocommerce > div > div > h2{
	text-align: left;
    font-size: 18px;
    text-transform: capitalize;
    font-style: italic;
    font-weight:600;
}

 #cart-notices > ul > li{
 	list-style:none;
 	margin-left:0;
 }

 .woocommerce form .form-row label {
    line-height: 2;
    font-weight: 700;
    font-size: 15px;
    font-style: italic;
}

.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
    border: #B0BD92 solid 1px;
   }

.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select {
    border: #F00 1px dashed;
}

.woocommerce form .form-row .select2-container{
	line-height:1.5em;
}

.woocommerce input.button.alt {
    display: block;
    text-align: center;
    margin-bottom: 0;
    color: white;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 18px;
    background: #C1B374;
    border: 1px solid #C1B374;
    border-radius: 0;
    margin-left: 6px;
    -webkit-font-smoothing: antialiased;
    width:43%;
}

/*--WOO CONFIRMATION--*/

.woocommerce .order_details li{
	list-style:none;
}

.woocommerce-checkout #cart-contents{
	display:none;
}

.woocommerce-cart #cart-contents{
	display:none;
}

.woocommerce ul#shipping_method{
	    font-size: 18px;
    margin-left: -6%;
}

.woocommerce .woocommerce-error{
	border-top: none;
    text-align: center;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 16px;
    background: none;
}

.woocommerce .order_details {
    margin: 0 0 1.5em;
    list-style: none;
    border: 1px solid #C5B87C;
    padding: 23px;
    padding-bottom: 7px;
    background: rgba(255,255,255,0.45);
    padding-left: 20px !important;
 }

 #section > div > div.woocommerce > p:nth-child(1){
 	text-align: center;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 16px;
    margin-bottom:3em;
    margin-top:2em;
 }

 #section > div > div.woocommerce > h2:nth-child{
    text-align: center;
    color: #51401F;
    font-size: 29px;
    margin-top: 40px;
    text-transform: inherit;
    font-style: italic;
 }


 .woocommerce-checkout h2{
     font-size: 33px;
 }

 #section > div > div.woocommerce > p:nth-child(4){
padding-left:0% !important;
font-size: 18px;
    margin-bottom: 2em;
 }

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	padding: 4px 10px;
}

#section > div > div.woocommerce > table.shop_table.shop_table_responsive.customer_details{
	    background: rgba(255,255,255,0.45);
}

#section > div > div.woocommerce > div.col2-set.addresses{
    margin: 0 0 1.5em;
    border: 1px solid #C5B87C;
    padding: 38px;
    padding-bottom: 38px;
    background: rgba(255,255,255,0.45);
    padding-top: 34px;
    width:auto;
}

address{
	font-style: italic;
    font-size: 17px;
    line-height: 1.4em;
    background: rgba(255,255,255,0.45);
    padding: 26px;
    border: 1px #C1B374 solid;
    border-radius: 5px;
}

#section > div > div.woocommerce > div.col2-set.addresses > div.col-1 > header > h3{
	padding-left: 0%;
    font-size: 20px;
}

#section > div > div.woocommerce > div.col2-set.addresses > div.col-2 > header > h3{
	padding-left: 0%;
    font-size: 20px;
}

.woocommerce .order_details li strong {
    font-size: 1.2em;
    margin-top: 28px
}



/*-WOO BUTTONS-*/

.woocommerce .cart .button, .woocommerce .cart input.button {
    background: white;
    padding: 9px;
    color: rgb(193, 179, 116);
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 16px;
    background: #FFF;
    border: 1px solid rgb(193, 179, 116);
    border-radius: 0;
    margin-left: 6px;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    display: block;
    text-align: center;
    margin-bottom: 0;
    background: white;
    padding: 9px;
    color: white;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 16px;
    background: #C1B374;
    border: 1px solid #C1B374;
    border-radius: 0;
    margin-left: 6px;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #8C8C8C;
    border: 1px solid #8C8C8C;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 6px 5px;
    margin: 0 4px 0 0;
    outline: 0;
    font-family: Georgia, 'Times New Roman', Times, serif;
    line-height: 1;
    font-style: italic;
}

.woocommerce table.shop_table th {
    padding: 9px 12px;
    font-weight:700;
    font-size:16px;
	font-style:italic;
}

#section > div > div.woocommerce > p.return-to-shop > a{
	display: block;
    text-align: center;
    margin-bottom: 0;
    background: white;
    padding: 9px;
    color: white;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 16px;
    background: #C1B374;
    border: 1px solid #C1B374;
    border-radius: 0;
    margin-left: 6px;
    width: 140px;
    margin:0 auto;
}

p.cart-empty{
	text-align: center;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 16px;
}

#section > div > div.woocommerce > table.shop_table.order_details > tbody > tr > td.product-name > a{
	color: #51401F;
    text-decoration: none;
}

.shop-terms{
	font-style: italic;
    font-size: 13px;
    padding: 5%;
}

.privacy{
    font-size: 13px;
    margin: 4%;
    padding: 6% 5% 6% 5%;
    border-top: 1px solid grey;
}

#terms-link{
	margin: 0 auto;
    position: absolute;
    text-align: center;
    margin-top: 3em;
    font-size: 17px;
    bottom: 40px;
    width: 100%;
}

#terms-link a{
	color:white;
}


/*-MOBILE WOO-*/

 @media screen and (max-width: 600px) {
     
    
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 50%;
 }

  .woocommerce table.shop_table{
 	padding: 0px;
    background: rgb(255, 255, 255);
    border: 1px #C1B374 solid;
    padding-left: 0!important;
    font-size: 12px;
    padding-top: 5px;
 }

 #section > div > div.woocommerce{
 	margin:2%;
 	padding-top:10px;
}

#section > div > div.woocommerce > form > table > tbody > tr:nth-child(3) > td{
 	padding:0px;
 }

 #section.ecomm, #section.checkout{
 	padding-top:100px;
 }

.woocommerce-cart #shop-wrapper #section.ecomm{
	padding-top:2px;
} 


 .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    background: #FFFFFF;
    padding: 20px;
    text-align: center;
    border: 1px #C1B374 solid;
    width: 89%;
}

.woocommerce ul.products li.product .price{
	font-size:1.5em;
}

.woocommerce ul.products li.product h3 {
    font-size: 1.5em;
    margin-bottom: 0.8em;
}



.woocommerce table.shop_table th {
   padding: 9px 12px;
    padding-top: 6px;
    font-weight: 700;
    font-size: 10px;
    width:37%;
}

.woocommerce ul#shipping_method li{
	font-size: 12px;
    margin-bottom: 10px;
}

.woocommerce-page.columns-2 ul.products li.product, .woocommerce.columns-2 ul.products li.product {
    width: 100%;
}

.shop_table woocommerce-checkout-review-order-table{
padding:31px;
}
     
#cart-contents{
	margin: 0 auto;
    margin-bottom: 3em;
    top:43px;
    left:90px;
}

#cart-contents > a {
    height: 67px;
}

.woocommerce img, .woocommerce-page img{
	margin-bottom:-5em;
    width: 100%;
}
.woocommerce ul.products li.product a img{
    width:100%!important;
}
   
/* Custom variations CSS */
     
.select-variations{
    margin:0px; 
    float:none!important;
}
    
.woocommerce .quantity .qty{
    width:20px;
    height:35px;
    padding:4px;
    float:none;
}
.woocommerce ul.products li.product .button{
    font-size:12px;     
    float:none;
}
.select-variations td{
    padding:0 5px 0 0;
}  
#pa_size{max-width:120px;}
       
.attachment-shop_catalog{
    width:100%!important;
}
.single_variation_wrap{
    margin:10px 0 0 0;
}
     
.product-box-joiy h3{
    text-align:center;
}
     
/* Adjusting product panels to be 100% */    
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 2.992em;
}

.coupon{
	padding-top:0.5em;
}

.woocommerce-cart table.cart td.actions .coupon .input-text{
	width:49%;
}

#section > div > div.woocommerce > form > table > tbody > tr:nth-child(3) > td > div > input.button{
	width: 48%;
    height: 27px;
    font-size: 11px;

}

#section > div > div.woocommerce > form > table > tbody > tr:nth-child(2) > td > div > input.button{
	width: 48%;
    height: 27px;
    font-size: 11px;
}

#section > div > div.woocommerce > form > table > tbody > tr:nth-child(3) > td > input.button{
	width: 98%;
    height: 29px;
    font-size: 12px;
}

#section > div > div.woocommerce > form > table > tbody > tr:nth-child(2) > td > input.button{
	width: 98%;
    height: 29px;
    font-size: 12px;
}

.wc-cart-shipping-notice{
	font-size:18px;
}

.woocommerce .order_details li strong{
	margin-top:4px;
}

.woocommerce .order_details li{
	border:none;
	float:none;
	padding-left:3%;
}

.woocommerce-cart .cart-collaterals .cart_totals table{
	padding:0;
}

#customer_details{
	width: 93%;
    margin: 4%;
    margin-bottom: 11%;
}

#ship-to-different-address{
	margin-top: 5%;
    margin-bottom: 5%;
}

#order_review_heading{
	margin-left:5%;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
    width: 98%;
    margin-bottom: 0;
}

#section > div > div.woocommerce > p:nth-child(4){
	padding-left: 3%;
    font-size: 14px;
}

.order_details{
	font-size:16px;
}

.shop_table order_details{
	padding:5%;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{
	background:none;
}

.col2-set addresses{
	padding:12px;
}

#section > div > div.woocommerce > div.col2-set.addresses{
	padding:14px;
}

#section > div > div.woocommerce > div.col2-set.addresses > div.col-1 > header > h3{
	font-size: 15px;
}

#section > div > div.woocommerce > div.col2-set.addresses > div.col-2 > header > h3{
	font-size: 16px;
    margin-top: 15px;
}
.shop_table shop_table_responsive customer_details{
	font-size:16px;
}

.shop-flower-1{
display:none;
}
 
 .ecommtitle h2{
 	font-size:25px;
 }

 .checktitle{
 	font-size:25px;
 	margin-top: 34px;
    margin-bottom: 30px;
 }

}

/* Additonal MQ for variation styling for responsive design */
@media (min-width: 768px) {
.woocommerce .quantity .qty {
    width: 3.7em;

}
/* Adjusting product panels to be 100% */    
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 2.992em;
}
.attachment-shop_catalog{
        width:60%!important;
}
.select-variations{
        margin: 0 40px 0 0;
        font-size:12px;
    }
}

@media (min-width: 992px) {
    .attachment-shop_catalog{
        width:60%!important;
    }
    .select-variations{
        margin: 0 120px 0 0;
        font-size:16px;
    }
}


/* New Shop Page */

.shop-page ul.products {
    display: flex!important;
    flex-wrap: wrap!important;
    align-items: left;
    justify-content: space-around!important;
}
.shop-page ul.products > li {
	width: 30%!important;
}

.shop-page h2{
	text-align:center;
	padding-left:0px!important;
	padding-right:0px!important;
}


.page-id-15961 #section .container ul{
	padding-left:0px!important;
	padding-right:0px!important;
}

.page-id-15961 #section .container{
	max-width: 1200px;
}

.page-id-15961 .woocommerce ul.products li.product .price{
	text-align:center;
}

.page-id-15961 .posted_in{
	display:none;
}

.page-id-15961 ul.products:before, .page-id-15961 ul.products:after {
	display:none!important;
}


.page-id-15961  .woocommerce img:not(.award-icons){
	height:auto!important;
}

.page-id-15961 .woocommerce .quantity .qty {
    width: 27px;
}

.page-id-1596 .product-box-joiy{
    border: 1px solid #ad8f25;
    padding: 20px;
    line-height: 22px!important;
    padding-top: 90px;
    padding-bottom: 28px;
    background:#fff!important;
}

body .shop-page .select-variations{
	margin: 0 0 0 0!important;
}

.shop-page .woocommerce ul.products li.product .button{
	height: 45px;
    padding: 9px;
    color: rgb(193, 179, 116);
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 16px;
    background: #ac8a23;
    border: 1px solid #ac8a23;
    border-radius: 0;
    margin-left: 6px;
    float: right;
    color:#fff;
    margin: 10px 0 0 0;
    min-width: 273px;
}

.page-id-156 .product-awards-container{
	display:none!important;
}

.page-id-1596 .product-awards-container{
	display:block!important;
}

.product-awards-container h3{
	text-align:center;
}

.product-awards-container{
    border: 1px solid #ad8f25;
    padding: 20px;
    padding-top: 30px;
    padding-bottom: 28px;
    background: url(images/cnr-right.png) no-repeat right top, url(images/cnr-left.png) no-repeat 0 0 #fff;
    margin-bottom:50px;
}