.wa{display:none;}
.hovere{display:none;}
.hover:hover .hovere{display:block;}
.expandoPrev,.expandoParent,.expandoNext,.expandoChild{display:none;}

.cols2 {/*2 columns with css3*/
display:block;
-moz-column-count: 2;
-moz-column-gap: 32px;
/*-webkit-column-count: 2;
-webkit-column-gap: 32px;*/
column-count: 2;
column-gap: 32px;
}


/***************/



h1, .box, #nav, .sidebar, #gkart, #promo{
font-family: Georgia,Bodoni SvtyTwo SC ITC TT,Georgia,serif;
font-weight: 400;
color: #FFF;
font-variant: small-caps;
}
.box a{
color: #FFF;
}

body{
background-color: #fff;
color: #000;
background-image: url(http://www.greerink.com/static/body-bg.jpg);
background-repeat: repeat-x;
background-position: 0px 128px;
background-attachment: scroll;
text-align: center;
padding-top: 200px;
}

#header,#footer
{
min-width: 990px;
}
#homepage #header,#homepage #footer
{
min-width: 1066px;
}
#header
{
text-align: left;
background-image: url(http://www.greerink.com/static/header.jpg);
background-repeat: repeat-x;
background-position: 50% 0px;
background-size: 1977px 592px;
position: absolute;
top:0px;left:0px;right:0px;
}

#topnav
{
padding:0;margin:0;
color: gold;
width: 100%;
background-image: url(http://www.greerink.com/static/topthing.png);
background-position: center bottom;
background-repeat: no-repeat;

background-image: url(http://www.greerink.com/static/topthing.png), url(http://www.greerink.com/static/headertop.jpg), url(http://www.greerink.com/static/header.jpg);
background-repeat: no-repeat, repeat-x, repeat-x;
background-position: center bottom, 50% 0px, 50% 0px;
}
#nav{
overflow: hidden;
text-align: center;
width: 100%;
background-color: inherit;
}
#nav:hover{background-color: rgba(59, 50, 35, 0.3);}

#topnav a{color: white;}

#topnav .td{
height: 128px;
width: 33%;
overflow:hidden;
padding:0;margin:0;
text-align: center;
vertical-align: middle;
}

#topnav .tr{
background-image: url(http://www.greerink.com/static/gold-inset.gif);
background-position: center bottom;
background-repeat: repeat-x;
}

#footer{
background-color: #17140f;
width:100%;
padding: 2ex 0 3ex 0;
color: white;
text-align: right;
}
#footer a{
color: white;
text-decoration: none;
border-bottom: thin solid gray;
}
#footer .vcard{
margin-left: 32px;
margin-right: 32px;
}
#footer .org{
color: #e0b554;
}

#topnav select{
background-color: #322920;
color: white;
font-size: smaller;
height: 1.6em;
font-family:inherit;
}

#gkart img{vertical-align: middle;}


#nav ul{
margin-left:0px;
}

#sizing{
position: absolute;
top: 0px;
right: 4px;
}
#sizing button{
border: solid 1px #53463d;
padding: 2px 4px 0px 4px;
margin-right: 4px;
font-size: inherit;
}
#sizing small button{font-size: 12px;}
#sizing big button{font-size: 18px;}




.hlist{
height: 56px;
margin: 0px 16px 16px 16px;
}
.hlist ul{
border-left:1px solid #3B3226;
border-right:1px solid #282218;
background:#251f13;
border-bottom:1px solid #1e190f;
border-top:1px solid #54463c;
box-shadow: 0px 8px 7px #282218;
-webkit-box-shadow: 0px 8px 7px #282218;
-moz-box-shadow: 0px 8px 6px #282218;
display:block;
display:inline-block;
/*
display:inline;
float:left;
*/
margin:0;
padding:0;
}
.hlist ul li {
border-left:1px solid #3B3226;
border-right:1px solid #282218;
display:inline;
float:left;
font-size:16px;
line-height:16px;
list-style-type:none;
margin:0;
padding:0;
color:#fff;
}
.hlist ul li{
background:#251f13;
background-image: -webkit-gradient(
linear,left bottom,left top,
color-stop(0, #251f13), color-stop(0.6, #3B312A));
background-image: -moz-linear-gradient(
center bottom,#251F13 0%, #3B312A 60%);
}

.hlist ul li strong, .hlist ul li a, .hlist ul li a:visited, .hlist ul li a:link {
background:transparent none repeat scroll 0 0;
color:white;
display:block;
font-size:1em;
margin:0;
padding:20px 20px 20px 20px;
text-decoration:none;
width:auto;
}
.hlist ul li a:active{
color: #fd7;
padding:22px 20px 18px 20px;
background-image: -webkit-gradient(
linear,left bottom,left top,
color-stop(0, #3B312A), color-stop(0.3, #251f13));
background-image: -moz-linear-gradient(
center bottom,#3B312A 0%, #251F13 30%);
}
.hlist ul li:hover, .hlist ul li.active{
border-left: 1px #432 solid;
border-right: 1px #654 solid;
background:#54463c;
color:#e0b554;
background-image: -webkit-gradient(
linear,left bottom,left top,
color-stop(0, #3B312A), color-stop(0.6, #251f13));
background-image: -moz-linear-gradient(
center bottom,#3B312A 0%, #251F13 60%);
}


/*******************************/


hr, #content{border: 1px solid #ccc;}
#content{
border-top-width: 0;
margin: 8px 0;
background-color: #fff;
min-width: 472px;
text-align: left;
}
hr {
border-width: 0 0 1px 0;
width: 90%;
clear:both;
padding-top: 16px;
margin:0 5% 16px 5%;
}

#content li{margin-left: 16px;}

.content, .detailer {
display: block;
padding: 8px;
padding-top: 0;
}
.detailer{
border-top: 1px solid #CCC;
}

.content h1{
margin-left: -8px;
margin-right: -8px;
}

#layout{
vertical-align:top;
display:block;
display:inline-block;
min-width: 959px;
max-width: 1250px;
}


#promo{
display:block;
display:inline-block;
padding:8px;
}
#promo table{
border-collapse: collapse;
display:inline;
display:inline-block;
}
#promo td{
border: 4px solid transparent;
}


h1{
font-size: 20px;
padding: 16px 0 20px 20px;
margin-bottom: 8px;
border-top: solid 1px #53463d;
background-color: #322920;
background-image: url(http://www.greerink.com/static/gold-border.gif);
background-position: center bottom;
background-repeat: repeat-x;
background-image: url(http://www.greerink.com/static/gold-border.gif), -moz-linear-gradient(center bottom,#272115 10%, #3c3229 100%);
background-image: url(http://www.greerink.com/static/gold-border.gif), -webkit-gradient(linear,left bottom,left top,color-stop(0.1, #272115), color-stop(1, #3c3229));
background-position: center bottom, left top;
background-repeat: repeat-x, no-repeat;
}


h2{
font-family: papyrus,plato,inherit;
}

h1 a, h2 a{
padding: 0 !important;
border: 0 !important;
margin: 0 !important;
color: inherit;
}

h1.cap,h2.cap,h3.cap,h4.cap,h5.cap,h6.cap{text-align:center;}
.sidebar .cap {font-size:0.7em;}

h1 b, h2 b, h3 b, h4 b, h5 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {
color: red;
}

.box, #promo{
border: solid 1px #53271a;
border-left: #451f16;
border-right: #2c1108;
border-bottom: #2c0f07;
background-color: #37190f;
background-image: url(http://www.greerink.com/static/box.jpg);
background-position: left top;
background-repeat: repeat;
}




button
{
color: #fff;
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 550;
padding: 5px;
margin: 4px;
background-color:#6e6861;
background-image: -webkit-gradient(
linear,left bottom,left top,
color-stop(0, #67625a), color-stop(0.6, #756e69));
background-image: -moz-linear-gradient(
center bottom,#67625a 0%, #756e69 60%);
border-top: 1px solid #877d76;
border-right: 1px solid #8b867f;
border-left: 1px solid #817c77;
border-bottom: 1px solid #615e57;
}
button:active{
color: #ddd;
background-color:#615e57;
background-image: none;
border-top: 1px solid #615e57;
border-right: 1px solid #817c77;
border-left: 1px solid #8b867f;
border-bottom: 1px solid #877d76;
}

strong button{
background-color:#39190f;
background-image: -webkit-gradient(
linear,left bottom,left top,
color-stop(0, #33150b), color-stop(0.6, #3e1d12));
background-image: -moz-linear-gradient(
center bottom,#33150b 0%, #3e1d12 60%);
border-top: 1px solid #58291a;
border-left: 1px solid #492113;
border-right: 1px solid #31150c;
border-bottom: 1px solid #2a1109;
}
strong button:active{
background-color:#140A07;
background-image: -webkit-gradient(
linear,left bottom,left top,
color-stop(0, #140A07), color-stop(0.6, #33150b));
background-image: -moz-linear-gradient(
center bottom,#140A07 0%, #33150b 60%);
border-top: 1px solid #140A07;
border-left: 1px solid #31150c;
border-right: 1px solid #492113;
border-bottom: 1px solid #58291a;
}









.sidebar{
text-align: left;
margin-top:8px;
font-family: sans-serif;

}
.sidebar ol, .sidebar ul{ margin: 0;}
.sidebar li{
list-style:none;
margin:0;
padding:0;
background-color: white;
background-image: -webkit-gradient(
linear,left bottom,left top,
color-stop(0, #f7f7f7), color-stop(0.5, #fff), color-stop(1.0, #f7f7f7));
background-image: -moz-linear-gradient(
center bottom,#f7f7f7 0%, #fff 50%, #f7f7f7 100%);
}

.sidebar .box{
margin-top: 0px;
margin-bottom: 8px;
padding: 16px;
border: solid 1px #53271a;
border-left: #451f16;
border-right: #2c1108;
border-bottom: #2c0f07;
background-color: #37190f;
background-image: url(http://www.greerink.com/static/box.jpg);
background-position: left top;
background-repeat: repeat;
}

.sidebar h1{margin:0px;}
.sidebar .box h1{
background-color:transparent;
background-image:none;
border:0;
padding:0;
margin-bottom: 4px;
}

.sidebar h2{text-align: center;}

.sidebar a{
color: #444;
text-decoration: none;
display:block;
padding: 8px;
padding-left: 16px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
font-variant: normal;
text-shadow: 0 0 0 #000;
}

.sidebar a:hover{
color:#000;
}

.sidebar input{
height: 25px;
vertical-align: middle;
border:0;
padding-left: 4px;
}
.sidebar input[type=image]{padding:0;}
.sidebar select{display:block;}

.sidebar ol ol li{
margin-left: 8px;
margin-right: 8px;
}

.sidebar ol ol li a{
padding-left: 8px;
padding-right: 4px;
border-right:1px solid #aaa;
border-left:1px solid #aaa;
border-bottom:0px;
font-size:smaller;
}




#disc{
padding: 8px;
font-family: serif;
}
#disc:hover{
font-size: 1.5em;
}



#index h2:first-letter
{font-size: larger;}
#index h2{
text-transform: capitalize;
cursor: pointer;
}
#index li{
list-style: none;
margin:0;
}
#index ul{
margin: 0;
}
#index ul:hover li{
border-left-color: gray;
}
#index ul li{
margin: 0 0 0 16px;
padding: 0 0 0 8px;
border-left: solid transparent 1px;
}
#index h2{
text-decoration:underline;
}
#index h2:hover{color:#FFF; background-color:#000;}

#ldex{
text-align:center;
font-size: larger;
}
#ldex a{color: black;}
#ldex a:hover{color: white;background-color:black;}



.zoom {text-decoration:none;}
.zoom small{text-decoration:underline;}
.zoom img{margin-top:0;margin-bottom: 2px;}

.buy div{background-color: #fcfcfc;}
.buy select{max-width: 190px;}
.buy h3{max-width: 190px;}

.item{
display:block;
display:table;
margin: 8px;
}
.item div{display:table-row;}
.item span,.item div div{display:table-cell;vertical-align:top;}
.item span{
width: 37%;
padding-right: 1%;
}
.item img{
width: 100%;
height: auto;
max-width: 136px;
max-height: 136px;
}
.item h3 a{color: black;font-family: sans-serif;}
.item p{font-size:0.9em;}

/*
both templates: cols2 replaced with style="margin: 0 0 0 8px;"
remove whitespace on product output (otherwise wont work)
ditto on:	.item div children
Tea results are not dynamic width - after this check (lack of wrapping text)

.item{
display:inline-block;
width:50%;
}
.item span,.item div div{
display:inline-block;
vertical-align:top;
}
.item div div{
padding-right: 2%;
width: 60%;
}
.item span{
width: 37%;
padding-right: 1%;
}
.item img{
width: 100%;
height: auto;
max-width: 136px;
max-height: 136px;
}
.item h3 a{color: black;}
.item p{font-size:0.9em;}
*/
#homepage{padding-top:602px;background-position: 0 590px;}

#men li a, #women li a {display:inline; border:0; outline-width: 0;padding:0;}
#men img, #women img {margin:16px 16px 17px 16px;box-shadow: 1px 2px 2px 2px #53463d;}
#men img:hover, #women img:hover {box-shadow: 0px 4px 4px 4px #322920;margin: 17px 16px 16px 16px;}
#men img:active, #women img:active {box-shadow: 1px 1px 1px 1px #322920;}

#fb{
position:absolute;
top: 2px;
left:98px;
}

#g{
position:absolute;
top: 2px;
left:60px;
}

#ut{
position:absolute;
top: 2px;
left:2px;
}

#colorPicker {
  padding: 0 0 16px 8px;
}

#colorPicker img {
  border: 2px solid #000000;
  height: 32px;
  width: 32px;
}
#colorPicker img:hover {
  border: 2px solid #FFF;
}


.postit {
position: relative;
display: inline-block;
padding: 16px;
border: 1px solid #E8E8E8;
border-top: 8px solid #fdfd86;
border-bottom: 2px solid #0007;
color: #000;
background: #ffff88;
background: linear-gradient(135deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%);
border-bottom-right-radius: 150px 8px;
border-bottom-left-radius: 60px 2px;
box-sizing: content-box;
}
.postit::after {
content: "";
position: absolute;
z-index: -1;
right: 3px;
bottom: 15px;
width: 99%;
width: calc( 100% - 30px );
height: 25px;
background: rgba(0, 0, 0, 0.2);
box-shadow: 2px 15px 5px rgba(0, 0, 0, 0.40);
transform: matrix(-1, -0.1, 0.1, 1, 1, -28);
}