/* SELECTOR RESET
--------------------------------*/
html, body, div, span, object, iframe, a, dl, dt, dd, abbr, acronym, address, pre, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, var, center, table, fieldset, form, button, fieldset, label, legend, select, input, textarea,h1,h2,h3,h4,h5,h6,ul,li,p { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }

/*template resets*/
body { line-height: 1; font-size:0.6875em; font-weight:normal; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; margin: 0 auto; }
li { list-style:none; }
img { border: 0; display:block; }
input, select { vertical-align: middle; }
button { cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; }
legend { font-weight:bold; margin: 10px 0; }
a:link { line-height:1.1em; }
a strong { text-decoration: underline; }

/*content resets*/
.cms h1,.cms h2,.cms h3,.cms h4,.cms h5,.cms h6 { margin: 5px 0; }
.cms h1 { font-size:1.6em }
.cms h2 { font-size:1.5em }
.cms h3 { font-size:1.4em; color:#E69F04 }
.cms h4 { font-size:1.3em }
.cms h5 { font-size:1.2em }
.cms h6 { font-size:1.1em }
.cms ul { margin: 0 0 0 10px; padding: 0 0 0 20px; }
.cms li { display: list-item; list-style: disc outside; }
.cms p { padding: 5px 0; }
.cms img { display:inline; }
.cms { line-height: 1.4em; }
#content a { color: #006;}

/* COMMON SELECTOR CLASSES
---------------------------------*/

/* widths */
.l1 { width:10px !important;}.l2 { width:20px !important;}.l3 { width:30px !important; }.l4 { width:40px !important;}.l5 { width:50px !important;}.l6 { width:60px !important;}.l7 { width:70px !important;}.l8 { width:80px !important;}.l9 { width:90px !important;}.l10 { width:100px !important;}.l12 { width:120px !important;}.l13 { width:130px !important;}.l14 { width:140px !important;}.l15 { width:150px !important; }.l16 { width:160px !important; }.l17 { width:170px !important; }.l18 { width:180px !important; }.l19 { width:190px !important; }.l20 { width:200px !important; }.l21{ width:210px !important; }.l22{ width:220px !important; }.l23{ width:230px !important; }.l24{ width:240px !important; }.l25{ width:250px !important; }.l26{ width:260px !important; }.l27{ width:270px !important; }.l28{ width:280px !important; }.l29{ width:290px !important; }.l30{ width:300px !important; }.l31{ width:310px !important; }.l32{ width:320px !important; }.l33{ width:330px !important; }.l34{ width:340px !important; }.l35{ width:350px !important; }

/* alignment */
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.align-left { float:left; }
.align-right { float:right; }
.align-middle { vertical-align: middle; }
.align-baseline { vertical-align: baseline; }
.align-top { vertical-align:top; }
.align-bottom { vertical-align: bottom; }
.align-text-bottom { vertical-align: text-bottom; }
.align-text-top { vertical-align:text-top; }

/*positioning*/
.top { display:block; position:absolute; width: 100%; top:0; bottom:auto !important; }
.right { display:block; position:absolute; width: 100%; right:0; left:auto !important; }
.left { display:block; position:absolute; width: 100%; left:0; right:auto !important; }
.bottom { display:block; position:absolute; width: 100%; bottom:0; top:auto !important; }

.inline { display:inline !important; }
.block { display:block !important; }
.block-link { display:block; width: 100%; height: 100%; text-indent:-6000px; }
.visible { visibility:visible !important; }
.hidden { visibility:hidden !important; }

.sifr-alt { display: none; }
.font-01,.font-02 { display:block; visibility:hidden; margin:0;padding:0; font-weight:normal; }
* html .png { visibility:hidden; }
* html .png-noscale { visibility:hidden; }

/* sprites */
.spr-x { background-image: url(../images/spr-x.png); background-repeat: repeat-x; }
.spr-y { background-image: url(../images/spr-y.png); background-repeat: repeat-y; }
.spr-site { background-image: url(../images/spr-site.png); background-repeat: no-repeat; }
.spr-site-jpg { background-image: url(../images/spr-site-jpg.jpg); background-repeat: no-repeat; }
.spr-site-png24 { background-image: url(../images/spr-site-png24.png); background-repeat: no-repeat; }

.p,.m { display:none; } /*not for web display (print/mobile)*/

/* SITE SELECTORS
---------------------------------*/

/* PAGE */
html { background:#0c1235; }
body { color: #000; }
a:link,a:visited,a:hover,a strong { color: #e69f04; }
#home,#internal,#entry { padding: 1px 0 0 0; }
.top { background-position: 0 0; display:block; width: 100%; height:341px; }
#entry > .top { background-position: 0 0; }
.site { width: 984px; text-align:left; margin: 18px auto 0 auto; padding: 0 0 30px 0; position:relative;}
#entry .site { margin-top: 100px; width: 696px; height: 189px; padding: 125px 0 0 63px; background: url(../images/loading.gif) center center no-repeat; border: 5px solid #fff; line-height:1.4em; }

#link-21-yes { position:absolute; top:171px; left:65px; width: 83px; height:27px; }
#link-21-no { position:absolute; top:171px; left:154px; width: 83px; height:27px; }

/* BRANDING */
#branding { height: 110px; position:relative; background-position: 0 0; border:1px solid #fff; }
#logo-try-it { width: 302px; height: 83px; position:absolute; top: 17px; left:37px; background-position: 0 0; text-indent:-6000px; }

/*NAV*/
#nav { position: relative; z-index: 100; padding: 10px 0 11px 0; background-position: 0 -341px; border: solid #fff; border-width: 2px 1px 1px 1px; }
#nav ul { height: 18px; list-style:none; margin:0 0 0 0;padding:0; position:relative; }
#nav a { text-align:left; display: block; height: 18px; text-indent: -6000px; padding: 0 3px; }
#nav li { position:relative; }
#nav li.level1 { float: left; display: block; background-position: -983px 0; padding: 0 1px 0 0; }/*menu category styling*/
#nav li.first { background:none; }
#nav li.last a { padding-right:0; }

/* nav dropdown */
#nav li ul a { padding: 5px 3px 5px 20px; text-indent: 0; text-transform:none; height: auto; width: 148px !important; color: #000; text-decoration: none; background:none !important; border:0; } /* reset for dropdown */
#nav li ul a.hover { color:#000; }
#nav ul ul { display:none; position: absolute; top: 18px;left: 4px; width: 171px; height: auto; margin:0;padding:0; list-style:none; border-top: 0 #DADCF6 solid; background:none; } /*dropdown properties*/
#nav li ul li { border: #DADCF6 solid; border-width: 0; width:100%; background: #FFF; }
* html #nav li ul li { height:1%; float:left; }
*+html #nav li ul li { height:1%; float:left; }
#nav li ul li:hover { }
#nav li ul li ul { position: absolute; top: 5px; left: 100%; } /*flyout positioning */
#nav li ul li span.flyout { display:block; background:url(../images/nav-flyout.png) no-repeat 99% 9px; }
#nav li a.place-holder { cursor: default; }

#nav li ul li.top { background: no-repeat bottom; height: 5px; }
#nav li ul li.bottom { background: no-repeat; height: 5px; }
* html #nav li ul li.top { background:#FFF; font-size: 0; }
* html #nav li ul li.bottom { background:#FFF; font-size: 0; }

/* nav categories */
#nav #nav-home a { background-position: 3px -94px; width: 62px; }
#nav #nav-home:hover a {background-position: 3px -112px; }
#nav #nav-about-us a { background-position: 3px -130px; width: 85px; }
#nav #nav-about-us:hover a {background-position: 3px -148px; }
#nav #nav-products a { background-position: 3px -166px; width: 84px; }
#nav #nav-products:hover a {background-position: 4px -184px; }
#nav #nav-events a { background-position: 3px -202px; width: 120px; }
#nav #nav-events:hover a {background-position: 3px -220px; }
#nav #nav-awareness-education a { background-position: 3px -238px; width: 178px; }
#nav #nav-awareness-education:hover a {background-position: 3px -256px; }
#nav #nav-try-it-blog a { background-position: 3px -274px; width: 53px; }
#nav #nav-try-it-blog:hover a {background-position: 3px -292px; }
#nav #nav-videos a { background-position: 3px -274px; width: 66px; }
#nav #nav-videos:hover a {background-position: 3px -292px; }
#nav #nav-promotions a { background-position: 3px -310px; width: 122px; }
#nav #nav-promotions:hover a {background-position: 3px -328px; }
#nav #nav-employment a { background-position: 3px -346px; width: 101px; }
#nav #nav-employment:hover a {background-position: 3px -364px; }
#nav #nav-contact-us a { background-position: 3px -382px; width: 101px; }
#nav #nav-contact-us:hover a {background-position: 3px -400px; }

/* SEARCH */
#search { background-position: 0 -120px; width: 339px; height: 271px; border: solid #fff; border-width: 2px 3px 3px 3px; padding: 42px 0 0 0; position:relative; }
* html #search { background:url(../images/ie6-search.jpg) 0 0 no-repeat; }
#search .top { height:275px; width:272px; background-position: 0 -31px; left: 33px; top:11px; z-index:1;  }
* html #search .top { display:none; }

#form-search { margin: 12px 0 0 107px; position:relative; z-index:10; }
* html #form-search { margin-top: 11px; }
*+html #form-search { margin-top: 11px; }
#internal #form-search { position:absolute; z-index:20; margin:0; top: 167px; left:57px; background-position: -400px -83px; width: 232px; height: 19px; }
#form-search label { display:none; }
#form-search fieldset { padding:0; margin:0; font-weight:normal; }
#form-search input.text { padding: 2px; height:13px; width: 157px; margin: 0 4px 0 0; }
#internal #form-search input.text { margin:1px 0 0 54px; width: 156px; }
* html #internal #form-search input.text { height:12px; }
*+html #internal #form-search input.text { height:12px; }
#form-search button { margin:0 0 0 4px; text-indent:-6000px; width: 13px; height: 17px; }

#link-beer-lover { width:272px; height:63px; margin: 0 0 0 33px; position:relative; z-index:10; }
#internal #link-beer-lover { background-position: -400px -110px; width: 188px; height:43px; margin: 18px 0 0 0; }
#link-beer-retailer { width:272px; height:63px; margin: 2px 0 0 33px; position:relative; z-index:10; }
#internal #link-beer-retailer { background-position: -400px -157px; width: 188px; height:43px; margin: 4px 0 0 0; }
#link-local-retailer { width:191px; height:24px; margin: 59px 0 0 114px; position:relative; z-index:10; }
#link-local-bar { width:191px; height:24px; margin: 4px 0 0 114px; position:relative; z-index:10; }

/* SLIDESHOW */
#slideshow { position:absolute; width: 636px; height:314px; overflow:hidden; top: 154px; right:0; border: solid #fff; border-width: 2px 3px 3px 3px;  }

/*display*/
.js #slideshow .scroll { position:absolute; z-index:100 !important; top:29px; left:0; width:111px; height: 256px !important; overflow:hidden; }
#slideshow .scroll ul { }
#slideshow .scroll ul li { padding: 5px 0 5px 0; height:54px; }
#slideshow .scroll ul li.active { padding: 0; height:64px !important; }
#slideshow .scroll ul li.active img { width: 92px; height:60px; border:2px solid #e69f04; }
#slideshow .scroll ul li img { margin: 0 auto; }
#slideshow .scroll ul li a {}
#slideshow .display { display:block; width: 525px; height: 100%; background: url(../images/slideshow-loading.gif) 50% 50% no-repeat; position:absolute; right:0; top:0; z-index:1; }
#slideshow .display p { display:block; position:absolute; z-index:8; height: 100%; width:100%; background: url(../images/sprite-slideshow.jpg) 0 0 no-repeat; }
#slideshow .display p.active { z-index:10; }
#slideshow .display p.last-active { z-index:9; }
/*navigation*/
#slideshow .navigation { display:block; height: 100%; position:absolute; z-index:10; top: 0px; left: 0px; width:111px; background-position: -1916px 0; }
#slideshow .navigation a { cursor: pointer; display:block; width: 111px; height:29px; position:absolute; }
#slideshow .navigation .up { background-position: -315px -289px; top:0; left:0; }
#slideshow .navigation .down { background-position: -315px -320px; bottom:0; left:0; }

/* FIND YOUR FAVORITE */
#find-your-favorite { background:#030723 url(../images/carousel-loader.gif) no-repeat 50% 50%; width: 982px; position:relative; border: solid #6f727b; border-width: 1px 1px 0 1px; border-top-color: #0d143c; overflow:hidden; height:181px; }
#find-your-favorite h2 { background-position: -400px 0; height:25px; width: 272px; margin: 0 auto; text-indent: -6000px; }
#find-your-favorite .container { top:53px; left:0; position:absolute; height:128px; z-index:10; }
#find-your-favorite .container.active { z-index:100; }
#find-your-favorite .container.active .carousel { display:block !important; position:relative; top:0; }

#find-your-favorite h3 { position:absolute; width: 159px; height:29px; top: -28px; text-indent:-6000px; z-index:50; }
#list-tryit-distributing h3 { background-position: -630px -321px; left: 31px; }
#list-tryit-distributing.active h3 { background-position: -468px -289px; }
#list-balkan-beverages h3 { background-position: -630px -289px; left: 196px; }
#list-balkan-beverages.active h3 { background-position: -468px -320px; }

.js #find-your-favorite .carousel { position: absolute; top: 6000px; }
#find-your-favorite .carousel { border: solid #3b4579; border-width: 1px 0; overflow:hidden; padding: 0 29px; width:922px !important; }
#find-your-favorite ul { height:126px; width:2000px; overflow:hidden; background-position: 0 -380px; }
#find-your-favorite ul li { float:left; display:inline; padding: 0; margin: 0 8px; width: 32px; height: 126px !important; position: relative; overflow:visible !important; }
#find-your-favorite ul li a { margin: 0 10px; }
#find-your-favorite ul li img { margin:0 0; position: absolute; bottom: 0px; }
#find-your-favorite .carousel > a { display:block !important; position:absolute; z-index:100; top:0; height: 126px !important; }
#find-your-favorite .prev { left:0; background-position: -318px 0; width:32px; }
#find-your-favorite .next { right:0; background-position: -352px 0; width:29px; }

/*MAIN*/
#main { width:952px; margin: 0 0 0 0; padding: 14px 0 14px 30px; border: solid #6f727b; border-width: 0 1px 0 1px; background-color:#181d45; position:relative; z-index:20; }
#internal #main { background: #131B48; padding: 19px 15px 14px 15px;  }
#main .top {  background-position: 0 -552px; left:0; width: 100%; height:273px; }
#internal #main .top {  background-position: 0 -872px; top:0; left:0; width: 100%; }

/* CONTENT */
#content { width: 924px; margin: 0 0 0 0; padding-bottom: 19px; position:relative; background-position: 0 -826px; }
#internal #content { width: 952px; background:#fff; }
#content .top { background-position: 0 -419px; left:0; width: 100%; height:16px; }
#content .bottom { background-position: 0 -435px; left:0; width: 100%; height:16px; }
#internal #content .top {  background-position: 0 -454px; width: 952px; height:19px; }
#internal #content .bottom {  background-position: 0 -474px; width: 952px; height:18px; }
#content .cms { min-height: 200px; }
* html #content .cms { height: 200px; }

#internal #content-main { width: 697px; float:right; margin: 24px 22px 0 0; position: relative; }
#internal #content-main .cms { min-height: 450px; }
* html #internal #content-main .cms { height: 450px; }


/* OUR CORE VALUES */
#our-core-values { padding: 16px 0 0 0; border: solid #6f727b; border-width: 0 1px; background:#030723; }
#our-core-values h2 { background-position: -400px -44px; width:213px; height:15px; margin: 0 auto; text-indent:-6000px; }
#our-core-values dl { margin: 9px 0 0 0; height:108px; border: solid #3b4579; border-width: 1px 0; overflow:hidden; position:relative; background-position:0 -1438px; }
#our-core-values dt { margin:0; position:absolute; top:14px; height:16px; width: 144px; text-indent:-6000px; display:block; }
#our-core-values #value-trust { left:70px; background-position: 0 -497px;  }
#our-core-values #value-loyalty { left:249px; background-position: 0 -513px;  }
#our-core-values #value-teamwork { left:425px; background-position: 0 -529px;  }
#our-core-values #value-accountability { left:595px; background-position: 0 -545px;  }
#our-core-values #value-quality-service { left:800px; background-position: 0 -561px;  }
#our-core-values dd { margin:0; color:#fff; line-height:1.3em; float:left; width:153px; height:100%; border-left: solid #3b4579 1px; padding: 42px 18px 0 18px; }
#our-core-values dd:first-child { border:0; }

/* NEWS & EVENTS */
#news-events { color:#fff; float:left; display:inline; width: 391px; position:relative; padding: 16px 0 0 0; margin: 0 0 0 17px; }
#news-events a { color: #e69f04; }
#news-events strong { color:#fff; }
#news-events h2 { background-position: -400px -27px; width:190px; height:15px; margin: 0 auto 0 auto; text-indent:-6000px; }
#news-events dl { margin: 3px 0 0 0; }
#news-events dd { position:relative; border-top: 1px solid #696b7b; padding: 12px 14px 0 136px; min-height:79px; line-height:1.4em; }
* html #news-events dd { height:79px; }
#news-events dd .title { color:#fff; }
#news-events dd .title a { text-decoration: none; }
#news-events dd .image { position:absolute; top: 12px; left:15px; width: 94px; border: 3px solid #5f6173; }
#news-events dd .image p { margin:0;padding:0; }
#news-events dd .description {}

/* TRY-IT DIST */
#tryit-dist { color:#fff; margin: 0 0 0 44px; float:left; width: 454px; position:relative; padding: 16px 0 0 0; }
#tryit-dist strong { color:#fff; }
#tryit-dist h2 { background-position: -592px -27px; width:222px; height:15px; margin: 0 auto; text-indent:-6000px; }
#tryit-dist .cms { border-top: 1px solid #696b7b; margin: 3px 0 0 0; padding:3px 0 0 0; }

/*PAGE TITLE*/
#page-title { margin: 0 0 0 0; height: 165px; font-size:1.6em; letter-spacing:.05em; font-weight:normal; color:#077533; border-bottom:1px solid #dbdbdb; position:relative; z-index:10; background-position: 0 0; text-indent:-6000px; border: solid #6f727b; border-width: 2px 1px 3px 1px; border-top: solid #fff; border-bottom: solid #fff; }
#page-title .top { left:0; height: 100%; width: 100%; }

#photo-contact-us { background-position: 0 -450px; }
#photo-employment { background-position: 0 -615px; }
#photo-link-directory { background-position: 0 -780px; }
#photo-try-it-blog { background-position: 0 -945px; }
#photo-awareness-education { background-position: 0 -1110px; }
#photo-events { background-position: 0 -1275px; }
#photo-products { background-position: 0 -1440px; }
#photo-about-us { background-position: 0 -1605px; }
#photo-default { background-position: 0 -1770px; }

/*CONTENT PANEL*/
#content-panel { float:left; width: 187px; display:inline; margin:22px 0 0 24px;}

/*NAV SUB*/
#nav-sub { width: 100%; }
#nav-sub ul { }
#nav-sub li { background-position: -965px -277px;  padding: 0 0 0 25px; width: 162px; border-bottom:1px solid #d5d5d5; }
#nav-sub li a { color:#090e82; display:block; line-height: 1.2em; padding: 6px 0; width: 100%; text-decoration:none; }
#nav-sub li a:hover { text-decoration:underline; }

/* INTRO */
#intro { float:right; display:inline; margin: 0 0 0 0; width:px; height: px; position:relative; z-index:10; }
#intro h2 { margin:0 0 0 0; padding:0; width:px; height: px; background-position: 0 -19px; text-indent:-6000px; }
#intro .cms { }

/* BREADCRUMB */
#breadcrumbs { margin: 10px 0; }
#breadcrumbs h2 { display:inline; font-weight:normal; font-size: 1em; padding:0; }
#breadcrumbs ul{ display:inline; }
#breadcrumbs li { display:inline; }
#breadcrumbs li.active { color:#000; }
#breadcrumbs li strong,#breadcrumbs li a { color:#000; text-transform: capitalize; }

/* SITE INFO */
#site-info { background-position: 0 -813px; height: 64px; padding: 20px 0 0 0; position:relative; text-align:center; line-height: 1.4em; border: solid #6f727b; border-width: 0 1px 1px 1px; }
#site-info address { display:inline; color:#e69f04; margin:0 410px 0 0; font-style: normal; }
#site-info address span { background-position: -983px -3px; padding: 0 6px 0 9px; }
#site-info address span.last { border-right: 0; }
#site-info address br { display:none; }
#site-info ul { margin: 4px auto 0 auto; }
#site-info li { display:inline; background-position: -983px -201px; white-space:nowrap; }
#site-info li.first { }
#site-info li.last { }
#site-info li a { color:#fff; line-height: 1.1em; margin: 0 5px 0 9px; }
#link-email-sign-up { position: absolute; top:16px; right:357px; height: 19px; width: 114px; background-position: -400px -61px; }
#link-facebook { position: absolute; top:16px; right:215px; height: 19px; width: 130px; line-height:1em; background-position: 0 -587px; text-align:left; }
#link-facebook a { color:#fff; text-indent:0; text-decoration:none; padding: 4px 0 0 24px; }
#link-facebook a:hover { color:#fff; text-indent:0; text-decoration:underline; }
#link-youtube { position: absolute; top:16px; right:65px; height: 19px; width: 130px; line-height:1em; background-position: 0 -608px; text-align:left; }
#link-youtube a { color:#fff; text-indent:0; text-decoration:none; padding: 4px 0 0 24px; }
#link-youtube a:hover { color:#fff; text-indent:0; text-decoration:underline; }

/* CORE101 */
#logo-core101 { color:#9ba9c8; position:absolute; bottom:-25px; right:0; height:15px; line-height:14px; width: 412px; }
#logo-core101 span { background-position: -38px 0; display:block; width: 15px; height: 15px; position:absolute; right:0; top:0; left:auto; bottom:auto; }
#logo-core101 a { color:#9ba9c8; text-decoration:none; }
* html #logo-core101 span { background:url(../images/icon-core101.png) 0 0 no-repeat; }

.error { color: #D00; }
.dl_form {}
.dl_form input[type='text'] { border: 1px solid #6F727B; height:16px; padding: 2px 0 0 0; }
.dl_form dl {}
.dl_form dt {}
.dl_form dd { margin: 0; }
.dl_form dd textarea { color: #1C244C; border: 1px solid #6F727B; height: 90px; }

/* BLOG */
.comments {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.comments li {
	list-style-type: none;
}

.comment {
	color: #000;
	padding: 5px 10px;
	margin: 5px 0;
	background: #EEE;
}

.comment p:last-child {
	text-align: right;
}

.comment a {
	color: #009;
}

#comment_form {
	width: 400px;
}

#comment_form p,
#comment-form-captcha {
	padding: 5px 10px;
}

#comment_form label {
	float: left;
	display: block;
	width: 150px;
	padding: 6px;
	line-height: 1.2em;
	background: #EEE;
}

#comment_form input[type=text] {
	font-size: 18px;
	width: 200px;
	height: 20px;
	padding: 2px;
	border: 1px solid #999;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

#comment_form textarea {
	font-size: 18px;
	width: 200px;
	height: 100px;
	padding: 2px;
	border: 1px solid #999;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

#comment_form_submit {
	float: left;
	width: 100%;
	height: 200px;
}

#comment_form_submit input {
	cursor: pointer;
	float: right;
	font-size: 13px;
	padding: 5px;
	margin: 20px;
	color: #FFF3CD;
	background: #C37E19;
	border: 1px solid #BD7416;
	border-top: 1px solid #FFD567;
	border-left: 1px solid #FFD567;
}

/* Products */

.cms .pg_title {
	width: 657px;
	font-size: 16px;
	font-weight: normal;
	padding: 10px;
	margin: 10px 0 0;
	background: #F6F9FF;
	border-top: 1px solid #DEF;
	border-bottom: 1px solid #DEF;
}

.cms .product_count {
	color: #369;
	font-size: 11px;
	font-weight: normal;
	padding: 4px 12px;
	margin: 0;
	background: #F9FCFF;
}

.pg_title a {
	color: #006;
	padding: 2px;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.pg_title a:hover {
	color: #003;
	background: #DEF;
}

.pg_title span {
	color: #ABC;
	padding: 0 20px;
}

.pg_product_preview {
	cursor: pointer;
	float: left;
	padding: 5px 15px;
	margin: 15px;
	width: 100px;
	height: 120px;
	text-align: center;
	border: 1px solid #FFF;
}

.pg_product_preview h3 {
	color: #999;
	margin: 0;
	font-size: 11px;
	font-weight: normal;
}

.pg_product_preview {
	overflow: hidden;
}

.pg_product_preview:hover {
	border: 1px solid #999;
}

.pg_product_preview img {
	opacity: .8;
}

.pg_product_preview:hover img {
	opacity: 1;
}

.pg_product_preview:hover h3 {
	color: #000;
}

.pg_product {
	cursor: default;
	display: none;
	position: absolute;
	z-index: 100001;
	left: 50%;
	width: 500px;
	height: 400px;
	padding: 20px;
	margin: -230px 0 0 -280px;
	text-align: left;
	background: #FFF;
	border: 10px solid #333;
}

.pg_product .close {
	cursor: pointer;
	position: absolute;
	top: -36px;
	right: -10px;
	height: 18px;
	line-height: 20px;
	color: #DDD;
	padding: 4px 10px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-family: arial, freesans, sans-serif;
	line-height: 18px;
	background: #333;
}

.pg_product .close:hover {
	color: #FFF;
}

.pg_product img {
	opacity: 1;
	margin-bottom: 20px;
}

.pg_product a {
	color: #C00;
}

.product_locator_form {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 10px;
	background: #DEF;
	border: 1px solid #ABC;
}

#store_locator_form {
	float: left;
	width: 208px;
	padding: 15px;
	margin: 20px 10px 10px;
	background: #DEF;
	border: 1px solid #9CF;
}

#store_locator_form select {
	margin: 10px 5px 5px;
	border: 1px solid #ABC;
}

.product_locator_form h2 {
	color: #036;
	padding: 0;
	margin: 0 0 10px;
	font-size: 16px;
	text-align: center;
}

#store_locator_form label,
.product_locator_form label {
	font-size: 12px;	
}

#store_locator_form input[type=text],
.product_locator_form input[type=text] {
	width: 50px;
	font-size: 12px;
	padding: 3px;
	border: 1px inset #ABC;
}

#store_locator_form input[type=submit],
.product_locator_form input[type=submit] {
	cursor: pointer;
	color: #FFF;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	background: #036;
	border: 1px solid #123;
	border-top: 1px solid #567;
	border-left: 1px solid #567;
}

#product_filters {
	float: right;
	padding: 8px;
	background: #CCC;
}

#product_filters select {
	border: 1px solid #999;
}

#brewer_label {
	color: #FFF;
	padding: 20px 16px 5px;
	font-size: 17px;
	background: url(/public/themes/tryit/images/search_mask.png) no-repeat center top #814E0D;
}

#brewer_nav {
	padding: 0;
	margin: 0;
	max-height: 160px;
	overflow-y: auto;
	background: #814E0D;
	border: 8px solid #814E0D;
}

#brewer_nav li {
	padding: 0;
	margin: 0;
	border: none;
}

#brewer_nav li a {
	display: block;
	padding: 9px 12px;
	margin: 0;
	color: #FFE8CA;
	font-size: 12px;
	text-decoration: none;
	background: #B86F13;
	border-top: 1px solid #DB9E51;
	border-bottom: 1px solid #814E0D;
}

#brewer_nav li a:hover {
	color: #FFF;
	background: #814E0D;
	border-top: 1px solid #613B0A;
}

#brewer_nav li:first-child a:hover {
	border-top: 1px solid #814E0D;
}

#brewer_nav_nomatches {
	color: #DB9E51;
	padding: 5px 16px;
	font-size: 12px;
	background: #814E0D;
}

#brewer_bottom {
	width: 100%;
	height: 20px;
	background: url(/public/themes/tryit/images/search_mask.png) no-repeat center bottom #814E0D;
}

#category_label {
	clear: both;
	color: #FFF;
	padding: 20px 16px 5px;
	font-size: 17px;
	background: url(/public/themes/tryit/images/search_mask.png) no-repeat center top #0D2E81;
}

#category_nav {
	padding: 0;
	margin: 0;
	max-height: 160px;
	overflow-y: auto;
	background: #0D2E81;
	border: 8px solid #0D2E81;
}

#category_nav li {
	padding: 0;
	margin: 0;
	border: none;
}

#category_nav li a {
	display: block;
	padding: 9px 12px;
	margin: 0;
	color: #ABBBE3;
	font-size: 12px;
	text-decoration: none;
	background: #113DAD;
	border-top: 1px solid #285DE5;
	border-bottom: 1px solid #0D2E81;
}

#category_nav li a:hover {
	color: #FFF;
	background: #0D2E81;
	border-top: 1px solid #081C4E;
}

#category_nav li:first-child a:hover {
	border-top: 1px solid #0D2E81;
}

#category_nav_nomatches {
	color: #4877f1;
	padding: 5px 16px;
	font-size: 12px;
	background: #0D2E81;
}

#category_bottom {
	width: 100%;
	height: 20px;
	background: url(/public/themes/tryit/images/search_mask.png) no-repeat center bottom #0D2E81;
}

#product_filters {
	color: #333;
	width: 100%;
	padding: 20px 0 0 0;
	margin: 0;
	background: url(/public/themes/tryit/images/search_mask.png) no-repeat center top #EEE;
}

#product_filters label {
	display: block;
	padding: 5px 16px;
}

#product_filters select {
	width: 171px;
	font-size: 11px;
	padding: 3px;
	margin: 0px 16px 15px;
}

#filter_bottom {
	width: 100%;
	padding: 0 0 20px 0;
	background: url(/public/themes/tryit/images/search_mask.png) no-repeat center bottom #EEE;
}

#store_locator_locations {
	float: left;
	width: 260px;
	margin: 20px;
}

.store_locator_location {
	cursor: pointer;
	padding: 15px;
	margin: 10px;
	background: #EEE;
	border: 1px solid #CCC;
}

.store_locator_location:hover {
	background: #FFC;
	border: 1px solid #CC9;
}

#gmap {
	float: left;
	margin-top: 140px;
	border: 1px solid #CCC;
}

.site-form {
	width: 312px;
	font-size: small;
	font-family: sans-serif;
}

.site-form fieldset {
	display: block;
	width: 312px;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #CCC;
}

.site-form legend {
	color: #999;
	font-weight: bold;
}

.site-form legend em {
	font-size: x-small;
	font-weight: normal;
}

.site-form .item {
	clear: both;
	position: relative;
	padding: 0;
	margin: 0;
}

.site-form .item label {
	float: left;
	width: 110px;
	padding-left: 10px;
	line-height: 30px;
	background: #F6F6F6;
}

.site-form .item input {
	width: 180px;
	height: 18px;
	padding: 5px;
	margin-bottom: 2px;
	font-size: 15px;
	border: 1px solid #CCC;
	border-top: 1px solid #777;
}

.site-form .item select {
	width: 192px;
	height: 30px;
	padding: 2px;
	margin-bottom: 2px;
	font-size: 15px;
	border: 1px solid #CCC;
	border-top: 1px solid #777;
}

.site-form .checkbox {
	padding: 0;
	margin: 10px 0 0;
}

.site-form .checkbox label {
	cursor: pointer;
	font-size: 12px;
}

.site-form .checkbox input {
	margin-right: 10px;
}

.site-form .indent {
	padding: 0 0 0 30px;
	margin: 0;
}

.site-form .indent label {
	color: #999;
	font-size: 10px;
}

.site-form .indent input {
	padding: 4px;
	width: 200px;
	border: 1px solid #DDD;
}

.site-form input.error {
	border: 1px solid #C00;
	background: #FFE;
}

.site-form label.error {
	position: absolute;
	top: 0px;
	left: 330px;
	width: 300px;
	color: #C00;
	font-size: 11px;
	font-weight: bold;
	background: transparent;
}

.site-form ul {
	position: relative;
	display: block;
	float: left;
	width: 100px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.site-form ul label.error {
	left: 220px;
}

.site-form li {
	clear: both;
	height: 20px;
	padding: 5px;
	margin: 0 0 2px;
	list-style-type: none;
}

.site-form li label {
	float: left;
	width: auto;
	background: none;
}

.site-form label.error:before {
	content: '\00AB';
}

.site-form textarea {
	width: 180px;
	height: 150px;
	padding: 5px;
	margin-bottom: 2px;
	font-size: 15px;
	background: #FFF;
	border: 1px solid #CCC;
	border-top: 1px solid #777;
	border-left: 1px solid #777;
}

.site-form .item input.error,
.site-form textarea.error {
	border: 1px solid #C00;
	background: #FFE;
}

.site-form .submit input {
	float: right;
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
	padding: 4px 20px;
	background: #000;
	border: 1px solid #000;
	border-top: 1px solid #777;
	border-left: 1px solid #777;
}

.site-form .submit input:hover {
	background: #222;
}

.site-form .recaptcha {
	position: relative;
	margin-top: 10px;
}

.pg_product_content {
	height: 250px;
	padding: 10px;
	overflow-y: auto;
	background: #F6F6F6;
	border: 1px inset #999;
}