* { margin: 0; padding: 0;}
a{
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #666;
	text-decoration: none;
}
a img { border: none; }
a:hover {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #34009a;
}
a:active { outline: none; }
body {
	background-image: url(images/bursak.gif);
}
.textinall {
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.textinall2 {
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FF7A00;
	text-decoration: none;
}
.textinall3 {
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	color: #969696;
	text-decoration: none;
}
.textinall4 {
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #154B83;
	text-decoration: none;
}
.textinall7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #375594;
	text-decoration: none;
}

/* =COLOR SCHEME

Green: #1F851E
Orange: #F67006
Purple: #34009a

*/

@font-face {
		font-family: 'Lobster';
		src: url('font/Lobster_1.1_-webfont.eot');
		src: local('Lobster'), url('font/Lobster_1.1_-webfont.woff') format('woff'), url('font/Lobster_1.1_-webfont.ttf') format('truetype'), url('font/Lobster_1.1_-webfont.svg#webfont30G9S4nm') format('svg');
		font-weight: normal;
		font-style: normal;
		}

/* =GLOBALS */

#wrap { width: 780px; }
.clear { clear: both; }
.alignleft { float: left; }
.alignright { float: right; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.hidden { display: none; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; font-style: italic; font-weight: normal; font-size: 110%; }

/* =HEADER & NAV */

#header { padding-top: 20px; }
#logo { float: left; }
a.logo { text-indent: -9999px; background: transparent url(/images/hsg.logo.gif) no-repeat scroll; width: 186px; height: 129px; display: block; }

#main-nav { float: right; border-bottom: 1px solid #a3a3a3; margin: 80px 0 0 0; width: 550px; }
#main-nav ul { text-align:right; float: right;}
#main-nav ul li { display: inline; }
#main-nav ul li a { display: inline-block; color:#f67006; font-size:14px; padding:0 10px; }
#main-nav ul li a:hover { color: #34009a; }

/* =INHERETED HORIZONTAL BAR NAV / TAGLINE / FOOTER MARKER THING */

.bar { width: 100%; background: transparent url(/images/index_10.gif) repeat-x scroll; height: 37px; }
.bar ul#barNav { text-align: right; float: right; }
.bar ul#barNav li { display: inline; }
.bar ul#barNav li a { display: inline-block; color: #818181; font-size: 12px; padding: 11px; border-left: 1px solid #818181; }
.bar ul#barNav li a:hover { color: #34009a; }
.bar p#good { color: #34009a; font-size: 18px; font-family: Georgia, Garamond, 'Times New Roman', serif; text-align: right; font-style:italic; padding: 8px 10px;}
.bar p#good span { font-style: normal;}

/* =SIDEBAR NAV */

#sidebar { width: 187px; float: left; background: transparent url(/images/index_23.gif) repeat-y scroll; height: 227px; }
#sub-nav { width: 187px; float: left; background: transparent url(/images/index_23.gif) repeat-y scroll; height: 400px; }
#sub-nav.recipes { height: 6800px; }
#sub-nav.single { height: 675px; }
#sub-nav.stub { height: 400px; }
#sub-nav.team { height: 950px; }
#sub-nav.thirty { height: 850px; }
#sub-nav.brandpage { height: 600px; }
#sub-nav.kush { height: 800px; }
#sub-nav.long-spec { height: 1000px; }
ul.sidebar { list-style-image: url("/images/index_27.gif"); list-style-type: disc; padding: 10px 0 0 25px; }
ul.sidebar li {border-bottom: 1px solid white; width: 90%; padding: 6px 0; font-size: 14px; }
ul.sidebar li.last { border: none; }
ul.sidebar li a { color: white; display: block; }
ul.sidebar li.active { font-family: Tahoma, Arial, Verdana, sans-serif; color: #34009a; display: block; position: relative; font-weight: bold; }
ul.sidebar li.active:after { content: url("/images/index_27.gif"); position: absolute; top: 8px; right: 0px; }
ul.sidebar li a:hover { text-decoration: none; color: #34009a; }
ul.sidebar li.nest { list-style: none; list-style-image: none; border: none; }
ul.sidebar li ul { list-style: disc; color: white; }
ul.sidebar li ul li { border-bottom: none; font-size: 12px; margin-left: 25px; }
ul.sidebar li ul li.active.sub { color: #34009a; cursor: default; border: none; }
ul.sidebar li ul li.active.sub:after { content: url("/images/index_27.gif"); position: absolute; top: 7px; right: 7px; }
ul.sidebar li ul li.active.sub.bbv:after { content: url("/images/index_27.gif"); position: absolute; top: 7px; right: 2px; }
ul.sidebar li ul li.active.sub.pointless a { color: #082408; font-weight: bold; }
ul.sidebar li ul li.active.sub.pointless a:hover { color: #34009a; }
ul.sidebar li ul li.active.sub.pointless:after { content: url(""); }
ul.sidebar li ul li ul li a { border: none; font-weight: normal; }
ul.sidebar li ul li ul li.active.sub.third { color: #34009a; font-weight: normal; }
ul.sidebar li ul li ul li.active.sub:after { content: url("/images/index_27.gif"); position: absolute; top: 7px; right: 14px; }

/* =MAIN CONTENT AREA */

#page-wrap { background: white; margin: 0 auto; }
#main { padding: 20px 10px; float: left; width: 550px; overflow: hidden; }
#main h2 { font-family: Tahoma, Arial; color: #F67006; font-size: 18px; }
#main h3 { font-family: Tahoma, Arial; color: #1f851e; font-size: 12px; margin: 10px 0 5px; }
h4 { font-family: Tahoma, Arial; color: #1f851e; text-transform: uppercase; filter:alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; font-size: 11px; padding: 0 5px 0 9px; }
#main p { font-family: Tahoma, Arial; color: #000; font-size: 11px; line-height: 16px; }
#main p.bodyText { margin-top: 25px; font-size: 13px; }


/* =PRODUCT ORIGINS PAGE */ 

div#imgWrap { display:table;overflow:hidden;margin:0px auto; }
*:first-child+html #imgWrap {position:relative;}/*ie7*/
* html #imgWrap{position:relative;}/*ie6*/
#infographic{display:table-cell;vertical-align: middle;}
*:first-child+html #infographic {position:absolute;top:50%;}/*ie7*/
* html #infographic {position:absolute;top:50%;}/*ie6*/
img#origins { margin-top: 25px; }
*:first-child+html #origins{position:relative;top:-50%;}/*ie7*/
* html #origins{position:relative;top:-50%;}/*ie6*/

html,body{height:100%;}
#page{height:100%;width:465px;}

/* =HEARTLAND TEAM PAGE */

h2#teadhead { border-bottom: 2px solid #ccc; margin: 10px 10px 15px 10px; padding-bottom: 3px; }
table#team { font-size: 12px; color: #111; width: 100%; font-family: Tahoma, Arial, Verdana, sans-serif; }
table#team td table td { padding: 20px 25px 10px 5px; vertical-align: top; }
table#team a { color: #111; }
table#team a:hover { color: #34009a; text-decoration: underline; }
table#team td table td.head { font-weight: bold; color: #1f851e; text-transform: uppercase; padding: 0 25px 10px 5px; }
table#team td table td span.caption { font-size: 85%; }

/* =LINKS PAGE */

#main.links p { font-size: 13px; margin-top: 10px; line-height: 1.5em; color: #333; }
#main.links p.nolink { cursor: pointer; }
#main.links a { color: #333; }
#main.links a:hover { color: #34009a; text-decoration: underline; }

/* =CONTACT PAGE */

#main.contact h2 { margin-bottom: 25px; }
#main.contact p, #main.contact a { color: #333; font-size: 12px; line-height: 1.5em; }
#main.contact a:hover { color: #34009a; text-decoration: underline; }
#main p.snail { font-size: 13px; color: #333; }
#main p.tail { margin-bottom: 25px; }

/* =BRANDS PAGE */

#main.brands h2 { color: #34009a; font-family: Lobster,Helvetica,sans-serif; font-size: 21px; font-weight: 100; line-height: 30px; text-align: center; margin-bottom: 30px; }
#main.brands h3 { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 14px; text-align: center; margin-top: 30px; }
#main.brands h3 a { color: inherit; font-family: inherit; text-decoration: underline; font-weight: bold; } 
#main.brands h3 a:hover { color: #5100ef; }
.logo-wrap { margin: 0 auto; padding-left: 45px; text-align: center; }
.logo-wrap a { display: block; }
div.brand-logo { width: 100px; height: 100px; margin: 10px 25px; overflow: hidden; float: left; }
img.last { margin-right: 0; }

/* BRAND INDIVIDUAL */

#main.brand-indiv { text-align: center; }
#main.brand-indiv img { text-align: left; margin: 0 auto; padding: 0; }
#main.brand-indiv img#thirty-logo { width: 150px; height: 119px; }
#main.brand-indiv img#mexx {  }
#main.brand-indiv img#monk { width: 125px; }
#main.brand-indiv img#kush { width: 150px; }
#main.brand-indiv img#black { width: 200px; }
#main.brand-indiv h2 { margin: 36px 0 18px; padding: 0 24px; text-align: left; }
#main.brand-indiv h3 { font-size: 14px; text-align: left; }
#main.brand-indiv h4 { font-size: 14px; text-align: left; text-transform: uppercase; padding-top: 55px; }
#main.brand-indiv p { text-align: left; font-size: 12px; line-height: 18px; color: #222; margin-bottom: 18px; padding: 0 24px; }
#main.brand-indiv p.however { padding: 0; text-align: left; }
#main.brand-indiv p.caption { padding: 0; text-align: center; font-family: Helvetica,sans-serif; font-size: 14px; line-height: 1.5em; color: #111; font-weight: bold;  }
#main.brand-indiv p.description { font-style: italic; }
#main.brand-indiv div.brag { margin-top: 48px; }
#main.brand-indiv img#irs { width: 204px; height: 264px; margin: 0 12px 0 24px; }
#main.brand-indiv img.bottle { width: 51px; clear: both; margin: 15px 25px 0 20px; }
#main.brand-indiv img.blackBottle { width: 55px; margin: 0 10px; }
#main.brand-indiv img.blackDrink { width: 78px; margin: 0 10px; }
a.pdf { display: block; font-size: 12px; height: 48px; width: 200px; background: transparent url(/images/file_pdf.png) no-repeat scroll 185px 0; margin-top: 30px; padding: 17px 30px 0 0;}
.callout { padding: 12px; border: 1px solid #999; background: #ccc; margin-top: 24px; }

/* BRAND POS PAGE */
#main.pos { text-align: center; padding-top: 24px; }
img.pos-logo { width: 372px; height: 100px; }
img.pos-logo.pev { height: 102px; width: 200px; }
#main.pos img#thirty-logo { width: 150px; height: 119px; }
#main.pos img#black { width: 200px; }
#main.pos img#kush { width: 150px; }
#main.pos img#monk { width: 125px; }
#main.pos p.caption { padding: 0; text-align: center; font-family: Helvetica,sans-serif; font-size: 14px; line-height: 1.5em; color: #111; font-weight: bold; }
#pos-ex.pos { padding-left: 41px; }
#pos-ex h2 { margin: 36px 0 5px; text-align: left; }
.pos-indiv { height: 200px; width: 150px; padding: 10px 0; border: 1px solid #8be58a; margin: 5px 5px 5px 0px; text-align: center; background-color: #efefef; position: relative; }
.pos-indiv.kush { height: 250px; width: 200px; padding-top: 25px; }
.pos-indiv img { height: 150px; padding: 2px; background-color: #dfdfff; border: 1px solid #8be58a; margin: 0 10px 5px 10px; }
.pos-indiv img.horizontal { width: 120px; height: 86px; margin-top: 35px; }
.pos-indiv img.horizontal.kush { height: 150px; width: 188px; margin: 0 3px 5px; }
.pos-indiv img.green { height: 160px; }
.pos-indiv img.green.square { width: 125px; height: 125px; margin-top: 15px; }
.pos-indiv img.tequila { margin: 0px; }
.pos-indiv img.monk { height: 120px; margin: 10px 10px 5px; }
#main .pos-indiv h3 { margin-bottom: 0px; }
.pos-indiv h3.horizontal { padding-top: 29px; }
.pos-indiv h3.horizontal.tequila { padding-top: 24px; }
#main .pos-indiv h3.tall { margin-top: 0px; }
#pos-ex h3.coming-soon { font-size: 16px; margin-top: 36px; text-align: left; }
.pos-indiv a { font-size: 11px; }

/* BRAND SPECS PAGE */
#main.spec { text-align: center; padding-top: 24px; }
#main.spec img#thirty-logo { width: 150px; height: 119px; }
#main.spec img#monk { width: 125px; }
#main.spec img#kush { width: 150px; }
#main.spec img#black { width: 200px; }
#main.spec p.caption { padding: 0; text-align: center; font-family: Helvetica,sans-serif; font-size: 14px; line-height: 1.5em; color: #111; font-weight: bold; }
.specs { padding: 10px 2px; margin-top: 36px; }
.null { background: transparent url(/images/table-bg.jpg) repeat top left; }
.upper { padding: 15px; }
.topper { color: #fff; font-weight: normal; background: #1F851E; }
tr.primary th { font-size: 14px; padding: 15px 4px; color: #232323; }
.specs td { font-size: 12px; padding: 10px 2px; color: #232323; }
.specs td.upc { padding: 10px; }
.specs tr.zebra td { background:transparent url(/images/tr_bg.png) repeat top left; background-color: inherit; }
.prod { text-align: left; padding-left: 4px; }
colgroup#product, colgroup#product-2 { background: #62dc60; }
colgroup#pallet, colgroup#pallet-2 { background: #8be58a; }
colgroup#case, colgroup#case-2 { background: #b4eeb4; }

/* =DRINK RECIPES MAIN */

#organic-tabs { overflow: hidden; padding-bottom: 50px; }

#pick-a-poison { overflow: hidden; list-style: none; }
#pick-a-poison li { width: 85px; float: left; border-top: 1px solid #a9a9a9; }
#pick-a-poison li.first { border-left: none; }
#pick-a-poison li.last { margin-right: 0; border-right: 1px solid black; }
#pick-a-poison li a { display: block; padding: 5px; background: #afafaf; color: #333; font-size: 10px; text-align: center; border-right: 1px solid #666; border-left: 1px solid #999; border-top: 1px solid #797979; border-bottom: 2px solid #999; }
#pick-a-poison li a:hover { color: #fff; background: #c9c9c9; border-bottom-color: #c9c9c9;}
#pick-a-poison li a.first { border-left: 1px solid #666; letter-spacing: .075em; }
#pick-a-poison li a.current { color: #111; background: #d9d9d9; border-top: 1px solid #fff; border-bottom-color: #d9d9d9; border-left: 1px solid #999; border-right: 1px solid #999; }
#pick-a-poison li a.first.current { border-left: none; }
#pick-a-poison li#pap-blavod a { color: #191919;  }
#pick-a-poison li#pap-blavod a.current { color: #000; }
#pick-a-poison li#pap-du a { color: #b1471e; }
#pick-a-poison li#pap-du a.current { color: #db5927; }
#pick-a-poison li#pap-thirty a { color: #a9771a; }
#pick-a-poison li#pap-thirty a.current { color: #c68c1e; }
#pick-a-poison li#pap-cherry a { color: #811e2a; }
#pick-a-poison li#pap-cherry a.current { color: #9d2433; }
#pick-a-poison li#pap-caramel a { color: #7c4824; }
#pick-a-poison li#pap-caramel a.current { color: #a35f30; }
#pick-a-poison li a:active { outline: none; }
#pick-a-poison li a:focus { -moz-outline-style: none; }

#all-list-wrap { padding: 20px 0 25px 10px; background: #d9d9d9; }
#all-list-wrap ul { list-style: none; }
#all-list-wrap ul li { display: inline; }
#all-list-wrap ul li a { display: block; float: left; font-size: 12px; color: #333; }

/* =All Thumbs */

.thumb { height: 175px; width: 100px; padding: 10px 0; border: 1px solid #8be58a; margin: 5px 5px 5px 0px; background-color: #efefef; position: relative; } 
.thumb a.more { position: absolute; bottom: 10px; left: 10px; font-size: 12px; color: #aaa; display: block; margin-top: 10px; }
.thumb a img { height: 100px; width: 75px; padding: 2px; background-color: #dfdfff; border: 1px solid #8be58a; margin: 0 10px 5px 10px; filter:alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; }
.thumb a.drink { padding-left: 0px; }
.thumb:hover { background-color: #fff; border-color: #1f851e; box-shadow: 3px 3px 3px #444; -moz-box-shadow: 3px 3px 3px #444; -webkit-box-shadow: 3px 3px 3px #444; filter: progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=145, Strength=3); cursor: pointer; }
.thumb:hover h4, .thumb:hover a img, .thumb:hover a { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
#all .thumb:hover a:hover { color: #34009a; text-decoration: underline; }
.thumb:hover a img { border-color: #1f851e; }
#blavod, #du, #caramel, #cherry, #thirty { display: block; }

/* =Blavod Thumbs */

#blavod .thumb { background-color: #191919; border-color: #d92c2f; }
#blavod .thumb a img { border-color: #d92c2f; }
#blavod .thumb h4 { color: #b22023; }
#blavod .thumb a { color: #aaa; }
#blavod .thumb:hover { background-color: #000; }
#blavod .thumb:hover a img { border-color: #b22023; background-color: #ccc; }
#blavod .thumb:hover a { color: #fff; }
#blavod .thumb:hover a:hover { text-decoration: underline; }

/* =DU Thumbs */

#du .thumb { background-color: #b1471e; border-color: #494949; }
#du .thumb a img { border-color: #494949; background-color: #ccc; }
#du .thumb h4 { color: #3d180a; }
#du .thumb a { color: #ccc; }
#du .thumb:hover { background-color: #db5927; border-color: #3d180a; }
#du .thumb:hover a img { border-color: #3d180a; }
#du .thumb:hover a { color: #fff; }
#du .thumb:hover a:hover { text-decoration: underline; }

/* =Caramel Thumbs */

#caramel .thumb { background-color: #7c4824; border-color: #543119; }
#caramel .thumb a img { border-color: #2d1a0e; background-color: #ccc; }
#caramel .thumb h4 { color: #130b06; }
#caramel .thumb a { color: #ccc; }
#caramel .thumb:hover { background-color: #a35f30; border-color: #130b06; }
#caramel .thumb:hover a img { border-color: #130b06; background-color: #ccc; }
#caramel .thumb:hover a { color: #fff; }
#caramel .thumb:hover a:hover { text-decoration: underline; }

/* =Cherry Thumbs */

#cherry .thumb { background-color: #811e2a; border-color: #2e0b0f; }
#cherry .thumb a img { border-color: #811e2a; background-color: #ccc; }
#cherry .thumb h4 { color: #2e0b0f; }
#cherry .thumb a { color: #ccc; }
#cherry .thumb:hover { background-color: #9d2433; border-color: #2e0b0f; }
#cherry .thumb:hover a img { border-color: #2e0b0f; }
#cherry .thumb:hover a { color: #fff; }
#cherry .thumb:hover a:hover { text-decoration: underline; }

/* =30-30 Thumbs */

#thirty .thumb { background-color: #a9771a; border-color: #8b6215; }
#thirty .thumb a img { border-color: #8b6215; background-color: #ccc; }
#thirty .thumb h4 { color: #50390c; }
#thirty .thumb a { color: #ccc; }
#thirty .thumb:hover { background-color: #c68c1e; border-color: #50390c; }
#thirty .thumb:hover a img { border-color: #50390c; }
#thirty .thumb:hover a { color: #fff; }
#thirty .thumb:hover a:hover { text-decoration: underline; }

/* =INDIVIDUAL Drink Recipe Pages */

#main h2#drink-name { color: #1f851e; font-size: 24px; font-weight: normal; margin: 25px 0 30px 0px; text-transform: uppercase; border-bottom: 2px solid; }
#main img.drink-pic { margin-right: 50px; }
#main img.drink-pic.border { border: 2px solid #1f851e; padding: 2px; background-color: #aaa; }
#main h3.parts { font-size: 18px; margin-bottom: 15px; color: #F67006; font-weight: normal; }
#main ul.ingredients { list-style: disc; padding-left: 300px; color: #333; font-size: 16px; }
#main ul.ingredients li, #main ol.method li { margin-top: 7px; font-family: Garamond, Georgia, sans-serif; }
#main ol.method { list-style: decimal; padding-left: 300px; font-size: 16px; color: #333; }

/* =HOMEPAGE IMAGE SLIDER */

#slider	{ background: white; height: 227px; overflow: hidden; position: relative; }
#mover { width: auto; position: absolute; } /* DEFAULT is for 3 panels in width;adjust as needed. This only matters if JS is OFF, otherwise JS sets this. */
.slide { padding: 20px 15px; width: 585px; float: left; position: relative;}
.slide h1 { font-family: Helvetica,Arial,Tahoma, Sans-Serif; font-size: 25px; letter-spacing: -1px; color: #f67006; margin: 14px 2px 10px;}
.slide p { color: #000; font-family: Tahoma,Arial, Sans-Serif; font-size: 12px; padding-left: 5px; margin: 5px 0; line-height: 18px; width: 200px; }
.slide img { position: absolute; top: 40px; left: 310px; }
#slider-stopper { position: absolute; top: 1px; right: 5px; background: #ac0000; color: white; padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }

/* =BELOW-THE-FOLD BUSINESS ON HOMEPAGE */

#lower { padding: 20px 5px 5px; margin-bottom: 35px; }
.column { background: #fff; font-family: Tahoma, Arial; color: black; height: auto; float: left;}
.column.one { width: 179px; padding: 3px; }
.column.main { width: 385px; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; padding-left: 5px; text-align: center; }
.column.two { width: 179px; padding: 3px; }
.column p { font-size: 12px; padding: 5px 0; text-align: left; line-height: 18px; }
.column.main p { padding: 5px; }
.column.one p, .column.two p { font-size: 11px; padding: 5px 2px 5px 5px; text-align: left; line-height: 17px; }
.column h2 { color: #F67006; font-size: 18px; margin-bottom: 20px; text-align: left; padding-left: 10px;}
.column h3 { color: #F67006; font-size: 12px; margin-bottom: 3px; padding-left: 5px;}
.column h3.bump { margin-top: 20px; }

/* =FOOTER */

a.smallLogo { float: left; text-indent: -9999px; background: transparent url(/images/index_67.gif) no-repeat scroll; width: 120px; height: 42px; display: block; }
#footer { padding: 10px 10px 20px; }
#footer p { text-align: right; color: ##666666;font-family: Tahoma, Arial; font-size: 11px; padding-right: 10px;}