/* ========================================= RESET ========================================= html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark html5doctor.com/html-5-reset-stylesheet/ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; -webkit-text-size-adjust: none; } article, aside, figure, footer, header, hgroup, nav, section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } /* tables still need cellspacing="0" in the markup */ table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #e8e4dd; margin:1em 0; padding:0; } input, select { vertical-align:middle; } pre, code, kbd, samp { font-family: monospace, sans-serif; } html { overflow-y: scroll; } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } /* END RESET CSS */ /* ========================================= TYPOGRAPHY ========================================= */ /* ============================================ FONTS ============================================ */ @font-face { font-family: 'AvenirLTW01-55Roman'; src: url('../f/avenir55roman/avenir55roman.eot'); src: url('../f/avenir55roman/avenir55roman.eot?#iefix') format('embedded-opentype'), url('../f/avenir55roman/avenir55roman.woff') format('woff'), url('../f/avenir55roman/avenir55roman.ttf') format('truetype'), url('../f/avenir55roman/avenir55roman.svg#avenir55roman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirLTW01-85Heavy'; src: url('../f/avenir85heavy/avenir85heavy.eot'); src: url('../f/avenir85heavy/avenir85heavy.eot?#iefix') format('embedded-opentype'), url('../f/avenir85heavy/avenir85heavy.woff') format('woff'), url('../f/avenir85heavy/avenir85heavy.ttf') format('truetype'), url('../f/avenir85heavy/avenir85heavy.svg#avenir85heavy') format('svg'); font-weight: normal; font-style: normal; } /* ============================================ BASE ============================================ */ body { font-size: 16px; font-family: sans-serif; color: #444444; line-height: 1.618em; background: #d3beac url(../i/bg_pattern.png) scroll repeat 0 0; } /* ============================================ HIERARCHY ============================================ */ h1, h2, h3, h4, h5, h6, p, ol, ul, dl, address { padding: 0 5px; margin: 0 10px; } h1 { font-size: 48px; } h2 { font-size: 36px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 16px; } p, dt, dd, th, td, address, caption {color: #666; font: 12px/1.3em Arial,Helvetica,sans-serif;} ul ul, ol ol { padding: 0 0 0 10px; } pre, code { font-size: 12px; } hr { margin: 15px 0 20px 0; } blockquote {font-style: italic; font-family: 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif;} cite {font-size: 12px; font-family: 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif; margin-bottom: 20px; display: block;} blockquote, cite {padding-left: 35px;} /* ============================================ FONT SIZE ============================================ */ .fs10 { font-size: 10px; } .fs11 { font-size: 11px; } .fs12 { font-size: 12px; } .fs14 { font-size: 14px; } .fs16 { font-size: 16px; } .fs18 { font-size: 18px; } .fs21 { font-size: 21px; } .fs24 { font-size: 24px; } .fs26 { font-size: 26px; } .fs28 { font-size: 28px; } .fs30 { font-size: 30px; } .fs36 { font-size: 36px; } .fs48 { font-size: 48px; } .fs60 { font-size: 60px; } .fs72 { font-size: 72px; } /* ============================================ COLLAPSE ============================================ */ .collapse { padding-bottom: 0; margin-bottom: -1px; } /* ============================================ LINEHEIGHT ============================================ */ .lh { line-height: 1em; } .lhm { line-height: 1.4em !important; } .lhl { line-height: 1.8em !important; } .lh810 { line-height: .8em; } /* ============================================ SPACING ============================================ */ .ls1 { letter-spacing: .1em } .ls2 { letter-spacing: .2em } /* ============================================ JUSTIFICATION ============================================ */ .txt-right { text-align: right; } .txt-left { text-align: left; } .txt-center { text-align: center; } .txt-justify { text-align: justify; } /* ============================================ WEIGHT ============================================ */ /* Weight */ strong, .bold { font-weight: bold; } .roman, .book { font-weight: normal; } .fw100 { font-weight: 100; } .fw200 { font-weight: 200; } .fw300 { font-weight: 300; } .fw400 { font-weight: 400; } .fw500 { font-weight: 500; } .fw600 { font-weight: 600; } .fw700 { font-weight: 700; } .fw800 { font-weight: 800; } .fw900 { font-weight: 900; } /* ============================================ VARIANTS ============================================ */ em, .italic { font-style: italic; } .normal { font-style: normal; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: lowercase; } .smallcaps { font-variant: small-caps; } /* ============================================ LISTS ============================================ */ ol { list-style-type: decimal; } ul { list-style-type: none; } li { list-style-position: inside; } dt { font-weight: bold; } ul.small_list li {font-size: 12px; list-style: disc; list-style-position: inside; line-height: 1.6em;} /* ============================================ SUB,SUP ============================================ */ sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; } sup { bottom: 1ex; } sub { top: .5ex; } /* ============================================ PRE, CODE ============================================ */ pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } /* ============================================ DISPLAY FONTS ============================================ */ .avenir55 {font-family: 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif; font-weight: 100;} .avenir85 {font-family: 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif;} .georgia {font-family: 'Georgia',"Times New Roman",Times,serif;} .heading-sm {font: 12px 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif; text-transform: uppercase;} /* ============================================ LINKS ============================================ */ a {outline: none; color: #f6841e; cursor: pointer; -webkit-transition: background .15s ease-in-out, color .15s ease-in-out; -moz-transition: background .15s ease-in-out, color .15s ease-in-out; -o-transition: background .15s ease-in-out, color .15s ease-in-out; -ms-transition: background .15s ease-in-out, color .15s ease-in-out; transition: background .15s ease-in-out, color .15s ease-in-out; } a:hover, a:active { outline: none; } a, a:active, a:visited { color:#F6841E; text-decoration: none; } a:hover { color:#F6841E; text-decoration: underline; } a, a:link, a:hover, a:active, a:visited, a:focus {outline: none;} /* ============================================ TABLES ============================================ */ table { width: 100%; margin-bottom: 15px; } th { font-size: 14px; font-weight: bold; text-align: left; padding: 10px; background: #d1baa6; color: #fff; text-shadow: 1px 1px 0 #baa089; margin-bottom: 10px; font-weight: 100; font-family: 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif;} tr { } td { font-size: 11px; background: #f9f3ec; padding: .8em 10px; border-right: 1px solid #fefbf8; border-bottom: 1px solid #fefbf8; text-shadow: 1px 1px 0 #fefbf8; } tr:nth-child(odd) td {background: #f9f3ec;} tr:nth-child(even) td {background: #fcf9f5;} tfoot td {background: #f0e6db; text-shadow: none;} tr.even td { background: #fff; } td, td img { vertical-align:top; } /* ============================================ FORMS ============================================ */ legend { display: block; background: #E0E0E0; font-weight: bold; } label { padding-right: 5px; } input.textfield {} textarea { } input.submit { cursor: pointer; } input.submit:hover {} label, input[type=button], input[type=submit], button { cursor: pointer; } .ie6 input { vertical-align: text-bottom; } input, textarea {outline: none; border: 1px solid #e8e4dd; display: block; padding: 5px;} input:focus, textarea:focus {outline: none;} input.checkbox, input[type=checkbox] {display: inline; margin: 0 5px 0 0;} input.captcha {font-size: 14px;} /* ============================================ Request Forms, account forms ============================================ */ .request-forms {margin: 20px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); -o-box-shadow: 0 0 5px rgba(0,0,0,.2); -khtml-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); } .request-forms label {display: block; margin-left: 23px;} .request-forms h3 {line-height: 1em; border-bottom: 1px dashed #dad2c5; margin: 0 0 18px 0; padding: 0 0 8px 0; font-weight: 100;} .request-forms .col1 .inner {padding: 20px; border-right: 1px solid #dad2c5;} .request-forms .col2 .inner {padding: 20px; border-left: 1px solid #dad2c5; margin-left: -1px;} .request-forms .block_col .inner {padding: 20px 0 15px 0; margin: 0 20px; border-top: 1px solid #dad2c5;} .request-forms p {margin: 0; padding: 0;} .request-forms p.input-bg {border: 1px solid #e8e4dd; padding: 5px;} .request-forms p.captcha-bg {border: 1px solid #d6d2cb; padding: 5px;} .request-forms p.input-bg.error, .request-forms p.captcha-bg.error {border: 1px solid #c03c13;} .request-forms p.input-bg.error input, .request-forms p.captcha-bg.error input {color: #c03c13;} em.error-container {position: relative; display: block; z-index: 500;} em.error-container span {display: block; padding: 3px 6px; margin: -15px 0 5px 0; background: #c03c13; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;} .request-forms input, .request-forms textarea {width: 100%; padding: 0; border: none; color: #444;} .request-forms .col1 input.checkbox {float: left;} .request-forms input.checkbox {width: auto;} .buton-drawer {padding: 0 20px;} .buton-drawer input {display: inline; margin-right: 10px;} .request-forms .custom-select a.current-selected {font-size: 12px;} .request-forms.sidebar {padding: 8px; margin: 10px;} .request-forms.sidebar h3 {padding-bottom: 0; margin-bottom: 0; border-bottom: none;} .request-forms.sidebar h4 {margin: 0 0 10px 0; padding: 0;} .request-forms.sidebar .inner {padding: 0; border: none; margin: 0;} .request-forms.sidebar p {margin: 5px 0;} .request-forms.sidebar .buton-drawer {padding: 0;} .request-forms.sidebar .col2 .inner {border-top: 1px dashed #dad2c5; margin-top: 8px; padding-top: 8px; padding-bottom: 5px;} /*.buton-drawer input[type=submit] {font-family: 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif; background: #F6841E; color: #fff; line-height: 1.3em; text-shadow: 1px -1px #9A7423; text-transform: uppercase; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}*/ .payment-errors.error {background: #c03c13; color: #fff; padding: 5px 15px;} .no-js .payment_form {display: none;} .form_checkboxes.error {border: 1px solid #c03c13; padding: 15px 15px 10px 15px; margin: 10px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;} .form_checkboxes.error fieldset {clear: both;} .remote-checkbox-error {position: relative; margin-top: -8px; margin-right: 10px; background: #fff; padding: 5px;} /* ============================================ BUTTONS ============================================ */ a.o-button, .o-button, .buton-drawer input[type=submit] {position: relative; display: inline-block; zoom: 1; *display: inline; color: #4d2300; padding: 0px 10px 2px 10px; font: 14px 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif; text-shadow: 1px 1px 0 #fab578; border: 1px solid #f6841e; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; background-color: #fec235; background-image: -webkit-gradient(linear, left top, left bottom, from(#fec235), to(#f6841e)); background-image: -webkit-linear-gradient(top, #fec235, #f6841e); background-image: -moz-linear-gradient(top, #fec235, #f6841e); background-image: -o-linear-gradient(top, #fec235, #f6841e); background-image: -ms-linear-gradient(top, #fec235, #f6841e); background-image: linear-gradient(top, #fec235, #f6841e); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fec235', EndColorStr='#f6841e'); } .buton-drawer input[type=submit] {padding: 3px 10px 3px 10px;} a.o-button span {font-size: 18px;} a.l-button, .l-button, input.l-button {position: relative; display: inline-block; zoom: 1; *display: inline; color: #54351b; padding: 0px 9px 1px 9px; font: 14px 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif; text-shadow: 1px 1px 0 #f4e9e1; border: 1px solid #c1a992; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; background-color: #dac5b4; background-image: -webkit-gradient(linear, left top, left bottom, from(#ead9cc), to(#dac5b4)); background-image: -webkit-linear-gradient(top, #ead9cc, #dac5b4); background-image: -moz-linear-gradient(top, #ead9cc, #dac5b4); background-image: -o-linear-gradient(top, #ead9cc, #dac5b4); background-image: -ms-linear-gradient(top, #ead9cc, #dac5b4); background-image: linear-gradient(top, #ead9cc, #dac5b4); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ead9cc', EndColorStr='#dac5b4'); } a.o-button {padding-top: 3px;} a.l-button {padding-top: 2px;} a.o-button:hover, .o-button:hover, .buton-drawer input[type=submit]:hover, l.o-button:hover, .l-button:hover {background: #fec235; text-shadow: 1px 1px 0 #ffc999; border: 1px solid #f6841e; text-decoration: none;} span.profile-edit-button {position: relative; top: -2px; padding: 2px 5px 1px 5px; margin-left: 8px; line-height: 1em;} a.more-link, .survey-submit, .survey .buttons input, .survey .view-options input {background-color: #ffefcf; color: #d76a08; display: inline-block; zoom: 1; *display: inline; font: 12px 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif; padding: 4px 10px 6px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;} a.more-link:hover {text-decoration: none; background-color: #f6841e; color: #fef3dd;} .pointer, a.pointer {cursor: pointer;} /* ============================================ FEEDBACK ============================================ */ /* Selection Color */ ::-moz-selection{ background: #f28d1e; color:#fff; text-shadow: none; } ::selection { background: #f28d1e; color:#fff; text-shadow: none; } /* Tap Highlight Color */ a:link { -webkit-tap-highlight-color: #f28d1e; } /* ============================================ PRESETS ============================================ */ .push-text {text-indent: -9999em;} .display-s {font-family: 'Satisfy', Helvetica, Arial, sans-serif; font-weight: 100;} /* ========================================= LAYOUT ========================================= */ /* ============================================ COLUMNS ============================================ */ div { position: relative; } .wrapper { max-width: 900px; margin: 0 auto; padding: 0 15px; } /* ============================================ DISPLAY ============================================ */ .hidden { display: none; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; zoom: 1; *display: inline; } /* ============================================ POSITIONS ============================================ */ div { position: relative; } .relative { position: relative; } .absolute { position: absolute; } .fixed { position: fixed; } .static { position: static; } /* ============================================ GRID ============================================ */ .line:after,.group:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";} .line,.group{*zoom:1;} .left { float: left; } .right { float: right; } .size1of1{float:none;} .size1of6{width:16.66666%;} .size1of2,.size2of4{width:50%;} .size1of3{width:33.33333%;} .size2of3{width:66.66666%;} .size1of4{width:25%;} .size3of4{width:75%;} .size1of5{width:20%;} .size2of5{width:40%;} .size3of5{width:60%;} .size4of5{width:80%;} .size_custom1 {width: 37%;} .size_custom2 {width: 54%;} .size_custom3 {width: 45%;} .lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;} .break { clear: both; } .clearfloat { clear: both; display: block; height: 1px; margin: -1px 0 0 0; } .clear {clear: both;} .clearleft {clear: left;} .clearright {clear: right;} /* ============================================ SPACING ============================================ */ /* Extensions */ .pan{padding:0} .pas{padding:5px} .pam{padding:10px} .pal{padding:20px} .ptn{padding-top:0} .pts{padding-top:5px} .ptm{padding-top:10px} .ptl{padding-top:20px} .ptx{padding-top:25px} .prn{padding-right:0} .prs{padding-right:5px} .prm{padding-right:10px} .prl{padding-right:20px} .pbn{padding-bottom:0} .pbs{padding-bottom:5px} .pbm{padding-bottom:10px} .pbl{padding-bottom:20px} .pln{padding-left:0} .pls{padding-left:5px} .plm{padding-left:10px} .pll{padding-left:20px} .phn{padding-left:0;padding-right:0} .phs{padding-left:5px;padding-right:5px} .phm{padding-left:10px;padding-right:10px} .phl{padding-left:20px;padding-right:20px} .pvn{padding-top:0;padding-bottom:0} .pvs{padding-top:5px;padding-bottom:5px} .pvm{padding-top:10px;padding-bottom:10px} .pvl{padding-top:20px;padding-bottom:20px} .man{margin:0} .mas{margin:5px} .mam{margin:10px} .mal{margin:20px} .mtn{margin-top:0} .mts{margin-top:5px} .mtm{margin-top:10px} .mtl{margin-top:20px} .mrn{margin-right:0} .mrs{margin-right:5px} .mrm{margin-right:10px} .mrl{margin-right:20px} .mbn, .primary p.mbn {margin-bottom:0} .mbs, .primary p.mbs {margin-bottom:5px} .mbm, .primary p.mbm {margin-bottom:10px} .mbl, .primary p.mbl {margin-bottom:20px} .mln{margin-left:0} .mls{margin-left:5px} .mlm{margin-left:10px} .mll{margin-left:20px} .mhn{margin-left:0;margin-right:0} .mhs{margin-left:5px;margin-right:5px} .mhm{margin-left:10px;margin-right:10px} .mhc{margin-left:15px;margin-right:15px} .mhl{margin-left:20px;margin-right:20px} .mvn{margin-top:0;margin-bottom:0} .mvs{margin-top:5px;margin-bottom:5px} .mvm{margin-top:10px;margin-bottom:10px} .mvl{margin-top:20px;margin-bottom:20px} .automargin {margin: 0 auto;} /* Push */ .left1of1{float:none;} .left1of2{margin-left:50%;} .left1of3{margin-left:33.33333%;} .left2of3{margin-left:66.66666%;} .left1of4{margin-left:25%;} .left3of4{margin-left:75%;} .left1of5{margin-left:20%;} .left2of5{margin-left:40%;} .left3of5{margin-left:60%;} .left4of5{margin-left:80%;} .left_custom1 {margin-left: 41%;} /* ============================================ BORDER OBJECTS ============================================ */ .bdr-a-s { border: 1px solid #d1d1d1; } .bdr-t-s { border-top: 1px solid #d1d1d1; } .bdr-r-s { border-right: 1px solid #d1d1d1; } .bdr-b-s { border-bottom: 1px solid #d1d1d1; } .bdr-l-s { border-left: 1px solid #d1d1d1; } .bdr-h-s { border-left: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; } .bdr-v-s { border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; } .bdr-a-n { border: none; } .bdr-2 {-webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;} .bdr-4 {-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;} /* ============================================ LIST OBJECTS ============================================ */ ul li { list-style: none; } .li-left li { float: left; } .li-left li a { padding: 5px; } /* ============================================ IMAGES & TREATMENTS ============================================ */ img{display:block; max-width: 100%; height: auto;} .caption { } .fleximg { max-width: 100%; } /* ============================================ COLORS ============================================ */ .white, a.white {color: #fff;} .br-dark, a.br-dark {color: #141414;} .o-light, a.o-light {color: #f6841e;} .gold, a.gold, .primary .gold {color: #c59a3f;} .br-light, a.br-light {color: #5c3619;} .br-med, a.br-med {color: #8b5b37;} .l-yellow, .l-yellow {color: #FFEFCF;} .l-grey, .primary .l-grey {color: #666;} .dark {color: #141414} .med {color: #958372;} .bg_white {background: #fff;} /* ============================================ DISPLAY HELPERS ============================================ */ .add-shadow {-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -o-box-shadow: 0 0 3px rgba(0,0,0,.2); -khtml-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2);} .rad2 {-webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;} .rad3 {-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;} .rad4 {-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;} /* ============================================ COLOR ============================================ */ .shadow-trl { -webkit-box-shadow: 0 -3px 5px -3px rgba(0,0,0,.3), 3px 0px 5px -3px rgba(0,0,0,.3), -3px 0px 5px -3px rgba(0,0,0,.3); -moz-box-shadow: 0 -3px 5px -3px rgba(0,0,0,.3), 3px 0px 5px -3px rgba(0,0,0,.3), -3px 0px 5px -3px rgba(0,0,0,.3); -o-box-shadow: 0 -3px 5px -3px rgba(0,0,0,.3), 3px 0px 5px -3px rgba(0,0,0,.3), -3px 0px 5px -3px rgba(0,0,0,.3); -khtml-box-shadow: 0 -3px 5px -3px rgba(0,0,0,.3), 3px 0px 5px -3px rgba(0,0,0,.3), -3px 0px 5px -3px rgba(0,0,0,.3); box-shadow: 0 -3px 5px -3px rgba(0,0,0,.3), 3px 0px 5px -3px rgba(0,0,0,.3), -3px 0px 5px -3px rgba(0,0,0,.3); } /* ============================================ LOGO & TAGLINE ============================================ */ .branding {float: left; margin-top: 0; bottom: -18px; width: 215px;} .branding h1, .branding h2 {margin: 0; padding: 0;} .branding h1 a {display: block; float: left; width: 160px; text-indent: -9999px; height: 83px; margin-bottom: 0; background: url(../i/logo-white-hz-sm.png) no-repeat 0 0;} .branding h2 {clear: both; color: #fff; font-weight: 100; font-size: .75em; margin: 2px 0; font-family: "AvenirLTW01-55Roman", "Helvetica", sans-serif;} /* ============================================ NAVIGATION ============================================ */ /* accessible navigation ------------------------------------------*/ ul#nav_access {position: absolute; left: -9999px; top: -9999px;} /* primary navigation ------------------------------------------*/ #primary-nav {height: auto; position: relative; width: 100%; clear: both; z-index: 1000; padding-top: 30px;} #primary-nav li {display: block; float: left;} #primary-nav > ul > li > a {height: 10px; padding: 8px 0 12px 0; position: absolute; top: 0; right: 0; text-align: center; } #primary-nav > ul > li.active.push > a, #primary-nav > ul > li > a { box-shadow: inset 0 -3px 3px -3px rgba(133,64,1,.9); } #primary-nav li.honey-at-home > a, #primary-nav li#nav-sub-4555 > a {width: 126px; right: 233px; background-color: #FEC436; border-right: 1px solid #E49249;} #primary-nav li.food-service > a, #primary-nav li#nav-sub-4563 > a {width: 109px; right: 123px; background-color: #DD771B; border-right: 1px solid #E49249;} #primary-nav li.honey-professionals > a, #primary-nav li#nav-sub-4567 > a {width: 123px; background-color: #C46005;} #primary-nav a:hover {text-decoration: none;} #primary-nav .primary-toggle {display: none; position: absolute; top: 6px; right: 10px; padding: 3px 7px; line-height: 1em; color: #aa570b; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; cursor: pointer;} #primary-nav li.honey-at-home .primary-toggle {background: #fcdf98;} #primary-nav li.food-service .primary-toggle {background: #f9c478;} #primary-nav li.honey-professionals .primary-toggle {background: #efb665;} #primary-nav li:hover .primary-toggle, #primary-nav .primary-toggle.open {background: #fff !important;} #primary-nav > ul > li {padding: 0;} #primary-nav ul {padding: 0; margin: 0;} #primary-nav ul ul {width: 100%;} #primary-nav > ul > li.hover, #primary-nav li.active > a, #primary-nav li.hover > a, #primary-nav li:hover > a {background-color: #FEC436;} #primary-nav ul ul { background-color: #FEC436; background-image: -webkit-gradient(linear, left top, left bottom, from(#FEC436), to(#fd8e23)); background-image: -webkit-linear-gradient(top, #FEC436, #fd8e23); background-image: -moz-linear-gradient(top, #FEC436, #fd8e23); background-image: -o-linear-gradient(top, #FEC436, #fd8e23); background-image: -ms-linear-gradient(top, #FEC436, #fd8e23); background-image: linear-gradient(top, #FEC436, #fd8e23); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FEC436', EndColorStr='#fd8e23'); } #primary-nav li.food-service ul { background-color: #DD771B; background-image: -webkit-gradient(linear, left top, left bottom, from(#DD771B), to(#fd8e23)); background-image: -webkit-linear-gradient(top, #DD771B, #fd8e23); background-image: -moz-linear-gradient(top, #DD771B, #fd8e23); background-image: -o-linear-gradient(top, #DD771B, #fd8e23); background-image: -ms-linear-gradient(top, #DD771B, #fd8e23); background-image: linear-gradient(top, #DD771B, #fd8e23); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#DD771B', EndColorStr='#fd8e23'); } #primary-nav li.food-service li a {border-right: 1px solid #DD771B; color: #fff; text-shadow: 1px 1px 0 #af5707;} #primary-nav li.food-service li:hover, #primary-nav li.food-service li:hover a, #primary-nav li.food-service li.active a {background: #fd8e23;} #primary-nav > ul > li.food-service:hover > a, #primary-nav > ul > li.food-service.active > a {background: #DD771B; color: #fff; text-shadow: 1px 1px 0 #af5707;} #primary-nav li.honey-professionals ul { background-color: #C46005; background-image: -webkit-gradient(linear, left top, left bottom, from(#C46005), to(#e88124)); background-image: -webkit-linear-gradient(top, #C46005, #e88124); background-image: -moz-linear-gradient(top, #C46005, #e88124); background-image: -o-linear-gradient(top, #C46005, #e88124); background-image: -ms-linear-gradient(top, #C46005, #e88124); background-image: linear-gradient(top, #C46005, #e88124); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#C46005', EndColorStr='#e88124'); } #primary-nav li.honey-professionals li a {border-right: 1px solid #cd670a; color: #fff; text-shadow: 1px 1px 0 #9c4b02;} #primary-nav ul li.honey-professionals li:hover, #primary-nav ul li.honey-professionals li:hover a, #primary-nav ul li.honey-professionals li.active a {background: #e88124;} #primary-nav > ul > li.honey-professionals:hover > a, #primary-nav > ul > li.honey-professionals.active > a {background: #C46005; color: #fff; text-shadow: 1px 1px 0 #9c4b02;} #primary-nav li ul, #primary-nav > ul.hover > li.active ul {display: none; clear: both;} #primary-nav li.active ul, #primary-nav > ul.hover > li.active.hover ul, #primary-nav li.hover ul {display: block;} #primary-nav ul > li:hover {background: #fec436;} #primary-nav li.honey-at-home li, #primary-nav li#nav-sub-4555 li {width: 20%;} #primary-nav li.food-service li, #primary-nav li#nav-sub-4563 li {width: 25%;} #primary-nav li.honey-professionals li, #primary-nav li#nav-sub-4567 li {width: 16.6666%;}/*16.6666*/ #primary-nav li li {text-align: left; padding: 0; line-height: 19px;} #primary-nav li li a {border-right: 1px solid #E4A12B; min-height: 30px;}/* 1 and 2 */ /*#primary-nav li.honey-professionals li a, #primary-nav li#nav-sub-4567 li a {min-height: 60px;} 3 */ #primary-nav li li:last-child a {border-right: none;} #primary-nav li li:last-child {border-right: none;} #primary-nav li li a {font: normal 14px/1.1em 'AvenirLTW01-85Heavy', Arial, Helvetica, sans-serif; padding: 8px 16px 10px 16px;} #primary-nav li li.active {background: #FEC336; position: relative;} #primary-nav li li.active em { display: block; position: absolute; bottom: -7px; left: 0px; width: 100%; height: 7px; background: transparent url(../i/active-arrows.png) no-repeat center -22px;} #primary-nav li.food-service li.active em {background-position: center -5px;} #primary-nav li.honey-professionals li.active em {background-position: center -39px;} #primary-nav > ul > li:hover > a, #primary-nav > ul > li.active > a, #primary-nav a {color: #4d2300; display: block; text-shadow: 1px 1px 1px #FEDB94; font: normal 15px/18px 'AvenirLTW01-85Heavy', Arial, Helvetica, sans-serif; line-height: 14px;} #primary-nav > ul > li:hover > a, #primary-nav > ul > li.active > a { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; } #primary-nav > ul > li > a {color: #fff; text-shadow: none; text-shadow: none;}/*1px 1px 0 #fd8e23*/ #primary-nav > ul > li >ul > li > a:hover {text-shadow: none; text-shadow: none;} /* ============================================ LAYOUT ============================================ */ .wrap-all {background: transparent url(../i/bg_main_sm.png) scroll repeat-x 0 0;} .main {background: #fff; padding: 0; -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 6px rgba(0,0,0,.4); -o-box-shadow: 0 1px 6px rgba(0,0,0,.4); -khtml-box-shadow: 0 1px 6px rgba(0,0,0,.4); box-shadow: 0 1px 6px rgba(0,0,0,.4);} .primary {width:72%; padding-bottom: 0;} .primary.full {width: 100%;} .alt-column {margin: 30px 95px;} .primary p {margin-bottom: 15px; color: #444;} p.posted-on, p.tags {margin: 0 0 15px 0;} p.posted-on.mhl {margin: 15px 20px 10px 20px;} p.posted-on em {font-weight: bold;} .inner .primary {padding-bottom: 40px;} .inner .primary.pbm {padding-bottom: 10px;} .inner .primary.right {width: 80%;} .inner .primary.left {width: 74%;} .main-ttb-bg {background: #fff url(../i/right-content.png) repeat-x 0 0;} .main-btt-bg {background: #fff url(../i/right-content-btt.png) repeat-x 0 bottom;} .inner .main.push {background-position: 0 -100px;} .inner .main.no-bg {background: #fff;} .flex-img {width: 100%;} .flex-img img {max-width: 100%;} .flex-text p, .collapse-type p, .collapse-type h1, .collapse-type h2, .collapse-type h3, .collapse-type h4, .collapse-type h5, .collapse-type h6 {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;} /* top utility nav ------------------------------------------*/ .window.top-nav {background: #5d3616;} .window.top-nav ul {float: right; padding: 0; margin: 0;} .window.top-nav li {display: block; float: left; border-left: 1px solid #785024;} .window.top-nav li:last-child {border-right: 1px solid #785024;} .window.top-nav a {display: block; float: right; padding: 10px 15px; color: #fff; font: 11px 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif;} .window.top-nav a:hover {background: #6a3d1a;} .window.top-nav li.active a {background-color: #452207;} /* social media & search ------------------------------------------*/ .utilities {position: relative; float: right; width: 55%; margin: 35px 0 30px 0;} .social {float: right; width: 45%; padding-right: 12px;} .social li {display: inline;} .social ul {padding: 0; margin: 0;} .social li.fb-l {width: 50px; float: left;} .social a {display: block; float: right; width: 21px; height: 24px; margin-right: 2px; background: transparent url(../i/sprite.png) no-repeat 0 -49px;} .social li.rs a {background-position: -42px -49px;} .social li.fb a {background-position: -21px -49px;} .social li.tw a {background-position: 0 -49px;} .social li.gp a {background-position: -65px -49px;} .social li.yt a {background-position: -87px -49px;} .social li.pn a {background-position: -109px -49px;} .social li.ig a {background-position: -131px -49px;} a.addthis_button {position: absolute; top: -90%; right: 0; color: #fff;} a.addthis_button img {display: inline; margin-left: 5px; vertical-align: middle;} .search {float: right; border-left: 1px solid #BD916F; padding-left: 15px;} .search form {position: relative; width: 180px; padding: 5px 23px 5px 8px; background: #fff; -webkit-border-radius: 1em; -moz-border-radius: 1em; -o-border-radius: 1em; -khtml-border-radius: 1em; border-radius: 1em;} .search input {border: none;} .search input.search-field {width: 98%; padding: 0; line-height: 1em; color: #858585; padding: 0;} .search input.search-submit {position: absolute; top: 50%; margin: -9px 0 0 0; right: 8px; float: right; width: 15px; height: 15px; background: url(../i/sprite.png) no-repeat -238px 4px; text-indent: -9999px; cursor: pointer;} .window.top-nav p.more {text-align: left; display: none; padding: 7px 15px; margin: 0; border-bottom: 1px dashed #794c27;} .window.top-nav p.more a {display: inline-block; zoom: 1; *display: inline; cursor: pointer; padding: 3px 12px 4px 12px; font-size: 13px; border:1px solid #7a4c27; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background-color: #7a4c27; background-image: -webkit-gradient(linear, left top, left bottom, from(#7a4c27), to(#5d3616)); background-image: -webkit-linear-gradient(top, #7a4c27, #6b401e); background-image: -moz-linear-gradient(top, #7a4c27, #6b401e); background-image: -o-linear-gradient(top, #7a4c27, #6b401e); background-image: -ms-linear-gradient(top, #7a4c27, #6b401e); background-image: linear-gradient(top, #7a4c27, #6b401e); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7a4c27', EndColorStr='#6b401e'); -webkit-box-shadow: 0 0 0 2px #543013; -moz-box-shadow: 0 0 0 2px #543013; -o-box-shadow: 0 0 0 2px #543013; -khtml-box-shadow: 0 0 0 2px #543013; box-shadow: 0 0 0 2px #543013; } .window.top-nav a:hover {text-decoration: none;} .rss-subscribe {background: url(../i/rss-subscribe.png) no-repeat right center; padding-right: 22px;} .share-this {background: url("../i/like-share.png") no-repeat 0 0; padding-right: 50px; text-indent: -9999px;} #right-sharethis {float: right; margin: 0 20px;} #left-sharethis {float: left; margin: 0 20px;} span.stButton span.email, span.sharethis {color: #f36d50 !important; font-family: 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif !important;} .stButton .sharethis {background: url("../i/share-icon.png") no-repeat right -16px !important;} .stButton .chicklets {padding-left: 3px !important; padding-right: 18px !important;} .stButton .chicklets:hover {opacity: 1 !important;} /* slider ------------------------------------------*/ #slider, .page-head {position: relative; background: url(../i/gradient_bg.png) repeat-x center 0;} #slider {padding: 10px 20px 27px 20px;} .page-head {padding: 0;} .blog-bg {background: url(../i/bee-large.png) no-repeat 105% 150%;} .page-head h2 {margin: 25px 20px 18px 20px; text-shadow: 1px 1px 1px rgba(93,54,22,.3);} #slider h2 {margin: 15px 5px 10px 5px;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; text-align: center;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} .flex-container {zoom: 1; position: relative;} .flex-control-nav {width: 100%; text-align: left; margin: 0 10px;} .flex-control-nav li {margin: 0 7px 0 0; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav a {width: 10px; height: 10px; display: block; cursor: pointer; text-indent: -999em; background: #fff; margin: 0; display: block; border-radius: 1em; border: 2px solid #fff;} .flex-control-nav a:hover {background-position: 0 -13px;} .flex-control-nav a.flex-active { background: #f6841e; cursor: default;} #slider-container > div {float:left;} .flex-win {padding: 0 4px;} .box {float: left; height: auto !important; overflow: visible !important; display: inline-block; zoom: 1; *display: inline; width: 175px; margin: 0 6px 10px 6px; padding: 22px 11px 21px 15px; background: #FFF url(../i/slider-bottom.gif) repeat-x 0 bottom; text-align: left;} .box em {color: #f6841e; padding: 0 0 8px 0; margin: 0; text-transform: uppercase; font: normal 12px 'AvenirLTW01-85Heavy', Arial, Helvetica, sans-serif;} .box a {text-decoration: none;} /*.box a img {width: 172px; height: 144px;}*/ .box a span {height: 45px; overflow: hidden; color: #141414; padding-bottom: 15px; display: block; font: normal 21px 'AvenirLTW01-55Roman', Arial, Helvetica, sans-serif; line-height: 1.2em;} .box.last-child {margin-right: 0;} .slides li {text-align: center;} .page-head.full .box {display: block; padding: 10px 0 8px 0; margin: 0 4px; max-width: 860px; width: auto;} .page-head.full .box h2 {width: 45%; font-size: 42px; margin: 0; text-shadow: 1px 1px 0 rgba(255,255,255,.3);} .page-head.full .box p {width: 50%; font-size: 15px; margin: 0;} .page-head.full .box div {min-height: 240px; background: url(../i/section.jpg) no-repeat 0 0; margin: 0 10px 10px 10px; padding: 5px 10px 0 10px;} /* breadcrumbs ------------------------------------------*/ .crumbs {border-bottom: 1px solid #997447; margin: 0; padding: 10px 20px 0 20px;} .crumbs li {display: inline; padding: 0 12px 0 18px; background: url(../i/crumbs-arrow.png) no-repeat 0 center;} .crumbs li a {font-size: 12px; color: #ffb00d;} .crumbs li.home, .crumbs li:first-child {background: none; padding-left: 0;} .crumbs li.home a, .crumbs li:first-child a {width: 15px; background: url(../i/sprite.png) no-repeat 0 -93px; display: inline-block; zoom: 1; *display: inline; text-indent: -9999em;} .crumbs li.current a, .crumbs li.last a {color: #ffefcf; cursor: default;} /* recipe finder and pagination ------------------------------------------*/ .all-recipes-wrapper {margin: 0 25px;} .all-recipes-wrapper h3 {color: #C59A3F; font: 14px 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif; padding: 0; text-transform: uppercase;} .all-recipes {display: none;} .recipe-lists {position: relative;} .recipe-lists ul {width: 25%; margin: 0; padding: 0;} .recipe-lists li {background: url(../i/list-bg.png) no-repeat 4px 7px; padding: 3px 0 4px 17px; margin-right: 15px; line-height: 1em;} .recipe-lists li.active {background-color: #EBE3D9; background-position: 4px -65px;} .recipe-lists li.active a {color: #F6841E;} .recipe-lists li a {color: #82654C; font: 11px Arial,Helvetica,sans-serif;} a.more-recipes-toggle {color: #F6841E; font: 11px 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif; padding: 2px 0 0 0;} a.more-recipes-toggle:hover {text-decoration: none;} a.more-recipes-toggle em {background: url("../i/plus-minus.jpg") no-repeat center top; display: inline-block; zoom: 1; *display: inline; height: 8px; margin-left: 5px; width: 8px;} a.more-recipes-toggle.hide-more em {background-position: 0 -10px;} .all-recipes-wrapper.category {margin: 2px 0 0 0; padding: 10px 30px 10px 20px; border-bottom:1px solid #e8e4dd;} .all-recipes-wrapper.category a.more-recipes-toggle em {background: url("../i/plus-minus-white.gif") no-repeat center top;} .all-recipes-wrapper.category a.more-recipes-toggle.hide-more em {background-position: 0 -10px;} .all-recipes-wrapper.category h3 {margin: 0;} .all-recipes-wrapper.category .linear-pagination {border-bottom: none; margin: 10px 0 -10px 0; padding-bottom: 0;} .linear-pagination {padding: 4px 0; margin: 4px 0;} .linear-pagination.border {border-top: 1px solid #E3D8CA; border-bottom: 1px solid #E3D8CA; margin: 4px 0 15px 0;} .linear-pagination ul {text-align: right;} .linear-pagination li {display: inline; margin: 0; padding: 0;} .linear-pagination li a {padding: 2px 5px; color: #F6841E; font: 11px Arial,Helvetica,sans-serif;} .linear-pagination li.current a {background: #F6841E; color: #fff; border-radius: 1em;} .linear-pagination li.next {padding-left: 8px;} .linear-pagination li.prev {padding-right: 8px;} .linear-pagination li.next a, .linear-pagination li.prev a {width: 8px; height: 11px; padding-left: 0; padding-right: 0; display: inline-block; zoom: 1; *display: inline; text-indent: -9999px; background: url(../i/sprite.png) no-repeat -65px -92px; cursor: pointer; text-align: left;} .linear-pagination li.next a {background-position: -89px -105px;} .linear-pagination li.next.more a {background-position: -89px -105px;} .linear-pagination li.prev a {background-position: -65px -90px;} .linear-pagination li.prev.more a {background-position: -65px -105px;} .linear-query-pagination {text-align: right;} .linear-query-pagination a, .linear-query-pagination strong {padding: 2px 5px; color: #F6841E; font: 11px Arial,Helvetica,sans-serif;} .linear-query-pagination strong {background: #F6841E; color: #fff; border-radius: 1em;} .linear-query-pagination a.prev, .linear-query-pagination a.next {width: 8px; height: 11px; padding-left: 0; padding-right: 0; display: inline-block; zoom: 1; text-indent: -9999px; cursor: pointer; text-align: left;} .linear-query-pagination a.prev {margin-right: 8px; background: url(../i/sprite.png) no-repeat -65px -90px;} .linear-query-pagination a.next {margin-left: 8px; background: url(../i/sprite.png) no-repeat -89px -105px;} .linear-query-pagination a.first, .linear-query-pagination a.last {display: none;} .loader {display: none; position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; padding: 5px; margin-top: -50px; margin-left: -50px; background: #fff url(../i/load.gif) no-repeat center center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.6); -moz-box-shadow: 0 0 5px rgba(0,0,0,.6); -o-box-shadow: 0 0 5px rgba(0,0,0,.6); -khtml-box-shadow: 0 0 5px rgba(0,0,0,.6); box-shadow: 0 0 5px rgba(0,0,0,.6); } .load-size .loader {top: 43%; left: 43%;} .load-cal .loader {top: 63%; left: 67%;} /* honey finder ------------------------------------------*/ /* select block */ .honey-finder {position: relative; background: #6b4220 url(../i/honeycomb-dark.gif) repeat 0 0; border-radius: 2px 2px 0 0;} .honey-finder span {position: absolute; top: 0; right: 0; color: #b39f8f; font-weight: 100; font-family: 'Helvetica', sans-serif;} .honey-finder h3 {background: url(../i/arrow.png) no-repeat scroll left top transparent; color: #fff; font: 17px 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif; margin-left: -3px; margin-right: 0; padding: 8px 4px 12px 18px; text-shadow: 1px 1px 1px #B86316; width: 182px;} .honey-finder h4 {color: #fff; font: italic 16px Georgia,"Times New Roman",Times,Serif; padding-right: 120px;} /* account utility */ .locator-utility {background: #9c6841; padding: 5px 25px;} .locator-utility a {padding: 6px 20px; margin: 0 1px; border: 1px solid #845835; color: #fff; text-shadow: 1px 1px 0 #8f5e39; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; background-color: #b57e55; background-image: -webkit-gradient(linear, left top, left bottom, from(#b57e55), to(#8b5b37)); background-image: -webkit-linear-gradient(top, #b57e55, #8b5b37); background-image: -moz-linear-gradient(top, #b57e55, #8b5b37); background-image: -o-linear-gradient(top, #b57e55, #8b5b37); background-image: -ms-linear-gradient(top, #b57e55, #8b5b37); background-image: linear-gradient(top, #b57e55, #8b5b37); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b57e55', EndColorStr='#8b5b37'); } .locator-utility a:hover {text-decoration: none; background: #8b5b37; box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,.2);} .locator-utility span {color: #d6b69d;} /* views */ .locator_main {width: 65%;} .locator_aside {width: 35%;} .locator_aside > div {background: #fff; margin-left: 20px; padding: 15px 0;} .locator_main hr {margin: 25px 15px;} .locator_aside hr {margin: 15px;} .locator_main p, .locator_aside p {line-height: 1.6em;} .locator_aside p {margin-bottom: 5px;} .locator_aside figure {margin: 0 15px 20px 15px;} .cat_links {width: 238px; margin: 35px 25px 0 25px;} .cat_links a {display: block; margin: 5px 0; padding: 2px 0; text-align: center; font-size: 13px; color: #4d2300; text-shadow: 1px 1px 0 #ffc547; -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; -khtml-border-radius: 16px; border-radius: 16px; background-color: #fec235; background-image: -webkit-gradient(linear, left top, left bottom, from(#fec235), to(#fd9224)); background-image: -webkit-linear-gradient(top, #fec235, #fd9224); background-image: -moz-linear-gradient(top, #fec235, #fd9224); background-image: -o-linear-gradient(top, #fec235, #fd9224); background-image: -ms-linear-gradient(top, #fec235, #fd9224); background-image: linear-gradient(top, #fec235, #fd9224); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fec235', EndColorStr='#fd9224'); } .cat_links a:hover {background: #fec235; text-decoration: none;} html.multiplebgs .page-head.bee-bg-locator {background: url(../i/bee-large-locator.png) no-repeat 55% bottom,url(../i/gradient_bg.png) repeat-x center 0;} .bee-bg {position: absolute; bottom: -6px; left: 0; width: 75%; height: 100%; padding-right: 5px; z-index: 1;} html.multiplebgs .bee-bg {display: none;} .bee-bg.bee-bg-locator {background: url(../i/bee-large-locator.png) no-repeat 95% bottom;} .inner-head, .inner .sidebar.upper, .locator-utility {position: relative; z-index: 100;} /* map */ .locator_map {background: url(../i/right-content.png) repeat-x 0 0; overflow: hidden; width: 100%;} .locator_map h2 {text-shadow: 1px 1px 0 #fff;} .js #map_main {opacity: 0;} #map_main {position: relative; width: auto; padding: 0; margin: 0 28px; text-align: left;} #map_main img.map_placehold {position: relative; height: auto !important; z-index: 200;} #map_main img.map_bg {position: absolute; top: 0; left: 0; z-index: 1;} #map_main canvas {z-index: 100;} map {display: inline;} area, param {display: none;} .state_mobile_select {display: none;} .map_loader {position: absolute; top: 40%; left: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; background: #fff url(../i/locator/map/loader_dots.gif) no-repeat center center; z-index: 1000; text-indent: -9999em; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px;} .no-js .map_loader {display: none;} .states_hover {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .states_hover .state_selection {display: block; position: absolute; bottom: 0; left: 0; background-size: 100%; background-position: right top; background-repeat: no-repeat; z-index: 1;} /* .states_hover .bubble {position: absolute; left: 50%; top: 50%; margin: -12px 0 0 -12px; width: 25px; height: 25px; background: #a38e80; color: #fff; text-align: center; font-size: 11px; font-weight: 100; font-family: 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; cursor: move; z-index: 2000;} .js .states_hover .bubble {opacity: 0;} .states_hover .state_selection.hover .bubble {background: #c46005;} */ .states_bubbles {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;} .states_bubbles.small_states {position: static;} .states_bubbles .bubble {display: block; position: absolute; top: 0; left: 0; margin: -12px 0 0 -12px; padding: 1px 0 0 0; width: 25px; height: 24px; background: #a38e80; color: #fff; text-align: center; font-size: 10px; font-weight: 100; font-family: 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; cursor: pointer; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .ie6 .states_bubbles .bubble, .ie7 .states_bubbles .bubble, .ie8 .states_bubbles .bubble {background: url(../i/legacy_bubble.png) no-repeat center top;} .ie6 .states_bubbles .bubble.hover, .ie7 .states_bubbles .bubble.hover, .ie8 .states_bubbles .bubble.hover {background: url(../i/legacy_bubble.png) no-repeat center bottom !important;} .states_bubbles.small_states .bubble {z-index: 2000;} .states_bubbles.small_states .bubble:hover {z-index: 3000;} .states_bubbles .bubble:hover {text-decoration: none;} .states_bubbles .bubble.hover {background: #c46005; z-index: 5000;} .states_bubbles.small_states.push_behind .bubble {z-index: 100;} /* tooltips */ .bubble .tooltip {position: absolute; left: 50%; bottom: 100%; width: 150px; margin: 0 0 5px -90px; background: #fff; padding: 11px 15px 10px 15px; color: #4d2300; line-height: 1.9em; text-align: left; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3); -moz-box-shadow: 0 0 4px rgba(0,0,0,.3); -o-box-shadow: 0 0 4px rgba(0,0,0,.3); -khtml-box-shadow: 0 0 4px rgba(0,0,0,.3); box-shadow: 0 0 4px rgba(0,0,0,.3); z-index: 3000;} .bubble .tooltip .arrow {position: absolute; bottom: -9px; left: 50%; width: 18px; height: 9px; margin: 0 0 0 -9px; background: url(../i/locator/map/tooltip_arrow.png) no-repeat 0 0;} .ie8 .bubble .tooltip {border: 1px solid #ccc; margin-bottom: 3px;} .ie8 .bubble .tooltip .arrow {bottom: -8px;} .bubble .tooltip.west {left: -15px; margin-left: 0;} .bubble .tooltip.west .arrow {left: 18px; margin: 0;} .bubble .tooltip.east {left: auto; right: -15px; margin-left: 0;} .bubble .tooltip.east .arrow {left: auto; right: 18px; margin: 0;} .bubble .tooltip .tooltip_state {font-size: 18px;} .bubble .tooltip .tooltip_count {font-size: 14px; color: #b04b00;} /* state specifics - 844 x 517 - w x h */ .states_hover #alaska {width: 22.1%; height: 26.7%; left: .2%; bottom: 0;}/* 189 x 139 - 0.l 0.b */ .states_hover #alaska.hover {background-image: url(../i/locator/map/states/alaska.png);} .states_hover #hawaii {width: 11.01%; height: 12.57%; left: 25.19%; bottom: 1%;} /* 93 x 65 - 213.l 6.b */ .states_hover #hawaii.hover {background-image: url(../i/locator/map/states/hawaii.png);} .states_hover #maine {width: 6.34%; height: 17.02%; left: 88.9%; bottom: 76.8%;} /* 54 x 88 - 750.l 399.b */ .states_hover #maine.hover {background-image: url(../i/locator/map/states/maines.png);} .states_hover #texas {width: 25.35%; height: 40.03%; left: 28.43%; bottom: 3.86%;} /* 214 x 207 - 240.l 20.b */ .states_hover #texas.hover {background-image: url(../i/locator/map/states/texas.png);} /* large states */ .states_bubbles #alaska {top: 84%; left: 11.25%;} .states_bubbles #california {top: 45%; left: 5.5%;} .states_bubbles #washington {top: 8%; left: 11.5%;} .states_bubbles #oregon {top: 20.5%; left: 9%;} .states_bubbles #nevada {top: 38.5%; left: 12.5%;} .states_bubbles #arizona {top: 61%; left: 19.5%;} .states_bubbles #utah {top: 43%; left: 22%;} .states_bubbles #idaho {top: 25%; left: 19%;} .states_bubbles #colorado {top: 46%; left: 32%;} .states_bubbles #montana {top: 15%; left: 28%;} .states_bubbles #wyoming {top: 30%; left: 30%;} .states_bubbles #north-dakota {top: 15%; left: 42%;} .states_bubbles #south-dakota {top: 26.5%; left: 42%;} .states_bubbles #nebraska {top: 37.5%; left: 43%;} .states_bubbles #kansas {top: 49%; left: 44.5%;} .states_bubbles #new-mexico {top: 62%; left: 30%;} .states_bubbles #texas {top: 75%; left: 43%;} .states_bubbles #oklahoma {top: 60%; left: 46.5%;} .states_bubbles #minnesota {top: 21%; left: 51%;} .states_bubbles #iowa {top: 35.5%; left: 53%;} .states_bubbles #mississippi {top: 69%; left: 61.5%;} .states_bubbles #louisiana {top: 75%; left: 55.75%;} .states_bubbles #alabama {top: 68%; left: 67%;} .states_bubbles #kentucky {top: 49.75%; left: 69.5%;} .states_bubbles #south-carolina {top: 62.5%; left: 78%;} .states_bubbles #georgia {top: 68%; left: 73.5%;} .states_bubbles #missouri {top: 49%; left: 55%;} .states_bubbles #arkansas {top: 62.5%; left: 55.5%;} .states_bubbles #tennessee {top: 57.5%; left: 67%;} .states_bubbles #north-carolina {top: 55.5%; left: 81%;} .states_bubbles #wisconsin {top: 26%; left: 59%;} .states_bubbles #illinois {top: 42%; left: 60.5%;} .states_bubbles #indiana {top: 42%; left: 66%;} .states_bubbles #ohio {top: 40%; left: 71.75%;} .states_bubbles #west-virginia {top: 45.5%; left: 76%;} .states_bubbles #virginia {top: 47%; left: 81%;} .states_bubbles #pennsylvania {top: 35%; left: 80.5%;} .states_bubbles #new-york {top: 25%; left: 84%;} .states_bubbles #maine {top: 13%; left: 91.75%;} .states_bubbles #michigan {top: 30%; left: 67.5%;} .states_bubbles #florida {top: 85%; left: 78.75%;} /* small states */ .states_bubbles.small_states #hawaii {top: 96.5%; left: 30%;} .states_bubbles.small_states #massachusetts {top: 25%; left: 95%;} .states_bubbles.small_states #connecticut {top: 31%; left: 94%;} .states_bubbles.small_states #maryland {top: 46%; left: 90%;} .states_bubbles.small_states #delaware {top: 39%; left: 94%;} .states_bubbles.small_states #district-of-columbia {top: 42.5%; left: 96.75%;} .states_bubbles.small_states #new-jersey {top: 35.5%; left: 91%;} .states_bubbles.small_states #rhode-island {top: 27.9%; left: 98%;} .states_bubbles.small_states #vermont {top: 10%; left: 87%;} .states_bubbles.small_states #new-hampshire {top: 2.5%; left: 88.75%;} .states_bubbles.small_states .bubble:after {position: absolute; background: #87776a; content: ''; z-index: -1;} .states_bubbles.small_states .bubble.hover:after {background: #c46005;} .states_bubbles.small_states .horizontal:after {right: 100%; top: 50%; margin-top: -1px; height: 1px;} .states_bubbles.small_states .vertical:after {right: 50%; top: 100%; margin-left: -1px; width: 1px;} .states_bubbles.small_states #massachusetts:after {width: 30px;} .states_bubbles.small_states #connecticut:after {width: 43px;} .states_bubbles.small_states #maryland:after {width: 27px;} .states_bubbles.small_states #delaware:after {width: 66px;} .states_bubbles.small_states #district-of-columbia:after {width: 106px;} .states_bubbles.small_states #new-jersey:after {width: 30px;} .states_bubbles.small_states #rhode-island:after {width: 56px;} .states_bubbles.small_states #vermont:after {height: 50px;} .states_bubbles.small_states #new-hampshire:after {height: 90px;} .states_bubbles.small_states #district-of-columbia .tooltip {width: 165px;} /* tools/layout */ .or_rule {clear: both; margin-left: 20px; margin-right: 20px; text-align: center; background: #fff url('../i/pullout-foot.gif') repeat-x 0 0; height: 14px;} .or_rule span {position: relative; top: -8px; background: #fff; padding: 0 10px;} .opt_set_1 {position: relative; margin: 0 15px; padding: 5px 0 10px 0;} .opt_set_1 > div {padding: 15px 0; width: 49%; background: #6b4220 url(../i/honeycomb-dark.gif) repeat 0 0;} .opt_set_or {position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin: -20px 0 0 -16px; background: url(../i/or-divider.png) no-repeat 0 0; text-indent: -9999em; z-index: 100;} .opt_set_1 .left h3.arrow-title, .opt_set_1 .right h3.arrow-title {width: 60%; margin: 0;} .opt_set_1 h3.arrow-title em {font-style: normal;} .opt_set_1 .left h3.arrow-title {text-align: left; padding: 5px 20px 6px 20px; background-position: right -3px;} .opt_set_1 .right h3.arrow-title {text-align: right; padding: 5px 20px 6px 20px;} .opt_set_1 .right h3.arrow-title span {right: -3px;} .opt_set_1 .left h3.arrow-title span {right: auto; left: -3px; background-position: 0 0;} .opt_set_1 .selects {padding: 15px 15px 0 15px;} .opt_set_2 .custom-select {position: relative; font-size: 0.85em; background-color: #d4bfac; border: 1px solid #d4bfac;} .opt_set_2 .custom-select a.current-selected {color: #514031; text-shadow: 1px 1px 0 #e3d0be;} .opt_set_2 label {color: #674020;} .opt_set_2 .buton-drawer input {margin: 10px 0 0 0;} .opt_set_2 .buton-drawer a.o-button {position: relative; bottom: -6px; padding-bottom: 3px;} .locator_results .results_count {position: relative; top: -3px; width: 30px; height: 14px; padding: 16px 0 0 0; margin-left: 10px; background: #9c6841; color: #fff; text-align: center; line-height: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;} .circle_link {display: block; width: 24px; height: 24px; padding: 0 0 0 0; margin-left: 10px; background: #bea996 url(../i/plus.png) no-repeat center 8px; color: #fff; text-align: center; line-height: 0; text-indent: -9999em; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; cursor: pointer;} .circle_link.arrow_icon {background: #bea996 url(../i/arrow-right.png) no-repeat 10px 7px;} .circle_link.to_top {background: #bea996 url(../i/up_arrow.png) no-repeat center 7px;} .circle_link:hover, .circle_link.open {background-color: #f6841e;} .circle_link.open {background-position: center -14px;} .responsive_table .head {border-bottom: 1px solid #ccc; padding-bottom: 10px;} .responsive_table .col {float: left; font-size: 14px;} .responsive_table .head .col {font-size: 16px;} .responsive_table .row {border-bottom: 1px solid #d3cfc8; clear: both; padding: 5px 0;} .responsive_table .row a {color: #444;} .responsive_table .row:after, .responsive_table .head:after {clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";} .responsive_table .row, .responsive_table .head {*zoom:1;} .locator_results .responsive_table .col1 {width: 60%} .locator_results .responsive_table .col2 {width: 40%} .account_section {border-bottom: 1px solid #eae3d9; margin-bottom: 20px;} .account_section p.updated_date {margin: 8px 20px; padding: 0;} .no-js .account_section .circle_link, .no-js .steps.lower_count, .no-js .next_step, .js .expandable_section, .js input.continue_submit, .js .supplier_creation .account_section, .supplier_creation .to_top {display: none;} /* -----DEBUG------ .account_section, .expandable_section, .js input.continue_submit {display: block !important;} *//* -----/ DEBUG------ */ .expandable_section {padding-bottom: 10px;} .supplier_creation .account_section.first, .supplier_creation .account_section .expandable_section {display: block;} a.o-button.next_step {padding-top: 3px;} .account_profile_listing {position: relative; display: block; float: left; width: 42%; height: 250px; margin: 20px 3%; padding: 28px 1% 15px 1%; border-top: 2px solid #e3dacd; border-bottom: 4px solid #e3dacd;} .account_profile_listing:hover {text-decoration: none; border-bottom: 4px solid #fda62b;} .account_profile_listing .update_date {position: absolute; top: -10px; left: 12px; background: #b4ab9d; color: #fff; text-shadow: 1px 1px 0 #a99f90; padding: 6px 10px 4px 10px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; -khtml-border-radius: 16px; border-radius: 16px;} .account_profile_listing:hover .update_date {background: #fda62b;} .message_box {clear: both; background: #ffb749; border: 1px solid #f38d22; padding: 5px 10px; margin: 15px 18px 5px 18px;} .message_box.payment_success {margin: 0 18px 18px 18px;} .message_box p {margin: 10px 0; font-weight: bold; color: #502103; text-shadow: 1px 1px 0 #ffd08b;} form.alt_form_layout input[type=text], form.alt_form_layout input[type=password], form.alt_form_layout textarea, .styled-select select {width: 94%; padding: 8px 3%; color: #444; font-size: 13px;} .styled-select select {width: 100%;} form.alt_form_layout input[type=text], form.alt_form_layout input[type=password], form.alt_form_layout textarea {border: 1px solid #dad4cb;-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,.2); -moz-box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,.2); -o-box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,.2); -khtml-box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,.2); box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,.2);} form.alt_form_layout p, form.alt_form_layout label {color: #78746f;} form.alt_form_layout label {display: block; margin-bottom: 5px; padding-right: 0;} form.alt_form_layout em.error-container {float: right; font-style: normal; color: #aba69f; font-size: 11px;} form.alt_form_layout em.error-container span {display: block; padding: 0; margin: 0; background: none; color: #c03c13;} form.alt_form_layout em.error-container span.ok {color: #aba69f;} form.alt_form_layout .error input, form.alt_form_layout .error textarea {border: 1px solid #c03c13;} .styled-select {display: block; margin: 0; padding: 0; width: auto; height: auto; background:url(../i/select_arrow.png) no-repeat 97% center #fff; border: 1px solid #dad4cb; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -o-box-shadow: 0 0 3px rgba(0,0,0,.2); -khtml-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2);} .ie8 .styled-select {background: none;} .styled-select.short_select {background-position: 94% center;} .styled-select.short_select select {width: 100%; padding-left: 8%; padding-right: 8%;} .styled-select select {display: block; margin: 0; white-space: nowrap; outline: none; border: none; background: transparent; cursor: pointer; -moz-appearance: window; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline: none;} .styled-select:hover {border: 1px solid #f6841e;} p.error .styled-select, td.error .styled-select {border: 1px solid #c03c13;} input.credit_card {background: #fff url(../i/icon_credit.png) no-repeat 98% center;} input.promo_code {background: #fff url(../i/icon_success.gif) no-repeat 98% center;} label.update_cart_pl {position: relative;} label.update_cart_pl input.update_cart {position: absolute; top: 23px; right: 2px;} label.update_cart_pl input.update_cart {display: inline-block; zoom: 1; *display: inline; color: #5f4229; background: #e1dbd3; padding: 1px 8px 3px 8px; font: 13px 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif; text-shadow: 1px 1px 0 #f9f9f9; border: 1px solid #c4bdb2; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;} .secure_icon {width: 29px; height: 29px; background: #f99826 url(../i/icon_lock.png) no-repeat center center; text-indent: -9999em;} .form_checkboxes {padding: 0 15px;} .form_checkboxes label {line-height: 1.3em;} .form_checkboxes.three_columns {column-count: 3; column-gap: 20px; -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px;} .form_radios.error {border: 1px solid #c03c13; padding: 15px 0 0 0; margin: 0 15px;} .form_radios.error .conditional_radios_error {position: relative; margin-top: -28px; margin-right: 5px; background: #fff; padding: 5px;} form.alt_form_layout .error input[disabled=disabled], form.alt_form_layout .error textarea[disabled=disabled] {border: 1px solid #dad4cb;} .primary .form_radios p.mbn {margin-bottom: 0;} .primary .form_radios p.mtn {margin-top: 0;} .remote-expandable-trigger {text-shadow: 1px 1px 0 #fff;} .remote-expandable-content {display: none; border-bottom: 1px solid #ccc;} .matrix_hold_load {display: none;} .safecracker_file_set {color:#5F6C74; font-family: Helvetica, Arial, sans-serif; font-size:12px;} .safecracker_file_thumb {border: 1px solid #d9d1c6; position: relative; text-align: center; float: left; margin: 6px 0 5px 6px; padding: 5px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 4px; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -o-box-shadow: 0 0 3px rgba(0,0,0,.2); -khtml-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2);} .safecracker_file_undo_button {color:#5F6C74; font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-decoration: underline; display: block; margin: 0 0 8px; padding: 0;} .safecracker_file_thumb p, a.safecracker_file_remove_button img {display: none;} .safecracker_file_thumb img {display: block;} .safecracker_file_thumb p {margin: 4px 0 0; padding: 0;} .safecracker_file_remove_button {position: absolute; width: 20px; height: 20px; background: #c03c13 url(../i/plus.png) no-repeat center -16px; top: -6px; left: -6px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;} .safecracker_file_existing {margin: 4px 0 0;} .safecracker_file_input {clear: both;} .safecracker_file_input.js_hide {display: none;} .supplier-image, .supplier-varietals img {border: 1px solid #e8e4dd;} .supplier-image img {display: inline-block; *display: inline; zoom: 1; margin-bottom: -8px;} .supplier-varietals.wysiwig h2 {margin-bottom: 15px;} .supplier-varietals.wysiwig .varietal-link {margin: -6px 15px 0 15px;} /* honey bee science banner ------------------------------------------*/ .home-campaign-feature {clear: both; padding: 20px 0;} .home-campaign-feature h1 {font: 45px/1.2 'Satisfy',Arial,Helvetica,sans-serif;} .home-campaign-feature h1.white {color: #fff; text-shadow: 1px 1px 0 rgba(164,138,114,.6);} .home-campaign-feature h1.orange {color: #c35d02; text-shadow: 1px 1px 0 rgba(255,255,255,.6);} .home-campaign-feature h1.dark {color: #413221; text-shadow: 1px 1px 0 rgba(255,255,255,.6);} .home-campaign-feature h1 span {display: block; color: #141414; text-shadow: none; font: 22px 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif;} /* blog box ------------------------------------------*/ .blog {position: relative; border-right: 1px solid #e8e4dd; margin-right: -1px;} .blog .bee {position: absolute; right: 0; top: -23px; width: 43px; height: 212px; background: url(../i/bee.png) no-repeat 0 0;} .blog h2 {color: #c59a3f; font-size: 28px; font-weight: 500; font-family: 'Satisfy',Arial,Helvetica,sans-serif; padding-bottom: 18px;} .blog h2 span {color: #614022; font: 22px 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif; text-transform: uppercase;} .blog h3 {color: #F6841E; font: 21px/1.2em 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif; padding-bottom: 1px;} .blog h4 {color: #666; font: italic 14px Georgia,"Times New Roman",Times,Serif; padding-bottom: 12px;} .blog p strong {color: #141414; font: bold 11px Arial,Helvetica,sans-serif; text-transform: uppercase;} .blog a {margin: 15px;} .blog h3 a {margin: 0;} .blog h3 a:hover {text-decoration: none; color: #e25906;} /* poll box ------------------------------------------*/ .other {background: url(../i/bee.png) no-repeat -43px -23px;} .survey h3 {color: #141414; font: normal 18px 'AvenirLTW01-55Roman', Arial, Helvetica, sans-serif; line-height: 25px; padding-bottom: 10px;} .survey p {margin-bottom: 12px;} .survey p input {display: inline;} .survey .buttons, .survey .view-options, .survey .total-votes {margin: 0 15px;} .survey .total-votes {margin-top: 10px; color: #6e6659; font-size: 14px;} .survey .buttons input, .survey .view-options input {display: block; margin: 8px 0; border: none; outline: none;} .poll-details div {margin: 0 15px;} .option-info {margin-bottom: 15px;} .option-info p, .total-votes, .option-bar-value span {font-family: 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif;} .option-info p {margin-bottom: 4px; font-size: 16px; color: #F6841E;} .option-info p span {font-size: 11px; color: #998E7D; float: right;} .option-bar, .option-bar-value {height: 23px;} .option-bar {border: 1px solid #ddd7ce; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;} .option-bar-value {position: relative; background: #eeeae4;} .option-bar-value span {position: absolute; top: 2px; left: 6px; font-size: 14px; line-height: 1.4em; color: #6e6659;} /* custom selects ------------------------------------------*/ .select-box {width: 32%;} .state-select .custom-select {width: 130px;} .source-select .custom-select {width: 155px;} .country-select .custom-select {width: 140px;} .custom-select {position: relative; /*width: 181px;*/ font-size: 0.85em; background-color: #BF783D; border: 1px solid #A16F45; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;} .custom-select a.current-selected {display: block; overflow: hidden; cursor: pointer; padding: 0 10px 0 8px; height: 28px; line-height: 28px; color: #FFF; text-decoration: none; font-size: 14px; background: url(../i/select-arrow.png) no-repeat 94% center; font-family: 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif; font-weight: 100;} .custom-select .custom-select-wrapper {position: absolute; left: -999em;} .custom-select .bottom {width: auto; height: 0; line-height: 6px; font-size: 0;} .custom-select.open .custom-select-wrapper {width: 100%; left: auto; z-index: 500; background: #fff; border: 1px solid #bfbfbf; margin-left: -1px;} .custom-select ul {max-height: 300px; overflow: auto; padding: 0; list-style: none; margin: 0; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); -o-box-shadow: 0 0 5px rgba(0,0,0,.2); -khtml-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -o-border-radius: 0 0 2px 2px; -khtml-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } .custom-select ul li {margin: 0; float: none; line-height: 1.09; padding: 0; border-bottom: 1px solid #efefef;} .custom-select ul li a { display: block; padding: 3px 10px; color: #614022; text-decoration: none; font-size: 12px;} .custom-select ul li a:hover, .custom-select ul li a.current {background: #f0e7de; text-decoration: none;} a.checkbox {background: #e6e6e6 url('../images/common/sprite_form_elements.png') -90px -75px no-repeat; display: inline-block; zoom: 1; *display:inline; width: 15px; height: 16px; margin-right: 5px;} a.checkbox-checked {background-position: -110px -75px; background-color: #ccc;} a.radio {background: #e6e6e6 url('../images/common/sprite_form_elements.png') -50px -75px no-repeat; display: inline-block; zoom: 1; *display:inline; width: 14px; height: 14px; margin-right:5px;} a.radio-checked {background-position: -70px -75px; background-color: #ccc;} /* tabs ------------------------------------------*/ #tab-btm {clear: both; margin-top: -5px; background: url('../i/pullout-foot.gif') repeat-x 0 bottom;} #tab-btm {background: #fff url('../i/pullout-foot.gif') repeat-x 0 0; height: 14px;} #tab-mdl {clear: both; padding: 0;} .tabs {position: relative; margin-bottom: 22px; clear: both;} .tabs ul {padding: 0; padding: 0;} .tabs li {display: block; float: left; padding-right: 3px;} .tabs li a {display: block; color: #4d2300; padding: 7px 10px 10px 10px; line-height: 17px !important; border-right: 1px solid #E8E4DD; font: normal 14px 'AvenirLTW01-85Heavy', Arial, Helvetica, sans-serif;} .tabs li a.current, p.tab-static {color: #d76a08; position:relative; border-color: transparent; background: #ffefcf; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; -khtml-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;} p.tab-static {display: block; float: left; margin: 10px 20px 0 20px; padding: 7px 10px 10px 10px; font: normal 14px 'AvenirLTW01-55Roman', Arial, Helvetica, sans-serif; line-height: 17px !important;} .tabs li a.no-border {border-color: transparent;} .tabs li.last-child a {border: none;} .tabs li span {display: block;} .pull {clear: both; padding: 15px;} .pull-img {max-width: 40%;}/*40% 238*/ .pull-img img {max-width: 100%;} .pull-img p {background: #998e7d; margin: 0; padding: 4px 8px 6px 8px; color: #fff; font-size: 11px;} .pull-img-crop {background: #fff; border: 1px solid #d3d3d3; position: relative; overflow: hidden;} .pull-img-crop a {position: absolute; top: 0; right: 0; background: #f6841e; color: #fff; font-style: normal; font-size: 18px; line-height: 1em; padding: 3px 7px; cursor: pointer;} .pull-img-crop a:hover {text-decoration: none; background: #e77611;} .pull-txt {float: left; width: 55%;} .pull-txt, .pull-img {margin-bottom: 10px;} .listing .pull-img {margin-bottom: 25px;} .listing .pull-txt h3 {font-size: 18px;} .pull-txt p {color: #666; font-family: Arial, Helvetica, sans-serif;} .pull-txt h3, .pull-txt h4, .pull-txt p {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;} .pull-txt h3 {font: normal 21px 'AvenirLTW01-55Roman', Arial, Helvetica, sans-serif; line-height: 25px; padding-bottom: 5px;} .pull-txt h4 {color: #C59A3F; text-transform: uppercase; font: normal 12px 'AvenirLTW01-85Heavy', Arial, Helvetica, sans-serif;} .pull-txt.digital {position: relative;} .pull-txt.clipping {height: 240px; overflow: hidden; border-bottom: 1px solid #ccc;} .pull-txt.digital .more {position: absolute; right: 0; bottom: 0; background: #F6841E; color: #fff; cursor: pointer; font-size: 18px; font-style: normal; line-height: 1em; padding: 3px 7px;} .pull-txt.digital .more:hover {text-decoration: none;} .recipe-difficulty p {display: inline; color: #999; font: bold 11px Arial,Helvetica,sans-serif; padding-right: 80px; padding-bottom: 1px; margin-right: 15px; background: url(../i/rating.png) no-repeat right -2px;} .recipe-difficulty p.difficulty-1 {background-position: right -2px;} .recipe-difficulty p.difficulty-2 {background-position: right -16px;} .recipe-difficulty p.difficulty-3 {background-position: right -30px;} .recipe-difficulty p.difficulty-4 {background-position: right -44px;} .recipe-difficulty p.difficulty-5 {background-position: right -58px;} .recipe-difficulty p.time-1 {background-position: right -2px;} .recipe-difficulty p.time-2 {background-position: right -16px;} .recipe-difficulty p.time-3 {background-position: right -30px;} .recipe-difficulty p.time-4 {background-position: right -44px;} .recipe-difficulty p.time-5 {background-position: right -58px;} .recipe-difficulty .servings {background: none; padding-right: 0;} .recipe-details {margin: 0 15px;} .recipe-details p {font-size: 12px; margin-bottom: 15px;} .recipe-details h3 {color: #C59A3F; font: 28px 'Satisfy',Arial,Helvetica,sans-serif;} .recipe-details h4 {color: #C59A3F; font: 14px 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif; text-transform: uppercase; margin-bottom: 2px;} .recipe-details hr {margin-left: 15px; margin-right: 15px;} .nutritional-info {margin-bottom: 15px; background: #fff;} .nutritional-info div {border: 1px solid #E8E4DD;} .nutritional-info h3 {background: #998E7D; color: #fff; font: 14px 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif; padding: 4px 10px; text-shadow: 1px 1px 1px #5D4F38;} .nutritional-info ul {padding: 5px;} .nutritional-info li {border-bottom: 1px solid #EAE6E0; color: #666; font: bold 12px Arial,Helvetica,sans-serif; margin: 0 5px; padding: 4px 1px 5px;} .nutritional-info li:last-child {border: none;} .nutritional-info li.serving {border: medium none; color: #998E7D; font-size: 10px;} .ingredients {margin-bottom: 15px;} .ingredients li {color: #666; font: 14px Arial,Helvetica,sans-serif; padding: 7px 7px 1px;} .wysiwig ul.ingredient-list li, ul.ingredient-list li {list-style: none; line-height: 1.4em; margin-bottom: 6px; margin-top: 6px;} /* pull box ------------------------------------------*/ .pull-btm-hr {width: 100%; height: 14px; margin: 25px 0; clear: both; background: url('../i/pullout-foot.png') repeat-x 0 0;} .pull-btm {position: absolute; bottom: -4px; left: 0; width: 100%; height: 14px; background: url('../i/pullout-foot.gif') repeat-x 0 0;} .pull-btm.tpbg {background: url('../i/pullout-foot.png') repeat-x 0 0;} .pull-content {position: relative; clear: both; padding: 0;} .opaque {background-color: #fff;} .pull-content h2 {font: 25px 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif; padding: 0; margin: 0 0 10px 0;} .pull-content h2.mbs {margin-bottom: 5px;} .pull-content .pull {padding: 15px;} .pull-content .pull.phn {padding-left: 0; padding-right: 0;} .photo-container {} .embed-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} .embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .video-item {float: left; width: 25%;} .video-item div {margin: 0 8px;} .video-item p {font-size: 10px; color: #666; margin: 8px 0; padding: 0;} .video-item .thumb {overflow: hidden; margin: 0; text-align: center !important; background: #333;} .video-item .thumb img {width: 100%; height: auto;} .video-item .thumb a {display: block; position: relative;} .video-item .thumb p {background-color: #998e7d; color: #fff; padding: 4px 6px; margin: 0; font-family: 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif;} .video-item .thumb:hover p {background-color: #887c69;} .video-item .play-icon {position: absolute; bottom: 5px; right: 3px; width: 28px; height: 28px; margin: 0; background: url(../i/sprite.png) no-repeat -100px -91px;} ul.like-share {margin: 0; padding: 5px 0; border-top: 1px solid #e6e5e1;} ul.like-share.gap {margin-top: 20px;} ul.like-share li {float: left; margin-right: 5px; padding-right: 8px; border-right: 1px dashed #e7e7e5;} ul.like-share li a {display: inline-block; zoom: 1; *display: inline; height: 23px; background: url(../i/sprite.png) no-repeat 0 -251px; text-indent: -9999px;} /*ul.like-share li a {display: inline-block; zoom: 1; *display: inline; height: 23px; background: url(../i/like-share.png) no-repeat 0 0; text-indent: -9999px;}*/ ul.like-share.d-border {position: relative; border-top: 1px solid #cecbc0;} ul.like-share.d-border:after {content: ""; position: absolute; top: -2px; left: 0; width: 100%; height: 1px; background: #f7f0e7;} /* ul.like-share.rev li {float: right;} ul.like-share.rev li:first-child {padding-right: 0; margin-right: 0;} */ ul.like-share li.fb-like {padding-right: 5px; /*35px*/ margin-right: 9px; margin-top: -4px;} ul.like-share li.tw-share .twitter-share-button {margin-bottom: -4px; width: 90px !important;} ul.like-share li.pin-share a {background: none; margin-top: 1px !important; text-indent: 0; height: auto;} ul.like-share li.mail, ul.like-share li.print, ul.like-share li.download {border-right: none;} ul.like-share li.share {padding-right: 12px; margin-right: 9px; margin-top: -1px;} ul.like-share li.share a {width: 48px;} ul.like-share li.mail a {width: 23px; background-position: -65px -251px;} ul.like-share li.print a {width: 20px; background-position: -105px -251px;} ul.like-share li.download a {width: 21px; background-position: -142px -251px;} ul.like-share li.embed a {width: 59px; background-position: -180px -251px;} /* ul.like-share li.mail a {width: 23px; background-position: -65px 0;} ul.like-share li.print a {width: 20px; background-position: -105px 0;} ul.like-share li.download a {width: 21px; background-position: -142px 0;} ul.like-share li.embed a {width: 59px; background-position: -180px 0;} */ ul.like-share li.comments {border: none; float: right;} ul.like-share li.comments a {text-indent: 0; width: auto; height: auto; background: none; font-size: 12px; color: #f6841e;} ul.like-share li.comments a.bubble {background: url(../i/sprite.png) no-repeat -236px -117px; width: 34px; margin-left: 10px; padding-bottom: 2px; text-align: center;} /* resources ------------------------------------------*/ .res-box {padding: 5px 15px 15px 15px; border: 1px solid #f4ece0; background: #fcfaf8; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;} .res-box img {margin-top: 10px;} .res-box p {margin: 10px 0 0 0; padding: 5px 8px; font-family: 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif; text-align: center; background: #F6841E; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;} .res-box p a {color: #fff;} /* video nav ------------------------------------------*/ .video-nav {margin-top: 50px;} .video-nav h3 {margin-bottom: 15px; margin-left: 0; margin-right: 0; padding: 0;} .video-nav ul {margin: 0 20px 15px 0; padding: 0;} .video-nav li {display: block; font-size: 11px; line-height: 1.2em; font-family: 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif; text-align: left; margin-bottom: 18px;} .video-nav li > div {position: relative;} .video-nav .play-icon {position: absolute; bottom: 5px; right: 11px; width: 28px; height: 28px; margin: 0; background: url(../i/sprite.png) no-repeat -100px -91px;} .video-nav li img {margin-bottom: 5px; max-width: 100%;} .video-nav a {color: #f28d1e;} .video-nav a:hover {text-decoration: none;} /* comments ------------------------------------------*/ .comment-mod {padding-top: 25px;} .comment-mod h2 {font-size: 28px; margin-left: 0; margin-right: 0; margin-bottom: 10px; padding-left: 0; padding-right: 0;} .bubble-lg {background: url(../i/sprite.png) no-repeat -220px -146px; width: 50px; padding: 6px 0; margin-top: -10px; text-align: center; color: #d7cebe; font-size: 18px; font-family: 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif;} .comment-mod p {color: #666; margin-left: 0; margin-right: 0; padding: 0;} .comment-mod ul {background: #faf6f0; margin: 0; padding: 20px 20px 5px 20px;} .comment-mod ul li {border-top: 1px solid #f0eae0; padding-top: 15px; margin-top: 15px;} .comment-mod ul li:first-child {border: none; padding-top: 0; margin-top: 0;} .comment-mod ul p {margin-bottom: 8px;} .comment-mod ul ul {border-top: 1px solid #f0eae0; padding-top: 15px; margin-top: 15px;} .comment-title {font-size: 10px;} .comment-title strong {font-style: italic; font-size: 14px;} .comment-title span {font-weight: bold;} .comment-mod form {margin-bottom: 30px;} .comment-mod .full input, .comment-mod .full textarea {width: 97%;} .comment-mod .half input, .comment-mod .half textarea {width: 50%;} .comment-mod .field {margin-bottom: 15px;} .comment-mod label {font-size: 13px; font-family: 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif; color: #452207;} .comment-mod label span {color: #999; margin-left: 20%; font-size: 10px;} .comment-mod .o-button {text-transform: uppercase;} /* WYSIWIG ------------------------------------------*/ .wysiwig h1 {color: #5C3619; font-weight: 100; font-size: 32px; font-family: 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif;} .wysiwig h2 {color: #f6841e; font-weight: 100; font-size: 24px; font-family: 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif; margin-top: 20px; margin-bottom: 20px;} .wysiwig h3 {color: #c59a3f; font-weight: 100; font-family: 'Satisfy', Helvetica, Arial, sans-serif; margin-top: 5px; margin-bottom: 5px;} .wysiwig h4 {color: #C59A3F; font-weight: 100; font-size: 14px; font-family: 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif; margin-bottom: 2px; text-transform: uppercase;} .wysiwig h5, caption {color: #F6841E; font-weight: 100; font: 14px 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif; margin-bottom: 5px;} .wysiwig h6 {color: #444; font-weight: 100; font: 12px 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif; margin-bottom: 5px;} .wysiwig ol, .wysiwig ul {color: #666; font-size: 12px; margin: 0 0 15px 0; padding: 0; padding-left: 20px; padding-right: 20px;} .wysiwig ul li, .wysiwig ol li {list-style-position: outside; padding-left: 0; line-height: 1.5em; margin-top: 8px; margin-bottom: 8px;} .wysiwig ol li {line-height: 1.3em; margin-bottom: 5px; margin-left: 13px;} .wysiwig ul li {list-style: circle; margin-left: 8px;} .wysiwig small {font-size: 10px;} .wysiwig img.left, .wysiwig img.right {margin: 20px; margin-top: 0; clear: both;} .wysiwig img.align-left, .wysiwig img.align-right {margin-top: 0; margin-bottom: 20px;} .wysiwig img.align-left {float: left; margin-right: 20px;} .wysiwig img.align-right {float: right; margin-left: 20px;} .wysiwig hr {clear: both;} .wysiwig hr.no-break {clear: none;} .wysiwig table {margin-left: 15px; margin-right: 15px; width: auto;} .wysiwig table.full {width: 95%;} /* sidebar ------------------------------------------*/ .sidebar {position: relative; background: #fff; margin-right: 0; padding-left: 6px;} .sidebar .side-shadow {position: absolute; top: 0; right: 0; width: 6px; height: 100%; /*max-height: 457px;*/ background: url(../i/sidebar_shadow-a.png) no-repeat 0 0; z-index: 200;} .sidebar .side-shadow div {position: absolute; bottom: 0; left: 0; width: 6px; height: 73px; background: url(../i/sidebar_shadow-c.gif) no-repeat 0 0;} .sidebar.left .side-shadow div {bottom: -60px;} .sidebar.right .side-shadow {display: none;} .sidebar.right {background: url(../i/sidebar_shadow.png) no-repeat 0 0;} .sidebar.left {padding-left: 0; background: none;} .sidebar.slide-shadow {background: url(../i/sidebar_shadow-a.png) no-repeat right 0;} .sidebar.slide-shadow .side-shadow {background: url(../i/slide-shadow.png) no-repeat right bottom; top: auto; bottom: 0;} .inner .sidebar.upper {height: 100%; background: url(../i/sidebar-upper.png) no-repeat -1px 0; padding: 0;} .sidebar h3.arrow-title, .opt_set_1 h3.arrow-title {position: relative; display: block; height: 25px; text-shadow: 1px 1px 1px #B86316; background: url("../i/arrow-lng.png") transparent no-repeat 0 -42px; color: #fff; font: 17px/1.5em 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif; margin: 25px 0 20px -20px; padding: 5px 0 6px 35px; width: auto;} .sidebar h3.arrow-title span, .opt_set_1 h3.arrow-title span {position: absolute; top: -3px; right: -4px; display: block; width: 4px; height: 40px; background: url(../i/arrow-lng.png) no-repeat right -39px;} .sidebar h3.arrow-title.sm {font-size: 14px; padding-top: 6px;} .sidebar .honey-feast {border-top: 1px solid #DDD7CE;} .sidebar .honey-feast h3 {color: #FD9024; font: 23px 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif; word-spacing: -3px; padding: 0; margin: 0;} .sidebar .honey-feast h3 span {color: #614022; font-family: Georgia,"Times New Roman",Times,Serif; font-style: italic;} .sidebar .honey-feast a, .sidebar .hot-from-hive a {color: #F6841E; font: 14px 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif;} .sidebar .hot-from-hive {margin: 0 20px; padding: 10px 0;} .sidebar .hot-from-hive h3 {width: 182px; height: 61px; background: url(../i/sprite.png) no-repeat 0 -143px; margin: 0; padding: 0;} .sidebar .hot-from-hive.left h3 {width: 140px; height: 50px; background: url(../i/sprite.png) no-repeat 0 -204px;} .sidebar .hot-from-hive a {display: block; margin-top: -15px;} .sidebar .hot-from-hive.left a {margin-top: 0;} .sidebar .hot-from-hive p {margin: 0; padding: 0; color: #141414; margin-top: 5px; font-size: 11px;} .inner .sidebar .honey-feast {border: none;} .inner .sidebar .honey-feast h3 {background: url(../i/sprite.png) no-repeat 0 -120px; width: 156px; height: 23px;} .inner .sidebar .honey-feast a {font-size: 12px;} /* side nav ------------------------------------------*/ .side-nav {padding: 15px 6px 20px 0; margin: 0;} .side-nav.list {padding-top: 0; margin-top: 15px; border-top: 1px solid #E8E4DD;} .side-nav li {border-bottom: 1px solid #e8e4dd; padding: 0; line-height: .9em} .side-nav li a {display: block; padding: 5px 10px 5px 25px; color: #4d2300; font-size: 12px; font-family: 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif;} .side-nav.list li a {font-family: 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif;} .side-nav > li.active > a, .side-nav > ul > li.active > a, .side-nav li a:hover, .side-nav > li.parent-active > a, .side-nav > li > ul > li.parent-active > a {background-color: #fdead9; color: #d76a08; text-decoration: none;} .side-nav-nav {position: relative; font-size: 10px; font-family: 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif; padding-right: 20px; margin-top: -20px; color: #f6841e; text-transform: uppercase; cursor: pointer; background: url(../i/dwn-o-arrow.gif) no-repeat right center;} .side-nav ul {padding: 7px 0; margin: 0;} .side-nav ul li {border-bottom: none;} .side-nav ul li a {padding-left: 40px; padding-top: 3px; padding-bottom: 3px; background-image: url(../i/side-nav-sub.png); background-repeat: no-repeat; background-position: 25px -35px; color: #82654c; -webkit-transition: background .15s ease-in-out; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;} .side-nav ul ul a {padding-left: 55px; background-position: 40px -35px;} .side-nav > ul > ul > li.active > a, .side-nav > ul > li.active > ul > a {background-position: 40px 7px;} .side-nav > ul > li.active > a, .side-nav ul ul li.active a {background-color: #f6841e; color: #fff; background-position: 25px 7px;} .side-nav ul ul li.active a {background-position: 40px 7px;} .side-nav ul {display: none;} .side-nav li.parent-active ul, .side-nav li:hover ul, .side-nav li.active ul {display: block;} /* recipe search ------------------------------------------*/ .recipe-search {position: relative; border: 1px solid #DDD7CE; padding-bottom: 2px; background: #fff;} .recipe-search input {border: none; color: #92846d;} #recipe-field {width: 85%; padding: 5px 0;} #recipe-submit {position: absolute; top: 50%; right: 10px; margin-top: -9px; width: 17px; height: 17px; background: url(../i/sprite.png) no-repeat -252px 0;} /* lightbox ------------------------------------------*/ .fancybox-tmp iframe, .fancybox-tmp object {vertical-align: top; padding: 0; margin: 0;} .fancybox-wrap {position: absolute; top: 0; left: 0; z-index: 1002;} .fancybox-outer {padding: 0; margin: 0; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .fancybox-opened {z-index: 1003;} .fancybox-opened .fancybox-outer {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);} .fancybox-inner {width: 100%; height: 100%; padding: 0; margin: 0; position: relative; outline: none; overflow: hidden;} .fancybox-error {color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 10px;} .fancybox-image, .fancybox-iframe {display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top;} .fancybox-image {max-width: 100%; max-height: 100%;} #fancybox-loading {position: fixed; top: 50%; left: 50%; margin-top: -21px; margin-left: -21px; width: 42px; height: 42px; background: url('../i/loading.gif'); opacity: 0.8; cursor: pointer; z-index: 1010;} .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('../i/modal_sprite.png');} .fancybox-close {position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 1004;} .fancybox-prev, .fancybox-next {position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent url('../i/blank.gif'); /* helps IE */ z-index: 1003;} .fancybox-prev {left: 0; } .fancybox-next {right: 0;} .fancybox-prev span, .fancybox-next span {position: absolute; top: 50%; left: -9999px; width: 36px; height: 36px; margin-top: -18px; cursor: pointer; z-index: 1003;} .fancybox-prev span {background-position: 0 -36px;} .fancybox-next span {background-position: 0 -72px;} .fancybox-prev:hover, .fancybox-next:hover {visibility: visible;} .fancybox-prev:hover span {left: 20px;} .fancybox-next:hover span {left: auto; right: 20px;} .fancybox-tmp {position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden;} #fancybox-overlay {position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 1001; background: #index: 1001; background: #000;} .fancybox-title {visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 1005;} .fancybox-opened .fancybox-title {visibility: visible;} .fancybox-title-float-wrap {position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 1003; text-align: center;} .fancybox-title-float-wrap .child {display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.7); text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} .fancybox-title-outside-wrap {position: relative; margin-top: 10px; color: #fff;} .fancybox-title-inside-wrap {margin-top: 10px;} .fancybox-title-over-wrap {position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8);} /* featured / cal ------------------------------------------*/ .featured-recipes {clear: both;} .featured-topics, .blog-cal {background: #ffefcf;} .featured {margin-top: 0;} .featured.locator_featured {border-bottom: 20px solid #998e7d;} .featured div {height: 128px;} .primary-top-head {position: relative; top: -1px; padding: 7px 10px 5px 10px;} .featured h4, .primary-top-head, .blog-cal h4 {background: #f6841e; text-transform: uppercase; color: #fff; text-shadow: 1px -1px #9a7423; line-height: 1.3em;} .featured p {background: #998e7d; line-height: 1.2em; -webkit-transition: background .15s ease-in-out; -moz-transition: background .15s ease-in-out; -o-transition: background .15s ease-in-out; -ms-transition: background .15s ease-in-out; transition: background .15s ease-in-out;} .featured li a {font-size: 12px; color: #4d2300;} .featured:hover {text-decoration: none;} .featured:hover p {background: #877c6b;} .featured span {color: #f1e6d5;} .blog-cal {margin-bottom: 20px;} .blog-cal li a {float: left; font-size: 12px; display: block; background: #fff; padding: 6px 5px; margin: 0 5px 5px 0; text-align: center; width: 15.5%; color: #4d2300;} .blog-cal li a:hover, .blog-cal li.current a {background-color: #f6841e; color: #fff; text-decoration: none;} .blog-cal p {display: block; text-align: center; font-size: 22px; color: #444; font-family: 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif;} .blog-cal p a {color: #f6841e;} .blog-cal p a.year {color: #444;} /* footer ------------------------------------------*/ .footer {position: relative; padding: 35px 0 50px 0; margin: 50px 0 0 0; background-color: #60391c; background-image: -webkit-gradient(linear, left top, left bottom, from(#60391c), to(#3a1a01)); background-image: -webkit-linear-gradient(top, #60391c, #3a1a01); background-image: -moz-linear-gradient(top, #60391c, #3a1a01); background-image: -o-linear-gradient(top, #60391c, #3a1a01); background-image: -ms-linear-gradient(top, #60391c, #3a1a01); background-image: linear-gradient(top, #60391c, #3a1a01); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#60391c', EndColorStr='#3a1a01'); } .footer .head {position: absolute; top: 0; width: 100%; padding: 4px 0; background: #cfb9a2 url(../i/sprite.png) repeat-x 0 bottom;} .footer ul {margin: 0 0 20px 0; padding: 0;} .footer ul.ful-1 {width: 14.6667%;} .footer ul.ful-2 {width: 17.6667%; margin-right: 1%;} .footer ul.cont-col {margin-top: 25px;} .footer .body li {padding: 3px 10px; line-height: .9em;} .footer .body li.title {color: #fff; padding-bottom: 5px; font-size: 14px; font-weight: 300; font-family: 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif; line-height: 1.2em;} .footer .body li.last {margin-bottom: 15px;} .footer a {color: #d4c9c1; font-size: 11px; font-weight: 100; font-family: 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif;} .footer a:hover {color: #fff;} .footer p {color: #BAADA4; margin: 0; padding: 0; font-weight: 100; font-size: 12px; text-align: center; font-family: 'AvenirLTW01-55Roman',Arial,Helvetica,sans-serif;} .footer .foot {clear: both; padding-top: 20px; padding-bottom: 50px; border-top: 1px solid #624630;} .footer .foot li {display: inline; margin-right: 15px;} .footer .foot li:last-child {margin-right: 0;} .copyright {margin-bottom: -22px; margin-left: 25%; margin-right: 25%;} .copyright div {display: block; width: 140px; height: 68px; background: url(../i/sprite.png) no-repeat -152px -49px; margin: -35px auto 15px auto;} .social-footer {height: 17px; text-indent: -9999px;} .social-footer li {} .social-footer a {display: block; float: right; margin-right: 10px; width: 17px; height: 17px; background: url(../i/sprite.png) no-repeat 0 -73px;} .social-footer li.rs a {background-position: -118px -73px; margin-right: 0;} .social-footer li.pn a {background-position: -93px -73px;} .social-footer li.yt a {background-position: -73px -73px;} .social-footer li.gp a {background-position: 0 -73px;} .social-footer li.tw a {background-position: -44px -73px;} .social-footer li.fb a {background-position: -21px -73px;} .social-footer li.ig a {background-position: -136px -73px;} #footer-nav-toggle {display: none; text-align: center; cursor: pointer; border-bottom: 1px solid #705036; margin-bottom: -1px;} #footer-nav-toggle a {display: block; padding-bottom: 25px;} #footer-nav-toggle a:hover {text-decoration: none;} #footer-nav-toggle.open {margin-bottom: 25px;} /* user messages ------------------------------------------*/ #user-message {width: 100%; height: 100%; position: relative; padding: 0; margin: 0;} #user-message body {padding: 0; margin: 0;} #user-message div {position: absolute; top: 40%; left: 50%; width: 303px; height: auto; padding: 30px; margin-left: -180px; margin-top: -55px; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1); -moz-box-shadow: 0 0 5px rgba(0,0,0,.1); -o-box-shadow: 0 0 5px rgba(0,0,0,.1); -khtml-box-shadow: 0 0 5px rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,.16); -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } #user-message h2, #user-message ul, #user-message p {margin-left: 0; margin-right: 0; padding: 0;} #user-message h2 {line-height: 1.1em; font-size: 1.5em; margin-bottom: 10px; font: 100 normal 22px/1em 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif;} #user-message p, #user-message li {font: 200 normal .825em/1.5em Helvetica, sans-serif; color: #555; margin-bottom: 15px;} /* ========================================= MEDIUMS ========================================= */ /* ============================================ RECIPE PRINT STYLES | base print styles in print.css ============================================ */ body.print { background: #fff; } .print .primary h1, .print .primary h2, .print .primary h3, .print .primary h4, .print .primary h5, .print .primary h6 {margin: 0; padding: 0; color: #141414;} .print .primary p, .print .sidebar.right p {color: #141414;} .print .primary p {margin: 0 0 5px 0; padding-left: 0; padding-right: 0;} .print .primary p.head {margin-bottom: 12px;} .print.half .primary p {font-size: 11px;} .print .primary h1.logo {float: right; width: 157px; height: 51px; background: url(../i/logo-print.gif) no-repeat 0 0; margin-bottom: 15px; text-indent: -9999px;} .print .logo-sm {float: right; width: 103px; height: 22px; background: url(../i/logo-sm.png) no-repeat 0 0; text-indent: -999px;} .print .primary h2 {font: 100 normal 22px/1em 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif; margin-bottom: 5px;} .print .primary h3 {font-size: 21px; font-weight: 100; font-family: 'Satisfy', Helvetica, Arial, sans-serif; margin: 25px 0 8px 0;} .print.half .primary h3 {font-size: 11px; font-weight: bold; margin: 0; font-family: Arial, Helvetica, sans-serif;} .print .primary h4 {font-weight: 100; font-size: 14px; font-family: 'AvenirLTW01-55Roman', Helvetica, Arial, sans-serif; text-transform: uppercase;} .print.half .primary h4 {font-size: 11px; margin-bottom: 0; line-height: 1.5em;} .print .primary {padding: 30px 15px 20px 15px;} .print.full .primary {border: 1px dashed #ddd7cd;} .print .printable-area {color: #999; padding-right: 23px; padding-bottom: 5px; background: url(../i/printable-arrow.gif) no-repeat right 8px;} .print .recipe-difficulty {padding: 5px 0; margin-bottom: 0; border-top: 1px solid #e8e4dd; border-bottom: 1px solid #e8e4dd;} .print.half .recipe-difficulty {padding: 0;} .print .recipe-difficulty p {color: #141414; border-left: 1px dashed #e8e4dd; padding-left: 15px; margin-right: 15px; padding-right: 80px;} .print.half .recipe-difficulty p {border-left: none; padding-left: 0; margin-right: 10px;} .print .recipe-difficulty .difficulty {border-left: none; padding-left: 0;} .print .recipe-difficulty .servings {padding-right: 0;} .print .recipe-difficulty .servings strong {font-size: 14px;} .print .sidebar.right {padding-left: 0; background: none;} .print .sidebar.right p {margin-left: 0; margin-right: 0; padding: 0;} .printables a {display: block; padding: 90px 0 6px 0; font-size: 12px; font-family: 'AvenirLTW01-55Roman', Helvetica, Arial, sans-serif; color: #141414; text-align: center; background-color: #f7f5f2; border-top: 1px dashed #cac1b2;} .printables a:first-child {border-top: none;} .printables a:hover, .printables a.active {background-color: #f28d1e; color: #fff; text-decoration: none;} .printables a.full {background-image: url(../i/printables-icons.png); background-repeat: no-repeat; background-position: center 12px;} .printables a.half {background-image: url(../i/printables-icons.png); background-repeat: no-repeat; background-position: center -120px;} .printables a.card {background-image: url(../i/printables-icons.png); background-repeat: no-repeat; background-position: center -245px;} .print .print-halfpage {max-width: 540px; height: 355px; padding: 10px; margin: 0 auto 10px auto; border: 1px dashed #141414; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;} .print .primary .details {margin: 30px 0 15px 20px;} .print .primary .details p {text-align: center;} .print .primary .details img {display: inline;} .print .nutritional-info h3 {color: #fff; font-size: 14px; font-family: 'AvenirLTW01-85Heavy',Arial,Helvetica,sans-serif; padding: 4px 10px; margin: 0 5px;} .print .nutritional-info li, .print .nutritional-info li.serving {color: #141414;} .print .nutritional-info li.serving {padding-top: 0; margin-bottom: 5px; font-weight: 100;} .print .nutritional-info li span {font-weight: 100;} .print .nutritional-info ul {padding-left: 0; padding-right: 0;} .print .half-nutritional-info {border-top: 1px solid #e8e4dd; margin-top: 15px; padding-top: 5px;} .print p.copyright {color: #9f9f9f; border-top: 1px solid #e8e4dd; padding-top: 5px; margin-top: 30px; font-size: 10px;} .page-break {page-break-after: always;} @media print { .no-print {display: none;} .print.full .primary {border: none;} .print .primary {width: auto; float: none;} .print .sidebar {width: 0; float: none;} } /* ============================================ RESPONSIVE STYLES ============================================ */ /* input.mobile, textarea.mobile {-webkit-appearance: caret; -moz-appearance: caret;} */ @media only screen and (min-width : 960px) { .left-release-960 {float: none; width: auto;} .right-release-960 {float: none; width: auto;} .js #map_main {height: 517px;} } @media only screen and (max-width : 929px) { .flex-win {padding: 0; width: 426px; margin: 0 auto;} } @media only screen and (max-width : 900px) { .left-release-900 {float: none; width: auto;} .right-release-900 {float: none; width: auto;} .sidebar .hot-from-hive {margin: 0;} } @media only screen and (max-width : 800px) and (min-width : 480px) { .sidebar .recipe-search, .sidebar .honey-feast {width: 40%;} .sidebar .honey-feast {float: none; border-top: none; padding-top: 0;} } @media only screen and (max-width : 800px) { .left-release-800 {float: none; width: auto;} .right-release-800 {float: none; width: auto;} .social {float: right; width: 45%; clear: both; margin-top: 20px;} .search {border: none;} .utilities {margin-bottom: 20px;} .main {padding: 0 0 20px 0;} .inner .primary {padding-bottom: 10px;} .footer {padding-bottom: 10px;} .sidebar {padding: 0 20px;} .blog-bg {background: none;} .primary, .inner .primary, .inner .primary.right, .inner .primary.left {width: auto; float: none; clear: both;} .alt-column {margin-left: 5px; margin-right: 5px;} html.multiplebgs .page-head.bee-bg-locator {background: url(../i/gradient_bg.png) repeat-x center 0;} .bee-bg {display: none;} .inner .sidebar.upper {background: rgba(56,23,6,.3); padding: 15px 20px;} .inner .sidebar.upper h3 {margin-bottom: 10px; margin-top: 0;} .inner-head {width: 100%;} .inner .sidebar.upper .recipe-search {width: 50%; margin-bottom: 0; margin-top: 7px;} .print .sidebar.right {padding-right: 0;} .printables a {float: left; width: 50%;} .more-link.right {float: none; margin: 10px 0 5px 0;} .tabs.home {margin-right: 20px;} .tabs.mrl.mtl {margin-left: 20px;} .flex-text {margin-left: 20px; margin-right: 20px;} .sidebar .side-shadow {display: none;} .sidebar.left {padding: 0; margin: 0 20px;} .side-nav {background: none; padding-right: 0;} .pull-content.mrn {margin-right: 25px;} .sidebar.slide-shadow {background: none;} .sidebar, .sidebar.right {float: none; clear: both; width: auto; margin-right: 0; background: none;} .primary {clear: both; width: auto; margin-right: 0; background: none;} .sidebar .honey-feast, .recipe-search {margin-left: 0; margin-right: 0;} .sidebar h3.arrow-title {display: inline-block; zoom: 1; *display: inline; background: url("../i/arrow-lng.png") no-repeat right 0; margin: 15px 0 20px -23px; padding: 7px 35px 6px 25px;} .sidebar h3.arrow-title.sm {padding-top: 10px; padding-bottom: 4px;} .sidebar h3.arrow-title span {display: none;} .featured-recipes {background: #998e7d;} .inner .featured-recipes {margin-bottom: 15px;} .featured {float: left; width: 33.33333%; margin: 0;} .featured div {border-right: 1px solid #fff;} .featured p {border-right: 1px dashed #b6ab9a; border-left: 1px dashed #b6ab9a;} .featured:first-child p {border-left: none;} .featured:last-child p, .featured:last-child div {border-right: none;} .featured.recipe p {margin-right: -1px;} .featured.chef p, .featured.beverage p {margin-left: -1px;} .footer p {margin-bottom: 15px;} .footer .body ul {width: 50%;} .copyright, .footer .foot ul {width: auto; text-align: center; float: none; margin: 0;} .footer ul.social-footer {width: 159px; margin: 10px auto;} } @media only screen and (max-width : 800px) and (min-width : 479px) { .printables a {margin-bottom: 20px;} } @media only screen and (max-width : 767px) { .left-release-767 {float: none; width: auto;} .right-release-767 {float: none; width: auto;} #primary-nav li li.active em {display: none;} #primary-nav ul ul li.active, #primary-nav ul ul li.active a {background: none;} #primary-nav li.active > a, #primary-nav li.hover > a, #primary-nav li:hover > a {color: #fff; text-shadow: 1px 1px 0 #fd9225;} .locator_main, .locator_aside {width: auto; float: none;} .locator_aside > div {margin: 0 20px 20px 20px;} .map_loader {display: none;} .state_mobile_select {display: block;} .locator_map {background: #fff; padding-bottom: 0; margin-bottom: 0;} } @media only screen and (min-width : 600px) { .footer .body, .window.top-nav ul {display: block !important;} } @media only screen and (max-width : 600px) { .left-release-600 {float: none; width: auto;} .right-release-600 {float: none; width: auto;} .release, .account_profile_listing {float: none; width: auto; height: auto; clear: both;} .opt_set_1 .left, .opt_set_1 .right {float: none; width: auto;} .opt_set_1 .left {margin-bottom: 20px;} .opt_set_1 .right h3.arrow-title {text-align: left; padding: 5px 20px 6px 20px; background-position: right -3px;} .opt_set_1 .right h3.arrow-title span {right: auto; left: -3px; background-position: 0 0;} .opt_set_1 .left h3.arrow-title, .opt_set_1 .right h3.arrow-title {width: 50%;} .opt_set_or {margin-top: -19px;} .locator-utility {padding-bottom: 10px;} .locator-utility p {text-align: center;} .locator-utility span {display: block; margin-bottom: 5px;} .cat_links {width: 75%; margin: 20px 15px 15px 15px; float: none;} .request-forms .col1, .request-forms .col2 {float: none; width: auto;} .request-forms .col1 .inner, .request-forms .col2 .inner {border: none; margin: 0; padding-bottom: 0;} .request-forms .col2 .inner {padding-top: 5px;} .request-forms.sidebar {margin-left: 0; margin-right: 0;} .page-head.full .box p, .page-head.full .box h2 {width: auto;} .size_custom1,.left_custom1 {float: none; width: auto; margin: 0;} .size_custom1 {margin: 0 20px;} .window.top-nav {padding-bottom: 2px;} .window.top-nav p.more {display: block;} .window.top-nav ul {float: none; text-align: center; display: none; padding-top: 10px; padding-bottom: 10px;} .window.top-nav a {padding: 5px 6px; font-size: 12px;} .window.top-nav li, .window.top-nav li:last-child {border: none;} .window.top-nav li, .window.top-nav a {float: none;} .window.top-nav li {display: inline-block; zoom: 1; *display: inline;} #slider {border-top: 1px solid #9f8469;} .wrap-all {background: url(../i/res-bg.gif) repeat-x 0 0;} .wrapper {padding: 0;} .recipe-lists ul {width: 50%;} .video-item {width: 50%;} .nutritional-info, .ingredients {width: auto; float: none;} .featured-topics {display: none;} #primary-nav {height: auto; border-top: 1px solid #ebd2b1; border-bottom: 1px solid #b08f63; padding-top: 0; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); -o-box-shadow: 0 0 5px rgba(0,0,0,.2); -khtml-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); } #primary-nav li ul, #primary-nav > ul.hover > li.active ul {background: #FEC436; -webkit-box-shadow: inset 0 0 5px rgba(206,110,12,.8); -moz-box-shadow: inset 0 0 5px rgba(206,110,12,.8); -o-box-shadow: inset 0 0 5px rgba(206,110,12,.8); -khtml-box-shadow: inset 0 0 5px rgba(206,110,12,.8); box-shadow: inset 0 0 5px rgba(206,110,12,.8); } #primary-nav .primary-toggle {display: block;} #primary-nav > ul > li {position: relative;} #primary-nav li li.active, #primary-nav li li:hover {background: none;} #primary-nav > ul > li > a {position: static; height: auto; width: auto !important;} #primary-nav li {float: none;} #primary-nav > li {border-bottom: 1px solid #fff;} #primary-nav ul {float: none;} #primary-nav ul > li {width: auto !important; padding: 0; text-align: center;} #primary-nav ul > li > a {padding: 10px;} #primary-nav li li a {border-right: none;} #primary-nav li li a, #primary-nav li.honey-professionals li a {min-height: 0;} .print .primary h1.logo {float: left; clear: both;} .print .sidebar.right p {margin-left: 15px; margin-right: 15px;} .print .print-page-title {clear: both;} .video-nav {float: none; width: auto; margin: 20px 0 0 0;} .video-nav h3 {margin-left: 20px; margin-right: 20px;} .video-nav ul {padding: 20px 20px 0 20px; background: #f6841e; border-top: 8px solid #f6841e; border-bottom: 8px solid #f6841e; margin: 0; text-align: center; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,1); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,1); -o-box-shadow: inset 0 0 5px rgba(0,0,0,1); -khtml-box-shadow: inset 0 0 5px rgba(0,0,0,1); box-shadow: inset 0 0 5px rgba(194,78,1,1); } .video-nav li {display: inline-block; zoom: 1; *display: inline; margin-bottom: 15px; color: #fff; text-align: center;} .video-nav li a {color: #fff;} .video-main {width: auto;} .o-button.right {float: none; margin: 10px 20px;} .branding {float: none; margin-left: auto; margin-right: auto; margin-bottom: 20px; bottom: -10px;} .utilities {width: 100%; margin: 0 auto; position: static;} .social {display: none;} .search {position: absolute; top: 0; right: 15px; width: 60%; float: none; border: none; padding: 7px 0;} .search form {width: auto; border: 2px solid #583315;} .search input.search-field {color: #fff;} .search form, .search input.search-field {background: #7a4c27;} .search input.search-submit {background-position: -235px -26px;} .tabs ul {border: 1px solid #e4e4e4; border-top: 1px solid #f0f0f0; margin: 0 20px; padding: 0; border-radius: 6px 6px 0 0; background: #fff;} .tabs li span {display: inline;} .tabs li {width: 50%; padding: 0;} .tabs ul:after {clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:""} .tabs li a.current { border-radius: 6px 6px 0 0; margin-top: -5px; padding-bottom: 15px; /*box-shadow: inset 0 -3px 5px -3px rgba(0,0,0,.2);*/} .tabs li a {border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;} .tabs li.odd a {border-right: none;} #footer-nav-toggle {display: block;} .footer .body {display: none;} .pull-img {display: none;} .pull-txt {float: none; width: auto;} .honey-finder h4 {padding-right: 0;} .blog, .survey {width: auto; float: none; border: none; margin-right: 0;} .survey {display: none;} .flex-control-nav {text-align: center;} } @media only screen and (max-width : 479px) { .left-release-470 {float: none; width: auto;} .right-release-470 {float: none; width: auto;} p, .recipe-details p {font-size: 14px;} .primary img.left, .primary img.right {float: none; width: 75%; height: auto; margin: 20px auto;} .opt_set_1 .left h3.arrow-title, .opt_set_1 .right h3.arrow-title {width: 65%;} .supplier-varietals img.left {width: auto; margin: 0 0 10px 15px;} .supplier-varietal {position: relative; padding-bottom: 30px;} .supplier-varietals .varietal-link {position: absolute; bottom: 5px; left: -5px;} .crumbs {display: none;} ul.like-share li.fb-like {display: block; margin-bottom: 5px;} .featured h4 {margin: 0;} .printables a {float: none; width: auto;} .print .primary .details {float: none; margin-left: 0;} .print .recipe-difficulty p {padding-left: 0; border: none; margin-bottom: 5px;} .print .recipe-difficulty p.servings {margin-bottom: 0;} .form_radios.error .conditional_radios_error {margin-top: 0;} .inner .sidebar.upper .recipe-search {clear: both; width: auto;} .linear-pagination ul, .linear-query-pagination {text-align: center;} .linear-query-pagination {float: none;} .recipe-difficulty p {display: block; width: 25%;} .inner-head h2, #slider h2 {font-size: 35px; text-align: center;} .home-campaign-feature h1 {font-size: 35px;} .home-campaign-feature h1 span {font-size: 18px;} .select-box {width: 100%;} .copyright span {display: block;} .copyright em {display: none;} .footer .body ul {width: 60%; float: none; margin: 0 auto 15px auto;} .footer .body ul:last-child {margin-bottom: 40px;} } @media only screen and (max-width : 466px) { .flex-win {width: 213px;} }