*{
	margin: 0;
	padding: 0;
	
}
@font-face {
    font-family: Garamond;
    src: url(fonts/garamond.woff);
}
@font-face {
    font-family: Proxima Nova Condensed;
    src: url(fonts/proximanovacond.woff);
}
@font-face {
    font-family: Proxima Nova;
    src: url(fonts/proximanova.woff);
}
@font-face {
    font-family: Buenard;
    src: url(fonts/buenard.woff);
}

img {
	border:0;
	
}
h1{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:2em;
}
p {
	text-align:justify;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
}
a{
	text-decoration:none;
	color:inherit;
}
p a, td a, h1 span a{
	color:black !important;
}
p a:hover, td > a:hover, h1 span a:hover{
	text-decoration:underline !important;
}
ul{
	list-style-type:none;
}

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}
.cartImg{max-width:100%}

@media screen and (max-width: 50em) {
	
*{
	padding-left:0 !important;
	padding-right:0 !important;
}
.content-20{
	width:20%;
	display:inline-block;
	vertical-align:top;
	
}
.content-80{
	width:79%;
	display:inline-block;
}
.content-100{
	width:99%;
	padding-bottom:0.1em;
}
.holds-iframe{
	background:url(../images-2018/loading.gif) center center no-repeat;
}
body {
	background-color: #fff;
	padding: 0 0 0 0;
	
	font-family: 'Source Sans Pro', sans-serif;
}
.mobile-hidden{
	display:none !important;
	visibility:hidden;
}

#header {
	background: #c5a95a;
	text-align: center;
	position: fixed;
    z-index: 100;
    width: 100%;
	top:0;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	min-height:2em;
}
.smaller-header{
	
	
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.smaller-header-img{
	width:15% !important;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.normal-header{
	
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.smaller-background{
	

}
#logo-strip img{
	width:33%;
	min-width:8em;
	max-width:10em;
	padding-top:0.25em;
	padding-bottom:0.25em;
	
}
#inner-header{
	width:50%;
	text-align:center;
	margin:0 auto;
}
#upper-header{
	margin:0 auto;
}
#logo {
	
	padding: 10px 10px 10px 10px;
}
#header-text{
	
}
main-header{
	width:80%;
	margin: auto;
}
#header-text ul{
	width: 100%;
    margin: auto;
	
}
#header-text ul li{
	display: block;
	list-style-type: none;
	padding: 0.25em;
	text-transform: uppercase;
	font-weight: bold;
	line-height:2em;
	white-space:nowrap;
}
#tea-drop-down, #refill-drop-down, #teaware-drop-down, #collect-drop-down{
	
	position: absolute;
    z-index: 1000;
    background: #fafafa;
    text-align: center;
    width: 100% !important;
}
#tea-drop-down li, #refill-drop-down li, #teaware-drop-down li, #collect-drop-down li{
	width:100%;
	display:inline !important;	
}
.drop-down-image{
	width:50%;
	display:inline-block;
}
.drop-down{
	width:45%;
	display:inline-block;
	white-space: normal;
    vertical-align: top;
}

.glyph-arrow-down{
	font-size:24px;
	/* FF3.5+ */
  -moz-transform: rotate(90.0deg);
  /* Opera 10.5 */
  -o-transform: rotate(90.0deg);
  /* Saf3.1+, Chrome */
  -webkit-transform: rotate(90.0deg);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* Standard */
  transform: rotate(90.0deg);
  display:inline-block;
  transition: transform .3s ease-in-out;
  vertical-align:bottom;
  margin-left:2px;
}
.glyph-arrow-up{
	font-size:24px;
	/* FF3.5+ */
  -moz-transform: rotate(-90.0deg);
  /* Opera 10.5 */
  -o-transform: rotate(-90.0deg);
  /* Saf3.1+, Chrome */
  -webkit-transform: rotate(-90.0deg);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* Standard */
  transform: rotate(-90.0deg);
  display:inline-block;
  vertical-align:bottom;
  margin-left:2px;
  transition: transform .3s ease-in-out;
}
.rotate-out{
		/* FF3.5+ */
  -moz-transform: rotatex(90.0deg);
  /* Opera 10.5 */
  -o-transform: rotatex(90.0deg);
  /* Saf3.1+, Chrome */
  -webkit-transform: rotatex(90.0deg);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* Standard */
  
	transform:rotatex(90deg);
	transition: transform .3s ease-in-out;
}
.rotate-in{
	/* FF3.5+ */
  -moz-transform: rotatex(0.0deg);
  /* Opera 10.5 */
  -o-transform: rotatex(0.0deg);
  /* Saf3.1+, Chrome */
  -webkit-transform: rotatex(0.0deg);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* Standard */
	transform:rotatex(0deg);
	transition: transform .3s ease-in-out;
}

/*
#slider {
    overflow: hidden;
    width: 1500px;
    height: auto;
}

.slide {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: -1500px;
    z-index: 5;
 
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.slide.active {
    margin-left: 0;
}
#slider #nav {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99999;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    background: rgba(0,0,0,0.5);
    text-align: center;
    width: 100%;
}
#slider #nav li {
    display: inline-block;
    margin: 0 10px;
}
#slider #nav li:first-child {
    border-right: 1px solid #eeeeee;
    padding-right: 20px;;
}
#slider #nav li a {
    color: #ffffff;
    text-decoration: none;
}
*/
.logo{
	max-width:25em;
}
#nav-text{
	
}
#contact-phone, .unav-show, .unav-hide, .lnav-show, .lnav-hide{
	display:none;
	visibility:hidden;
}
#upper-nav{
	font-size: 1em;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}
.upper-nav > *{
	list-style-type:none;
	display:inline-block;
	float:left;
	text-align:center;
	text-decoration:none;
	color:#DDD;
	text-transform:uppercase;
	text-shadow: 0 2px #000000;
	font-family: Proxima Nova Condensed, Arial Narrow, Arial, Helvetica, sans-serif;
	padding: 5px 10px 5px 15px;
}
.upper-nav li:hover{

	text-decoration:none;
	color:#FFF;

}
#product-box, #product-triangle{
	display:none;
	visibility:hidden;
}
#product-triangle{
	border-bottom: 30px solid #494949;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	margin: auto;
	/*padding: 7px 0 0;*/
	text-align: center;
	width: 0;
}
.upper-nav .products:hover #product-box, .upper-nav .products:hover #product-triangle{
	display:block;
	visibility:visible;
}
#product-box:hover, #product-triangle:hover{
	display:block;
	visibility:visible;
}
#product-box{
	background-color:#494949;
	box-shadow: 0 0 0px 0 rgba(0,0,0,.6);
	-webkit-box-shadow: 0 0 0px 0 rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 0px 0 rgba(0,0,0,.6);
	position:absolute;
	margin-left:-407px;
	top: 130px;
	width: 1000px;
	height:200px;
	z-index:10;
}
#product-box-inner{
	padding: 10px 30px 10px 30px;
	width:950px;
	
}
.products-main{
	padding-top:20px;
	color: white;
	font-family: Buenard;
	font-size: 19px;
	margin-bottom: 0;
	line-height: 30px;
	text-align:left;
	width: 220px;
	display: inline-block;
	float: none;
	vertical-align: top;
	text-transform:none;
	margin-left:30px;
	text-align:left;
}
.product-line{
	background-color: #666;
border-width: 0;
box-shadow: 0 -1px 0 0 #333;
color: #444;
height: 1px;
margin: -4px 0 13px;
-webkit-margin-before: 0;
-webkit-margin-start: auto;
-webkit-margin-end: auto;
border-style: 0;
border-top-style: 0;
border-right-style: 0;
border-bottom-style: 0;
border-left-style: 0;
border-width: 0;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
text-align:left;
}
.products-main:hover{
	cursor:pointer;
}
.products-list{
	text-align: left;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	color: #cecece;
	text-transform:none;
	list-style:none;
}
.products-list li:hover{
	color:#aa8a37;
}
#search-bar{
	right: 4em;
    top: 0;
    position: absolute;
}
#contact{
	float: right;
	color: #a0a0a0;
	padding: 10px;
	
	font-size: 14px;
	width: 250px;
	text-align: right;
	font-family:Buenard, Arial, Helvetica, sans-serif;
}
#contact span{
	color:silver;
	font-family:Helvetica, Arial, sans-serif;
}
#cart-details{
	    z-index: 1001;
    position: absolute;
    
    right: 0em;
    vertical-align: middle;
    margin-left: 1em;
}
#menu-button{
	font-size: 1.5em;
    position: absolute;
    top: 0;
    left: 0.25em;
}
#menu-button-close{
	font-size: 1.5em;
    position: absolute;
    top: 0;
    left: 0.5em;
}
	
#cart-details ul{
	width:100%;
}
#cart-details li{
	text-decoration:none;
	list-style:none;
	
	display:inline-block;
	
	padding: 20px 10px 5px 10px;
}
#search{
	
    height: 2.5em;
    display: inline-block;
    
    border: none;
    background-color: white;
    color: white;
    text-indent: 5px;
	width:11em;
}
#search:focus{
	background-color:white;
	color:gray;
}
#search:hover{
	background-color:white;
	color:gray;
}
.searchbutton {
	width: 2em;
    background-color: #c5aa5a;
    color: #fff;
    height: 2em;
    border: none;
    display: inline-block;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    cursor: pointer;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.searchbutton:hover{
	color:black;
}
#lower-nav{
	margin: 0 auto;
	float: left;
	padding: 10px 10px 10px 10px;
	clear: both;
	font-family: Garamond, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size: 19px;
	color: #DDD;
	width: 1000px;
	text-shadow:0 2px #000;
	text-align:center;
}
.lower-nav li{
	list-style:none;
	display:inline-block;
	float:left;
	padding: 0 10px 0 11px;
	text-align:center;
	text-decoration:none;
	color:#DDD;
}
.lower-nav li:hover{

	text-decoration:none;
	color:#FFF;
}
#lower-header{
	width: 1000px;
	height: 50px;
	float: left;
}
#media{
	margin-top:1em;
}
.media{
	margin-right:2em;
	display:inline-block;
	transition:ease-in-out 0.5s;
	width:2em;
}

	
.media:hover{
	
}
#facebook{
	background-image:url('https://www.harneyteas.com.au/images-2018/facebook-black.png');
	background-size:3em;
	height:3em;
	width:3em;
	display:inline-block;
}
#facebook:hover{
	background-image:url('https://www.harneyteas.com.au/images-2018/facebook-white.png');
	background-size:3em;
	height:3em;
	width:3em;
	display:inline-block;
}
#twitter{
	background-image:url('https://www.harneyteas.com.au/images-2018/twitter-black.png');
	background-size:3em;
	height:3em;
	width:3em;
	display:inline-block;
}
#twitter:hover{
	background-image:url('https://www.harneyteas.com.au/images-2018/twitter-white.png');
	background-size:3em;
	height:3em;
	width:3em;
	display:inline-block;
}
#instagram{
	background-image:url('https://www.harneyteas.com.au/images-2018/instagram-black.png');
	background-size:3em;
	height:3em;
	width:3em;
	display:inline-block;
}
#instagram:hover{
	background-image:url('https://www.harneyteas.com.au/images-2018/instagram-white.png');
	background-size:3em;
	height:3em;
	width:3em;
	display:inline-block;
}
#cart-icon{
	background-image:url('https://www.harneyteas.com.au/images-2018/cart-black.png');
	background-size:100%;
	height:2em;
	width:2em;
	display:inline-block;
	color: red;
    font-weight: bold;
    vertical-align: middle;
}
#cart-icon:hover{
	background-image:url('https://www.harneyteas.com.au/images-2018/cart-white.png');
	background-size:100%;
	height:2em;
	width:2em;
	display:inline-block;
}
#cart-icon p{
	    vertical-align: middle;
    padding-top: 0.75em;
    margin-left: -1em;
}
#newsletter{
	display: inline-block;
	width: 100%;
    padding-top:1.5em;
	padding-bottom:1.5em;
    text-align: center;
	background-image:url('https://www.harneyteas.com.au/images-2018/newsletter-background.jpg');
}
.newsletter{
	display:inline-block;
	padding-right: 20px;
	float:right;

}
.newsletterbutton {
	width: 25%;
	background-color: #aa8a37;
	color: #fff;
	height: 2em;
	border: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	cursor:pointer;
	max-width:300px;
}
.newsletterbutton:hover{
	color:#fa0;
}
.emailsubmit {
	width: 50%;
	height: 2em;
	color: #666666;
	border: solid 1px #000;
	text-indent:5px;
	max-width:800px;
}
#main{
	
	background: #FFF;
	width: 100%;
	margin-bottom:50px;
	clear: both;
	
}
#left-box{
	width:700px;
	padding: 10px;
	float:left;
	text-align:left;
	font-family: Proxima Nova, Verdana, Geneva, sans-serif;
	color: #3a3a3a;	
}
#left-box h1{
	font-size:55px;
	font-weight:100;
}
#left-box p{
	line-height:22px;
	padding: 10px;
}
#right-box{
	width:250px;
	padding: 10px;
	float:right;
	margin-top: 50px;
	text-align:justify;
	font-family: Proxima Nova, Verdana, Geneva, sans-serif;
	color: #3a3a3a;
	line-height:22px;
}
#header-left{
	width: 100%;
	float: left;

}
#header-left img{
	width:90%;
	max-width:450px;
}
.fillTable{
	
	width:100%;
}
#header-right{

	width: 100%;
	float: right;
	text-align: justify;

	font-family: Proxima Nova, Verdana, Geneva, sans-serif;
	
}
#header-right p{
	font-size: 14px;
	font-family: Proxima Nova, Verdana, Geneva, sans-serif;
	color: #555;
	line-height:18px;
	
	line-height:22px;
}
#header-right h1{
	font-size: 55px;
	font-family: Garamond, Buenard, Georgia, "Times New Roman", Times,serif;
	color: #3a3a3a;
	font-weight:100;
	text-align:left;
}
.tea-select{
	width:80%;
	text-align:center;
	height:153;
	transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
.tea-select:hover{
	width:100%;
	height:auto;
	
}
.teas-page-td{
	width:33%;
	
}
.tea-name{
	font-family: Garamond;
font-size: 18px;
margin-top: 10px;
text-align: center;
color: #aa8a37;
text-shadow: 0 0 #fff;
height:50px;
text-decoration:none;
}
#foot{
	margin: 0 auto;
	
	background: #fafafa;
	bottom: 0;
	width: 100%;
	clear: both;
}
#toe{
	background: #fafafa;

clear:both;
height:40px;
}
.copyright{
	width:100%;
	text-align:center;
	padding-top:10px;
color: #333333;

font-size: 15px;
margin: 0 auto;
}
#details{
	width:90%;
	margin: 0 auto;
	padding: 1em 0em 1em 0em;
}
#details-left, #details-mid{
	display:inline-block;
	width:100%;
	vertical-align:top;
}
#details-right{
	display:inline-block;
	width:100%;
	vertical-align:top;
	text-align:left;
}
#details-left ul, #details-mid ul, #details-right ul{
	color: #333333;
	
	font-size: 1em;
	font-weight: bold;

	
	text-decoration:none;
	text-align:left;
	padding: 1em 0em 0em 0em;
	
	
}
#details-left ul li, #details-mid ul li, #details-right ul li{
	padding: 1em;
}


#details-mid span{
	color: #333333;

font-size:15px;
font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
padding: 5px 0px 5px 0px;
}
#details-mid span a:hover{
	color:black;
}





#sliderFrame, #sliderFrame div {
    box-sizing: content-box;
}
#sliderFrame 
{
    width:100%;
    margin:0 auto; /*center-aligned*/
}

#slider, #slider .sliderInner {
    width:100%;
	height:350px;/* Must be the same size as the slider images */
    border-radius:3px;
	max-width:1500px;
}

#slider {
    background-color:white;
    position:relative;
    margin:0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
}

/* the link style (if an image is wrapped by a link) */
#slider a.imgLink, #slider .video {
    z-index:2;
    cursor:pointer;
    position:absolute;
    top:0px;left:0px;border:0;padding:0;margin:0;
    width:100%;height:100%;
}
#slider .video {
    background:transparent url(video.png) no-repeat 50% 50%;
}

/* Caption styles */
#slider .mc-caption {
    position:absolute;
    width:100%;
    height:auto;
    padding:10px 0;/* 10px will increase the height.*/
    left:0px;
    bottom:0px;top:auto;
    overflow:hidden;
    font: bold 14px/20px Arial;
    color:#EEE;
    text-align:center;
    background:rgba(0,0,0,0.3);
}
#slider .mc-caption a {
    color:#FB0;
}
#slider .mc-caption a:hover {
    color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
#slider .navBulletsWrapper  {
    top:320px;
    text-align:center;
    background:none;
    position:relative;
    z-index:3;
}

/* each bullet */
#slider .navBulletsWrapper div 
{
    width:11px; height:11px;
    font-size:0;color:White;/*hide the index number in the bullet element*/
    background:transparent url(/images-2018/bullet.png) no-repeat 0 0;
    display:inline-block; *display:inline; zoom:1;
    overflow:hidden;cursor:pointer;
    margin:0 6px;/* set distance between each bullet*/
}

#slider .navBulletsWrapper .active {background-position:0 -11px;}


/* --------- Others ------- */

#slider img, #slider>b, #slider a>b {
    position:absolute; border:none; display:none; 
}

#slider .sliderInner {
    overflow:hidden;
    position:absolute; top:0; left:0;
	
}

#slider>a, #slider video, #slider audio {display:none;}
#slider div {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

/*
@keyframes slider {
0% { transform: translateX(0px); }
20% { transform: translateX(0px); }
25% { transform: translateX(-1005px); }
45% { transform: translateX(-1005px); }
50% { transform: translateX(-2010px); }
70% { transform: translateX(-2010px); }
75% { transform: translateX(-3015px); }
95% { transform: translateX(-3015px); }
100% { transform: translateX(-4020px); }
}
@-webkit-keyframes slider {
0% { transform: translateX(0px); }
20% { transform: translateX(0px); }
25% { transform: translateX(-1005px); }
45% { transform: translateX(-1005px); }
50% { transform: translateX(-2010px); }
70% { transform: translateX(-2010px); }
75% { transform: translateX(-3015px); }
95% { transform: translateX(-3015px); }
100% { transform: translateX(-4020px); }
}
@-moz-keyframes slider {
0% { transform: translateX(0px); }
20% { transform: translateX(0px); }
25% { transform: translateX(-1005px); }
45% { transform: translateX(-1005px); }
50% { transform: translateX(-2010px); }
70% { transform: translateX(-2010px); }
75% { transform: translateX(-3015px); }
95% { transform: translateX(-3015px); }
100% { transform: translateX(-4020px); }
}
@-o-keyframes slider {
0% { transform: translateX(0px); }
20% { transform: translateX(0px); }
25% { transform: translateX(-1005px); }
45% { transform: translateX(-1005px); }
50% { transform: translateX(-2010px); }
70% { transform: translateX(-2010px); }
75% { transform: translateX(-3015px); }
95% { transform: translateX(-3015px); }
100% { transform: translateX(-4020px); }
}
#slider{

	width:5100px;
	height:330px;
	
	-webkit-animation-name:slider;
	-webkit-animation-duration:20s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:slider;
	-moz-animation-duration:20s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count:infinite;
	-o-animation-name:slider;
	-o-animation-duration:20s;
	-o-animation-timing-function: ease-in-out;
	-o-animation-iteration-count:infinite;
	animation-name:slider;
	animation-duration:20s;
	animation-timing-function: ease-in-out;
	animation-iteration-count:infinite;
	transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
#slider:hover{
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-wo-animation-play-state: paused;
	animation-play-state: paused;
	opacity:0.5;
	
}
#slider img{
	display:inline-block;
	border:none;
	max-width:100%
}

#slidercontainer{
	width:1000px;
	height:330px;
	overflow:hidden;
	margin: 0 auto;
	max-width:100%;
}
*/
#featured{
	width:100%;
	margin:auto;
	text-align:center;
}
#featured-1, #featured-2{
	width:80%%;
	padding-top:0.5em;
	display:inline-block;
}

#featured-1 img, #featured-2 img{
	width:100%;
	
	
}
#sub-featured-1, #sub-featured-2, #sub-featured-3, #sub-featured-4{
	width:45%;
	padding-top:0.5em;
	display:inline-block;
}

#sub-featured-1 img, #sub-featured-2 img, #sub-featured-3 img, #sub-featured-4 img{
	width:80%;
	padding-top:1em;
    
}
.sub-spacer{
	width:2%;
	display:inline-block;
}
@font-face {
    font-family: Varela Round;
    src: url(https://fonts.googleapis.com/css?family=Varela+Round);
}

.prodslides {
    padding: 0;
    width: 338px;
    height: 338px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.prodslides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}
.Grow{
	width:100%;
	height:100%;
	 -webkit-transition:all 0.5s ease;         
		-moz-transition:all 0.5s ease;         
		-o-transition:all 0.5s ease; 
		-ms-transition:all 0.5s ease;         
		transition:all 0.5s ease;
}
.Grow:hover{
        width:200%;
        height:200%;
		-webkit-transition:all 0.5s ease-in-out;         
		-moz-transition:all 0.5s ease-in-out;         
		-o-transition:all 0.5s ease-in-out; 
		-ms-transition:all 0.5s ease-in-out;         
		transition:all 0.5s ease-in-out;
}


.prodslides input { display: none; }

.prodslide-container { display: block; }

.prodslide {
    top: 0;
    opacity: 0;
    width: 338px;
    height: 338px;
    display: block;
    position: absolute;

    transform: scale(0);

    transition: all .7s ease-in-out;
}

.prodslide img {
    width: 100%;
    height: 100%;
}

.prodnav label {
    width: 25%;
    height: 100%;
    display: none;
    position: absolute;

	  opacity: 0;
    z-index: 9;
    cursor: pointer;

    transition: opacity .2s;

    color: #FFF;
    font-size: 156pt;
    text-align: center;
    line-height: 300px;
    font-family: Varela Round, sans-serif;
    background-color: rgba(255, 255, 255, .3);
    text-shadow: 0px 0px 15px rgb(119, 119, 119);
}


.prodslide:hover + .prodnav label { opacity: 0.5; }

.prodnav label:hover { opacity: 1; }

.prodnav .next { right: 0; }

input:checked + .prodslide-container  .prodslide {
    opacity: 1;

    transform: scale(1);

    transition: opacity 1s ease-in-out;
}

input:checked + .prodslide-container .prodnav label { display: block; }

.nav-dots {
	width: 100%;
	bottom: 9px;
	height: 11px;
	display: block;
	position: absolute;
	text-align: center;
}

.nav-dots .nav-dot {
	top: -5px;
	width: 11px;
	height: 11px;
	margin: 0 4px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.6);
}

.nav-dots .nav-dot:hover {
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.8);
}

input#img-1:checked ~ .nav-dots label#img-dot-1,
input#img-2:checked ~ .nav-dots label#img-dot-2,
input#img-3:checked ~ .nav-dots label#img-dot-3,
input#img-4:checked ~ .nav-dots label#img-dot-4,
input#img-5:checked ~ .nav-dots label#img-dot-5,
input#img-6:checked ~ .nav-dots label#img-dot-6 {
	background: rgba(0, 0, 0, 0.8);
}
#left-content{
	float:left;
	clear:both;
}
#left-content li{
	width:180px;
	background: #71645a;
	color: #fff;
	padding: 10px;
	border-bottom: 1px solid #fff;
	text-align: left;
	font-family: Proxima Nova, Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	
}
#left-content li:hover{
	background: #997f41;
	
}
.selectable{
	background: #997f41 !important;

}
#small-content{
	float:right;
	width:100%;
	padding-left:10px;
	padding-right:10px;
	font-family: Proxima Nova, Verdana, Geneva, sans-serif;
	color: #3a3a3a;
	height:100%;
	text-align:left;
	
}
#small-content img{
	width:100%;
}
.brochure{
	width:148px;
	height:209px;
	float: right;
    padding-right: 30px;
}
#small-content h1{
	padding-top:20px;
	font-size:40px;
	font-weight:100;
}
#small-content p{
	padding: 5px 5px 15px 10px;
	
}
#headlink {
	float: left;
	margin: 30px 0 0 60px;
}
#info {
	float: right;
	margin: 0px 20px 0 0;
	font-size: 13px;
	width: 420px;
}
#info .infoNumber {
	display: block;
	float: left;
	color: #999999;
	width: 350px;

}
#info .searchBox {
	display: block;
	float: right;
	clear: left;
	margin-right: 15px;
}
#info .viewCart {
	display: block;
	float: left;
	margin: 0 0 0 25px;
	padding-top: 5px;
	font-weight: bold;
}
#info .viewCart a {
	text-decoration: none;
	color: #555;
}
#navigation {
	width: 1000px;
	height: 32px;
	background-color: #BCBDC0;
	z-index: 2;
	clear: both;
}
.search-col1{
	width:1em;
}
.search-col2{
	;
}
/* #navigation ul {
	list-style-type: none;
	width: 1000px;
	margin: 0 auto;
}
#navigation ul li {
	float: left;
	padding: 0 10px 0 10px;
}
#navigation ul li a {
	padding: 0 20px 0 20px;
	color: #5A5B5D;
	text-decoration: none;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 24px;
}
*/
#left {
	float: left;
}
#left ul {
	list-style-type: none;
	margin: 20px 0 20px 15px;
	width: 160px;
	background-color: #FFF4F5;
}
#left ul li {
	padding: 4px 0 4px 0;
}
#left ul li.top {
	height: 12px;
	padding: 0;
	background-image: url(../new/images/leftnavtopbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#left ul li.bottom {
	height: 12px;
	padding: 0;
	background-image: url(../new/images/leftnavbottombg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#left  ul  li  a:link, #left ul li a:visited {
	color: #666666;
	display: block;
	padding: 3px 0 3px 10px;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
#left ul li a:hover {
	color: #333333;
}

#left img {
	padding: 0 0 10px 8px;
}
#contentContainer {
	float: right;
	width: 1000px;
}
#contentHeader/** BODY CLASSES COTNENT HEADER IMAGES **/
  {
	width: 100%;
	height: auto;
	margin: 0px 0 0px 0;
	z-index: 1;
	margin: 0 auto;
	text-align:center;
	
}
#contentHeader img{
	width:100%;
}
.cartImg{
	max-width:100%;
	width:100%;
}
#content {
	width: 100%;
	color: #3a3a3a;
	font-family: Proxima Nova, Verdana, Geneva, sans-serif;
	height:100%;
	text-align:center;;
	    margin: auto;
    max-width: 100em;

}

.main{
	width:100%;
	background-color:#fff;
	border-collapse:collapse;
}
#content h1{
	padding: 10px 0 10px 10px;
	font-size: 18px;
}



#content h3 {
	border-bottom: 1px solid #CDCDCD;
	
	font-size: 16px;
	padding: 10px 0 4px 0px;
	margin-left: 10px;
}
#content h4 {
	border-bottom: 1px solid #CDCDCD;
	width: 300px;
	font-size: 12px;
	padding: 20px 0 4px 0;
}
#content h5 {
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	padding-bottom: 10px;
	padding-left: 10px;
}


#content p {
	padding: 5px 0 5px 0px;
	font-size: 13px;
	line-height: 18px;
}
#small-content  a:link, #small-content  a:visited {
	text-decoration: none;
	color: #333333;
}
#small-content a:hover {
	text-decoration: underline;
}
#content ul {
	list-style-position: inside;
	list-style-type: square;

	line-height: 20px;

}



#contentFooter {
	margin: 10px auto 10px auto;
	text-align:center;
}
#contentFooter img {
	border: 0;
	max-width:25%;
}
.contentFooterimg {
	border:0;
	width:250;
	float:left;
}
#content-left {
	float: left;
	
}
#content-right {
	width: 300px;
	float: right;
	
}
.content-right{
	float:right;
}
#contact-form {
	padding-left: 10px;
}
contact-table{
	width:446px;
	height:410px;	
}
#flash object {
	z-index: 1;
	margin-right: auto;
	margin-left: auto;
}

/*
.grabone-icon {
	background-image: url(../images/grabone-small.png);
	background-position-x: left;
	background-repeat: no-repeat;
	padding-left: 80px;
}*/



#footerNav {
	clear: both;
	width: 1000px;
	height: 30px;
	background-color: #C6C7C9;
}
#footerNav ul {
	list-style-type: none;
	width: 850px;
	margin: 0 auto;
}
#footerNav ul li {
	float: left;
	color: #757678;
}
#footerNav ul li a {
	font-size: 12px;	
	line-height: 30px;
	padding: 2px 5px 2px 5px;
	color: #757678;
	text-decoration: none;
}
#footer {
	height: 60px;
	background-color: #58585A;
}
#socialNetworking {
	float: left;
	width: 150px;
	padding: 7px 0 0 15px;
}
#footnote {
	float: left;
	height: 60px;
	width: 670px;
	font-size: 11px;
	line-height: 19px;
	text-align: center;	
	color: #fff;
	padding-top: 11px;
}
#footerLogos {
	float: right;
	padding: 5px 15px 0 0;
}


/** WHOLESALE PAGEs **/
.rowHeader td {
text-align: center;
padding: 10px 0 3px 0;
font-size: 20px;
font-weight: bold;
color: #7C4332;
}
.rowTitles td {
font-size: 12px;
font-weight: bold;
color: #7C4332;
padding: 3px;
background-color: #EADFD5;
border: 1px solid #fff;
}
.rowData td {
padding: 2px 2px 2px 3px;
background-color: #EADFD5;
color: #000;
font-size: 12px;
border: 1px solid #fff;
}
.wQty input {
	text-align: center;
}
.wName {
font-weight: bold;
}
.wPrice, .wID {
	text-align: center;
}
.wholesaleOrder {
margin: 30px 0 30px 0;
text-align: center;
display: block;
}

.left {
	

	
	padding-bottom: 5px;
	padding-top: 5px;
}
.right {
	
	
	padding-top: 5px;
	padding-bottom: 5px;
}
.successSent {
	color: #F00;
	font-weight: bold;
}

.right-padding {
	float: right;
	padding-right: 30px;
}





/** LOGIN FORM **/
#login table {
margin: 0 auto;

padding: 30px 0 30px 0;
}
#login td{
padding: 3px 0 3px 0;
}
#login input{
border: 1px solid #ccc;
padding: 2px;
}
.meet-team {
	width: 500px;
	margin-left: 250px;
}
.cafe-table {
	color: #000000;
	font-size: 18px;
	font-style: italic;
	line-height: 20px;
}
.table-row {
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
	border-collapse:collapse;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
}
.left-padding {
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}


.centred-content {
	width: 750px;
	margin: 0 auto;
	padding: 20px;
}
.grabone {
	width: 700px;
	height: 100px;
}
.grabone-text {
}
.sortButton {
	width: 152px;
}
.news-table{
	width:750px;
}
.news-col1{
	width:390px;
}
.news-col2{
	width:380px;
}
.sortButtontable {
	background:none!important;
     border:none; 
     padding:0!important;
    
    /*optional*/
    font-family: Verdana, Geneva, sans-serif; /*input has OS specific font-family*/
     color:#666666;
     cursor:pointer;
}
.sortButtontable:hover{
         color:#333333;
}

.report {
	font-size: 12px;
}







/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at https://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
.menu {
	width:1000px;
	height:32px;
	position:relative;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:1000px; w\idth:999px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:140px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:138px;
	position:relative;
	font-size: 11px;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#000000;
	width:138px;
	height:32px;
	background:#BCBDC0;
	padding-left:0px;
	line-height:29px;
	font-weight:normal;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:140px; w\idth:130px;}
 
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(https://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(https://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(https://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#c6c7c9;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}
 
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute;height:0;top:32px;left:0; width:140px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:31px;t\op:32px;}
 
/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}
 
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
 
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#e5e1d6;
	color:#000;
	height:auto;
	line-height:1em;
	padding:5px 7px;
	width:128px;
	border-width:0 1px 1px 1px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}
 
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#666666;
}
.menu :hover > a, .menu ul ul :hover > a {
	color:#666666;
}
 
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* General Styles */

.upload {
	font-size: 12px;
	margin-top: 20px;
	padding-top: 20px;
}
}

/** PRODUCTS **/

@media screen and (max-width: 50em) {
.see-through{
	opacity:0.4;
}
.solid{
	opacity:1;
}
.rating-cup{
	display:inline;
	height:25px;
	
}
.pointer{
	cursor:pointer;
}
.reviews{
	border-radius:15px;
	border-top:1px solid grey;
	border-bottom:1px solid grey;
}
.tr-reviews{
	display:none;
	visibility:hidden;
}
.wrap{
	background-color:grey;
	opacity:0.85;
	height:100%;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:99999;
}
.hidden{
	display:none;
}
.center-form{
	width:300px;
	height:300px;
	margin: 0 auto;
	background-color:white;
	top:50%;
	left:50%;
	margin-top:-150px;
	margin-left:-150px;
	position:absolute;
	border-radius:10px;
	text-align:center;
}
.center-form form{
	margin:75px 10px 0 10px;
}
.center-form-review{
	width:300px;
	height:400px;
	margin: 0 auto;
	background-color:white;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-150px;
	position:absolute;
	border-radius:10px;
	text-align:center;
}
.center-form-review form{
	margin:50px 10px 0 10px;
}

.download-pos{
	padding:10px 0px 10px 100px;
}
.download-pos-mini{
	
}
.shelf-talkers{
	width:25px;
	height:20px;
}
.shelf_talkers{
	width:50%;
	float:left;
}
.accounts-fault{
	
}
.accounts{
	
}
.accounts-col1{
	
}.accounts-col2{
	
}
input.checkbox{
	width:20px;
	height:20px;
	color:grey;
	display:inline;
	opacity:100;
}
.price span{
	color:red;
}
.buttonforteapages{
	text-align:center;
}
#added{
	width:100%;
	height:auto;
	color: #FFF;
	text-shadow: 0 1px #4b702e;
	text-align:center;
	padding:0.5em 0 0.5em 0;
	background: #73ab4d;
background: -moz-linear-gradient(top,#73ab4d 0,#549242 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#73ab4d),color-stop(100%,#549242));
background: -webkit-linear-gradient(top,#73ab4d 0,#549242 100%);
background: -o-linear-gradient(top,#73ab4d 0,#549242 100%);
background: -ms-linear-gradient(top,#73ab4d 0,#549242 100%);
background: linear-gradient(to bottom,#73ab4d 0,#549242 100%);
}
.failed{
	width:100%;
	height:auto;
	color: #FFF;
	text-shadow: 0 1px #4b702e;
	text-align:center;
	padding:0.5em 0 0.5em 0;
	background: #ab4d4d;
background: -moz-linear-gradient(top,#ab4d4d 0,#924242 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ab4d4d),color-stop(100%,#924242));
background: -webkit-linear-gradient(top,#ab4d4d 0,#924242 100%);
background: -o-linear-gradient(top,#ab4d4d 0,#924242 100%);
background: -ms-linear-gradient(top,#ab4d4d 0,#924242 100%);
background: linear-gradient(to bottom,#ab4d4d 0,#924242 100%);
}
#prodTable {
	border: 0;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 1em;
	
	color: #000;
	padding-bottom:5px;
	margin: 0 auto;
	overflow:hidden;
	width:100%
}
.prodCell {
	padding-bottom:5px;
	width:33%;
	font-family: Buenard;
	font-size: 1em;

	color: #444;
	text-align:left;
	font-weight:100;
	
	border: 1px solid silver;
	vertical-align:top;
	background-color:#FFF;
	border: 1px solid #CCC;
box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
-webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
-moz-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
}
.prodCell:hover{
	border: 1px solid #666;
}
.prodCell-sale {
	padding-bottom:5px;
	
	font-family: Buenard;
	font-size: 1em;

	color: #444;
	text-align:left;
	font-weight:100;
	
	border: 1px solid silver;
	vertical-align:top;
	background-color:#FFF;
	border: 1px solid #CCC;
box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
-webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
-moz-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
}
.prodCell-sale:hover{
	border: 1px solid #666;
}
.sale-page-cells{
	float:left;
	width:33%
}
.prodImage{
	text-align:center;
	padding-top:5px;
	
}
.wholesale{
	width:100%;
}
.wDesc p{
	padding:0 !important;
	overflow: hidden;
  text-overflow: ellipsis;
      max-height:8em;
}
.showmoreinfo:focus + p{
    overflow:visible;
    white-space:normal;
	max-height:1000px;
}
.showmoreinfo{
	border:none;
    background:none;
    text-decoration:underline;
	font-size:0.8em;
}
.wholesale-col1{
	width:8em;
	
}
.wholesale-col2{
	width:8em;
	font-size:0.8em;
}
.wholesale-textarea{
	width:100%;
	height:15em;
}

.prodCell a {
	color: inherit;
	outline: none;
	text-decoration: none;
}
.prodName {
	
	font-size: 0.8em;
	color: #444;
	text-align:center;
	min-height:3.5em;
}

#content .prodCell .prodName  a {
	text-decoration: none;
}

#content .prodCell .prodName  a:hover {
	color:#666666;
}


.prodPrice {

font-size: 0.8em;
text-align:center;
color: #444;
font-family: inherit;
min-height:2.5em;
}
.prodPrice span{
	color: #bbb;
font-family: Garamond;
font-style: italic;


}
.prodPrice span span{
	color:red;
	
}

.prodID {
padding: 1px 0 4px 30px;
font-size: 1em;
margin-bottom: 4px;
}


/** PROD DETAILS PAGE **/


.prodDetails {
	color: #000;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	width:100%;
	padding-top:0.5em;
}
.prodDetailsSale {
	color: #000;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	width:33%;
	float:left;
	min-height:20em;
}
.prodDetailsImg{
	color: #000;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	width:100%;
}
.prodDetails td {

}

.image2, .image3, .image4, .image5, .image6, .nav-dots, .prodnav, .prev, .next{
	display:none;
	visibility:hidden;
}
.prodNameDetail {
font-size: 2em;
font-weight: bold;
padding: 0 0 10px 0;
color: #1e2136;
padding-top:0.5em;
font-family:Garamond,Buenard,Georgia,"Times New Roman",Times,serif !important
}
.prodOtherDetail {
	width:100%;
	font-size: 1em;
	padding: 0 0 0.1em 0;
	color: #000;
	padding-top:0.5em;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
}
.prodOtherDetail span{
	font-size:0.8em;
}
.prodIDDetail {
	width:100%;
	vertical-align:middle;
font-size: 1em;
padding: 0 0 0 0;
border-bottom: 1px solid #eee;
}
.prodPriceDetail {
	vertical-align:middle;
	width:10em;
font-size: 14px;
padding: 0 0 0 0;
border-bottom: 1px solid #eee;
}
.prodForm {
padding-bottom: 5px;	
border-bottom: 1px solid #eee;
}
.prodForm span {
	padding-right: 20px;
	font-size: 13px;
}
.prodImg {
	width: 100%;
}
.prodImgmain {
	width: 100%;
}
.prodImgother {
	width: 25%;
}
.prodImgother img{
	width:100%;
}
.prodImage img{
	width:90%;
	border: 1px solid silver;
}
.prodImage img{
	
	border-collapse:collapse;
}
.prodImageother img{
	border:none;
	border-collapse:collapse;
}
.outofstock{
	text-align:center;
}
.divider{
	text-align:center;
	
}
.divider img{
	width:100%;
}
.processbutton{
	width:200px;
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	height:30px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	color: white !important;
	background: #aa8a37;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
	border-radius: 5px 5px 5px 5px;
}
.processbutton:hover{
	color: #fa0 !important;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
.cartbutton{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 1em;
	padding-left:0.25em !important;
	padding-right:0.25em !important;
	padding: 0.2em 0.1em 0.2em 0.1em;
	cursor: pointer;
	color: white !important;
	background: #aa8a37;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
	border-radius: 5px 5px 5px 5px;
}
.cartbutton:hover{
	color: #fa0 !important;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
.download-header{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 24px;
}
.download-button{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
margin: 0.2em;
	padding: 0.5em;
	cursor: pointer;
	color: white !important;
	background: #aa8a37;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
	border-radius: 5px 5px 5px 5px;
}
.download-button:hover{
	color: #fa0 !important;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
.typebutton{
	width:140px;
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	height:30px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	background: #f9f5e8;
	background: -moz-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f5e8),color-stop(100%,#e3dfd4));
	background: -webkit-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -o-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -ms-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	border: 0 solid #b2a994;
	border-radius: 5px 5px 5px 5px;
	color: #605845;
}
.typebutton:hover{
	color: #fa0 !important;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
.typebutton:focus{
	color: white !important;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}

#sortbags:checked ~ .Wrapped,#sortbags:checked ~ .Loose,#sortbags:checked ~ .Classic,#sortbags:checked ~ .HT,#sortbags:checked ~ .Sachet,#sortbags:checked ~ .HRP,#sortbags:checked ~ .Iced,#sortbags:checked ~ .Gifts,#sortbags:checked ~ .Accessories,#sortbags:checked ~ .Ambessa,#sortbags:checked ~ .Chopra,#sortbags:checked ~ .Tagalongs,#sortbags:checked ~ .Specialty.Teas,#sortbags:checked ~ .Bottled{
	display:none;
	visibility:hidden;
}
#sortloose:checked ~ .Wrapped,#sortloose:checked ~ .Tea.Bags,#sortloose:checked ~ .Classic.Tins,#sortloose:checked ~ .HT.Tins,#sortloose:checked ~ .Sachet,#sortloose:checked ~ .HRP,#sortloose:checked ~ .Iced,#sortloose:checked ~ .Organic.Teas,#sortloose:checked ~ .Tea.Gifts,#sortloose:checked ~ .Accessories,#sortloose:checked ~ .Ambessa,#sortloose:checked ~ .Chopra,#sortloose:checked ~ .Tagalongs,#sortloose:checked ~ .Specialty.Teas,#sortloose:checked ~ .Bottled,#sortloose:checked ~ .Acorn,#sortloose:checked ~ .Q.Teacups,#sortloose:checked ~ .Uni.Teacups,#sortloose:checked ~ .Ringlet,#sortloose:checked ~ .Stump,#sortloose:checked ~ .Mist,#sortloose:checked ~ .Coffee,#sortloose:checked ~ .Asian,#sortloose:checked ~ .Display.Racks,#sortloose:checked ~ .Tea.Chests,#sortloose:checked ~ .Bell{
	display:none;
	visibility:hidden;
}
#sortsachet:checked ~ .Tea.Bags,#sortsachet:checked ~ .Loose,#sortsachet:checked ~ .Organic.Teas,#sortsachet:checked ~ .Tea.Gifts,#sortsachet:checked ~ .Accessories,#sortsachet:checked ~ .Bottled,#sortsachet:checked ~ .Acorn,#sortsachet:checked ~ .Q.Teacups,#sortsachet:checked ~ .Uni.Teacups,#sortsachet:checked ~ .Ringlet,#sortsachet:checked ~ .Stump,#sortsachet:checked ~ .Mist,#sortsachet:checked ~ .Coffee,#sortsachet:checked ~ .Asian,#sortsachet:checked ~ .Bell{
	display:none;
	visibility:hidden;
}
#sortpots:checked ~ .Tea.Bags,#sortpots:checked ~ .Loose,#sortpots:checked ~ .Organic.Teas,#sortpots:checked ~ .Tea.Gifts,#sortpots:checked ~ .Accessories,#sortpots:checked ~ .Bottled,#sortpots:checked ~ .Wrapped,#sortpots:checked ~ .Loose,#sortpots:checked ~ .Classic,#sortpots:checked ~ .HT.Tins,#sortpots:checked ~ .Sachet,#sortpots:checked ~ .HRP,#sortpots:checked ~ .Iced,#sortpots:checked ~ .Gifts,#sortpots:checked ~ .Accessories,#sortpots:checked ~ .Ambessa,#sortpots:checked ~ .Chopra,#sortpots:checked ~ .Tagalongs,#sortpots:checked ~ .Specialty.Teas,#sortpots:checked ~ .Asian,#sortpots:checked ~ .Cup,#sortpots:checked ~ .Q.Teacups,#sortpots:checked ~ .Uni.Teacups,#sortpots:checked ~ .Ringlet,#sortpots:checked ~ .Display.Racks{
	display:none;
	visibility:hidden;
}
#sorttins:checked ~ .Tea.Bags,#sorttins:checked ~ .Tea.Gifts,#sorttins:checked ~ .Accessories,#sorttins:checked ~ .Bottled,#sorttins:checked ~ .Wrapped,#sorttins:checked ~ .Gifts,#sorttins:checked ~ .Acorn,#sorttins:checked ~ .Stump,#sorttins:checked ~ .Pot,#sorttins:checked ~ .Coffee,#sorttins:checked ~ .Wrapped,#sorttins:checked ~ .Cup,#sorttins:checked ~ .Teacup,#sorttins:checked ~ .Uni.Teacup,#sorttins:checked ~ .Asian,#sorttins:checked ~ .Mist,#sorttins:checked ~ .Q.Teacups,#sorttins:checked ~ .Ringlet,#sorttins:checked ~ .Uni.Teacups,#sorttins:checked ~ .Display.Racks,#sorttins:checked ~ .Bell{
	display:none;
	visibility:hidden;
}
#sortcups:checked ~ .Tea.Bags,#sortcups:checked ~ .Tea.Gifts,#sortcups:checked ~ .Accessories,#sortcups:checked ~ .Bottled,#sortcups:checked ~ .Wrapped,#sortcups:checked ~ .Gifts,#sortcups:checked ~ .Acorn,#sortcups:checked ~ .Coffee,#sortcups:checked ~ .Stump,#sortcups:checked ~ .Organic.Teas,#sortcups:checked ~ .Loose,#sortcups:checked ~ .Classic,#sortcups:checked ~ .HT.Tins,#sortcups:checked ~ .Sachet,#sortcups:checked ~ .HRP,#sortcups:checked ~ .Iced,#sortcups:checked ~ .Ambessa,#sortcups:checked ~ .Chopra,#sortcups:checked ~ .Tagalongs,#sortcups:checked ~ .Specialty,#sortcups:checked ~ .Art,#sortcups:checked ~ .Display.Racks,#sortcups:checked ~ .Bell{
	display:none;
	visibility:hidden;
}

#itemlist li{
	list-style-type:none;
	text-align:left;
}
#sortallbtn, #sortpotsbtn, #sortcupsbtn, #sorttinsbtn, #sortloosebtn{
	line-height:2.5em;
}
input[type=radio   ]:not(old){
	content     : 'Sachets';
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	background: #f9f5e8;
	background: -moz-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f5e8),color-stop(100%,#e3dfd4));
	background: -webkit-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -o-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -ms-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	border: 0 solid #b2a994;
	border-radius: 5px 5px 5px 5px;
	color: #605845;
	display:none;
	opacity:0;
}

input[type=radio   ]:not(old) + label{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	width:140px;
	height:30px;
	color: #605845;

	cursor: pointer;
	background: #f9f5e8;
	background: -moz-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f5e8),color-stop(100%,#e3dfd4));
	background: -webkit-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -o-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -ms-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	border: 0 solid #b2a994;
	border-radius: 5px 5px 5px 5px;


}
input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
	 font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	 font-size: 16px;
	width:140px;
	height:30px;
	padding: 0.5em;
	color: #605845;
	cursor: pointer;
	background: #f9f5e8;
	background: -moz-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f5e8),color-stop(100%,#e3dfd4));
	background: -webkit-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -o-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -ms-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	border: 0 solid #b2a994;
	border-radius: 5px 5px 5px 5px;
}
input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: white !important;
	padding: 0.5em;
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=checkbox]:not(old):checked + label > span:before{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: white !important;
	
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=radio]:not(old):checked + label > span > span{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: white !important;
	
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{

}

input[type=checkbox]:not(old):hover + label > span,
input[type=radio   ]:not(old):hover + label > span{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: #fa0 !important;
	padding: 0.5em;
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=checkbox]:not(old) + label > span:hover{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: #fa0 !important;
	
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=radio]:not(old):hover + label > span > span{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: #fa0 !important;
	
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}

.qty {
border: 1px solid #ccc;
width: 1.0em;
padding: 2px;

text-align: right;
}
.prodqty {
border: 1px solid #ccc;
width: 3em;
padding: 2px;

text-align: right;
}
.buyNow {
padding: 3px;
font-weight: bold;
background-color: black;
color: #fff;
font-size: 12px;
}
.prodDesc {
padding: 10px 0px 10px 0;

font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
}
.prodDesc p {


}


/** SHOP CART **/
#shopCart{
	width: 100%;
	font-size:0.7em;
}
.tableHead td {
	padding: 0.1em;
background: #030303;
background: -moz-linear-gradient(top, #444648 0%, #030303 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444648), color-stop(100%, #030303));
background: -webkit-linear-gradient(top, #444648 0%, #030303 100%);
background: -o-linear-gradient(top, #444648 0%, #030303 100%);
background: -ms-linear-gradient(top, #444648 0%, #030303 100%);
background: linear-gradient(top, #444648 0%, #030303 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444648', endColorstr='#030303', GradientType=0 );
color: #FFF;
font-family: Garamond,Buenard,Georgia,"Times New Roman",Times,serif;
text-shadow: 0 1px #000;

}
.tableHead{
	width:100%;
}
.code{
max-width:10%;
}
.freeshipping{
	padding: 0px 0px 0.5em 0.5em;
	color:red;
	font-weight:bold;
}
.select-box{
	width:75%;
}
.textBox{
	height:25px;
	margin-right:10px;
	padding-left:5px;
}
.cartprodname{
	width:30%;
}
.center {
text-align: center;
}
.quarter{
	vertical-align:top;
	width:25%;
}
.center input {
text-align: center;
margin:0;
}
/*.small {
max-width: 10%;
}*/
.qtysmall {
max-width: 10%;
}
.totalsRow {
font-weight: bold;
}
.freightRow td {
padding: 3px 0 3px 0;
}
.actionsRow td {
padding: 10px 0 5px 0;
}
.freight {
	padding-top: 0px;
	text-align: left;
}
.freight-table {
	margin-left: 10px;
}
.cartRow{
	height:5em;
}
.cartRow td{
	border-bottom:1px solid gray;
	
}
.cartPic{
	width:50px;
}
.right {
text-align: right;
}
.left {
text-align: left;
}
.oos {
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	padding-left: 10px;
}
.outofstock {
	font-weight: bold;
	font-size: 10px;
	text-align: center;
}
.grey {
	color: #333333;
}


.update, .remove {
padding: 2px 3px 2px 3px;
font-size:12px;
background-color: #eee;
}

.selector-table {
	
}

.selector-title {
	font-family:Garamond, Arial, Helvetica, sans-serif;
	line-height: 22px;
	font-size:20px;
	
}
}



@media screen and (min-width: 50em) {
	
.content-20{
	width:20%;
	display:inline-block;
	vertical-align:top;
	
}
.content-80{
	width:79%;
	display:inline-block;
}
.content-100{
	width:99%;
	padding-bottom:0.1em;
}
.holds-iframe{
	background:url(../images-2018/loading.gif) center center no-repeat;
}
.desktop-hidden{
	display:none !important;
	visibility:hidden;
}

.see-through{
	opacity:0.4;
}
.solid{
	opacity:1;
}
.rating-cup{
	display:inline;
	height:30px;
	
}
.pointer{
	cursor:pointer;
}
.reviews{
	border-radius:15px;
	border-top:1px solid grey;
	border-bottom:1px solid grey;
}
.wrap{
	background-color:grey;
	opacity:0.85;
	height:100%;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:99999;
}
.hidden{
	display:none;
}
.center-form{
	width:300px;
	height:300px;
	margin: 0 auto;
	background-color:white;
	top:50%;
	left:50%;
	margin-top:-150px;
	margin-left:-150px;
	position:absolute;
	border-radius:10px;
	text-align:center;
}
.center-form form{
	margin:75px 10px 0 10px;
}
.center-form-review{
	width:400px;
	height:400px;
	margin: 0 auto;
	background-color:white;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-200px;
	position:absolute;
	border-radius:10px;
	text-align:center;
}
.center-form-review form{
	margin:50px 10px 0 10px;
}
#main-image td{
	min-height:425px;
}
.download-pos{
	padding:0px 0px 0px 0px;
}
.download-pos-mini{
	padding: 0px 0px 0px 0px;
}
.shelf-talkers{
	width:25px;
	height:20px;
}
.shelf_talkers{
	width:450px;
	float:left;
}
.accounts-fault{
	padding:100px;
}
.accounts{
	padding:50px;
	width:100%;
}
.accounts-col1{
	width:120px;
}.accounts-col2{
	width:200px;
}
input.checkbox{
	width:20px;
	height:20px;
	color:grey;
	display:inline;
	opacity:100;
}
.price span{
	color:red;
}
.buttonforteapages{
	float:right;
	padding-right:5px;
	clear:none;
}
#added{
	width:100%;
	height:40px;
	color: #FFF;
	text-shadow: 0 1px #4b702e;
	text-align:center;
	padding-top:15px;
	background: #73ab4d;
background: -moz-linear-gradient(top,#73ab4d 0,#549242 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#73ab4d),color-stop(100%,#549242));
background: -webkit-linear-gradient(top,#73ab4d 0,#549242 100%);
background: -o-linear-gradient(top,#73ab4d 0,#549242 100%);
background: -ms-linear-gradient(top,#73ab4d 0,#549242 100%);
background: linear-gradient(to bottom,#73ab4d 0,#549242 100%);
}
.failed{
	width:100%;
	height:40px;
	color: #FFF;
	text-shadow: 0 1px #4b702e;
	text-align:center;
	padding-top:15px;
	background: #ab4d4d;
background: -moz-linear-gradient(top,#ab4d4d 0,#924242 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ab4d4d),color-stop(100%,#924242));
background: -webkit-linear-gradient(top,#ab4d4d 0,#924242 100%);
background: -o-linear-gradient(top,#ab4d4d 0,#924242 100%);
background: -ms-linear-gradient(top,#ab4d4d 0,#924242 100%);
background: linear-gradient(to bottom,#ab4d4d 0,#924242 100%);
}
#prodTable {
	border: 0;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 18px;
	
	color: #000;
	padding-bottom:5px;
	margin: auto;
}
.prodCell {
	padding-bottom:0.5em;
	max-width:330px;
	font-family: Buenard;
	font-size: 16px;
	line-height: 22px;
	color: #444;
	text-align:center;
	font-weight:100;
	
	border: 1px solid silver;
	vertical-align:top;
	background-color:#FFF;
	border: 1px solid #CCC;
box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
-webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
-moz-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
}
.prodCell:hover{
	border: 1px solid #666;
}
.prodCell-sale {
	padding-bottom:0.5em;
	max-width:330px;
	min-height:30em;
	font-family: Buenard;
	font-size: 16px;
	line-height: 22px;
	color: #444;
	text-align:center;
	font-weight:100;
	display:inline-block;
	border: 1px solid silver;
	vertical-align:top;
	background-color:#FFF;
	border: 1px solid #CCC;
box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
-webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
-moz-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
}
.prodCellNew {
	padding-bottom:0.5em;
	max-width:330px;
	min-height:40em;
	font-family: Buenard;
	font-size: 16px;
	line-height: 22px;
	color: #444;
	text-align:center;
	font-weight:100;
	display:inline-block;
	border: 1px solid silver;
	vertical-align:top;
	background-color:#FFF;
	border: 1px solid #CCC;
box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
-webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
-moz-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
position:relative;
}
.prodCell-sale:hover{
	border: 1px solid #666;
}
.sale-page-cells{
	float:left;
	width:32%
}
.prodImage{
	text-align:center;
	padding-top:5px;
	
}
.showmoreinfo{
	display:none;
	visibility:hidden;
}
.wholesale{
	text-align:left;
	width:100%
}
.wholesale-col1{
	width:15%;
	
}
.wholesale-col2{
	width:30%;
}
.wholesale form{
	
}
.wholesale-textarea{
	width:500px;
	height:100px;
}
.prodCell a {
	color: inherit;
	outline: none;
	text-decoration: none;
}
.prodName {
	padding: 4px 0 4px 20px;
	font-size: 18px;
	color: #444;
}
#content .prodCell .prodName  a {
	text-decoration: none;
}

#content .prodCell .prodName  a:hover {
	color:#666666;
}


.prodPrice {
padding: 4px 30px 1px 30px;
font-size: 14px;
text-align:left;
color: #444;
font-family: inherit;

}
.prodPrice span{
	color: #bbb;
font-family: Garamond;
font-style: italic;
padding-right:20px;
}
.prodPrice span span{
	color:red;
	
}

.prodID {
padding: 1px 0 4px 30px;
font-size: 11px;
margin-bottom: 4px;
}


/** PROD DETAILS PAGE **/


.prodDetails {
	color: #000;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	width:100%;
}
.prodDetailsSale {
	color: #000;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	width:332px;
	float:left;
	min-height:420px;
}
.prodDetailsImg{
	color: #000;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	width:350px;
}
.prodDetails td {

}
.prodNameDetail {
font-size: 40px;
font-weight: bold;
padding: 0 0 10px 0;
color: #1e2136;
padding-top:20px;
font-family:Garamond,Buenard,Georgia,"Times New Roman",Times,serif !important
}
.prodOtherDetail {
	width:50%;
	font-size: 18px;
	padding: 0 0 10px 0;
	color: #000;
	padding-top:20px;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
}
.prodOtherDetail span{
	font-size:14px;
}
.prodIDDetail {
	width:100px;
	vertical-align:middle;
font-size: 15px;
padding: 0 0 10px 0;
border-bottom: 1px solid #eee;
}
.prodPriceDetail {
	vertical-align:middle;
	width:100px;
font-size: 14px;
padding: 0 0 0 0;
border-bottom: 1px solid #eee;
}
.prodForm {
padding-bottom: 5px;	
border-bottom: 1px solid #eee;
}
.prodForm span {
	padding-right: 20px;
	font-size: 13px;
}
.prodImg {
	width: 350px;
}
.prodImgmain {
	width: 350px;
}
.prodImgother {
	width: 84px;
}
.prodImgother img{
	width:84px;
}
.prodImage img{
	width:90%;
	border: 1px solid silver;
}
.prodImage img{
	
	border-collapse:collapse;
}
.prodImageother img{
	border:none;
	border-collapse:collapse;
}
.outofstock{
	text-align:center;
}
.divider{
	text-align:center;
	padding: 10px 0 10px 0;
}
.divider img{
	width:90%;
	max-width:80em;
}
.processbutton{
	width:200px;
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	height:30px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	color: white !important;
	background: #aa8a37;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
	border-radius: 5px 5px 5px 5px;
}
.processbutton:hover{
	color: #fa0 !important;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
.cartbutton{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	height:30px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;

	color: white !important;
	background: #aa8a37;
	padding-left:0.5em !important;
	padding-right:0.5em !important;
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
	border-radius: 5px 5px 5px 5px;
}
.cartbutton:hover{
	color: #fa0 !important;
	background: #aa8a37;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
.download-header{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 24px;
}
.download-button{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 24px;
	
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	color: white !important;
	background: #aa8a37;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
	border-radius: 5px 5px 5px 5px;
}
.download-button:hover{
	color: #fa0 !important;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
.typebutton{
	width:140px;
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	height:30px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	background: #f9f5e8;
	background: -moz-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f5e8),color-stop(100%,#e3dfd4));
	background: -webkit-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -o-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -ms-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	border: 0 solid #b2a994;
	border-radius: 5px 5px 5px 5px;
	color: #605845;
}
.typebutton:hover{
	color: #fa0 !important;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
.typebutton:focus{
	color: white !important;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}

#sortbags:checked ~ .Wrapped,#sortbags:checked ~ .Loose,#sortbags:checked ~ .Classic,#sortbags:checked ~ .HT,#sortbags:checked ~ .Sachet,#sortbags:checked ~ .HRP,#sortbags:checked ~ .Iced,#sortbags:checked ~ .Gifts,#sortbags:checked ~ .Accessories,#sortbags:checked ~ .Ambessa,#sortbags:checked ~ .Chopra,#sortbags:checked ~ .Tagalongs,#sortbags:checked ~ .Specialty.Teas,#sortbags:checked ~ .Bottled,#sortbags:checked ~ .Bell,#sortbags:checked ~ .Stump,#sortbags:checked ~ .Coffee,#sortbags:checked ~ .Q.Teacups,#sortbags:checked ~ .Uni.Teacups,#sortbags:checked ~ .Teabag.Teapots{
	display:none;
	visibility:hidden;
}
#sortloose:checked ~ .Wrapped,#sortloose:checked ~ .Tea.Bags,#sortloose:checked ~ .Classic.Tins,#sortloose:checked ~ .HT.Tins,#sortloose:checked ~ .Sachet,#sortloose:checked ~ .HRP,#sortloose:checked ~ .Iced,#sortloose:checked ~ .Organic.Teas,#sortloose:checked ~ .Tea.Gifts,#sortloose:checked ~ .Accessories,#sortloose:checked ~ .Ambessa,#sortloose:checked ~ .Chopra,#sortloose:checked ~ .Tagalongs,#sortloose:checked ~ .Specialty.Teas,#sortloose:checked ~ .Bottled,#sortloose:checked ~ .Acorn,#sortloose:checked ~ .Q.Teacups,#sortloose:checked ~ .Uni.Teacups,#sortloose:checked ~ .Ringlet,#sortloose:checked ~ .Stump,#sortloose:checked ~ .Mist,#sortloose:checked ~ .Coffee,#sortloose:checked ~ .Asian,#sortloose:checked ~ .Bell,#sortloose:checked ~ .Display.Racks,#sortloose:checked ~ .Bola,#sortloose:checked ~ .Teabag.Teapots{
	display:none;
	visibility:hidden;
}
#sortsachet:checked ~ .Tea.Bags,#sortsachet:checked ~ .Loose,#sortsachet:checked ~ .Organic.Teas,#sortsachet:checked ~ .Tea.Gifts,#sortsachet:checked ~ .Accessories,#sortsachet:checked ~ .Bottled,#sortsachet:checked ~ .Acorn,#sortsachet:checked ~ .Q.Teacups,#sortsachet:checked ~ .Uni.Teacups,#sortsachet:checked ~ .Ringlet,#sortsachet:checked ~ .Stump,#sortsachet:checked ~ .Mist,#sortsachet:checked ~ .Coffee,#sortsachet:checked ~ .Asian,#sortsachet:checked ~ .Bell,#sortsachet:checked ~ .Bola,#sortsachet:checked ~ .Teabag.Teapots{
	display:none;
	visibility:hidden;
}
#sortpots:checked ~ .Tea.Bags,#sortpots:checked ~ .Loose,#sortpots:checked ~ .Organic.Teas,#sortpots:checked ~ .Tea.Gifts,#sortpots:checked ~ .Accessories,#sortpots:checked ~ .Bottled,#sortpots:checked ~ .Wrapped,#sortpots:checked ~ .Loose,#sortpots:checked ~ .Classic,#sortpots:checked ~ .HT.Tins,#sortpots:checked ~ .Sachet,#sortpots:checked ~ .HRP,#sortpots:checked ~ .Iced,#sortpots:checked ~ .Gifts,#sortpots:checked ~ .Accessories,#sortpots:checked ~ .Ambessa,#sortpots:checked ~ .Chopra,#sortpots:checked ~ .Tagalongs,#sortpots:checked ~ .Specialty.Teas,#sortpots:checked ~ .Asian,#sortpots:checked ~ .Cup,#sortpots:checked ~ .Q.Teacups,#sortpots:checked ~ .Uni.Teacups,#sortpots:checked ~ .Ringlet,#sortpots:checked ~ .Display.Racks{
	display:none;
	visibility:hidden;
}
#sorttins:checked ~ .Tea.Bags,#sorttins:checked ~ .Tea.Gifts,#sorttins:checked ~ .Accessories,#sorttins:checked ~ .Bottled,#sorttins:checked ~ .Wrapped,#sorttins:checked ~ .Gifts,#sorttins:checked ~ .Acorn,#sorttins:checked ~ .Stump,#sorttins:checked ~ .Pot,#sorttins:checked ~ .Coffee,#sorttins:checked ~ .Wrapped,#sorttins:checked ~ .Cup,#sorttins:checked ~ .Teacup,#sorttins:checked ~ .Uni.Teacup,#sorttins:checked ~ .Asian,#sorttins:checked ~ .Mist,#sorttins:checked ~ .Q.Teacups,#sorttins:checked ~ .Ringlet,#sorttins:checked ~ .Uni.Teacups,#sorttins:checked ~ .Bell,#sorttins:checked ~ .Display.Racks,#sorttins:checked ~ .Bola,#sorttins:checked ~ .Teabag.Teapots{
	display:none;
	visibility:hidden;
}
#sortcups:checked ~ .Tea.Bags,#sortcups:checked ~ .Tea.Gifts,#sortcups:checked ~ .Accessories,#sortcups:checked ~ .Bottled,#sortcups:checked ~ .Wrapped,#sortcups:checked ~ .Gifts,#sortcups:checked ~ .Acorn,#sortcups:checked ~ .Coffee,#sortcups:checked ~ .Stump,#sortcups:checked ~ .Organic.Teas,#sortcups:checked ~ .Loose,#sortcups:checked ~ .Classic,#sortcups:checked ~ .HT.Tins,#sortcups:checked ~ .Sachet,#sortcups:checked ~ .HRP,#sortcups:checked ~ .Iced,#sortcups:checked ~ .Ambessa,#sortcups:checked ~ .Chopra,#sortcups:checked ~ .Tagalongs,#sortcups:checked ~ .Specialty,#sortcups:checked ~ .Art,#sortcups:checked ~ .Bell,#sortcups:checked ~ .Display.Racks,#sortcups:checked ~ .Bola,#sortcups:checked ~ .Teabag.Teapots{
	display:none;
	visibility:hidden;
}

#itemlist li{
	list-style-type:none;
	text-align:left;
}

input[type=radio   ]:not(old){
	content     : 'Sachets';
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	background: #f9f5e8;
	background: -moz-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f5e8),color-stop(100%,#e3dfd4));
	background: -webkit-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -o-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -ms-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	border: 0 solid #b2a994;
	border-radius: 5px 5px 5px 5px;
	color: #605845;
	display:none;
	opacity:0;
}

input[type=radio   ]:not(old) + label{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	width:140px;
	height:30px;
	color: #605845;

	cursor: pointer;
	background: #f9f5e8;
	background: -moz-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f5e8),color-stop(100%,#e3dfd4));
	background: -webkit-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -o-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -ms-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	border: 0 solid #b2a994;
	border-radius: 5px 5px 5px 5px;


}
input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
	 font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	 font-size: 16px;
	width:140px;
	height:30px;
	padding: 5px 25px 5px 25px;
	color: #605845;
	cursor: pointer;
	background: #f9f5e8;
	background: -moz-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f5e8),color-stop(100%,#e3dfd4));
	background: -webkit-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -o-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -ms-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	border: 0 solid #b2a994;
	border-radius: 5px 5px 5px 5px;
	white-space:nowrap;
	line-height:2.5em;
}
input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: white !important;
	padding: 5px 25px 5px 25px;
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=checkbox]:not(old):checked + label > span:before{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: white !important;
	
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=radio]:not(old):checked + label > span > span{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: white !important;
	
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{

}

input[type=checkbox]:not(old):hover + label > span,
input[type=radio   ]:not(old):hover + label > span{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: #fa0 !important;
	padding: 5px 25px 5px 25px;
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=checkbox]:not(old) + label > span:hover{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: #fa0 !important;
	
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=radio]:not(old):hover + label > span > span{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: #fa0 !important;
	
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}

.qty {
border: 1px solid #ccc;
width: 50px;
padding: 2px;
margin: 0 10px 0 10px;
text-align: right;
font-size:1em;
}
.prodqty {
border: 1px solid #ccc;
width: 40px;
padding: 2px;
margin: 0 10px 0 10px;
text-align: right;
}
.buyNow {
padding: 3px;
font-weight: bold;
background-color: black;
color: #fff;
font-size: 12px;
}
.prodDesc {
padding: 10px 0px 10px 0;
font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
}
.prodDesc p {


}


/** SHOP CART **/
#shopCart{
	width: 100%;
	font-size:1.1em;;
}
.tableHead td {
padding: 3px;
background: #030303;
background: -moz-linear-gradient(top, #444648 0%, #030303 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444648), color-stop(100%, #030303));
background: -webkit-linear-gradient(top, #444648 0%, #030303 100%);
background: -o-linear-gradient(top, #444648 0%, #030303 100%);
background: -ms-linear-gradient(top, #444648 0%, #030303 100%);
background: linear-gradient(top, #444648 0%, #030303 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444648', endColorstr='#030303', GradientType=0 );
color: #FFF;
font-family: Garamond,Buenard,Georgia,"Times New Roman",Times,serif;
text-shadow: 0 1px #000;
font-size:18px;
}
.freeshipping{
	padding: 0px 0px 5px 15px;
	color:red;
	font-weight:bold;
}
.select-box{
	width:300px;
}
.textBox{
	height:25px;
	margin-right:10px;
	padding-left:5px;
}
.center {
text-align: center;
}
.margin-auto{
	margin:auto;
}
.quarter{
	width:25%;
	vertical-align:top;
	
}
.center input {
text-align: center;
margin:0;
}
.small {
width: 70px;
}
.qtysmall {
width: 140px;
}
.totalsRow {
font-weight: bold;
}
.freightRow td {
padding: 3px 0 3px 0;
}
.actionsRow td {
padding: 10px 0 5px 0;
}
.freight {
	padding-top: 0px;
	text-align: left;
}
.freight-table {
	margin-left: 10px;
}
.cartRow{
	height:5em;
}
.cartRow td{
	border-bottom:1px solid gray;
}
.cartPic{
	width:150px;
}
	
.right {
text-align: right;
}
.left {
text-align: left;
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}
.oos {
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	padding-left: 10px;
}
.outofstock {
	font-weight: bold;
	font-size: 10px;
	text-align: center;
}
.grey {
	color: #333333;
}


.update, .remove {
padding: 2px 3px 2px 3px;
font-size:12px;
background-color: #eee;
}

.selector-table {
	
}

.selector-title {
	font-family:Garamond, Arial, Helvetica, sans-serif;
	line-height: 22px;
	font-size:20px;
	
}

}
/* End small phone media query */













@media screen and (min-width: 50em) {

body {
	background-color: #fff;
	padding: 0 0 0 0;
	letter-spacing: 0.1em;
	font-family: 'Source Sans Pro', sans-serif;
}
#header {
	background: #fafafa;
	text-align: center;
	position: fixed;
    z-index: 100;
    width: 100%;
	top:0;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
height:auto;
}
.smaller-header{
	height:10em;
	font-size:14px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.smaller-header-img{
	width:15% !important;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.normal-header{
	height:auto;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.smaller-background{
	background: #f1f1f1 !important;

}
#logo-strip img{
	width:20%;
	min-width:15%;
	max-width:20%;
}
#inner-header{
	width:50%;
	text-align:center;
	margin:0 auto;
}
#upper-header{
	margin:0 auto;
}
#logo {
	
	padding: 10px 10px 10px 10px;
}
#header-text{
	padding-top:1em;
	padding-bottom: 1em;
}
main-header{
	width:80%;
	margin: auto;
}
#header-text ul{
	width: 75%;
    margin: auto;
	
}
#header-text ul li{
	display: inline;
	list-style-type: none;
	padding: 1em 1em 1em 1em;
	text-transform: uppercase;
	font-weight: bold;
	line-height:2em;
	white-space:nowrap;
}
#tea-drop-down, #refill-drop-down, #teaware-drop-down, #collect-drop-down{
	
	position: absolute;
    z-index: 1002;
    background: #fafafa;
    text-align: center;
    width: 100% !important;
	left:0;
}
.drop-down-image{
	width:50%;
	display:inline-block;
	
}
.drop-down{
	width:20%;
	display:inline-block;
	white-space:normal;
	vertical-align:top;
}
#scroll-arrow{
	opacity:0.5;
    overflow:none;
    position: fixed;
    z-index: 9999;
    bottom: 2%;
	right:2%;
}
#scroll-arrow img{
	
}
.glyph-arrow-down{
	font-size:24px;
	/* FF3.5+ */
  -moz-transform: rotate(90.0deg);
  /* Opera 10.5 */
  -o-transform: rotate(90.0deg);
  /* Saf3.1+, Chrome */
  -webkit-transform: rotate(90.0deg);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* Standard */
  transform: rotate(90.0deg);
  display:inline-block;
  transition: transform .3s ease-in-out;
  vertical-align:bottom;
  margin-left:2px;
}
.glyph-arrow-up{
	font-size:24px;
	/* FF3.5+ */
  -moz-transform: rotate(-90.0deg);
  /* Opera 10.5 */
  -o-transform: rotate(-90.0deg);
  /* Saf3.1+, Chrome */
  -webkit-transform: rotate(-90.0deg);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* Standard */
  transform: rotate(-90.0deg);
  display:inline-block;
  vertical-align:bottom;
  margin-left:2px;
  transition: transform .3s ease-in-out;
}
.rotate-out{
		/* FF3.5+ */
  -moz-transform: rotatex(90.0deg);
  /* Opera 10.5 */
  -o-transform: rotatex(90.0deg);
  /* Saf3.1+, Chrome */
  -webkit-transform: rotatex(90.0deg);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* Standard */
  
	display:none;
	transition: transform .3s ease-in-out;
}
.rotate-in{
	/* FF3.5+ */
  -moz-transform: rotatex(0.0deg);
  /* Opera 10.5 */
  -o-transform: rotatex(0.0deg);
  /* Saf3.1+, Chrome */
  -webkit-transform: rotatex(0.0deg);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* Standard */
	display:block;
	transition: transform .3s ease-in-out;
}

/*
#slider {
    overflow: hidden;
    width: 1500px;
    height: auto;
}

.slide {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: -1500px;
    z-index: 5;
 
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.slide.active {
    margin-left: 0;
}
#slider #nav {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99999;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    background: rgba(0,0,0,0.5);
    text-align: center;
    width: 100%;
}
#slider #nav li {
    display: inline-block;
    margin: 0 10px;
}
#slider #nav li:first-child {
    border-right: 1px solid #eeeeee;
    padding-right: 20px;;
}
#slider #nav li a {
    color: #ffffff;
    text-decoration: none;
}
*/
.logo{
	max-width:25em;
}
#nav-text{
	
}
#contact-phone, .unav-show, .unav-hide, .lnav-show, .lnav-hide{
	display:none;
	visibility:hidden;
}
#upper-nav{
	font-size: 1em;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}
.upper-nav > *{
	list-style-type:none;
	display:inline-block;
	float:left;
	text-align:center;
	text-decoration:none;
	color:#DDD;
	text-transform:uppercase;
	text-shadow: 0 2px #000000;
	font-family: Proxima Nova Condensed, Arial Narrow, Arial, Helvetica, sans-serif;
	padding: 5px 10px 5px 15px;
}
.upper-nav li:hover{

	text-decoration:none;
	color:#FFF;

}
#product-box, #product-triangle{
	display:none;
	visibility:hidden;
}
#product-triangle{
	border-bottom: 30px solid #494949;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	margin: auto;
	/*padding: 7px 0 0;*/
	text-align: center;
	width: 0;
}
.upper-nav .products:hover #product-box, .upper-nav .products:hover #product-triangle{
	display:block;
	visibility:visible;
}
#product-box:hover, #product-triangle:hover{
	display:block;
	visibility:visible;
}
#product-box{
	background-color:#494949;
	box-shadow: 0 0 0px 0 rgba(0,0,0,.6);
	-webkit-box-shadow: 0 0 0px 0 rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 0px 0 rgba(0,0,0,.6);
	position:absolute;
	margin-left:-407px;
	top: 130px;
	width: 1000px;
	height:200px;
	z-index:10;
}
#product-box-inner{
	padding: 10px 30px 10px 30px;
	width:950px;
	
}
.products-main{
	padding-top:20px;
	color: white;
	font-family: Buenard;
	font-size: 19px;
	margin-bottom: 0;
	line-height: 30px;
	text-align:left;
	width: 220px;
	display: inline-block;
	float: none;
	vertical-align: top;
	text-transform:none;
	margin-left:30px;
	text-align:left;
}
.product-line{
	background-color: #666;
border-width: 0;
box-shadow: 0 -1px 0 0 #333;
color: #444;
height: 1px;
margin: -4px 0 13px;
-webkit-margin-before: 0;
-webkit-margin-start: auto;
-webkit-margin-end: auto;
border-style: 0;
border-top-style: 0;
border-right-style: 0;
border-bottom-style: 0;
border-left-style: 0;
border-width: 0;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
text-align:left;
}
.products-main:hover{
	cursor:pointer;
}
.products-list{
	text-align: left;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	color: #cecece;
	text-transform:none;
	list-style:none;
}
.products-list li:hover{
	color:#aa8a37;
}
#search-bar{
	right: 2em;
    top: 3em;
    position: absolute;
}
#contact{
	float: right;
	color: #a0a0a0;
	padding: 10px;
	
	font-size: 14px;
	width: 250px;
	text-align: right;
	font-family:Buenard, Arial, Helvetica, sans-serif;
}
#contact span{
	color:silver;
	font-family:Helvetica, Arial, sans-serif;
}
#cart-details{
	    z-index: 1001;
    position: absolute;
    margin-top: -2em;
    right: 0.5em;
    vertical-align: middle;
    margin-left: 1em;
}
#cart-details ul{
	width:100%;
}
#cart-details li{
	text-decoration:none;
	list-style:none;
	
	display:inline-block;
	
	padding: 20px 10px 5px 10px;
}
#search{
	
    height: 2.5em;
    display: inline-block;
    padding-right: 5px;
    border: none;
    background-color: white;
    color: white;
    text-indent: 5px;
}
#search:focus{
	background-color:white;
	color:gray;
}
#search:hover{
	background-color:white;
	color:gray;
}
.searchbutton {
	width: 2em;
    background-color: #c5aa5a;
    color: #fff;
    height: 2em;
    border: none;
    
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    cursor: pointer;
}
.searchbutton:hover{
	color:black;
}
#lower-nav{
	margin: 0 auto;
	float: left;
	padding: 10px 10px 10px 10px;
	clear: both;
	font-family: Garamond, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size: 19px;
	color: #DDD;
	width: 1000px;
	text-shadow:0 2px #000;
	text-align:center;
}
.lower-nav li{
	list-style:none;
	display:inline-block;
	float:left;
	padding: 0 10px 0 11px;
	text-align:center;
	text-decoration:none;
	color:#DDD;
}
.lower-nav li:hover{

	text-decoration:none;
	color:#FFF;
}
#lower-header{
	width: 1000px;
	height: 50px;
	float: left;
}
#media{
	margin-top:1em;
}
.media{
	margin-right:0.5em;
	display:inline-block;
	transition:ease-in-out 0.5s;
	width:2.5em;
}

	
.media:hover{
	
}
#facebook{
	background-image:url('https://www.harneyteas.com.au/images-2018/facebook-black.png');
	background-size:2.5em;
	height:2.5em;
	width:2.5em;
	display:inline-block;
}
#facebook:hover{
	background-image:url('https://www.harneyteas.com.au/images-2018/facebook-white.png');
	background-size:2.5em;
	height:2.5em;
	width:2.5em;
	display:inline-block;
}
#twitter{
	background-image:url('https://www.harneyteas.com.au/images-2018/twitter-black.png');
	background-size:2.5em;
	height:2.5em;
	width:2.5em;
	display:inline-block;
}
#twitter:hover{
	background-image:url('https://www.harneyteas.com.au/images-2018/twitter-white.png');
	background-size:2.5em;
	height:2.5em;
	width:2.5em;
	display:inline-block;
}
#instagram{
	background-image:url('https://www.harneyteas.com.au/images-2018/instagram-black.png');
	background-size:2.5em;
	height:2.5em;
	width:2.5em;
	display:inline-block;
}
#instagram:hover{
	background-image:url('https://www.harneyteas.com.au/images-2018/instagram-white.png');
	background-size:2.5em;
	height:2.5em;
	width:2.5em;
	display:inline-block;
}
#cart-icon{
	background-image:url('https://www.harneyteas.com.au/images-2018/cart-black.png');
	background-size:2.5em;
	height:2.5em;
	width:2.5em;
	display:inline-block;
	color: red;
    font-weight: bold;
    vertical-align: middle;
}
#cart-icon:hover{
	background-image:url('https://www.harneyteas.com.au/images-2018/cart-white.png');
	background-size:2.5em;
	height:2.5em;
	width:2.5em;
	display:inline-block;
}
#cart-icon p{
	    vertical-align: middle;
    padding-top: 0.75em;
    margin-left: -2em;
}
#newsletter{
	display: inline-block;
	width: 100%;
    padding-top:2em;
	padding-bottom:2em;
    text-align: center;
	background-image:url('https://www.harneyteas.com.au/images-2018/newsletter-background.jpg');
	background-repeat: no-repeat;
    background-size: cover;
}
.newsletter{
	display:inline-block;
	padding-right: 20px;
	float:right;

}
.newsletterbutton {
	width: 25%;
	background-color: #aa8a37;
	color: #fff;
	height: 2em;
	border: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	cursor:pointer;
	max-width:300px;
}
.newsletterbutton:hover{
	color:#fa0;
}
.emailsubmit {
	width: 50%;
	height: 2em;
	color: #666666;
	border: solid 1px #000;
	text-indent:5px;
	max-width:800px;
}
#main{
	
	background: #FFF;
	width: 100%;
	margin-bottom:50px;
	clear: both;
	
}
#left-box{
	width:700px;
	padding: 10px;
	float:left;
	text-align:left;
	font-family: Proxima Nova, Verdana, Geneva, sans-serif;
	color: #3a3a3a;	
}
#left-box h1{
	font-size:55px;
	font-weight:100;
}
#left-box p{
	line-height:22px;
	padding: 10px;
}
#right-box{
	width:250px;
	padding: 10px;
	float:right;
	margin-top: 50px;
	text-align:justify;
	font-family: Proxima Nova, Verdana, Geneva, sans-serif;
	color: #3a3a3a;
	line-height:22px;
}
#header-left{
	width: 50%;
	float: left;

}
#header-left img{
	width:90%;
	max-width:450px;
}
.fillTable{
	
	width:100%;
}
#header-right{

	width: 50%;
	float: right;
	text-align: justify;

	font-family: Proxima Nova, Verdana, Geneva, sans-serif;
	
}
#header-right p{
	font-size: 14px;
	font-family: Proxima Nova, Verdana, Geneva, sans-serif;
	color: #555;
	line-height:18px;
	padding:10px;
	line-height:22px;
}
#header-right h1{
	font-size: 55px;
	font-family: Garamond, Buenard, Georgia, "Times New Roman", Times,serif;
	color: #3a3a3a;
	font-weight:100;
	text-align:left;
}
.tea-select{
	width:80%;
	text-align:center;
	height:153;
	transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
.tea-select:hover{
	width:100%;
	height:auto;
	
}
.teas-page-td{
	width:330px;
	height:210px;
}
.tea-name{
	font-family: Garamond;
font-size: 18px;
margin-top: 10px;
text-align: center;
color: #aa8a37;
text-shadow: 0 0 #fff;
height:50px;
text-decoration:none;
}
#foot{
	margin: 0 auto;
	
	background: #fafafa;
	bottom: 0;
	width: 100%;
	clear: both;
}
#toe{
	background: #fafafa;

clear:both;
height:40px;
}
.copyright{
	width:100%;
	text-align:center;
	padding-top:10px;
color: #333333;

font-size: 15px;
margin: 0 auto;
}
#details{
	width:90%;
	margin: 0 auto;
	padding: 1em 0em 1em 0em;
}
#details-left, #details-mid{
	display:inline-block;
	width:33%;
	vertical-align:top;
}
#details-right{
	display:inline-block;
	width:25%;
	vertical-align:top;
	text-align:left;
}
#details-left ul, #details-mid ul, #details-right ul{
	color: #333333;
	
	font-size: 1em;
	font-weight: bold;

	
	text-decoration:none;
	text-align:left;
	padding: 1em 0em 0em 0em;
	
	
}
#details-left ul li, #details-mid ul li, #details-right ul li{
	padding: 0.2em;
}


#details-mid span{
	color: #333333;

font-size:15px;
font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
padding: 5px 0px 5px 0px;
}
#details-mid span a:hover{
	color:black;
}



/* https://www.menucool.com */

#sliderFrame, #sliderFrame div {
    box-sizing: content-box;
}
#sliderFrame 
{
    width:100%;
    margin:0 auto; /*center-aligned*/
}

#slider, #slider .sliderInner {
    width:100%;height:550px;/* Must be the same size as the slider images */
    border-radius:3px;
	max-width:1500px;
}

#slider {
    background-color:white;
    position:relative;
    margin:0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
}

/* the link style (if an image is wrapped by a link) */
#slider a.imgLink, #slider .video {
    z-index:2;
    cursor:pointer;
    position:absolute;
    top:0px;left:0px;border:0;padding:0;margin:0;
    width:100%;height:100%;
}
#slider .video {
    background:transparent url(video.png) no-repeat 50% 50%;
}

/* Caption styles */
#slider .mc-caption {
    position:absolute;
    width:100%;
    height:auto;
    padding:10px 0;/* 10px will increase the height.*/
    left:0px;
    bottom:0px;top:auto;
    overflow:hidden;
    font: bold 14px/20px Arial;
    color:#EEE;
    text-align:center;
    background:rgba(0,0,0,0.3);
}
#slider .mc-caption a {
    color:#FB0;
}
#slider .mc-caption a:hover {
    color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
#slider .navBulletsWrapper  {
    top:520px;
    text-align:center;
    background:none;
    position:relative;
    z-index:3;
}

/* each bullet */
#slider .navBulletsWrapper div 
{
    width:11px; height:11px;
    font-size:0;color:White;/*hide the index number in the bullet element*/
    background:transparent url(/images-2018/bullet.png) no-repeat 0 0;
    display:inline-block; *display:inline; zoom:1;
    overflow:hidden;cursor:pointer;
    margin:0 6px;/* set distance between each bullet*/
}

#slider .navBulletsWrapper .active {background-position:0 -11px;}


/* --------- Others ------- */

#slider img, #slider>b, #slider a>b {
    position:absolute; border:none; display:none;
}

#slider .sliderInner {
    overflow:hidden;
    position:absolute; top:0; left:0;
}

#slider>a, #slider video, #slider audio {display:none;}
#slider div {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

/*
@keyframes slider {
0% { transform: translateX(0px); }
20% { transform: translateX(0px); }
25% { transform: translateX(-1005px); }
45% { transform: translateX(-1005px); }
50% { transform: translateX(-2010px); }
70% { transform: translateX(-2010px); }
75% { transform: translateX(-3015px); }
95% { transform: translateX(-3015px); }
100% { transform: translateX(-4020px); }
}
@-webkit-keyframes slider {
0% { transform: translateX(0px); }
20% { transform: translateX(0px); }
25% { transform: translateX(-1005px); }
45% { transform: translateX(-1005px); }
50% { transform: translateX(-2010px); }
70% { transform: translateX(-2010px); }
75% { transform: translateX(-3015px); }
95% { transform: translateX(-3015px); }
100% { transform: translateX(-4020px); }
}
@-moz-keyframes slider {
0% { transform: translateX(0px); }
20% { transform: translateX(0px); }
25% { transform: translateX(-1005px); }
45% { transform: translateX(-1005px); }
50% { transform: translateX(-2010px); }
70% { transform: translateX(-2010px); }
75% { transform: translateX(-3015px); }
95% { transform: translateX(-3015px); }
100% { transform: translateX(-4020px); }
}
@-o-keyframes slider {
0% { transform: translateX(0px); }
20% { transform: translateX(0px); }
25% { transform: translateX(-1005px); }
45% { transform: translateX(-1005px); }
50% { transform: translateX(-2010px); }
70% { transform: translateX(-2010px); }
75% { transform: translateX(-3015px); }
95% { transform: translateX(-3015px); }
100% { transform: translateX(-4020px); }
}
#slider{

	width:5100px;
	height:330px;
	
	-webkit-animation-name:slider;
	-webkit-animation-duration:20s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:slider;
	-moz-animation-duration:20s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count:infinite;
	-o-animation-name:slider;
	-o-animation-duration:20s;
	-o-animation-timing-function: ease-in-out;
	-o-animation-iteration-count:infinite;
	animation-name:slider;
	animation-duration:20s;
	animation-timing-function: ease-in-out;
	animation-iteration-count:infinite;
	transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
#slider:hover{
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-wo-animation-play-state: paused;
	animation-play-state: paused;
	opacity:0.5;
	
}
#slider img{
	display:inline-block;
	border:none;
	max-width:100%
}

#slidercontainer{
	width:1000px;
	height:330px;
	overflow:hidden;
	margin: 0 auto;
	max-width:100%;
}
*/
#featured{
	width:100%;
	margin:auto;
	text-align:center;
}
#featured-1, #featured-2{
	width:49.5%;
	
	display:inline-block;
}

#featured-1 img, #featured-2 img{
	width:100%;
	
}
#sub-featured-1, #sub-featured-2, #sub-featured-3, #sub-featured-4{
	width:15%;
	
	display:inline-block;
}

#sub-featured-1 img, #sub-featured-2 img, #sub-featured-3 img, #sub-featured-4 img{
	width:100%;
	
    
}
.sub-spacer{
	width:2%;
	display:inline-block;
}

@font-face {
    font-family: Varela Round;
    src: url(https://fonts.googleapis.com/css?family=Varela+Round);
}

.prodslides {
    padding: 0;
    width: 338px;
    height: 338px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.prodslides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}
.Grow{
	width:100%;
	height:100%;
	 -webkit-transition:all 0.5s ease;         
		-moz-transition:all 0.5s ease;         
		-o-transition:all 0.5s ease; 
		-ms-transition:all 0.5s ease;         
		transition:all 0.5s ease;
}
.Grow:hover{
        width:200%;
        height:200%;
		-webkit-transition:all 0.5s ease-in-out;         
		-moz-transition:all 0.5s ease-in-out;         
		-o-transition:all 0.5s ease-in-out; 
		-ms-transition:all 0.5s ease-in-out;         
		transition:all 0.5s ease-in-out;
}


.prodslides input { display: none; }

.prodslide-container { display: block; }

.prodslide {
    top: 0;
    opacity: 0;
    width: 338px;
    height: 338px;
    display: block;
    position: absolute;

    transform: scale(0);

    transition: all .7s ease-in-out;
}

.prodslide img {
    width: 100%;
    height: 100%;
}

.prodnav label {
    width: 25%;
    height: 100%;
    display: none;
    position: absolute;

	  opacity: 0;
    z-index: 9;
    cursor: pointer;

    transition: opacity .2s;

    color: #FFF;
    font-size: 156pt;
    text-align: center;
    line-height: 300px;
    font-family: Varela Round, sans-serif;
    background-color: rgba(255, 255, 255, .3);
    text-shadow: 0px 0px 15px rgb(119, 119, 119);
}


.prodslide:hover + .prodnav label { opacity: 0.5; }

.prodnav label:hover { opacity: 1; }

.prodnav .next { right: 0; }

input:checked + .prodslide-container  .prodslide {
    opacity: 1;

    transform: scale(1);

    transition: opacity 1s ease-in-out;
}

input:checked + .prodslide-container .prodnav label { display: block; }

.nav-dots {
	width: 100%;
	bottom: 9px;
	height: 11px;
	display: block;
	position: absolute;
	text-align: center;
}

.nav-dots .nav-dot {
	top: -5px;
	width: 11px;
	height: 11px;
	margin: 0 4px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.6);
}

.nav-dots .nav-dot:hover {
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.8);
}

input#img-1:checked ~ .nav-dots label#img-dot-1,
input#img-2:checked ~ .nav-dots label#img-dot-2,
input#img-3:checked ~ .nav-dots label#img-dot-3,
input#img-4:checked ~ .nav-dots label#img-dot-4,
input#img-5:checked ~ .nav-dots label#img-dot-5,
input#img-6:checked ~ .nav-dots label#img-dot-6 {
	background: rgba(0, 0, 0, 0.8);
}
#left-content{
	float:left;
	clear:both;
}
#left-content li{
	width:180px;
	background: #71645a;
	color: #fff;
	padding: 10px;
	border-bottom: 1px solid #fff;
	text-align: left;
	font-family: Proxima Nova, Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	
}
#left-content li:hover{
	background: #997f41;
	
}
.selectable{
	background: #997f41 !important;

}
#small-content{

	padding-left:10px;
	padding-right:10px;
	font-family: Proxima Nova, Verdana, Geneva, sans-serif;
	color: #3a3a3a;
	height:100%;
	text-align:left;
	
}
.brochure{
	width:148px;
	height:209px;
	float: right;
    padding-right: 30px;
}
#small-content h1{
	padding-top:20px;
	font-size:40px;
	font-weight:100;
}
#small-content p{
	padding: 5px 5px 15px 10px;
	
}
#headlink {
	float: left;
	margin: 30px 0 0 60px;
}
#info {
	float: right;
	margin: 0px 20px 0 0;
	font-size: 13px;
	width: 420px;
}
#info .infoNumber {
	display: block;
	float: left;
	color: #999999;
	width: 350px;

}
#info .searchBox {
	display: block;
	float: right;
	clear: left;
	margin-right: 15px;
}
#info .viewCart {
	display: block;
	float: left;
	margin: 0 0 0 25px;
	padding-top: 5px;
	font-weight: bold;
}
#info .viewCart a {
	text-decoration: none;
	color: #555;
}
#navigation {
	width: 1000px;
	height: 32px;
	background-color: #BCBDC0;
	z-index: 2;
	clear: both;
}
.search-col1{
	width:150px;
}
.search-col2{
	width:200px;
}
/* #navigation ul {
	list-style-type: none;
	width: 1000px;
	margin: 0 auto;
}
#navigation ul li {
	float: left;
	padding: 0 10px 0 10px;
}
#navigation ul li a {
	padding: 0 20px 0 20px;
	color: #5A5B5D;
	text-decoration: none;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 24px;
}
*/
#left {
	float: left;
}
#left ul {
	list-style-type: none;
	margin: 20px 0 20px 15px;
	width: 160px;
	background-color: #FFF4F5;
}
#left ul li {
	padding: 4px 0 4px 0;
}
#left ul li.top {
	height: 12px;
	padding: 0;
	background-image: url(../new/images/leftnavtopbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#left ul li.bottom {
	height: 12px;
	padding: 0;
	background-image: url(../new/images/leftnavbottombg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#left  ul  li  a:link, #left ul li a:visited {
	color: #666666;
	display: block;
	padding: 3px 0 3px 10px;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
#left ul li a:hover {
	color: #333333;
}

#left img {
	padding: 0 0 10px 8px;
}
#contentContainer {
	float: right;
	width: 1000px;
}
#contentHeader/** BODY CLASSES COTNENT HEADER IMAGES **/
  {
	width: 90%;
	height: auto;
	margin: 0px 0 0px 0;
	z-index: 1;
	margin: 0 auto;
	text-align:center;
	
}
#content {
	width: 80%;
	color: #3a3a3a;
	font-family: Proxima Nova, Verdana, Geneva, sans-serif;
	height:100%;
	text-align:center;;
	    margin: auto;
    max-width: 100em;

}

.main{
	width:100%;
	background-color:#fff;
	border-collapse:collapse;
}
#content h1{
	padding: 10px 0 10px 10px;
	font-size: 18px;
}



#content h3 {
	border-bottom: 1px solid #CDCDCD;
	
	font-size: 16px;
	padding: 10px 0 4px 0px;
	margin-left: 10px;
}
#content h4 {
	border-bottom: 1px solid #CDCDCD;
	width: 300px;
	font-size: 12px;
	padding: 20px 0 4px 0;
}
#content h5 {
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	padding-bottom: 10px;
	padding-left: 10px;
}


#content p {
	padding: 5px 0 5px 0px;
	font-size: 13px;
	line-height: 18px;
}
#small-content  a:link, #small-content  a:visited {
	text-decoration: none;
	color: #333333;
}
#small-content a:hover {
	text-decoration: underline;
}
#content ul {
	list-style-position: inside;
	list-style-type: square;

	line-height: 20px;

}



#contentFooter {
	margin: 10px auto 10px auto;
	text-align:center;
}
#contentFooter img {
	border: 0;
	max-width:25%;
}
.contentFooterimg {
	border:0;
	width:250;
	float:left;
}
#content-left {
	float: left;
	
}
#content-left-ws{
	display:inline-block;
	width:45%;
	vertical-align:top;
	font-size:1.5em;
}
.info-pack{
	width:80%;
	color:white;
	background-color:#aa8a37;
	padding-top: 1em;
    font-size: 1.5em;
    border-radius: 10px;
    padding-bottom: 1em;
}
#content-right {
	width: 300px;
	float: right;
}
#content-right-ws{
	display:inline-block;
	width:45%;
	border: 1px solid gray;
}
.content-right{
	float:right
}
#contact-form {
	padding-left: 10px;
}
contact-table{
	width:446px;
	height:410px;	
}
#flash object {
	z-index: 1;
	margin-right: auto;
	margin-left: auto;
}

/*
.grabone-icon {
	background-image: url(../images/grabone-small.png);
	background-position-x: left;
	background-repeat: no-repeat;
	padding-left: 80px;
}*/



#footerNav {
	clear: both;
	width: 1000px;
	height: 30px;
	background-color: #C6C7C9;
}
#footerNav ul {
	list-style-type: none;
	width: 850px;
	margin: 0 auto;
}
#footerNav ul li {
	float: left;
	color: #757678;
}
#footerNav ul li a {
	font-size: 12px;	
	line-height: 30px;
	padding: 2px 5px 2px 5px;
	color: #757678;
	text-decoration: none;
}
#footer {
	height: 60px;
	background-color: #58585A;
}
#socialNetworking {
	float: left;
	width: 150px;
	padding: 7px 0 0 15px;
}
#footnote {
	float: left;
	height: 60px;
	width: 670px;
	font-size: 11px;
	line-height: 19px;
	text-align: center;	
	color: #fff;
	padding-top: 11px;
}
#footerLogos {
	float: right;
	padding: 5px 15px 0 0;
}


/** WHOLESALE PAGEs **/
.rowHeader td {
text-align: center;
padding: 10px 0 3px 0;
font-size: 20px;
font-weight: bold;
color: #7C4332;
}
.rowTitles td {
font-size: 12px;
font-weight: bold;
color: #7C4332;
padding: 3px;
background-color: #EADFD5;
border: 1px solid #fff;
}
.rowData td {
padding: 2px 2px 2px 3px;
background-color: #EADFD5;
color: #000;
font-size: 12px;
border: 1px solid #fff;
}
.wQty input {
	text-align: center;
}
.wName {
font-weight: bold;
}
.wPrice, .wID {
	text-align: center;
}
.wholesaleOrder {
margin: 30px 0 30px 0;
text-align: center;
display: block;
}

.left {
	
	
	padding-bottom: 5px;
	padding-top: 5px;
}
.right {
	
	
	padding-top: 5px;
	padding-bottom: 5px;
}
.successSent {
	color: #F00;
	font-weight: bold;
}

.right-padding {
	float: right;
	padding-right: 30px;
}

/* HIDE RADIO */
input[name="background"] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
input[name="background"] + img {
  cursor: pointer;
  border: 1px solid black;
}

/* CHECKED STYLES */
input[name="background"]:checked + img {
  outline: 2px solid blue;
}



/** LOGIN FORM **/
#login table {
margin: 0 auto;
width: 440px;
padding: 30px 0 30px 0;
}
#login td{
padding: 3px 0 3px 0;
}
#login input{
border: 1px solid #ccc;
padding: 2px;
}
.meet-team {
	width: 500px;
	margin-left: 250px;
}
.cafe-table {
	color: #000000;
	font-size: 18px;
	font-style: italic;
	line-height: 20px;
}
.table-row {
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
	border-collapse:collapse;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
}
.left-padding {
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}


.centred-content {
	width: 750px;
	margin: 0 auto;
	padding: 20px;
}
.grabone {
	width: 700px;
	height: 100px;
}
.grabone-text {
}
.sortButton {
	width: 152px;
}
.news-table{
	width:750px;
}
.news-col1{
	width:390px;
}
.news-col2{
	width:380px;
}
.sortButtontable {
	background:none!important;
     border:none; 
     padding:0!important;
    
    /*optional*/
    font-family: Verdana, Geneva, sans-serif; /*input has OS specific font-family*/
     color:#666666;
     cursor:pointer;
}
.sortButtontable:hover{
         color:#333333;
}

.report {
	font-size: 12px;
}







/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at https://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
.menu {
	width:1000px;
	height:32px;
	position:relative;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:1000px; w\idth:999px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:140px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:138px;
	position:relative;
	font-size: 11px;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#000000;
	width:138px;
	height:32px;
	background:#BCBDC0;
	padding-left:0px;
	line-height:29px;
	font-weight:normal;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:140px; w\idth:130px;}
 
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(https://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(https://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(https://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#c6c7c9;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}
 
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute;height:0;top:32px;left:0; width:140px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:31px;t\op:32px;}
 
/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}
 
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
 
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#e5e1d6;
	color:#000;
	height:auto;
	line-height:1em;
	padding:5px 7px;
	width:128px;
	border-width:0 1px 1px 1px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}
 
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#666666;
}
.menu :hover > a, .menu ul ul :hover > a {
	color:#666666;
}
 
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* General Styles */

.upload {
	font-size: 12px;
	margin-top: 20px;
	padding-top: 20px;
}
}

/** PRODUCTS **/

@media screen and (max-width: 50em) {
.see-through{
	opacity:0.4;
}
.solid{
	opacity:1;
}
.rating-cup{
	display:inline;
	height:25px;
	
}
.pointer{
	cursor:pointer;
}
.reviews{
	border-radius:15px;
	border-top:1px solid grey;
	border-bottom:1px solid grey;
}
.tr-reviews{
	display:none;
	visibility:hidden;
}
.wrap{
	background-color:grey;
	opacity:0.85;
	height:100%;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:99999;
}
.hidden{
	display:none;
}
.center-form{
	width:300px;
	height:300px;
	margin: 0 auto;
	background-color:white;
	top:50%;
	left:50%;
	margin-top:-150px;
	margin-left:-150px;
	position:absolute;
	border-radius:10px;
	text-align:center;
}
.center-form form{
	margin:75px 10px 0 10px;
}
.center-form-review{
	width:300px;
	height:400px;
	margin: 0 auto;
	background-color:white;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-150px;
	position:absolute;
	border-radius:10px;
	text-align:center;
}
.center-form-review form{
	margin:50px 10px 0 10px;
}

.download-pos{
	padding:10px 0px 10px 100px;
}
.download-pos-mini{
	
}
.shelf-talkers{
	width:25px;
	height:20px;
}
.shelf_talkers{
	width:50%;
	float:left;
}
.accounts-fault{
	
}
.accounts{
	
}
.accounts-col1{
	
}.accounts-col2{
	
}
input.checkbox{
	width:20px;
	height:20px;
	color:grey;
	display:inline;
	opacity:100;
}
.price span{
	color:red;
}
.buttonforteapages{
	text-align:center;
}
#added{
	width:100%;
	height:auto;
	color: #FFF;
	text-shadow: 0 1px #4b702e;
	text-align:center;
	padding:0.5em 0 0.5em 0;
	background: #73ab4d;
background: -moz-linear-gradient(top,#73ab4d 0,#549242 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#73ab4d),color-stop(100%,#549242));
background: -webkit-linear-gradient(top,#73ab4d 0,#549242 100%);
background: -o-linear-gradient(top,#73ab4d 0,#549242 100%);
background: -ms-linear-gradient(top,#73ab4d 0,#549242 100%);
background: linear-gradient(to bottom,#73ab4d 0,#549242 100%);
}
.failed{
	width:100%;
	height:auto;
	color: #FFF;
	text-shadow: 0 1px #4b702e;
	text-align:center;
	padding:0.5em 0 0.5em 0;
	background: #ab4d4d;
background: -moz-linear-gradient(top,#ab4d4d 0,#924242 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ab4d4d),color-stop(100%,#924242));
background: -webkit-linear-gradient(top,#ab4d4d 0,#924242 100%);
background: -o-linear-gradient(top,#ab4d4d 0,#924242 100%);
background: -ms-linear-gradient(top,#ab4d4d 0,#924242 100%);
background: linear-gradient(to bottom,#ab4d4d 0,#924242 100%);
}
#prodTable {
	border: 0;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 1em;
	
	color: #000;
	padding-bottom:5px;
	margin: 0 auto;
	overflow:hidden;
	width:100%
}
.prodCell {
	
	width:33%;
	font-family: Buenard;
	font-size: 1em;

	color: #444;
	text-align:left;
	font-weight:100;
	
	border: 1px solid silver;
	vertical-align:top;
	background-color:#FFF;
	border: 1px solid #CCC;
box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
-webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
-moz-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
}
.prodCell:hover{
	border: 1px solid #666;
}
.prodImage{
	text-align:center;
	padding-top:5px;
	
}
.wholesale{
	width:100%;
}
.wDesc p{
	padding:0 !important;
	overflow: hidden;
  text-overflow: ellipsis;
      max-height:8em;
}
.showmoreinfo:focus + p{
    overflow:visible;
    white-space:normal;
	max-height:1000px;
}
.showmoreinfo{
	border:none;
    background:none;
    text-decoration:underline;
	font-size:0.8em;
}
.wholesale-col1{
	width:8em;
	
}
.wholesale-col2{
	width:8em;
	font-size:0.8em;
}
.wholesale-textarea{
	width:100%;
	height:15em;
}

.prodCell a {
	color: inherit;
	outline: none;
	text-decoration: none;
}
.prodName {
	width:90%;
	font-size: 0.8em;
	color: #444;
	text-align:center;
	min-height:3.5em;
}

#content .prodCell .prodName  a {
	text-decoration: none;
}

#content .prodCell .prodName  a:hover {
	color:#666666;
}


.prodPrice {

font-size: 0.8em;
text-align:center;
color: #444;
font-family: inherit;
min-height:2.5em;
}
.prodPriceNew {

font-size: 2em;
text-align:center;
color: #444;
font-family: inherit;
min-height:2.5em;
}
.prodPrice span{
	color: #bbb;
font-family: Garamond;
font-style: italic;


}
.prodPrice span span{
	color:red;
	
}

.prodID {
padding: 1px 0 4px 30px;
font-size: 1em;
margin-bottom: 4px;
}


/** PROD DETAILS PAGE **/


.prodDetails {
	color: #000;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	width:100%;
	padding-top:0.5em;
}
.prodDetailsSale {
	color: #000;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	width:33%;
	float:left;
	min-height:20em;
}
.prodDetailsImg{
	color: #000;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	width:100%;
}
.prodDetails td {

}

.image2, .image3, .image4, .image5, .image6, .nav-dots, .prodnav, .prev, .next{
	display:none;
	visibility:hidden;
}
.prodNameDetail {
font-size: 2em;
font-weight: bold;
padding: 0 0 10px 0;
color: #1e2136;
padding-top:0.5em;
font-family:Garamond,Buenard,Georgia,"Times New Roman",Times,serif !important
}
.prodOtherDetail {
	width:100%;
	font-size: 1em;
	padding: 0 0 0.1em 0;
	color: #000;
	padding-top:0.5em;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
}
.prodOtherDetail span{
	font-size:0.8em;
}
.prodIDDetail {
	width:100%;
	vertical-align:middle;
font-size: 1em;
padding: 0 0 0 0;
border-bottom: 1px solid #eee;
}
.prodPriceDetail {
	vertical-align:middle;
	width:10em;
font-size: 14px;
padding: 0 0 0 0;
border-bottom: 1px solid #eee;
}
.prodForm {
padding-bottom: 5px;	
border-bottom: 1px solid #eee;
}
.prodForm span {
	padding-right: 20px;
	font-size: 13px;
}
.prodImg {
	width: 100%;
}
.prodImgmain {
	width: 100%;
}
.prodImgother {
	width: 25%;
}
.prodImgother img{
	width:100%;
}
.prodImage img{
	width:90%;
	border: 1px solid silver;
}
.prodImage img{
	
	border-collapse:collapse;
}
.prodImageother img{
	border:none;
	border-collapse:collapse;
}
.outofstock{
	text-align:center;
}
.divider{
	text-align:center;
	
}
.divider img{
	width:100%;
}
.processbutton{
	width:200px;
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	height:30px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	color: white !important;
	background: #aa8a37;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
	border-radius: 5px 5px 5px 5px;
}
.processbutton:hover{
	color: #fa0 !important;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
.cartbutton{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 1em;
	padding-left:0.25em !important;
	padding-right:0.25em !important;
	padding: 0.2em 0.1em 0.2em 0.1em;
	cursor: pointer;
	color: white !important;
	background: #aa8a37;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
	border-radius: 5px 5px 5px 5px;
}
.cartbutton:hover{
	color: #fa0 !important;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
.download-header{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 24px;
}
.download-button{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
margin: 0.2em;
	padding: 0.5em;
	cursor: pointer;
	color: white !important;
	background: #aa8a37;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
	border-radius: 5px 5px 5px 5px;
}
.download-button:hover{
	color: #fa0 !important;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
.typebutton{
	width:140px;
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	height:30px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	background: #f9f5e8;
	background: -moz-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f5e8),color-stop(100%,#e3dfd4));
	background: -webkit-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -o-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -ms-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	border: 0 solid #b2a994;
	border-radius: 5px 5px 5px 5px;
	color: #605845;
}
.typebutton:hover{
	color: #fa0 !important;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
.typebutton:focus{
	color: white !important;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}

#sortbags:checked ~ .Wrapped,#sortbags:checked ~ .Loose,#sortbags:checked ~ .Classic,#sortbags:checked ~ .HT,#sortbags:checked ~ .Sachet,#sortbags:checked ~ .HRP,#sortbags:checked ~ .Iced,#sortbags:checked ~ .Gifts,#sortbags:checked ~ .Accessories,#sortbags:checked ~ .Ambessa,#sortbags:checked ~ .Chopra,#sortbags:checked ~ .Tagalongs,#sortbags:checked ~ .Specialty.Teas,#sortbags:checked ~ .Bottled{
	display:none;
	visibility:hidden;
}
#sortloose:checked ~ .Wrapped,#sortloose:checked ~ .Tea.Bags,#sortloose:checked ~ .Classic.Tins,#sortloose:checked ~ .HT.Tins,#sortloose:checked ~ .Sachet,#sortloose:checked ~ .HRP,#sortloose:checked ~ .Iced,#sortloose:checked ~ .Organic.Teas,#sortloose:checked ~ .Tea.Gifts,#sortloose:checked ~ .Accessories,#sortloose:checked ~ .Ambessa,#sortloose:checked ~ .Chopra,#sortloose:checked ~ .Tagalongs,#sortloose:checked ~ .Specialty.Teas,#sortloose:checked ~ .Bottled,#sortloose:checked ~ .Acorn,#sortloose:checked ~ .Q.Teacups,#sortloose:checked ~ .Uni.Teacups,#sortloose:checked ~ .Ringlet,#sortloose:checked ~ .Stump,#sortloose:checked ~ .Mist,#sortloose:checked ~ .Coffee,#sortloose:checked ~ .Asian,#sortloose:checked ~ .Display.Racks,#sortloose:checked ~ .Tea.Chests,#sortloose:checked ~ .Bell{
	display:none;
	visibility:hidden;
}
#sortsachet:checked ~ .Tea.Bags,#sortsachet:checked ~ .Loose,#sortsachet:checked ~ .Organic.Teas,#sortsachet:checked ~ .Tea.Gifts,#sortsachet:checked ~ .Accessories,#sortsachet:checked ~ .Bottled,#sortsachet:checked ~ .Acorn,#sortsachet:checked ~ .Q.Teacups,#sortsachet:checked ~ .Uni.Teacups,#sortsachet:checked ~ .Ringlet,#sortsachet:checked ~ .Stump,#sortsachet:checked ~ .Mist,#sortsachet:checked ~ .Coffee,#sortsachet:checked ~ .Asian,#sortsachet:checked ~ .Bell{
	display:none;
	visibility:hidden;
}
#sortpots:checked ~ .Tea.Bags,#sortpots:checked ~ .Loose,#sortpots:checked ~ .Organic.Teas,#sortpots:checked ~ .Tea.Gifts,#sortpots:checked ~ .Accessories,#sortpots:checked ~ .Bottled,#sortpots:checked ~ .Wrapped,#sortpots:checked ~ .Loose,#sortpots:checked ~ .Classic,#sortpots:checked ~ .HT.Tins,#sortpots:checked ~ .Sachet,#sortpots:checked ~ .HRP,#sortpots:checked ~ .Iced,#sortpots:checked ~ .Gifts,#sortpots:checked ~ .Accessories,#sortpots:checked ~ .Ambessa,#sortpots:checked ~ .Chopra,#sortpots:checked ~ .Tagalongs,#sortpots:checked ~ .Specialty.Teas,#sortpots:checked ~ .Asian,#sortpots:checked ~ .Cup,#sortpots:checked ~ .Q.Teacups,#sortpots:checked ~ .Uni.Teacups,#sortpots:checked ~ .Ringlet,#sortpots:checked ~ .Display.Racks{
	display:none;
	visibility:hidden;
}
#sorttins:checked ~ .Tea.Bags,#sorttins:checked ~ .Tea.Gifts,#sorttins:checked ~ .Accessories,#sorttins:checked ~ .Bottled,#sorttins:checked ~ .Wrapped,#sorttins:checked ~ .Gifts,#sorttins:checked ~ .Acorn,#sorttins:checked ~ .Stump,#sorttins:checked ~ .Pot,#sorttins:checked ~ .Coffee,#sorttins:checked ~ .Wrapped,#sorttins:checked ~ .Cup,#sorttins:checked ~ .Teacup,#sorttins:checked ~ .Uni.Teacup,#sorttins:checked ~ .Asian,#sorttins:checked ~ .Mist,#sorttins:checked ~ .Q.Teacups,#sorttins:checked ~ .Ringlet,#sorttins:checked ~ .Uni.Teacups,#sorttins:checked ~ .Display.Racks,#sorttins:checked ~ .Bell{
	display:none;
	visibility:hidden;
}
#sortcups:checked ~ .Tea.Bags,#sortcups:checked ~ .Tea.Gifts,#sortcups:checked ~ .Accessories,#sortcups:checked ~ .Bottled,#sortcups:checked ~ .Wrapped,#sortcups:checked ~ .Gifts,#sortcups:checked ~ .Acorn,#sortcups:checked ~ .Coffee,#sortcups:checked ~ .Stump,#sortcups:checked ~ .Organic.Teas,#sortcups:checked ~ .Loose,#sortcups:checked ~ .Classic,#sortcups:checked ~ .HT.Tins,#sortcups:checked ~ .Sachet,#sortcups:checked ~ .HRP,#sortcups:checked ~ .Iced,#sortcups:checked ~ .Ambessa,#sortcups:checked ~ .Chopra,#sortcups:checked ~ .Tagalongs,#sortcups:checked ~ .Specialty,#sortcups:checked ~ .Art,#sortcups:checked ~ .Display.Racks,#sortcups:checked ~ .Bell{
	display:none;
	visibility:hidden;
}

#itemlist li{
	list-style-type:none;
	text-align:left;
}
#sortallbtn, #sortpotsbtn, #sortcupsbtn, #sorttinsbtn, #sortloosebtn{
	line-height:2.5em;
}
input[type=radio   ]:not(old){
	content     : 'Sachets';
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	background: #f9f5e8;
	background: -moz-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f5e8),color-stop(100%,#e3dfd4));
	background: -webkit-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -o-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -ms-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	border: 0 solid #b2a994;
	border-radius: 5px 5px 5px 5px;
	color: #605845;
	display:none;
	opacity:0;
}

input[type=radio   ]:not(old) + label{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	width:140px;
	height:30px;
	color: #605845;

	cursor: pointer;
	background: #f9f5e8;
	background: -moz-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f5e8),color-stop(100%,#e3dfd4));
	background: -webkit-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -o-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -ms-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	border: 0 solid #b2a994;
	border-radius: 5px 5px 5px 5px;


}
input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
	 font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	 font-size: 16px;
	width:140px;
	height:30px;
	padding: 0.5em;
	color: #605845;
	cursor: pointer;
	background: #f9f5e8;
	background: -moz-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f5e8),color-stop(100%,#e3dfd4));
	background: -webkit-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -o-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -ms-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	border: 0 solid #b2a994;
	border-radius: 5px 5px 5px 5px;
}
input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: white !important;
	padding: 0.5em;
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=checkbox]:not(old):checked + label > span:before{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: white !important;
	
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=radio]:not(old):checked + label > span > span{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: white !important;
	
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{

}

input[type=checkbox]:not(old):hover + label > span,
input[type=radio   ]:not(old):hover + label > span{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: #fa0 !important;
	padding: 0.5em;
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=checkbox]:not(old) + label > span:hover{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: #fa0 !important;
	
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=radio]:not(old):hover + label > span > span{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: #fa0 !important;
	
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}

.qty {
border: 1px solid #ccc;
width: 1.0em;
padding: 2px;

text-align: right;
}
.prodqty {
border: 1px solid #ccc;
width: 3em;
padding: 2px;

text-align: right;
}
.buyNow {
padding: 3px;
font-weight: bold;
background-color: black;
color: #fff;
font-size: 12px;
}
.prodDesc {
padding: 10px 0px 10px 0;
font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
}
.prodDesc p {


}


/** SHOP CART **/
#shopCart{
	width: 100%;
	font-size:0.7em;
}
.tableHead td {
	padding: 0.1em;
background: #030303;
background: -moz-linear-gradient(top, #444648 0%, #030303 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444648), color-stop(100%, #030303));
background: -webkit-linear-gradient(top, #444648 0%, #030303 100%);
background: -o-linear-gradient(top, #444648 0%, #030303 100%);
background: -ms-linear-gradient(top, #444648 0%, #030303 100%);
background: linear-gradient(top, #444648 0%, #030303 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444648', endColorstr='#030303', GradientType=0 );
color: #FFF;
font-family: Garamond,Buenard,Georgia,"Times New Roman",Times,serif;
text-shadow: 0 1px #000;

}
.tableHead{
	width:100%;
}
.code{
max-width:10%;
}
.freeshipping{
	padding: 0px 0px 0.5em 0.5em;
	color:red;
	font-weight:bold;
}
.select-box{
	width:75%;
}
.textBox{
	height:25px;
	margin-right:10px;
	padding-left:5px;
}
.cartprodname{
	width:30%;
}
.center {
text-align: center;
}
.quarter{
	vertical-align:top;
	width:25%;
}
.center input {
text-align: center;
margin:0;
}
/*.small {
max-width: 10%;
}*/
.qtysmall {
max-width: 10%;
}
.totalsRow {
font-weight: bold;
}
.freightRow td {
padding: 3px 0 3px 0;
}
.actionsRow td {
padding: 10px 0 5px 0;
}
.freight {
	padding-top: 0px;
	text-align: left;
}
.freight-table {
	margin-left: 10px;
}


.right {
text-align: right;
}
.left {
text-align: left;
}
.oos {
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	padding-left: 10px;
}
.outofstock {
	font-weight: bold;
	font-size: 10px;
	text-align: center;
}
.grey {
	color: #333333;
}


.update, .remove {
padding: 2px 3px 2px 3px;
font-size:12px;
background-color: #eee;
}

.selector-table {
	
}

.selector-title {
	font-family:Garamond, Arial, Helvetica, sans-serif;
	line-height: 22px;
	font-size:20px;
	
}
}



@media screen and (min-width: 50em) {
.see-through{
	opacity:0.4;
}
.solid{
	opacity:1;
}
.rating-cup{
	display:inline;
	height:30px;
	
}
.pointer{
	cursor:pointer;
}
.reviews{
	border-radius:15px;
	border-top:1px solid grey;
	border-bottom:1px solid grey;
}
.wrap{
	background-color:grey;
	opacity:0.85;
	height:100%;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:99999;
}
.hidden{
	display:none;
}
.center-form{
	width:300px;
	height:300px;
	margin: 0 auto;
	background-color:white;
	top:50%;
	left:50%;
	margin-top:-150px;
	margin-left:-150px;
	position:absolute;
	border-radius:10px;
	text-align:center;
}
.center-form form{
	margin:75px 10px 0 10px;
}
.center-form-review{
	width:400px;
	height:400px;
	margin: 0 auto;
	background-color:white;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-200px;
	position:absolute;
	border-radius:10px;
	text-align:center;
}
.center-form-review form{
	margin:50px 10px 0 10px;
}
#main-image td{
	min-height:425px;
}
.download-pos{
	padding:0px 0px 0px 0px;
}
.download-pos-mini{
	padding: 0px 0px 0px 0px;
}
.shelf-talkers{
	width:25px;
	height:20px;
}
.shelf_talkers{
	width:450px;
	float:left;
}
.accounts-fault{
	padding:100px;
}
.accounts{
	padding:50px;
	width:100%;
	
}
.accounts-col1{
	width:120px;
}.accounts-col2{
	width:200px;
}
input.checkbox{
	width:20px;
	height:20px;
	color:grey;
	display:inline;
	opacity:100;
}
.price span{
	color:red;
}
.buttonforteapages{
	float:right;
	padding-right:5px;
	clear:none;
}
#added{
	width:100%;
	height:40px;
	color: #FFF;
	text-shadow: 0 1px #4b702e;
	text-align:center;
	padding-top:15px;
	background: #73ab4d;
background: -moz-linear-gradient(top,#73ab4d 0,#549242 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#73ab4d),color-stop(100%,#549242));
background: -webkit-linear-gradient(top,#73ab4d 0,#549242 100%);
background: -o-linear-gradient(top,#73ab4d 0,#549242 100%);
background: -ms-linear-gradient(top,#73ab4d 0,#549242 100%);
background: linear-gradient(to bottom,#73ab4d 0,#549242 100%);
}
.failed{
	width:100%;
	height:40px;
	color: #FFF;
	text-shadow: 0 1px #4b702e;
	text-align:center;
	padding-top:15px;
	background: #ab4d4d;
background: -moz-linear-gradient(top,#ab4d4d 0,#924242 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ab4d4d),color-stop(100%,#924242));
background: -webkit-linear-gradient(top,#ab4d4d 0,#924242 100%);
background: -o-linear-gradient(top,#ab4d4d 0,#924242 100%);
background: -ms-linear-gradient(top,#ab4d4d 0,#924242 100%);
background: linear-gradient(to bottom,#ab4d4d 0,#924242 100%);
}
#prodTable {
	border: 0;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 18px;
	
	color: #000;
	padding-bottom:5px;
	margin: auto;
}
.prodCell {
	padding-bottom:0.5em;
	max-width:330px;
	font-family: Buenard;
	font-size: 16px;
	line-height: 22px;
	color: #444;
	text-align:center;
	font-weight:100;
	
	border: 1px solid silver;
	vertical-align:top;
	background-color:#FFF;
	border: 1px solid #CCC;
box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
-webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
-moz-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
}
.prodCell:hover{
	border: 1px solid #666;
}
.prodImage{
	text-align:center;
	padding-top:5px;
	
}
.showmoreinfo{
	display:none;
	visibility:hidden;
}
.wholesale{
	text-align:left;
	width:100%
}
.wholesale-col1{
	width:15%;
	
}
.wholesale-col2{
	width:30%;
}
.wholesale form{
	
}
.wholesale-textarea{
	width:500px;
	height:100px;
}
.prodCell a {
	color: inherit;
	outline: none;
	text-decoration: none;
}
.prodName {
	padding: 4px 0 4px 20px;
	font-size: 18px;
	color: #444;
	width:90%;
}
#content .prodCell .prodName  a {
	text-decoration: none;
}

#content .prodCell .prodName  a:hover {
	color:#666666;
}


.prodPrice {
padding: 4px 30px 1px 30px;
font-size: 14px;
text-align:left;
color: #444;
font-family: inherit;

}
.prodPriceNew {
padding: 4px 30px 1px 30px;
font-size: 2em;
text-align:left;
color: #444;
font-family: inherit;
    position: absolute;
    bottom: 2%;
}
.prodPrice span{
	color: #bbb;
font-family: Garamond;
font-style: italic;
padding-right:20px;
}
.prodPrice span span{
	color:red;
	
}

.prodID {
padding: 1px 0 4px 30px;
font-size: 11px;
margin-bottom: 4px;
}


/** PROD DETAILS PAGE **/


.prodDetails {
	color: #000;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	width:100%;
}
.prodDetailsSale {
	color: #000;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	width:332px;
	float:left;
	min-height:420px;
}
.prodDetailsImg{
	color: #000;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	width:350px;
}
.prodDetails td {

}
.prodNameDetail {
font-size: 40px;
font-weight: bold;
padding: 0 0 10px 0;
color: #1e2136;
padding-top:20px;
font-family:Garamond,Buenard,Georgia,"Times New Roman",Times,serif !important
}
.prodOtherDetail {
	width:50%;
	font-size: 18px;
	padding: 0 0 10px 0;
	color: #000;
	padding-top:20px;
	font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
}
.prodOtherDetail span{
	font-size:14px;
}
.prodIDDetail {
	width:100px;
	vertical-align:middle;
font-size: 15px;
padding: 0 0 10px 0;
border-bottom: 1px solid #eee;
}
.prodPriceDetail {
	vertical-align:middle;
	width:100px;
font-size: 14px;
padding: 0 0 0 0;
border-bottom: 1px solid #eee;
}
.prodForm {
padding-bottom: 5px;	
border-bottom: 1px solid #eee;
}
.prodForm span {
	padding-right: 20px;
	font-size: 13px;
}
.prodImg {
	width: 350px;
}
.prodImgmain {
	width: 350px;
}
.prodImgother {
	width: 84px;
}
.prodImgother img{
	width:84px;
}
.prodImage img{
	width:90%;
	border: 1px solid silver;
}
.prodImage img{
	
	border-collapse:collapse;
}
.prodImageother img{
	border:none;
	border-collapse:collapse;
}
.outofstock{
	text-align:center;
}
.divider{
	text-align:center;
	padding: 10px 0 10px 0;
}
.divider img{
	width:90%;
	max-width:80em;
}
.processbutton{
	width:200px;
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	height:30px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	color: white !important;
	background: #aa8a37;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
	border-radius: 5px 5px 5px 5px;
}
.processbutton:hover{
	color: #fa0 !important;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
.cartbutton{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	height:30px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	color: white !important;
	background: #aa8a37;
	padding-left:0.5em !important;
	padding-right:0.5em !important;
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
	border-radius: 5px 5px 5px 5px;
}
.cartbutton:hover{
	color: #fa0 !important;


	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
.download-header{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 24px;
}
.download-button{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 24px;
	
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	color: white !important;
	background: #aa8a37;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
	border-radius: 5px 5px 5px 5px;
}
.download-button:hover{
	color: #fa0 !important;

	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
.typebutton{
	width:140px;
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	height:30px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	background: #f9f5e8;
	background: -moz-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f5e8),color-stop(100%,#e3dfd4));
	background: -webkit-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -o-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -ms-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	border: 0 solid #b2a994;
	border-radius: 5px 5px 5px 5px;
	color: #605845;
}
.typebutton:hover{
	color: #fa0 !important;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
.typebutton:focus{
	color: white !important;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}

#sortbags:checked ~ .Wrapped,#sortbags:checked ~ .Loose,#sortbags:checked ~ .Classic,#sortbags:checked ~ .HT,#sortbags:checked ~ .Sachet,#sortbags:checked ~ .HRP,#sortbags:checked ~ .Iced,#sortbags:checked ~ .Gifts,#sortbags:checked ~ .Accessories,#sortbags:checked ~ .Ambessa,#sortbags:checked ~ .Chopra,#sortbags:checked ~ .Tagalongs,#sortbags:checked ~ .Specialty.Teas,#sortbags:checked ~ .Bottled,#sortbags:checked ~ .Bell,#sortbags:checked ~ .Stump,#sortbags:checked ~ .Coffee,#sortbags:checked ~ .Q.Teacups,#sortbags:checked ~ .Uni.Teacups,#sortbags:checked ~ .Teabag.Teapots{
	display:none;
	visibility:hidden;
}
#sortloose:checked ~ .Wrapped,#sortloose:checked ~ .Tea.Bags,#sortloose:checked ~ .Classic.Tins,#sortloose:checked ~ .HT.Tins,#sortloose:checked ~ .Sachet,#sortloose:checked ~ .HRP,#sortloose:checked ~ .Iced,#sortloose:checked ~ .Organic.Teas,#sortloose:checked ~ .Tea.Gifts,#sortloose:checked ~ .Accessories,#sortloose:checked ~ .Ambessa,#sortloose:checked ~ .Chopra,#sortloose:checked ~ .Tagalongs,#sortloose:checked ~ .Specialty.Teas,#sortloose:checked ~ .Bottled,#sortloose:checked ~ .Acorn,#sortloose:checked ~ .Q.Teacups,#sortloose:checked ~ .Uni.Teacups,#sortloose:checked ~ .Ringlet,#sortloose:checked ~ .Stump,#sortloose:checked ~ .Mist,#sortloose:checked ~ .Coffee,#sortloose:checked ~ .Asian,#sortloose:checked ~ .Bell,#sortloose:checked ~ .Display.Racks,#sortloose:checked ~ .Bola,#sortloose:checked ~ .Teabag.Teapots{
	display:none;
	visibility:hidden;
}
#sortsachet:checked ~ .Tea.Bags,#sortsachet:checked ~ .Loose,#sortsachet:checked ~ .Organic.Teas,#sortsachet:checked ~ .Tea.Gifts,#sortsachet:checked ~ .Accessories,#sortsachet:checked ~ .Bottled,#sortsachet:checked ~ .Acorn,#sortsachet:checked ~ .Q.Teacups,#sortsachet:checked ~ .Uni.Teacups,#sortsachet:checked ~ .Ringlet,#sortsachet:checked ~ .Stump,#sortsachet:checked ~ .Mist,#sortsachet:checked ~ .Coffee,#sortsachet:checked ~ .Asian,#sortsachet:checked ~ .Bell,#sortsachet:checked ~ .Bola,#sortsachet:checked ~ .Teabag.Teapots{
	display:none;
	visibility:hidden;
}
#sortpots:checked ~ .Tea.Bags,#sortpots:checked ~ .Loose,#sortpots:checked ~ .Organic.Teas,#sortpots:checked ~ .Tea.Gifts,#sortpots:checked ~ .Accessories,#sortpots:checked ~ .Bottled,#sortpots:checked ~ .Wrapped,#sortpots:checked ~ .Loose,#sortpots:checked ~ .Classic,#sortpots:checked ~ .HT.Tins,#sortpots:checked ~ .Sachet,#sortpots:checked ~ .HRP,#sortpots:checked ~ .Iced,#sortpots:checked ~ .Gifts,#sortpots:checked ~ .Accessories,#sortpots:checked ~ .Ambessa,#sortpots:checked ~ .Chopra,#sortpots:checked ~ .Tagalongs,#sortpots:checked ~ .Specialty.Teas,#sortpots:checked ~ .Asian,#sortpots:checked ~ .Cup,#sortpots:checked ~ .Q.Teacups,#sortpots:checked ~ .Uni.Teacups,#sortpots:checked ~ .Ringlet,#sortpots:checked ~ .Display.Racks{
	display:none;
	visibility:hidden;
}
#sorttins:checked ~ .Tea.Bags,#sorttins:checked ~ .Tea.Gifts,#sorttins:checked ~ .Accessories,#sorttins:checked ~ .Bottled,#sorttins:checked ~ .Wrapped,#sorttins:checked ~ .Gifts,#sorttins:checked ~ .Acorn,#sorttins:checked ~ .Stump,#sorttins:checked ~ .Pot,#sorttins:checked ~ .Coffee,#sorttins:checked ~ .Wrapped,#sorttins:checked ~ .Cup,#sorttins:checked ~ .Teacup,#sorttins:checked ~ .Uni.Teacup,#sorttins:checked ~ .Asian,#sorttins:checked ~ .Mist,#sorttins:checked ~ .Q.Teacups,#sorttins:checked ~ .Ringlet,#sorttins:checked ~ .Uni.Teacups,#sorttins:checked ~ .Bell,#sorttins:checked ~ .Display.Racks,#sorttins:checked ~ .Bola,#sorttins:checked ~ .Teabag.Teapots{
	display:none;
	visibility:hidden;
}
#sortcups:checked ~ .Tea.Bags,#sortcups:checked ~ .Tea.Gifts,#sortcups:checked ~ .Accessories,#sortcups:checked ~ .Bottled,#sortcups:checked ~ .Wrapped,#sortcups:checked ~ .Gifts,#sortcups:checked ~ .Acorn,#sortcups:checked ~ .Coffee,#sortcups:checked ~ .Stump,#sortcups:checked ~ .Organic.Teas,#sortcups:checked ~ .Loose,#sortcups:checked ~ .Classic,#sortcups:checked ~ .HT.Tins,#sortcups:checked ~ .Sachet,#sortcups:checked ~ .HRP,#sortcups:checked ~ .Iced,#sortcups:checked ~ .Ambessa,#sortcups:checked ~ .Chopra,#sortcups:checked ~ .Tagalongs,#sortcups:checked ~ .Specialty,#sortcups:checked ~ .Art,#sortcups:checked ~ .Bell,#sortcups:checked ~ .Display.Racks,#sortcups:checked ~ .Bola,#sortcups:checked ~ .Teabag.Teapots{
	display:none;
	visibility:hidden;
}

#itemlist li{
	list-style-type:none;
	text-align:left;
}

input[type=radio   ]:not(old){
	content     : 'Sachets';
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	background: #f9f5e8;
	background: -moz-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f5e8),color-stop(100%,#e3dfd4));
	background: -webkit-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -o-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -ms-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	border: 0 solid #b2a994;
	border-radius: 5px 5px 5px 5px;
	color: #605845;
	display:none;
	opacity:0;
}

input[type=radio   ]:not(old) + label{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	width:140px;
	height:30px;
	color: #605845;

	cursor: pointer;
	background: #f9f5e8;
	background: -moz-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f5e8),color-stop(100%,#e3dfd4));
	background: -webkit-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -o-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -ms-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	border: 0 solid #b2a994;
	border-radius: 5px 5px 5px 5px;


}
input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
	 font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	 font-size: 16px;
	width:140px;
	height:30px;
	padding: 5px 25px 5px 25px;
	color: #605845;
	cursor: pointer;
	background: #f9f5e8;
	background: -moz-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f5e8),color-stop(100%,#e3dfd4));
	background: -webkit-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -o-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: -ms-linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	background: linear-gradient(top,#f9f5e8 0,#e3dfd4 100%);
	border: 0 solid #b2a994;
	border-radius: 5px 5px 5px 5px;
	white-space:nowrap;
	line-height:2.5em;
}
input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: white !important;
	padding: 5px 25px 5px 25px;
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=checkbox]:not(old):checked + label > span:before{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: white !important;
	
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=radio]:not(old):checked + label > span > span{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: white !important;
	
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{

}

input[type=checkbox]:not(old):hover + label > span,
input[type=radio   ]:not(old):hover + label > span{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: #fa0 !important;
	padding: 5px 25px 5px 25px;
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=checkbox]:not(old) + label > span:hover{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: #fa0 !important;
	
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}
input[type=radio]:not(old):hover + label > span > span{
	font-family: Georgia,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: #fa0 !important;
	
	width:140px;
	height:30px;
	background: #231f20;
	background: -moz-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -o-linear-gradient(top,#231f20 0,#231f20 100%);
	background: -ms-linear-gradient(top,#231f20 0,#231f20 100%);
	background: linear-gradient(to bottom,#231f20 0,#231f20 100%);
	text-shadow: 0 -1px #8e5c13;
	border: 0 solid #af731b;
}

.qty {
border: 1px solid #ccc;
width: 50px;
padding: 2px;
margin: 0 10px 0 10px;
text-align: right;
font-size:1em;
}
.prodqty {
border: 1px solid #ccc;
width: 40px;
padding: 2px;
margin: 0 10px 0 10px;
text-align: right;
}
.buyNow {
padding: 3px;
font-weight: bold;
background-color: black;
color: #fff;
font-size: 12px;
}
.prodDesc {
padding: 10px 0px 10px 0;
font-family: Proxima Nova,Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
}
.prodDesc p {


}


/** SHOP CART **/
#shopCart{
	width: 100%;
	font-size:1.1em;
}
.tableHead td {
padding: 3px;
background: #030303;
background: -moz-linear-gradient(top, #444648 0%, #030303 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444648), color-stop(100%, #030303));
background: -webkit-linear-gradient(top, #444648 0%, #030303 100%);
background: -o-linear-gradient(top, #444648 0%, #030303 100%);
background: -ms-linear-gradient(top, #444648 0%, #030303 100%);
background: linear-gradient(top, #444648 0%, #030303 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444648', endColorstr='#030303', GradientType=0 );
color: #FFF;
font-family: Garamond,Buenard,Georgia,"Times New Roman",Times,serif;
text-shadow: 0 1px #000;
font-size:18px;
}
.freeshipping{
	padding: 0px 0px 5px 15px;
	color:red;
	font-weight:bold;
}
.select-box{
	width:300px;
}
.textBox{
	height:25px;
	margin-right:10px;
	padding-left:5px;
}
.center {
text-align: center;
}
.margin-auto{
	margin:auto;
}
.quarter{
	width:25%;
	vertical-align:top;
	
}
.center input {
text-align: center;
margin:0;
}
/*.small {
width: 70px;
}*/
.qtysmall {
width: 140px;
}
.totalsRow {
font-weight: bold;
}
.freightRow td {
padding: 3px 0 3px 0;
}
.actionsRow td {
padding: 10px 0 5px 0;
}
.freight {
	padding-top: 0px;
	text-align: left;
}
.freight-table {
	margin-left: 10px;
}


.right {
text-align: right;
}
.left {
text-align: left;
}
.oos {
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	padding-left: 10px;
}
.outofstock {
	font-weight: bold;
	font-size: 10px;
	text-align: center;
}
.grey {
	color: #333333;
}


.update, .remove {
padding: 2px 3px 2px 3px;
font-size:12px;
background-color: #eee;
}

.selector-table {
	
}

.selector-title {
	font-family:Garamond, Arial, Helvetica, sans-serif;
	line-height: 22px;
	font-size:20px;
	
}
}