/* Pull in Core Styles */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling *    user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox less tahn 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. *    Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` *    and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type *    `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome *    (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* * Skeleton V2.0.4 * Copyright 2014, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 12/29/2014 */ /* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Grid - Base Styles - Typography - Links - Buttons - Forms - Lists - Code - Tables - Spacing - Utilities - Clearing - Media Queries */ /* Grid –––––––––––––––––––––––––––––––––––––––––––––––––– */ #wrapper { width:993px; position: relative; max-width: 100%; margin: 0 auto; box-sizing: border-box; } .column, .columns { width: 100%; float: left; box-sizing: border-box; } .twonarf {position:relative;} /* For devices larger than 550px */ @media (min-width: 550px) { .column, .columns { margin-left: 1%; } .column:first-child, .columns:first-child { margin-left: 0; } .column.alpha, .columns.alpha { margin-left: 0; } .one.column, .one.columns                    { width: 7.3333333333%;  } .two.columns                    { width: 15.6666666667%; } .twonarf.columns 					 { width:19%; }		 .three.columns                  { width: 24%;            } .four.columns                   { width: 32.3333333333%; } .five.columns                   { width: 40.6666666667%; } .six.columns                    { width: 49%;            } .seven.columns                  { width: 57.3333333333%; } .eight.columns                  { width: 65.6666666667%; } .nine.columns                   { width: 74.0%;          } .ten.columns                    { width: 82.3333333333%; } .eleven.columns                 { width: 90.6666666667%; } .twelve.columns                 { width: 100%; margin-left: 0; } .one-third.column               { width: 32.3333333333%; } .two-thirds.column              { width: 65.6666666667%; } .one-half.column                { width: 49%; } /* Offsets */ .offset-by-one.column, .offset-by-one.columns          { margin-left: 7.3333333333%; } .offset-by-two.column, .offset-by-two.columns          { margin-left: 15.6666666667%; } .offset-by-three.column, .offset-by-three.columns        { margin-left: 24%;            } .offset-by-four.column, .offset-by-four.columns         { margin-left: 32.3333333333%; } .offset-by-five.column, .offset-by-five.columns         { margin-left: 40.6666666667%; } .offset-by-six.column, .offset-by-six.columns          { margin-left: 49%;            } .offset-by-seven.column, .offset-by-seven.columns        { margin-left: 57.3333333333%; } .offset-by-eight.column, .offset-by-eight.columns        { margin-left: 65.6666666667%; } .offset-by-nine.column, .offset-by-nine.columns         { margin-left: 74.0%;          } .offset-by-ten.column, .offset-by-ten.columns          { margin-left: 82.3333333333%; } .offset-by-eleven.column, .offset-by-eleven.columns       { margin-left: 90.6666666667%; } .offset-by-one-third.column, .offset-by-one-third.columns    { margin-left: 32.3333333333%; } .offset-by-two-thirds.column, .offset-by-two-thirds.columns   { margin-left: 65.6666666667%; } .offset-by-one-half.column, .offset-by-one-half.columns     { margin-left: 49%; } } .columnx, .columnsx { width: 100%; float: left; box-sizing: border-box; } /* For devices larger than 550px */ @media (min-width:550px) and (max-width: 699px)  { .columnx, .columnsx { width: 50%; float: left; box-sizing: border-box; } } /* For devices larger than 700px */ @media (min-width:700px) { .columnx, .columnsx { margin-left: 1%;word-break: break-all; white-space:normal; } .columnx:first-child, .columnsx:first-child { margin-left: 0; } .columnx.alpha, .columnsx.alpha { margin-left: 0; } .one.columnx, .one.columnsx                    { width: 7.3333333333%;  } .two.columnsx                    { width: 15.6666666667%; } .three.columnsx                  { width: 24%;            } .four.columnsx                   { width: 32.3333333333%; } .five.columnsx                   { width: 40.6666666667%; } .six.columnsx                    { width: 49%;            } .seven.columnsx                  { width: 57.3333333333%; } .eight.columnsx                  { width: 65.6666666667%; } .nine.columnsx                   { width: 74.0%;          } .ten.columnsx                    { width: 82.3333333333%; } .eleven.columnsx                 { width: 90.6666666667%; } .twelve.columnsx                 { width: 100%; margin-left: 0; } .one-third.column               { width: 32.3333333333%; } .two-thirds.column              { width: 65.6666666667%; } .one-half.column                { width: 49%; } /* Offsets */ .offset-by-one.column, .offset-by-one.columnsx          { margin-left: 7.3333333333%; } .offset-by-two.column, .offset-by-two.columnsx          { margin-left: 15.6666666667%; } .offset-by-three.column, .offset-by-three.columnsx        { margin-left: 24%;            } .offset-by-four.column, .offset-by-four.columnsx         { margin-left: 32.3333333333%; } .offset-by-five.column, .offset-by-five.columnsx         { margin-left: 40.6666666667%; } .offset-by-six.column, .offset-by-six.columnsx          { margin-left: 49%;            } .offset-by-seven.column, .offset-by-seven.columnsx        { margin-left: 57.3333333333%; } .offset-by-eight.column, .offset-by-eight.columnsx        { margin-left: 65.6666666667%; } .offset-by-nine.column, .offset-by-nine.columnsx         { margin-left: 74.0%;          } .offset-by-ten.column, .offset-by-ten.columnsx          { margin-left: 82.3333333333%; } .offset-by-eleven.column, .offset-by-eleven.columnsx       { margin-left: 90.6666666667%; } .offset-by-one-third.column, .offset-by-one-third.columnsx    { margin-left: 32.3333333333%; } .offset-by-two-thirds.column, .offset-by-two-thirds.columnsx   { margin-left: 65.6666666667%; } .offset-by-one-half.column, .offset-by-one-half.columnsx     { margin-left: 49%; } } /* Base Styles –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* NOTE html is set to 62.5% so that all the REM measurements throughout Skeleton are based on 10px sizing. So basically 1.5rem = 15px :) */ html { font-size: 95%; } body { font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */ line-height: 1.6; font-weight: 400; font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #222; } /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 2rem; font-weight: 300; } h1 { font-size: 2.0rem; line-height: 1.2;  letter-spacing: -.1rem;} h2 { font-size: 1.5rem; line-height: 1.25; letter-spacing: -.1rem; } h3 { font-size: 1.17rem; line-height: 1.3;  letter-spacing: -.1rem; } h4 { font-size: 1.12rem; line-height: 1.35; letter-spacing: -.08rem; } h5 { font-size: 0.83rem; line-height: 1.5;  letter-spacing: -.05rem; } h6 { font-size: 0.75rem; line-height: 1.6;  letter-spacing: 0; } p { margin-top: 0; } /* Links –––––––––––––––––––––––––––––––––––––––––––––––––– */ a { color: #1EAEDB; } a:hover { color: #0FA0CE; } /* Buttons –––––––––––––––––––––––––––––––––––––––––––––––––– */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; height: 38px; padding: 0 30px; color: #555; text-align: center; font-size: 11px; font-weight: 600; line-height: 38px; letter-spacing: .1rem; text-transform: uppercase; text-decoration: none; white-space: nowrap; background-color: transparent; border-radius: 4px; border: 1px solid #bbb; cursor: pointer; box-sizing: border-box; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { color: #333; border-color: #888; outline: 0; } .button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary { color: #FFF; background-color: #33C3F0; border-color: #33C3F0; } .button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus { color: #FFF; background-color: #1EAEDB; border-color: #1EAEDB; } /* Forms –––––––––––––––––––––––––––––––––––––––––––––––––– */ input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select { height: 38px; padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ background-color: #fff; border: 1px solid #D1D1D1; border-radius: 4px; box-shadow: none; box-sizing: border-box; } /* Removes awkward default styles on some inputs for iOS */ input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea { min-height: 65px; padding-top: 6px; padding-bottom: 6px; } input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid #33C3F0; outline: 0; } label, legend { display: block; margin-bottom: .5rem; font-weight: 600; } fieldset { padding: 0; border-width: 0; } input[type="checkbox"], input[type="radio"] { display: inline; } label > .label-body { display: inline-block; margin-left: .5rem; font-weight: normal; } /* Lists –––––––––––––––––––––––––––––––––––––––––––––––––– */ ul { list-style: circle inside; } ol { list-style: decimal inside; } ol, ul { padding-left: 0; margin-top: 0; } ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; } li { margin-bottom: 1rem; } /* Code –––––––––––––––––––––––––––––––––––––––––––––––––– */ code { padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; white-space: nowrap; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px; } pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; } /* Tables –––––––––––––––––––––––––––––––––––––––––––––––––– */ th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #E1E1E1; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } /* Spacing –––––––––––––––––––––––––––––––––––––––––––––––––– */ button, .button { margin-bottom: 1rem; } input, textarea, select, fieldset { margin-bottom: 1.5rem; } pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 2.5rem; } /* Utilities –––––––––––––––––––––––––––––––––––––––––––––––––– */ .u-full-width { width: 100%; box-sizing: border-box; } .u-max-full-width { max-width: 100%; box-sizing: border-box; } .u-pull-right { float: right; } .u-pull-left { float: left; } /* Misc –––––––––––––––––––––––––––––––––––––––––––––––––– */ hr { clear:both; margin-top: 0.5; margin-bottom: 0.5rem; border-width: 0; -moz-box-sizing: content-box; box-sizing: content-box; color: #428400; background-color: #428400; height: 1px; z-index: 9000; width: 100%; } /* Clearing –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Self Clearing Goodness */ #wrapper:after, .rowskel:after, .u-cf { content: ""; display: table; clear: both; } .rowskel {position:relative;} .klear {clear:both;} /* Media Queries –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Note: The best way to structure the use of media queries is to create the queries near the relevant code. For example, if you wanted to change the styles for buttons on small devices, paste the mobile query code up in the buttons section and style it there. */ /* Larger than mobile */ @media (min-width: 400px) {} /* Larger than phablet (also point when grid becomes active) */ @media (min-width: 550px) {} /* Larger than tablet */ @media (min-width: 750px) {} /* Larger than desktop */ @media (min-width: 1000px) {} /* Larger than Desktop HD */ @media (min-width: 1200px) {} /* begin general styles for all themes */ body { margin: 0px; padding: 0px; background-color:#ffffff; font-family: Tahoma, Geneva, sans-serif; color: #666666; font-size: 12px; border: 0; font: inherit; vertical-align: baseline; } } p, table, td, th { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; margin-top: 0px; } form { margin: 0px; } a:link { color: #0057a4; text-decoration: none; } a:visited { color: #428400; text-decoration: none; } a:hover { color: #fe534c; text-decoration: underline; } a:active { color: #666666; text-decoration: none; } ul { list-style-type: square; } .embedded-map iframe { width: 100%; } .video-wrapper { position: relative; padding-bottom: 60%; padding-left: 0; padding-right: 0; margin: 0; height: 0; overflow: visible; clear:both; } .video-wrapper iframe { float: left; position: absolute; top: 0; left: 0; width: 95%; height: 95%; } #product-page-body p.product-image { position: relative; } #product-page-body .product-image a[class^="PIN"] { position: absolute !important; left:1em;  bottom:1em;  } /* Generic text formatting used throughout the store ---------------------------- */ .actCHECKOUTEM { background-color: #1a572e; } .actCHECKOUTBG { background-color: #efefef; } .actlarger { font-size: 13px; color: #666666; } .actsmaller{ font-size: 10px; color: #666666; } .actxxsmall { font-size: 10px; color: #666666; } .actxsmall { font-size: 12px; color: #666666; } .actsmall { font-size: 12px; color: #666666; } .actregular { font-size: 13px; color: #666666; } .actlarge{ font-size: 16px; color: #666666; } .actxlarge { font-size: 20px; color: #666666; } .actxxlarge { font-size: 20px; color: #666666; } .actwarningcolor { color: #ff3300; } .actrequiredcolor { color: #ff3300; } .actsearchhighlightcolor { color: #ff0000; } .actrequired { color: #ff3300; } .actwarning { font-size: 12px; color: #ff3300; } .actwelcome { font-size: 12px; color: #666666; } .actlogotext { font-size: 12px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 12px; color: #0057a4; } /* General positioning ------------------------------------------- */ .set-left { float: left; } .set-right { float: right; } .set-below-left { float: left; clear: left; } .set-below-right { clear: right; float: right; } .inline li { display: inline; list-style: none; padding: 0 5px 0 5px; } /* Compact Product layout ------------------------------------------- */ form.compactProductLayout { margin:1em 0; padding:1em; } form.compactProductLayout fieldset.quantity-box { float:right;  border:none; } form.compactProductLayout fieldset.quantity-box input[type="number"] { width:2em; margin-left:1em; } .quantityButton {display:none;} /* Shopping cart and checkout fields ------------------------------------------- */ a.checkout-checkoutbg { margin-right: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; border: #efefef 2px solid; border-top: #efefef 2px solid; border-right: #666666 1px solid; border-bottom: #666666 1px solid; } a.checkout-checkoutbg:link { color: #efefef; text-decoration: none; } a.checkout-checkoutbg:visited { color: #efefef; text-decoration: none; } a.checkout-checkoutbg:hover { color: #efefef; text-decoration: underline; } a.checkout-checkoutbg:active { color: #efefef; text-decoration: underline; } a.checkout-textcolor:link { color: #666666; text-decoration: none; } a.checkout-textcolor:visited { color: #666666; text-decoration: none; } a.checkout-textcolor:hover { color: #666666; text-decoration: underline; } a.checkout-textcolor:active { color: #666666; text-decoration: underline; } div.CheckoutCartSection { margin-top: 0px; margin-bottom: 10px; } table.checkout#idTableCheckoutSection { margin-bottom: 0px; } table.checkout-cart { border-collapse: collapse; padding: 0px 0px; margin-bottom: 5px; } table.checkout-cart th{ font-weight: bold; background-color: #efefef; border-top: solid 1px #1a572e; border-bottom: solid 1px #1a572e; padding: 4px 4px; } table.checkout-cart td{ padding: 4px 4px; } table.checkout { border-collapse: collapse; padding: 0px 0px; text-align: left; margin-bottom: 5px; } table.checkout th { background-color: #1a572e; font-size: 13px; font-weight: bold; color: #efefef; text-align: left; padding: 5px 2px; border-bottom: solid 3px #ffffff; } table.checkout th.instruction { font-size: 12px; font-weight: normal; } table.checkout th.change { font-size: 12px; font-weight: bold; padding: 0px 0px; text-align: right; } .checkout-change-button	{ line-height: 13px; height: 20px; width: 86px; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; font-size : 12px; background-color: #0057a4; border: 1px solid #428400; color: #dddddd; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } .checkout-login-button	{ line-height: 13px; height: 15px; width: 70px; margin: 20px 0px 20px 0px; padding: 3px 20px 2px 0px; font-size : 12px; background-color: #0057a4; border: 1px solid #428400; color: #dddddd; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } .checkout-login-button a { padding-left: 20px; color: #dddddd; text-decoration: none; } table.checkout td { background-color: #efefef; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; padding: 2px 2px; } table.checkout#idBothAddressesTable col { width: auto; } td#idCheckoutHelpLabel, table.checkout#idBothAddressesTable col.prompt { width: 130px; } .cart { background-color: #efefef; border-bottom: solid 1px #1a572e; } .checkout-cartheading { font-weight: bold; background-color: #efefef; border-top: solid 1px #1a572e; border-bottom: solid 1px #1a572e; } .cartheading { background-color: #1a572e; font-weight: bold; color: #efefef; } h2.checkout-heading { background-color: #1a572e; font-size: 13px; font-weight: bold; color: #efefef; padding: 5px 2px; border-bottom: solid 3px #ffffff; } h3.checkout-heading { padding: 3px 0; background-color: #1a572e; font-size: 13px; font-weight: bold; color: #efefef; border-bottom: solid 3px #ffffff; } .checkout-subheading { font-weight: bold; padding: 0; margin: 0; } img.cartthumbnail { border: 0px; margin-left: 2px; margin-right: 2px; width: 25px; } input.normal-button { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; background: #0057a4; padding: 5px; border: solid 1px #666666; } input.highlight-button { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; background: #428400; padding: 5px; border: solid 1px #666666; } .checkout-field-label { width: 160px; } .checkout-field-input { width: auto; } .checkout-field-input input, .checkout-field-input select { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #666666; background-color: #ffffff; padding: 2px; } .InvoiceField input, .InvoiceField select { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #666666; background-color: #ffffff; padding: 2px; } .DeliverField input, .DeliverField select { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #666666; background-color: #ffffff; padding: 2px; } table.checkout#idBothAddressesTable select { width: 211px; } input.checkbox { background-color: #efefef; border: 0;	 } .checkout-field-area { background: #efefef; border-bottom: solid 2px #ffffff; } .checkout-field-area p { margin: 0; padding: 4px; } div.checkout-buttons { height: 50px;  margin-top: 20px; } .left {  float : left;  width : 50%;  } .right {  float : right;  width : 40%;  } .spacer {  clear : both;  } .checkout-help-hide {  display: none;  } /* Checkout Progress Indicator  ------------------------------------------------ */ p.checkout-progress-heading { width: 300px; margin: 0px auto; } #checkout-progress-indicator { width: 300px; height: 19px; background-image: url('cpi-background.gif'); margin: 0 auto 0px auto; } .checkout-progress-0 { width: 75px; height: 19px; background-color: #428400; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #428400; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #428400; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #428400; background-image: url('cpi-main.gif'); float: left; } #checkout-progress-indicator .cpi-end { width: 8px; padding: 0; margin: 0; border: 0; height: 19px; background-image: url('cpi-end.gif'); background-position: right; background-repeat: no-repeat; float: left; } table#idCheckoutProgress { margin-bottom: 10px; } table#idCheckoutProgress td{ background-repeat:repeat-x; background-color:transparent; border: 0px; padding: 0px; height:19px; text-align:center; } table#idCheckoutProgress td.cpi-left{ background-image:url("cpi-main.gif"); color:white; width:160px; } table#idCheckoutProgress td.cpi-complete{ background-image:url("cpi-main-mid.gif"); color:white; width:160px; } table#idCheckoutProgress td.cpi-incomplete{ background-image:url("cpi-background.gif"); color:black; width:160px; } table.CheckoutProgress { border-collapse: collapse; margin-bottom: 10px; } table.CheckoutProgress td { padding: 0px 0px; background-repeat: repeat-x; background-color: transparent; height: 19px; text-align: center; width: 140px; } table.CheckoutProgress td.cpi-start{ background-image: url("cpi-main.gif"); width: 8px; } table.CheckoutProgress td.cpi-inactive{ background-image: url("cpi-main-mid.gif"); color: #ffffff; } table.CheckoutProgress td.cpi-active{ background-image: url('cpi-background.gif'); font-weight: bold; color: #666666; } table.CheckoutProgress td.cpi-end { background-image: url("cpi-end.gif"); width: 8px; } table.CheckoutProgress td.cpi-spacer { background-image: url("cpi-main-mid.gif"); width: auto; } /* Formatting for Feefo customer feedback --------------------------------- */ /* Default formatting of text boxes used in store pages -------------------- */ .form_input_general	{ line-height: normal; font-size : 12px; word-spacing: normal; } /* My Account pages  --------------------------------------------------------------*/ .myaccount-shadow { display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-image: url('myaccount-popup-bg.png'); background-repeat: repeat; } .myaccount-popup { position: fixed; width: 500px; height: 250px; left: 50%; top: 50%; margin-left: -250px; margin-top: -125px; padding-left: 85px; padding-top: 50px; background-color: #dddddd; } /* start search results sort list */  .sort_by { background-color: #428400; width: 100%; height: 24px; color: #dddddd; text-align: right; } .sort_by select { font-size: 12px; height: 20px; margin-right: 1px; margin-top: 1px; border: #428400 2px solid; border-top: #428400 2px solid; border-right: #428400 1px solid; border-bottom: #428400 1px solid; } .sort_by-submit { background: transparent; height: 20px; color: #dddddd;  font-weight: bold; font-size: 12px; margin-right: 1px; margin-top: 1px; border: 0; } .sort_by-submit:hover { cursor: pointer; text-decoration: underline; } /* end search results sort list */ /* start auto suggession list */ .sf_suggestion { position: absolute; line-height: 15px; z-index: 2147483637; } .sf_suggestion ul { margin: 1px; padding: 0px; background: #ffffff;  border: 1px solid rgb(51, 51, 51); top: 0; left: 0; } .sf_suggestion li{ margin: 0px; padding: 0px; list-style: none; } .sf_suggestion li a { display: block; text-indent: 5px; text-align: left; padding: 5px; text-decoration: none; } .sf_suggestion li.selected a { background: #cccccc; color: #000000; font-weight: normal; } .sf_suggestion li.notselected a{ color: #000000; font-weight: normal; } /* end auto suggession list */ /* start filter loading dialog */ .loading-block	{ display: table; height: 100%; width: 100%; overflow: hidden; margin-left: 50%; z-index: 2147483638; } .loading-gif { display: table-cell; vertical-align: middle; } .loading-shadow { display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-repeat: repeat; opacity:0.9; } /* start filter loading dialog */ /* Recently Viewed Products List Style ------------------------------------ */ /* start clear button */ .clear-button { float: right; -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #dcdcdc; display: inline-block; color: #777777; font-family: arial; font-size: 10px; font-weight: normal; padding: 2px 6px; text-decoration: none; text-shadow: 1px 1px 0px #ffffff; margin-left: 5px; line-height: 10px; background-color: #ededed; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); } .clear-button:hover { background-color: #dfdfdf; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); } .clear-button:active { position: relative; top: 1px; } /* end clear button */ .mobileHeader {display:none;} /* Site Map */ .sitemap { margin: 20px 0 0 10px; } .sitemap ul { margin: 0 0 0 10px; padding: 0; } .sitemap ol { margin: 0; padding: 0; list-style-type: square; } .sitemap ul li, .sitemap ol li { margin-left: 1em; padding: 3px 0; } html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, input, select, textbox, button { font-family:Tahoma, Geneva, sans-serif; color:#666666; } html {width:100%; -webkit-text-size-adjust:none;} body {	 margin:0 auto; padding:0; font-family:Tahoma, Geneva, sans-serif; background-color: #ffffff; font-size: 62.5%; } h1, h2, h3, h4, h5, h6 { clear:both; width:auto; margin:1%; padding:0; } h1 {font-size:3em; line-height:1.2;} h2 {font-size:2.6em; line-height:1.2;} h3 {font-size:2.3em; line-height:1.2;} h4, h5, h6 {font-size:2em; line-height:1.2;} table {float:left; clear:both;} p, span.product-price, ul, ol, label, table, .product-text { margin:0; padding:0; font-size:1.4em; line-height:1.7em; } span.actrequiredcolor p span.actrequiredcolor {font-size:0.7em;} .product-text p, .product-text ul, .product-text ol {font-size:1em;} .fragment-text {font-size:1.4em;} .fragment-text p, .fragment-text ul, .fragment-text ol {font-size:1em;} a {color:#0057a4;} a:hover {color:#fe534c;} a:visited {color:#428400;} a:active {color:#666666;} ul, ol {clear:both; list-style-position:inside;} span.actlogout {font-size:1em;} form {float:left; position:relative;} form {clear:both; padding:1%;} fieldset {border:none;} input, textarea, select {float:left; margin:0.5em 0 0 0; padding:0.3em;} table {float:left; clear:both; width:100%; margin:0; padding:0;} table tr th, table tr td {margin:0; padding:1%;} .floatLeft, div.set-left {float:left; padding-right:10px;} .floatRight, div.set-right {float:right; padding-left:10px;} div.set-left, div.set-right {clear:none;} .hide {display:none;} .show {display:block;} .header-area, .navigation-bar, .bulk-area, .deepFooter, .miniFooter {} /* Start of Top contact info Desktop */ div[class^="contactInfoTopCol"] { float:left; margin:1%; -webkit-flex:0 0 31%; -moz-flex:0 0 31%; flex:0 0 31%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:31%; /* End of IE Flex box */ } div[class^="contactInfoTopCol"] span.displayDesktop, div[class^="footerCol"] span.displayDesktop {display:block;} div[class^="contactInfoTopCol"] a.displayMobile, div[class^="footerCol"] a.displayMobile {display:none;} div.contactInfoClick {float:left;} /* End of Top Contact Info Desktop */ .header-area { float:left; width:99%; margin:0; padding:0.5%; } .header-area div.logo {float:left;} .header-area a img, .header-area .logo img {float:left; margin:0.5em;} .header-area .cart-summary {float:right; margin:0.3em; padding:0;} .cart-summary p {float:left; clear:both;} .header-area ol { float:right; clear:none; width:auto; margin:0.3em; padding:0; list-style-type:none; list-style-position:inside; } .header-area ol li {display:inline; margin:0; padding:0 0.4em;} .header-area ol li a {text-decoration:underline;} .header-area form, .sidebar-element form { float:right; clear:none; margin:0.3em; padding:0; } .header-area .infoLinks { float:right; display:inline-block; width:auto !important; clear:none; margin:2em auto 0 !important; position:relative !important; } .header-area div.quick-search form span.quick-search-button-wrapper {float:left; margin:0 1em; padding:0;} .header-area div.quick-search form input.button.quick-search-button {float:left; margin:0; padding:10%;} .follow-buttons, .social-badges {width:48%;} .follow-buttons img, .share-buttons img, .social-badges img {border:none;} .follow-buttons {float:right; clear:right;} .social-badges, .share-buttons, .btn-o, .fb_iframe_widget {float:left; clear:none;} .social-badges a {margin-right:1em;} .follow-buttons iframe, .follow-buttons div, .follow-buttons a, .share-buttons iframe, .share-buttons div, .share-buttons a  { float:left !important; clear:none !important; margin-right:1em !important; } .share-buttons iframe {position:relative; z-index:99999;} .follow-buttons > iframe, .follow-buttons > div, .share-buttons > iframe, .share-buttons > div {height:30px !important;} div[id*="ytsubscribe"] {margin-right:10em !important;}  .fb_iframe_widget {width:auto !important;} .share-buttons {margin:1em 0;} .product-image > a.pin-button > img {display:none;} /* start auto suggest */ .header-area form .sf_suggestion, .content-area form .sf_suggestion {position:absolute;} .header-area form .sf_suggestion {top:3.2em !important; left:-0.1em !important;} .header-area form .sf_suggestion ul, .content-area form .sf_suggestion ul {width:auto !important; padding-right:0.5em;} /* end auto suggest */ .header-area p.headerText { float:left; clear:both; width:99%; margin:0.2% 0%; padding:0; } /* Start of Top contact info Mobile */ div.topContactInfoMobile {display:none;} /* End of Top Contact Info Mobile */ div.navigation-bar {float:left; width:100%;margin-bottom:-5px;} div.miniNav {display:none;} /* Start of Mega Menu */ #mega-menu, #brochure-menu {float:left; margin:0 auto; position:relative;} #mega-menu {z-index:999999;} #brochure-menu {z-index:1;} .menuFlex {display:flex; display:-ms-flexbox;} #mega-menu ul, #brochure-menu ul, #brochure-menu ol { float:left; width:100%; min-height:2.7em; margin:0; padding:0; line-height:1.5em; position:relative; z-index:1;	 display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */	 } #mega-menu ul li, #mega-menu ul li:hover, #brochure-menu li, #brochure-menu li:hover { float:left;  width:auto; height:auto; margin:0; padding:0; font-size:1em; list-style-type:none; list-style-position:inside; cursor:pointer; -webkit-flex: 0 0 9em; -moz-flex: 0 0 9em; flex: 0 0 9em; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:9em; /* End of IE Flex box */ position:relative; } .IeOnly #mega-menu ul li, .IeOnly #mega-menu ul li:hover, .IeOnly #brochure-menu li, .IeOnly #brochure-menu li:hover, .androidOnly #mega-menu ul li, .androidOnly #mega-menu ul li:hover, .androidOnly #brochure-menu li, .androidOnly #brochure-menu li:hover { width:9em; height:3.5em; } #mega-menu ul li a, #brochure-menu li a { display:block; width:9em; margin:0; padding:1em 0; text-align:center; } .IeOnly #mega-menu ul li a, .IeOnly #brochure-menu li a, .androidOnly #mega-menu ul li a, .androidOnly #brochure-menu li a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #mega-menu ul li div, #brochure-menu li div { display:none; width:100%; position:absolute; background:#ffffff; z-index:9999999999; } #mega-menu ul li div div, #brochure-menu li div div{ float:left; display:block; width:100%; padding:0 0.5em; position:relative; top:0px; text-align:left; } #mega-menu ul li ul, #brochure-menu li ul, #brochure-menu li ol { width:9em; height:auto; margin:0; padding:0; font-size:1em; text-align:left; } #mega-menu ul li ul li a, #mega-menu ul li:hover ul li a, #brochure-menu li li a, #brochure-menu li:hover li a { width:8em; min-height:2.3em; margin:0; padding:0.1em; text-align:center; } #mega-menu ul li:hover ul li:hover a, #brochure-menu li:hover li:hover a {text-decoration:underline;} /* End of Mega Menu */ .CheckoutProgress p { padding: 5 px; } .CheckoutProgress p.cpi-active { color: white; } .CheckoutProgress p.cpi-inactive {  } .CheckoutProgress p i { padding: 0 5px 0 0; } .bulk-area {float:left; width:100%; margin-bottom:1%;} #left-area { width:100%; float:left;  clear:none; } #left-sidebar { float:left; width:19%; margin: 0 0 1.2% 0; padding:0 0 1% 0; } #right-sidebar { float:left; width:19%; margin:1.2% 0; padding:1% 0; } #left-sidebar h2, #right-sidebar h2 {font-size:2em; line-height:2em;} #right-sidebar {float:right;} #left-sidebar p, #right-sidebar p {clear:left;} #left-sidebar .product-image, #right-sidebar .product-image {margin:0; padding:0;} #left-sidebar .product-image img, #right-sidebar .product-image img {clear:left;} #left-sidebar .marketing-list-entry p.product-price, #right-sidebar .marketing-list-entry p.product-price {font-size:1em;} #productFiltersLeft {float:left; width:100%;} .sidebar-filter-element, .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"], .sidebar-filter-element, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"], .sidebar-filter-element, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] {float:left;} .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] br, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] br, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] br {display:none !important;} .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] input, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] input, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] input {float:left; clear:left; margin-right:0.5em;} .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] label, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] label, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] label {display:block; width:78%; margin:0; padding:0;} .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] ul, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] ul, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] ul { margin:0; list-style-type:none; } .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] ul li, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] ul li, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] ul li { margin:0; padding:0; font-size: 0.7em !important; } .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] ul li input, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] ul li input, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] ul li input { float:none; display:inline; font-size:1em; margin:0.5em 0; } .sidebar-filter-element div.filter-list { display:block; width:90%; margin:0 auto; overflow:hidden; } div.sidebar-filter-element {width:95%;} div.sidebar-filter-element form {width:90%;} .sidebar-filter-element div[id^="FilterPropertyOptions"] {width:100%;} .sidebar-filter-element div[id^="FilterSectionOptions"] {width:100%;} .sidebar-filter-element div[id^="FilterPriceBandOptions"] {width:100%;} .sidebar-element, .sidebar {width:100%; margin:0; padding:0;} .sidebar-element, .sidebar-element form, .sidebar-element .cart-summary, .sidebar-element ul {float:left; clear:both;} .sidebar-element ul, .sidebar-element ol { float:right; width:81%; margin:0; padding:0; list-style-position:outside !important; } .sidebar-element h2, .sidebar-element h3 {width:90%; margin:3% auto;} .sidebar-element .cart-summary p {clear:both;} .sidebar-element ul {list-style-position:inside;} .sidebar-element form, .sidebar-element .cart-summary {float:left; clear:both; margin:0 5%;} #left-sidebar .marketing-list-entry, #right-sidebar .marketing-list-entry { display:block; width:90%; margin:0.5em auto !important; padding:0.5em 0 1.5em; overflow:hidden; } .navigateOnClick:hover {cursor:pointer;} .navigateOnClick:hover a, .navigateOnClick:hover p:first-child a {color:#fe534c; text-decoration:underline;} .marketing-list-entry a img, .marketing-list-entry img {float:left; margin:0 0.7em; border:none;} .marketing-list-entry a img, .content-area .marketing-list .products img {max-width:100%; height:auto;} #left-sidebar .marketing-list-entry ul, #left-sidebar .marketing-list-entry ul, ol, #right-sidebar .marketing-list-entry ul, #right-sidebar .marketing-list-entry ol {width:86%;} .side-menu .page-list p, #terms-body p {float:left; clear:both;} .content-area { float:right; width:80%; margin:0; padding:0; } .sidebar .info-box form, .info-box form p input {width:90%;} #ContentPage .share-buttons, #ContentPage, .sitemap {float:left; width:100%;} .content-area #product-page-body {float:left; width:100%;} .singleAddToCart fieldset.quantity-box {float:right;} .breadcrumb-top, .breadcrumb-bottom {float:left; clear:both; width:100%;} .sort_by {height:45px;} .sort_by form {width:100% !important; margin:0; padding:0;} .sort_by select {float:right; margin:1em; padding:0;} #search_results_list {float:left; width:100%;} .pagination {float:left; clear:both;} .content-area p.actrequired {float:left;} .content-area .fragment-list { float:left; width:97.6%; margin:0 0 1%; padding:1%; } .content-area .fragment-list .fullWidthSection {margin-bottom:1%; overflow:hidden;} .content-area .fragment-list .fullWidthSection h2 {clear:none;} .content-area .fragment-list .fullWidthSection div.fragment-text, .content-area .section-link-details .section-link-description {font-size:1.4em; line-height:1.7em; clear:none;  } .content-area .fragment-list .fullWidthSection div.fragment-text .scrollclass { overflow-x: scroll; } .content-area .fragment-list .fullWidthSection img { margin:auto 1%; width: auto;} .content-area .fragment-list .fullWidthSection p {width:auto;} .content-area .marketing-list {clear:both; display:block; width:98%; margin:1%; overflow:hidden;} .content-area .marketing-list .products { float:left; width:100%; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */	 } .content-area .marketing-list .products .marketing-list-entry { float:left; clear:none; width:auto; margin:1%; padding:1%; -webkit-flex:1 0 29%; -moz-flex:1 0 29%; flex:1 0 29%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:29%; width:29%; /* End of IE Flex box */ overflow:hidden; } .IeOnly .content-area .marketing-list .products .marketing-list-entry, .androidOnly .content-area .marketing-list .products .marketing-list-entry {height:450px;} .bestSellersHomepage, .newProductsHomepage { display:-webkit-flex !important; display:-moz-flex !important; display:flex !important; -webkit-flex-flow:row wrap !important; -moz-flex-flow:row wrap !important; flex-flow:row wrap !important; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */	 } .bestSellersHomepage h1, .newProductsHomepage h1, .newProductsHomepage h2 {width:100%;} .bestSellersMarketingListEntry, .newProductsMarketingListEntry { float:left; -webkit-flex:0 0 17%; -moz-flex:0 0 17%; flex:0 0 17%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:17%; width:17%; /* End of IE Flex box */ margin:1%; padding:1%; } .bestSellersMarketingListEntry, .newProductsMarketingListEntry { border:1px solid #333333; padding:8px 0 0 0; } .bestSellersMarketingListEntry img, .newProductsMarketingListEntry img {max-width:100%; width:100%;height:auto;} .content-area .marketing-list .products img, .content-area .marketing-list .products p {clear:both;} .content-area .product-list .marketing-list-entry .price p {clear:none;} .section-list, .product-list { float:left; width:99.5%; margin:0; padding:0; } /* Column Counts */ div.sectionListOneColumn, div.sectionListTwoColumn, div.sectionListThreeColumn { display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */	 } div.sectionListOneColumn .section-link-details, div.sectionLinkFirstOneColumn .section-link-details:first-child { -webkit-flex:1 0 94.5%; -moz-flex:1 0 94.5%; flex:1 0 94.5%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:94.5%; width:94.5%; /* End of IE Flex box */ } div.sectionListTwoColumn .section-link-details, div.sectionLinkFirstTwoColumn .section-link-details:first-child,  div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2) { -webkit-flex:0 0 45%; -moz-flex:0 0 45%; flex:0 0 45%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:45%; width:45%; /* End of IE Flex box */ } .IeOnly div.sectionListTwoColumn .section-link-details, .IeOnly div.sectionLinkFirstTwoColumn .section-link-details:first-child,  .IeOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2),  .androidOnly div.sectionListTwoColumn .section-link-details, .androidOnly div.sectionLinkFirstTwoColumn .section-link-details:first-child,  .androidOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2) {float:left; clear:none; height:290px;} div.sectionListThreeColumn .section-link-details, div.sectionLinkFirstThreeColumn .section-link-details:first-child,  div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3) { -webkit-flex:0 0 28.7%; -moz-flex:0 0 28.7%; flex:0 0 28.7%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:28.7%; width:28.7%; /* End of IE Flex box */ } .IeOnly div.sectionListThreeColumn .section-link-details, .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:first-child,  .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3),  .androidOnly div.sectionListThreeColumn .section-link-details, .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:first-child,  .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3) {float:left; clear:none; height:290px;} .threeColumns .product-image, .threeColumns .feefoproductlogo img {width:100%;} .threeColumns form.compactProductLayout fieldset, .threeColumns form.compactProductLayout .cart-button-placement {clear:none;} .threeColumns form.compactProductLayout fieldset {float:left;} .threeColumns form.compactProductLayout .cart-button-placement {float:right; margin:0; padding:0;} .threeColumns form.compactProductLayout h2 {float:left; width:100%;} .threeColumns form.compactProductLayout p {clear:both; overflow:hidden;} /* Column Counts */ .section-link-details h2, .product-details h2, .std-product-details h2 { float:none; clear:none; font-size:2em; line-height:2.3em; } .section-link-details img, .product-details img { float:left; min-width:1px; width:auto !important; max-width: 100%; height:auto; margin:0 1em 1em 0; padding:0; } .section-list h3 {clear:none;} .product-details h2, .product-details h3, .section-link-details h2, .section-link-details h3 {margin:0; font-size:2em; line-height:1.2em; color:#0057a4;} .product-details a:hover, .section-link-details a:hover, .product-details a:hover h2, .section-link-details a:hover h3 {color:#fe534c;} .section-link-details img {margin:1em 1em 0 0;} .section-link-details, .product-details, .std-product-details, .product-list .marketing-list-entry { float:left; clear:both; width:96%; margin:1%; padding:1%; } .attribute-list label {float:left; clear:both; width:auto; margin:0 0.5em;} div.attribute-list div label,  div.attribute-list div select {width:auto; float:left; clear:none;} form.completeNewProductsItem div.newProductList {display:block; overflow:hidden;} form.completeNewProductsItem div.newProductList p,  form.completeNewProductsItem div.newProductList div.feefoproductlogo {display:block; overflow:hidden;} form.completeNewProductsItem div.newProductList fieldset label,  form.completeNewProductsItem div.newProductList fieldset input {float:left; clear:none;} form.imageOnLeftTextWrappedAround .share-buttons, form.imageOnRightTextWrappedAround .share-buttons {width:100%;} form.imageOnLeftTextWrappedAround p.product-image.set-left {margin-right:1em;} form.regularProductSummary h2, form.classicProductLayout h2, form.compactProductLayout h2,  form.imageOnLeftTextWrappedAround h2, form.imageOnRightTextWrappedAround h2,  form.listStyleProductLayout h2, form.completeBestSellerLayout h2,form.completeNewProductsItem h2,  div.recenththeader h2 {clear:none; margin:0.5em 0;} form.completeBestSellerLayout img, form.completeNewProductsItem img {float:left; width:auto;} form.classicProductLayout h2 {line-height:2.6em;} form.completeBestSellerLayout ul, form.completeBestSellerLayout ol, form.completeNewProductsItem ul, form.completeNewProductsItem ol {float:none; clear:none;} form.classicProductLayout fieldset, form compactProductLayout fieldset, form.completeBestSellerLayout fieldset,  form.completeNewProductsItem fieldset, body.includingAddToCartButton form fieldset {margin:0; padding:0;} form.regularProductSummary fieldset.product-prompt {clear:both; margin-bottom:1em;} form.regularProductSummary fieldset.product-prompt input[type=text] {width:auto;} form.regularProductSummary p {display:block; clear:right; overflow:hidden;} form.regularProductSummary span[id^="RemoveIfOutOfStock"], form.compactProductLayout span[id^="RemoveIfOutOfStock"] {display:block;} form.compactProductLayout span[id^="RemoveIfOutOfStock"] {top:0;} span span[id^="EnableIfStockOk"] {font-size:1.4em;} form.imageOnLeftTextWrappedAround span span[id^="EnableIfStockOk"], form.imageOnRightTextWrappedAround span span[id^="EnableIfStockOk"] {font-size:1em;} form fieldset {display:inline; margin:0; padding:0; border:none;} form.regularProductSummary span.button-wrapper, form.classicProductLayout span.button-wrapper {float:right;} form.listStyleProductLayout fieldset, form.listStyleProductLayout p.cart-button-placement {float:right; clear:right; position:relative;} form.completeBestSellerLayout fieldset, form.completeBestSellerLayout fieldset input,  form.completeNewProductsItem fieldset input, body.includingAddToCartButton form fieldset,  body.includingAddToCartButton form fieldset input {width:auto !important;} form.imageOnLeftTextWrappedAround .product-image > img {float:left;} form.imageOnRightTextWrappedAround .product-image > img {float:right; margin:0 0 1em 1em;} .product-image > img, .std-product-details img { min-width:1px; width:auto !important; max-width:100%; height:auto; margin-right:1em; } .twoColumns .product-image > img, .threeColumns .product-image > img,  .twoColumns .std-product-details img, .threeColumns .std-product-details img {width:100% !important; max-width:94%;} form[class$="RightTextWrappedAround"] ul, form[class$="RightTextWrappedAround"] ol,  form.classicProductLayout ul, form.classicProductLayout ol, form.completeBestSellerLayout fieldset {float:none; clear:none;} form fieldset label, form fieldset input {float:left; clear:none;} fieldset.quantity-box label {line-height:3;} fieldset.quantity-box input[type="number"] {width:33px !important;} form.compactProductLayout fieldset {float:right;} form.imageOnLeftTextWrappedAround div.feefoproductlogo, form.imageOnRightTextWrappedAround div.feefoproductlogo, form.completeBestSellerLayout .feefoproductlogo {margin:1em;} form.imageOnLeftTextWrappedAround div.feefoproductlogo {float:left; clear:left;} form.imageOnRightTextWrappedAround div.feefoproductlogo {float:right; clear:right;} form.imageOnLeftTextWrappedAround p.cart-button-placement, form.imageOnRightTextWrappedAround p.cart-button-placement {display:block; overflow:hidden;} form.imageOnLeftTextWrappedAround .set-below-right, form.imageOnRightTextWrappedAround .set-below-right {float:left; width:100%;} form.completeBestSellerLayout .feefoproductlogo {float:left; clear:both;} .product-details form fieldset span[id^="RemoveIfOutOfStock"] {float:right;} .section-link-details form fieldset input, .product-details form fieldset input,  .content-area form .content fieldset input {float:left; clear:none;} .productLayoutText {float:left;} form.compactProductLayout div[id^="idVars"] {clear:none;} div[id^="idVars"] .attribute-list { display:block; overflow:hidden; } div[id^="idVars"] .attribute-list input,  div[id^="idVars"] .attribute-list textarea { float:left; clear:left; margin:1em 0 0 0; } .selectOptions {float:left;} .selectOptions ul {float:left !important; clear:both !important; list-style-type:none;} .selectOptions ul li {float:left; clear:both;} .ajs-attr {float:left;} .ajs-attr input[type="radio"] {margin:5px 1em 0 0 !important;} .searchButton {display:none;} /* Start of Filter Pages */ div[id^="filter_pagination_links"] {font-size:1.4em; margin:0.5em 0;} #FilterResultElements {padding:1%;} div#SearchResults { display:block; margin-bottom:1%; padding:1%; overflow:hidden; } .std-search-results {float:left; width:100%;} .std-product-details {font-size:1.4em; line-height:1.9em; clear:none;} .std-product-details a h3, .product-details .regularMatchedLayouts a h3 {width:100%; color:#0057a4;} .std-product-details a h3 {font-size:1.4em;} .std-product-details p {display:inline; font-size:0.8em;} .product-details .regularMatchedLayouts p {float:left; line-height:2;} .product-details .regularMatchedLayouts div span br {display:none;} .filteredProductText, .standardSearchText {float:left;} .twoColumns .filteredProductText, .threeColumns .filteredProductText,  .twoColumns .standardSearchText, .threeColumns .standardSearchText {clear:both; width:100%;} .filteredProductText p, .filteredProductText a, .filteredProductText div, .standardSearchText p, .standardSearchText a, .standardSearchText div {float:left; clear:both;} .std-product-details p.product-price {font-size:1em;} .std-product-details .feefoproductlogo {margin:1em;} .std-product-details a, .product-details .regularMatchedLayouts a {float:left;} .product-details .regularMatchedLayouts a {margin-right:0.5em;} .twoColumns .std-product-details a {width:50%;} #FilterResultElements div#SearchResults p, #FilterResultElements div#SearchResults a img,  #FilterResultElements div#SearchResults img {float:left;} .threeColumns .std-product-details p, .threeColumns .product-details .regularMatchedLayouts p {float:left; width:100%; margin:0;} /* End of Filter Pages */ /* start auto suggest */ .content-area form .sf_suggestion {top:3.5em !important; left:10.7em !important;} /* end auto suggest */ /* Start of Extended Info */ #extended-info, .extended-info {background-image:none;} body#extended-info, body.imageLeftOfProductNameAndInfoText p {float:left;} body.imageLeftOfProductNameAndInfoText h1 {clear:right;} body.includingAddToCartButton form {width:100%;} body.includingAddToCartButton form h1, body.includingAddToCartButton form p, body.includingAddToCartButton form div {clear:none;} body.includingAddToCartButton form p.set-right {float:right;} body.includingAddToCartButton form fieldset p {float:left;} body.includingAddToCartButton form p.cart-button-placement {clear:both;} body#extended-info ul, body#extended-info ol {float:left; clear:both; width:100%;} body#extended-info img { min-width:1px; width:100%; height:auto; } /* End of Extended Info */ /* Column Counts */ .twoColumns, #search_results_list .twoColumns { display:-webkit-flex !important; display:-moz-flex !important; display:flex !important; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */	 } .twoColumns .fullWidthSection { -webkit-flex:0 0 45%; -moz-flex:0 0 45%; flex:0 0 45%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:45%; width:45%; /* End of IE Flex box */ margin:1% auto; } .twoColumns .product-details, .twoColumns .std-product-details, .twoColumns .marketing-list-entry, .twoColumns #SearchResults { -webkit-flex:0 0 46%; -moz-flex:0 0 46%; flex:0 0 46%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:46%; width:46%; /* End of IE Flex box */ margin:1% 0 0 1%; } .threeColumns form.imageOnLeftTextWrappedAround .product-image, .threeColumns form.imageOnRightTextWrappedAround .product-image {width:auto;} .threeColumns form.completeNewProductsItem div.newProductList img, .threeColumns form.imageOnLeftTextWrappedAround .product-image img,  .threeColumns form.imageOnRightTextWrappedAround .product-image img {width:100%; height:auto;} .threeColumns form.imageOnRightTextWrappedAround .product-image, .threeColumns form.imageOnRightTextWrappedAround .product-image img {float:left;} .threeColumns, #search_results_list .threeColumns  { display:-webkit-flex !important; display:-moz-flex !important; display:flex !important; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */	 } .threeColumns p.resultsFirstP, .twoColumns p.resultsFirstP {float:left; clear:both; width:100%;} .threeColumns .fullWidthSection { -webkit-flex:0 0 28%; -moz-flex:0 0 28%; flex:0 0 28%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:28%; width:28%; /* End of IE Flex box */ margin:1% auto; } .threeColumns .product-details, .threeColumns .std-product-details, .threeColumns .marketing-list-entry, .threeColumns #SearchResults { -webkit-flex:0 0 30%; -moz-flex:0 0 30%; flex:0 0 30%; min-width:30%; /* Firefox fix */ /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:30%; width:30%; /* End of IE Flex box */ margin:1% 0 0 1%; } .IeOnly .twoColumns .fullWidthSection, .IeOnly .twoColumns .product-details, .IeOnly .twoColumns .std-product-details, .IeOnly .twoColumns .marketing-list-entry, .IeOnly .twoColumns #SearchResults, .IeOnly .threeColumns .fullWidthSection, .IeOnly .threeColumns .product-details, .IeOnly .threeColumns .std-product-details, .IeOnly .threeColumns .marketing-list-entry, .IeOnly .threeColumns #SearchResults, .androidOnly .twoColumns .fullWidthSection, .androidOnly .twoColumns .product-details, .androidOnly .twoColumns .std-product-details, .androidOnly .twoColumns .marketing-list-entry, .androidOnly .twoColumns #SearchResults, .androidOnly .threeColumns .fullWidthSection, .androidOnly .threeColumns .product-details, .androidOnly .threeColumns .std-product-details, .androidOnly .threeColumns .marketing-list-entry,  .androidOnly .threeColumns #SearchResults { float:left; clear:none; height:300px; overflow:hidden; } .threeColumns #SearchResults p, .twoColumns #SearchResults p {float:none; clear:none; width:auto;} .twoColumns .product-details a.feefo img, .twoColumns .std-product-details a.feefo img, .twoColumns .marketing-list-entry a.feefo img,  .threeColumns .product-details a.feefo img, .threeColumns .std-product-details a.feefo img, .threeColumns .marketing-list-entry a.feefo img {width:100%; height:auto;} .threeColumns div.product-details form.listStyleProductLayout p,  .threeColumns div.std-product-details form.listStyleProductLayout p, .threeColumns div.product-details form.listStyleProductLayout div,  .threeColumns div.std-product-details form.listStyleProductLayout div,  .threeColumns div.product-details form.listStyleProductLayout span, .threeColumns div.std-product-details form.listStyleProductLayout span {clear:both; overflow:hidden;} .threeColumns form.listStyleProductLayout fieldset,  .threeColumns form.listStyleProductLayout p.cart-button-placement {float:left;	clear:none !important;} .threeColumns form.listStyleProductLayout p.cart-button-placement {margin-top:0; padding:0;} /* Column Counts */ table.comm-table p {width:auto;} table.comm-table tr th:nth-child(1) {width:18%;} table.comm-table tr th:nth-child(2) {width:34%;} table.comm-table tr th:nth-child(3) {width:10%;} table.comm-table tr th:nth-child(4) {width:38%;} table.comm-table a, .CheckoutProgress {float:left; clear:both;} table.comm-table ul, table.comm-table ol {float:left; clear:both; width:100%;} form div.product-marketing-list {float:left; width:100%;} form div.product-marketing-list, form div.product-marketing-list ol, form div.product-marketing-list ul { width:100%; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */	 } form div.product-marketing-list h2, form div.product-marketing-list h3 {width:100%; font-size:1.6em;} form div.product-marketing-list ol li, form div.product-marketing-list ul li {font-size:0.8em;} form div.product-marketing-list ol li p span, form div.product-marketing-list ul li p span {margin:0; padding:0; font-size:1em;} form div.product-marketing-list .marketing-list-entry { margin:1%; padding:2%; -webkit-flex:1 0 20%; -moz-flex:1 0 20%; flex:1 0 20%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:20%; width:20%; /* End of IE Flex box */ float:left; } form div.product-marketing-list .marketing-list-entry .product-text p,.product-marketing-list .product-list-price .product-price {float:left; clear:both;} .sitemap div ul, .sitemap div ol {width:100%; margin:0; padding:0;} #product-page-body .marketing-list-entry img {width:100px; height:auto;} /* Start of Recent product list */ div#recenthtlist { float:left; width:100%; margin-bottom:2em; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */	 } div.recenththeader {width:100%;} div#recenthtlist div#recenthtitem { float:left; -webkit-flex:1 0 100px; -moz-flex:1 0 100px; flex:1 0 100px; margin:1%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:100px; width:100px; /* End of IE Flex box */ } div#recenthtlist div#recenthtitem a {float:left; width:100%;} div#recenthtlist div#recenthtitem a img {display:block; margin:0 auto;} div#recenthtlist div#recenthtitem p {display:block; text-align:center;} .IeOnly div#recenthtlist div#recenthtitem p.actxxsmall, .androidOnly div#recenthtlist div#recenthtitem p.actxxsmall { height:50px; } /* End of Recent product list */ /* start of Recent product table */ div.recent-products { display:block; clear:both; width:70%; margin:0 auto; overflow:hidden; } div.recent-products textarea {display:none;} div.recenththeader h2 {text-align:center;} div.recenththeader input.recenthtbuttonright {float:right;} div.recenththeader input.recenthtbuttonleft {float:left;} div.recenththeader input.recenthtbuttonright, div.recenththeader input.recenthtbuttonleft {margin:1em; padding:0;} div.imageRow, div.descriptionRow, div.priceRow, div.deleteRow {float:left; clear:both; width:100%;} div.recenthtitemimage, div.recenthtitemdesc, div.recenthtitemdelete {float:left; width:100px; text-align:center;} div.recenthtitemimage a { display:block; clear:both; margin:0 auto; text-align:center; } /* End of Recent product table */ .CheckoutProgress {width:100%;} .CheckoutProgress p {float:left; clear:none;} .content-area form {width:98%;} .content-area #product-page-body form {width:96%;} .content-area form .CheckoutCartSection .checkout #idShowHideCart a {float:left; width:50%;} .contactUsForm p {clear:both;} .contactUsForm .contactRows { float:left; clear:both; width:100%; margin:0.5em 0; } .contactUsForm .contactRows label, .content-area form.login fieldset label {float:left; clear:none; width:9em;} .content-area form fieldset input, .content-area form fieldset textarea, .content-area form fieldset select,  .content-area form fieldset input[type=button], .content-area form fieldset input[type=submit] {float:left; clear:none; width:auto;} #searchFields fieldset input[type="text"] {clear:both;} .content-area form fieldset textarea {width:61.5%;} .content-area form fieldset #recaptcha_widget_div {float:left; width:75%; margin:0 0.5em 0 14em;} .content-area form fieldset #recaptcha_widget_div #recaptcha_area {float:left;} #recaptcha_area td img {float:none; width:auto;} .content-area form fieldset label.fullWidth {width:auto;} .content-area form fieldset .radio {float:left; width:auto;} .content-area form fieldset .clearLeft {clear:left;} .content-area form fieldset .shorter {width:24%;} .content-area form fieldset .wider {width:73%;} .content-area form fieldset .radio input {float:left; width:2em;} .content-area form fieldset .radio label {float:left; clear:none; width:auto;} .content-area form fieldset input.button { float:left; clear:none; width:auto; margin-left:2%; } .content-area form fieldset input.login {float:left; clear:both;} .content-area form fieldset.passwordIdentity input[type="button"].passwordIdentityButton {float:right; clear:left;} div#idLOOKUPORDERS p {margin:1em;} .content-area form#idLOOKUPORDERSFORM {padding:1em;} .content-area form#idLOOKUPORDERSFORM fieldset {width:92%;} .content-area form.login fieldset label, .login fieldset p, .content-area form#idPASSWORDFORM fieldset label,  .content-area form#idLOOKUPORDERSFORM fieldset label, .content-area form#idLOOKUPORDERSFORM fieldset input[type=submit], .content-area form#idBUYERFORM fieldset label, .content-area form#idADDRESSFORM fieldset label,  .content-area form.billingAddress fieldset label {float:left; clear:both;} .content-area form#idPASSWORDFORM fieldset input[type="button"], form#idPASSWORDFORM fieldset input[type="submit"] { float:left; clear:both; } .content-area form#idLOOKUPORDERSFORM fieldset label {width:11em; margin:1%;} .content-area form .checkoutCustomers { float:left; clear:both; width:100%; margin-bottom:1em; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */ } .content-area form .checkoutCustomers fieldset .createAccount { display: none; } .content-area form .checkoutCustomers fieldset { float:left; clear:none; margin:0 1% 0 0; padding:0; -webkit-flex:0 0 48%; -moz-flex:0 0 48%; flex:0 0 48%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:48%; width:48%; /* End of IE Flex box */ } .content-area form .checkoutCustomers fieldset .customerTickBox {float:left; clear:both; width:100%;} .content-area form .checkoutCustomers fieldset .customerTickBox label {width:80%; margin-left:0.5em;} .content-area form .checkoutCustomers fieldset label {float:left;} .content-area form .checkoutCustomers fieldset input {width:auto; margin:2% 3%;} .content-area form .checkoutCustomers fieldset input[type=password] {float:left; clear:both; width:90%;} #idBothAddressesTable {width:97.3%; padding-top:1em;} #idBothAddressesTable fieldset {padding:0;} .content-area form .checkout { float:left; clear:both; width:100%; margin-bottom:1%; } #idBothAddressesTable .checkout {margin-top:1em; border:none;} .content-area form .checkout label.actrequired {float:left; clear:both;} .content-area form .checkout input[type=checkbox] { float:left;  width:auto; position:relative; top:0.8em; } input#idAGREETERMSCONDITIONS { margin:0.5em; height:26px; top:0; } .content-area form .checkout p {float:left;} .content-area form .checkout fieldset { float:left;  clear:both; width:100%; padding:0 0 1em; } .content-area form#idCheckoutForm {overflow:hidden;} #idCheckoutForm .checkout label, #idCheckoutForm .checkout p, #idCheckoutForm .checkout input,  #idCheckoutForm .checkout select {margin:0.5em;} .content-area form .checkout fieldset #idSeparateShipRow {float:left; clear:both; width:100%; margin-bottom:1em;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell {width:18em; margin:0;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell label {width:80%;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell input {clear:none; width:auto; margin:0;} .content-area form .checkout fieldset .ShowAlways {float:left; width:52%;} .content-area form .checkout fieldset .ShowAlways #idInvoiceAccountAddresses, .content-area form .checkout fieldset .ShowAlways #idDeliverAccountAddresses {display:block;} #idInvoiceAccountAddresses {margin-left:20%;} #idInvoiceAccountAddresses, #idDeliverAccountAddresses {width:30%;} #idInvoiceAccountAddresses table p, #idDeliverAccountAddresses table p {font-size:1.3em;} #idInvoiceAccountAddresses input[type="radio"], #idDeliverAccountAddresses input[type="radio"] {width:2em; margin:1em 0;} .content-area form .checkout fieldset .ShowAlways p { float:left; clear:none; width:37%; margin-left:1em; text-align:center; } .content-area form .checkout fieldset .ShowAlways p#idDeliverHeader {float:right; margin-right:1em;} .content-area form .checkout fieldset .ShowAlways p#idDeliverHeader {float:right;} .content-area form .checkout fieldset label {float:left; clear:left; width:11.5em;} .content-area form .checkout fieldset .checkout-field-label { width:100%; margin:0; padding:0; } .content-area form .checkout fieldset .checkout-field-label label { width:100%; margin:0; padding:0; } .content-area form .checkout label.rememberMeText, .content-area form .checkout label.invoicePrivacy {width:85%; float:left;} .content-area form .checkout fieldset .InvoiceField, .content-area form .checkout fieldset .DeliverField {float:left; width:25%; margin-left:0.5em;} .content-area form .checkout #idSeparateShipCell {width:auto;} .content-area form .checkout fieldset .InvoiceField input, .content-area form .checkout fieldset .DeliverField input {float:left; width:94%;} .content-area form .checkout fieldset .InvoiceField input.thisAddress,  .content-area form .checkout fieldset .InvoiceField input.thatAddress, .content-area form .checkout fieldset .DeliverField input.thisAddress,  .content-area form .checkout fieldset .DeliverField input.thatAddress  {width:2em; margin-top:1em;} .content-area form .checkout fieldset .InvoiceField select,  .content-area form .checkout fieldset .DeliverField select {float:left; width:96%;} .content-area form .checkout fieldset .wideInput {width:52%;} .content-area form .checkout-buttons {float:left; width:100%; height:auto;} .content-area form .content fieldset .ajs-attr input {float:left; width:auto;} .content-area .button-wrapper {float:left;} .content-area form .checkout-buttons div.floatLeft, .content-area form .checkout-buttons div.floatRight {clear:none;} .content-area form .checkout-buttons div.floatLeft {float:left;} .content-area form .checkout-buttons div.floatRight {float:right;} h3.checkout-heading {width:auto; margin:0; padding:0.5em;} .cartButtons {float:left; clear:both;} .checkoutButtonArea {float:left;} .externalButtons, .externalButtons p, .externalButtons a {float:left; clear:both;} .externalButtons p {width:100%; text-align:center;} .content-area form table.checkout, .content-area form table.checkout-cart {width:100%; font-size:1.2em;} div#idPaymentMethodTable {width:100%;} .content-area form table.checkout tr td.cartheading, .content-area form table.checkout-cart tr td.checkout-cartheading {background:#1a572e; color:#dddddd;} .content-area form table.checkout tr td span.mobileHeader, .content-area form table.checkout-cart tr td span.mobileHeader {display:none;} .content-area form table.checkout-cart tr td.cart .cartText {float:left; clear:right; padding:0 0.5em;} .content-area form table.checkout-cart img {float:left; width:35px; height:auto;} .content-area form table.checkout-cart {table-layout:fixed; border-collapse:inherit; border-spacing:0;} .content-area form table.checkout-cart tr td.cart, table.checkout-cart tr td.cartheading {overflow-wrap:break-word;} .content-area form table.checkout-cart tr td.cart input[type="number"] {width:3em;} .content-area form table.checkout-cart tr td.cart div.promptInfo,  .content-area form table.checkout-cart tr td.cart div.promptInfo input {float:left; clear:both;} .content-area form table.checkout-cart tr td.cart div.promptInfo {width:87%; margin-bottom:0.5em;} .content-area form table.checkout-cart tr td.cart div.promptInfo span.promptLabel {float:left; clear:both; width:100%;} .content-area form table.checkout-cart tr td.cart div.promptInfo input {width:70%;} .content-area form table tr td.cartheading p.floatLeft, table tr td span.floatLeft {float:left; clear: none;} .content-area form table tr td.cartheading p.floatRight, table tr td span.floatRight {float:right; clear: none;} .content-area form .checkout fieldset label span.actrequired, #idCheckoutForm span.actrequired { float:left; margin-right:1em; font-size:1em; line-height:1.3em; } #idCheckoutForm table tr th.change input.checkout-change-button {float:right; margin-right:1em;} .content-area form table.checkout tr td.longChange {display:none;} .content-area form table.addressConf tr td p.cartheading {display:none;} #idPaymentMethodTable .checkout-field-input { float:left; font-size:1.4em; line-height:2.4em; } #idPaymentMethodTable .checkout-field-input input { float:left; clear:both; margin:0.7em 0.5em 0 0; } #paypal-express-chk {float:left; width:100%; margin-top:1em;} #paypal-express-chk div {float:left;} .payPalExRightCol p, .payPalExRightCol a { float:left; margin:0 1em; text-align:center; } .payPalExRightCol .ppImages img { display:block; clear:both; margin:0 auto 1em !important; } .content-area form.searchResults fieldset {width:96%; position:relative;} .content-area form.searchResults fieldset label {float:left; clear:left;} .content-area form.searchResults fieldset div label {clear:none; line-height:2;} .content-area form.searchResults fieldset div.searchCriteria {float:left; width:100%;} .content-area form.searchResults fieldset div.searchCriteria label {float:left; clear:both; width:7em;} .myaccount-shadow {z-index:999999999;} .myaccount-popup { position:absolute; width:auto; height:auto; margin:0; padding:0; top:10%; left:30%; } #idORDER_TRACKING table tr td span {display:none;} .feefositelogo {margin-top:1.5em;} .feefoFeedback {float:left;} .feefoFeedback div {font-size:1.2em;} .feefoFeedback .comm-table th {font-size:1em;} .feefoFeedback .comm-table a, .feefoFeedback .comm-table p {font-size:1.2em;} .feefoFeedback table.comm-table tr td h3 span {font-size:1em; line-height:2.5em;} .footer-area, div.deepFooter {float:left; width:100%;} .footer-area .housekeeping {float:left;} .footer-area .address-details {float:right;} .footer-area ul {clear:none; list-style-type:none;} .footer-area p {float:left; clear:both;} div.deepFooter { display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */ margin-bottom:1%; } div.deepFooter div, div.miniFooter {float:left; width:100%;} div[class^="footerCol"] { float:left; margin:1%; -webkit-flex:0 0 31%; -moz-flex:0 0 31%; flex:0 0 31%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:31%; width:31%; /* End of IE Flex box */ } .IeOnly div[class^="footerCol"], .androidOnly div[class^="footerCol"] {float:left; clear:none; width:31% !important;} div[class^="footerCol"] ul, div[class^="footerCol"] ol {width:100%;} /* Receipt */ .receipt {margin-bottom:3em !important;} .receipt form, .receipt form table, .receipt form div.CheckoutCartSection, .receipt form span#idShoppingCartGrid { float:left; width:100%; margin:0; padding:0; } .receipt form table.checkout-cart {width:100%;} .receipt form table tr td table tr td.cart p.cartheading {display:none;} .receipt input {width:auto !important;} @media screen and  { /* Start of Top contact info Desktop */ div[class^="contactInfoTopCol"] { -webkit-flex:1 1 32%; -moz-flex:1 1 32%; flex:1 1 32%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:1; -ms-flex-basis:32%; /* End of IE Flex box */ } /* End of Top Contact Info Desktop */ .header-area .cart-summary {float:right; clear:right;} .header-area ol, .header-area form {float:left; clear:both;} .header-area p.headerText {width:98%;} #left-sidebar, #right-sidebar {width:23%;} .content-area {width:76%;}   .content-area .product-list .marketing-list-entry {width:97%;} /* Column Counts */ div.sectionListThreeColumn .section-link-details, div.sectionLinkFirstThreeColumn .section-link-details:first-child,  div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3) { -webkit-flex:0 0 45%; -moz-flex:0 0 45%; flex:0 0 45%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:45%; width:45%; /* End of IE Flex box */ } .twoColumns .fullWidthSection, .threeColumns .fullWidthSection { -webkit-flex:0 0 43%;  -moz-flex:0 0 43%;  flex:0 0 43%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:43%; width:43%; /* End of IE Flex box */ } .twoColumns .product-details, .twoColumns .std-product-details, .twoColumns .marketing-list-entry,  .threeColumns .product-details, .threeColumns .std-product-details, .threeColumns .marketing-list-entry, .threeColumns #SearchResults { -webkit-flex:0 0 46%;  -moz-flex:0 0 46%;  flex:0 0 46%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:46%; width:46%; /* End of IE Flex box */ } /* Column Counts */ a.feefo img, table.comm-table img {width:auto;} #recaptcha_area td {float:left; clear:left;} .content-area form .checkoutCustomers {width:100%;} .content-area form .checkoutCustomers fieldset {width:94%;} .content-area form .checkoutCustomers fieldset input#idCREATEANACCOUNT {float:left; clear:none; width:auto;} .content-area form .checkoutCustomers fieldset input {float:left; clear:both; width:94%;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell {margin-bottom:1em;} .content-area form .checkout input[type=checkbox] {margin:0.5em; top:0;} .content-area form .checkout fieldset .ShowAlways {width:100%;} .content-area form .checkout fieldset .InvoiceField {clear:left;} .content-area form .checkout fieldset .InvoiceField, .content-area form .checkout fieldset .DeliverField {width:47%;} .content-area form .checkout fieldset .wideInput {width:96%;} } @media screen and (max-width:676px), (min-width:801px) and (max-width:1694px) { .threeColumns form.regularProductSummary .product-image {width:100%;} } @media screen and (min-width:482px) and (max-width:600px), (min-width:801px) and (max-width:1570px) { .threeColumns form.regularProductSummary div.set-below-right div img {width:100%; height:auto;} } @media screen and (max-width:1350px) { div[id^="idVars"] .attribute-list {float:left; width:100%;} #idInvoiceAccountAddresses {margin-left:26%;} #idInvoiceAccountAddresses, #idDeliverAccountAddresses {width:30%;} } @media screen and (max-width:1304px) { .twoColumns form.classicProductLayout .product-image {width:100%;} } @media screen and (max-width:1220px) { .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] label {width:70%;} } @media screen and (max-width:600px), (min-width:801px) and (max-width:1170px) { form.listStyleProductLayout fieldset, form.listStyleProductLayout p.cart-button-placement {float:left; clear:none; position:relative;} form.listStyleProductLayout fieldset, form.listStyleProductLayout p.cart-button-placement {top:0;} form.listStyleProductLayout p, form.listStyleProductLayout div,  form.listStyleProductLayout span {clear:both; overflow:hidden;} form.listStyleProductLayout p.cart-button-placement {margin-top:0; padding:0; clear:none;}	 } @media screen and (max-width:1165px) { .twoColumns form.imageOnLeftTextWrappedAround .product-image,  .twoColumns form.imageOnRightTextWrappedAround .product-image {float:left; width:auto;} .twoColumns form.imageOnLeftTextWrappedAround .product-image img,  .twoColumns form.imageOnRightTextWrappedAround .product-image img {float:left; width:100%;} } @media screen and (min-width:1024px) and (max-width:1110px) { .threeColumns #SearchResults { -webkit-flex:0 0 29%;  -moz-flex:0 0 29%;  flex:0 0 29%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:29%; width:29%; /* End of IE Flex box */ } } @media screen and (max-width:481px), (min-width:801px) and (max-width:1110px) { form.regularProductSummary .product-image, form.regularProductSummary div.set-below-right {width:100%;} } @media screen and (max-width:1100px) { .twoColumns form.compactProductLayout h2 {float:left; width:100%;} .twoColumns form.compactProductLayout fieldset, .twoColumns form.compactProductLayout .cart-button-placement {clear:none;} .twoColumns form.compactProductLayout fieldset {float:left;} .twoColumns form.compactProductLayout .cart-button-placement {float:right; margin:0; padding:0;} .twoColumns form.compactProductLayout p {clear:both; overflow:hidden;} } @media screen and (min-width:482px) and (max-width:640px), (min-width:801px) and (max-width:1061px) { .twoColumns .feefoproductlogo img {width:100%;} } @media screen and (min-width:801px) and (max-width:1061px) { .twoColumns form.regularProductSummary div.set-below-right div img {width:100%; height:auto;} } @media screen and (max-width:580px), (min-width:801px) and (max-width:1061px) { } @media screen and (min-width:577px) and (max-width:602px), (min-width:1039px) and (max-width:1061px) { .content-area form .checkout p {clear:both;} } @media screen and (max-width:580px), (min-width:801px) and (max-width:1061px) { } @media screen and (min-width:577px) and (max-width:602px), (min-width:1039px) and (max-width:1061px) { .content-area form .checkout p {clear:both;} } @media screen and (max-width:560px), (max-width:592px), (min-width:801px) and (max-width:1061px) { .content-area form .checkoutCustomers fieldset { -webkit-flex: 0 0 99%; -moz-flex: 0 0 99%; flex: 0 0 99%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:99%; width:99%; /* End of IE Flex box */ margin:1% 0; } } @media screen and (max-width:600px), (min-width:801px) and (max-width:1061px) { #idBothAddressesTable {width:99%;} } @media screen and (max-width:560px), (min-width:801px) and (max-width:1061px) { .content-area .marketing-list .products .marketing-list-entry { -webkit-flex:1 0 47%;  -moz-flex:1 0 47%;  flex:1 0 47%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:47%; width:47%; /* End of IE Flex box */ } .IeOnly .content-area .marketing-list .products .marketing-list-entry, .androidOnly .content-area .marketing-list .products .marketing-list-entry {height:550px;} #idORDER_TRACKING table tr th {display:none;} #idORDER_TRACKING table tr td { float:left; clear:both; width:98%; text-align:left; } #idORDER_TRACKING table tr td span {display:block;} div#idORDER_TRACKING [id^="idORDER_DETAILS_"] tr td:empty {display:none;} } @media screen and (max-width:481px), (min-width:801px) and (max-width:1061px) { #idInvoiceAccountAddresses {margin-left:0;} #idInvoiceAccountAddresses, #idDeliverAccountAddresses {width:48%;} } @media screen and (max-width:360px), (min-width:801px) and (max-width:1061px) { form.completeNewProductsItem img {width:100%; height:auto;} } @media screen and (min-width:801px) and (max-width:1061px) { form div.product-marketing-list .marketing-list-entry { margin:1%; -webkit-flex:1 0 30%; -moz-flex:1 0 30%; flex:1 0 30%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:30%; width:30%; /* End of IE Flex box */ float:left; } } @media screen and (min-width:601px) and (max-width:720px), (min-width:801px) and (max-width:1071px) { .content-area form fieldset #recaptcha_widget_div { float:right; width:auto; margin:0 2em 0 0; } } @media screen and (max-width:1061px) { .content-area #product-page-body form { float:none; display:block; width:93%; margin:1em auto 0 !important; overflow:hidden; } table.confirmCustomerAddress th {display:none;}  table.confirmCustomerAddress th.change {display:block;} table.confirmCustomerAddress tr {overflow:hidden;}  table.confirmCustomerAddress .mobileHeader { width:100% !important; margin:0 !important; padding:0.5em !important; font-size:1.4em; color:#ffffff; background:#0057a4 !important; position:relative; left:-2px; } .content-area form .checkout #idSeparateShipCell {width:100% !important;}  .content-area form .checkout #idSeparateShipCell label {width:auto !important;}  .content-area form .checkout fieldset .ShowAlways p#idInvoiceHeader {margin-left:0.5em;} .content-area form .checkout fieldset .ShowAlways p#idDeliverHeader {margin-right:2em;} .content-area form table.checkout, .content-area form table.checkout-cart {font-size:1em;} .content-area form table.checkout tr, .content-area form table.checkout-cart tr { float:left;  clear:both;  width:100%; border-top:1px solid #0057a4;  background:#efefef; } .content-area form table.checkout tr:first-child, .content-area form table.checkout-cart tr:first-child {background:#1a572e;} .content-area form table.checkout-cart tr th {display:none;} .content-area form table.checkout tr th.thShow, .content-area form table.checkout-cart tr th.thShow,  .content-area form table.checkout tr td span.mobileHeader, .content-area form table.checkout-cart tr td span.mobileHeader {display:block;} .content-area form tablecheckout tr td span.floatLeft::before { content:"Ref "; } #idCheckoutForm table tr th {float:left; clear:none; width:30%;} #idCheckoutForm table tr th.change {float:right;} table.checkout th, .cartheading, h3.checkout-heading, .content-area form table.checkout tr.checkoutMobileTR:last-child, .content-area form table.checkout-cart tr.checkoutMobileTR:last-child,  #idCheckoutForm table.checkout-cart tr.checkoutMobileTR:last-child, #idCheckoutForm table.checkout-cart tr.checkoutMobileTR:last-child { background:#1a572e; } .receipt table#idTableCheckoutSection th {float:none;} .content-area form table.checkout tr td, .content-area form table.checkout-cart tr td {float:left; clear:both; width:98%; border:none;} .content-area form table.checkout tr td span.mobileHeader, .content-area form table.checkout-cart tr td span.mobileHeader, .content-area form table.checkout tr.checkoutMobileTR td:first-child, .content-area form table.checkout-cart tr.checkoutMobileTR td:first-child { float:left; clear:both; width:8em; margin:0 0 0.5em; padding:2% 1%; text-align:left; font-weight:bold; background:#ffffff; } .content-area form table.checkout tr td span.mobileHeader, .content-area form table.checkout-cart tr td span.mobileHeader { margin:0 0 0.5em 3em; padding:0; font-weight:normal; background:none; } .content-area form table.checkout, .content-area form table.checkout {float:right;} .content-area form table.checkout-cart tr td.cart .cartText { float:right; width:92%; margin:0.5em 0; padding:1% 0; font-size:1.2em; } .content-area form table.checkout-cart tr td.cart .cartText:first-of-type { float:left; margin:0; padding:1% 0; width:auto; font-size:1.4em; line-height:2.3em; border:none; } .content-area form table.checkout-cart tr td.cart a { float:left; width:100%; } .content-area form table.checkout-cart tr td.cart img {display:none;} .content-area form table.checkout-cart tr td.cart div.promptInfo {width:100%;} .content-area form table.checkout-cart tr td.cart div.promptInfo select {float:left; clear:both; width:100%;} .content-area form table.checkout tr.checkoutMobileTR, .content-area form table.checkout-cart tr.checkoutMobileTR { width:99%; padding:1% 0 1% 1%; } .content-area form table.checkout tr.checkoutMobileTR td:last-child, .content-area form table.checkout-cart tr.checkoutMobileTR td:nth-child(2) { float:right; width:60%; clear:none; border:none; } .content-area form table.checkout tr td[rowspan$="REMOVEROWSPAN"], .content-area form table.checkout-cart tr td[rowspan$="REMOVEROWSPAN"] { display:none; } .checkout-field-input {float:left; clear:both;} } @media screen and (min-width:482px) and (max-width:514px), (min-width:801px) and (max-width:890px) { form.classicProductLayout p.product-text {clear:both;} } @media screen and (min-width:800px) and (max-width:887px) { form.classicProductLayout h2 {clear:both; width:100%;} form.classicProductLayout div[id$="StaticPrice"], form.classicProductLayout div[id$="DynamicPrice"] {float:left; clear:both;} form.classicProductLayout fieldset {clear:both;} } @media screen and (max-width:481px), (min-width:801px) and (max-width:830px) { div.imageRow, div.descriptionRow, div.priceRow, div.deleteRow {float:left; clear:none; width:32.5%;} div#recenthtitem div.imageRow div.recenthtitemimage {float:left; clear:both;} div#recenthtitem div.imageRow div.recenthtitemimage a img {width:auto; height:55px;} div.descriptionRow div.recenthtitemdesc, div.deleteRow div.recenthtitemdelete {float:left; clear:both; height:58px;} div.recenthtitemdesc a {display:inline-block; padding:1%;} div.recenthtitemdelete a img {display:block; margin:21% auto; padding:0;} } @media screen and (max-device-width:800px) { /* Start of Top contact info */ div[class^="contactInfoTopCol"] span.displayDesktop, div[class^="footerCol"] span.displayDesktop {display:none;} div[class^="contactInfoTopCol"] a.displayMobile, div[class^="footerCol"] a.displayMobile {display:block;} /* End of Top contact info */ .myaccount-popup {height:100%; overflow:scroll;} } @media screen and (max-width:800px) { .wrapper {width:100%;} .header-area .logo img {width:100%; height:auto;} /* Start of Top contact info Mobile */ div.topContactInfoMobile {display:block;} .colClass {width:46%;} /* End of Top Contact Info Mobile */ .follow-buttons, .social-badges {float:left!important; width:100%; margin:1em 0;} .menuHide {display:none;} .menuShow {display:block;} #mega-menu, #brochure-menu {width:100%;} div.miniNav {display:block; float:right;} p.mainNav, p.mainNav a#mainNav, p.quickSearchTitle, p.quickSearchTitle a#quickSearchTitle,  p.shoppingCartSummaryTitle, p.shoppingCartSummaryTitle a#shoppingCartSummaryTitle,  p.productFiltersTitle, p.productFiltersTitle a#productFiltersTitle,  p.infoBoxTile, p.infoBoxTile a#infoBoxTile,  p.storeSectionsTitle, p.storeSectionsTitle a#storeSectionsTitle,  p.informationTitle, p.informationTitle a#informationTitle,  p.bestSellerTitle, p.bestSellerTitle a#bestSellerTitle,  p.newProductTitle, p.newProductTitle a#newProductTitle,  p.couponFieldTitle, p.couponFieldTitle a#couponFieldTitle { float:left; display:block; margin:0.5em; padding:0; } /* Start of Brochure Page Mega Menu */ div.page-list {width:100%;} div.page-list ul li, div.page-list ul li a {width:100% !important;} /* End of Brochure Page Mega Menu */ #left-area, #left-sidebar, .content-area {float:left; clear:both; width:100%;} .marketing-list { display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */ margin:1%; } #left-sidebar, #right-sidebar {float:left; width:97%; margin:1%;} #left-sidebar .marketing-list-entry, #right-sidebar .marketing-list-entry { -webkit-flex:1 0 45%; -moz-flex:1 0 45%; flex:1 0 45%; width:45%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:45%; /* End of IE Flex box */ margin:1% !important; } #ContentPage.share-buttons, .content-area .share-buttons  { float:none !important;  display:block;  width:95% !important;  margin:0 auto; overflow:hidden; } #productFiltersLeft .filter-text {display:none;} .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] label {width:78%;} .content-area .marketing-list .products p, .content-area .marketing-list .products span.product-price {float:left; clear:none;} .IeOnly .content-area .marketing-list .products .marketing-list-entry, .androidOnly .content-area .marketing-list .products .marketing-list-entry {height:650px;}	 .content-area, .product-list {width:99.8%;} .content-area .product-list .marketing-list-entry {width:96%;} .bestSellersMarketingListEntry, .newProductsMarketingListEntry { -webkit-flex:0 0 28%;  -moz-flex:0 0 28%;  flex:0 0 28%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:28%; width:28%; /* End of IE Flex box */ } .IeOnly .bestSellersMarketingListEntry, .IeOnly .newProductsMarketingListEntry,  .androidOnly .bestSellersMarketingListEntry, .androidOnly .newProductsMarketingListEntry {width:30% !important;} .section-link-details, .product-details, .std-product-details {width:93%; margin:2%;} form.regularProductSummary fieldset.product-prompt {width:55%;} form.regularProductSummary fieldset.product-prompt select {float:none; clear:none; width:auto;} form.regularProductSummary fieldset.product-prompt input[type=text] {width:auto;} .content-area fieldset label {float:left; clear:both;} .content-area .login fieldset input.button {margin:2% 1%} .content-area fieldset textarea {width:95.5%;} .content-area fieldset #recaptcha_widget_div {width:97%;} #recaptcha_area td {clear:none;} .IeOnly table.checkout-cart .floatRight input[type="text"],  .androidOnly table.checkout-cart .floatRight input[type="text"] {width:28px;} .content-area form .checkout fieldset #idSeparateShipRow {width:100%;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell label {width:60%;} .content-area form .checkout fieldset .wideInput {width:65%;} .content-area form .CheckoutCartSection .checkout #idShowHideCart a {width:100%;} #paypal-express-chk { float:none; display:block; width:17em; margin:0 auto; padding-top:1em; overflow:hidden; } .payPalExRightCol p, .payPalExRightCol a { width:100%; margin:0.5em 0; } .searchButton {display:block;} .searchButton p {text-decoration:underline; cursor:pointer;} .searchButton p:hover {text-decoration:none;} .content-area form.searchResults fieldset input[type=submit] {width:auto;} .myaccount-popup {top:0; left:0;} div[class^="footerCol"] { -webkit-flex:0 0 97%;  -moz-flex:0 0 97%;  flex:0 0 97%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:97%; width:97%; /* End of IE Flex box */ } .IeOnly div[class^="footerCol"], .androidOnly div[class^="footerCol"] {width:97% !important;} } @media screen and (min-width:431px) and (max-width:665px), (min-width:801px) and (max-width:1060px){ .bestSellersMarketingListEntry, .newProductsMarketingListEntry { -webkit-flex:0 0 45%;  -moz-flex:0 0 45%;  flex:0 0 45%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:45%; width:45%; /* End of IE Flex box */ } .IeOnly .bestSellersMarketingListEntry, .IeOnly .newProductsMarketingListEntry,  .androidOnly .bestSellersMarketingListEntry, .androidOnly .newProductsMarketingListEntry {width:47% !important;} } @media screen and (min-width:482px) and (max-width:800px) { .threeColumns form.completeNewProductsItem div.newProductList img {width:auto;} } @media screen and (max-width:680px) { .twoColumns form.regularProductSummary .product-image, form.regularProductSummary div.set-below-right {width:100%;} } @media screen and (max-width:660px) { .cart-summary p {clear:none;} form.regularProductSummary fieldset.product-prompt {width:100%;} .twoColumns form.regularProductSummary div.set-below-right div img {width:100%; height:auto;} } @media screen and (max-width:600px) { .twoColumns form.classicProductLayout .cart-button-placement, .contactUsForm .contactRows input, .contactUsForm .contactRows textarea {width:95%;} .contactUsForm .contactRows label, .contactUsForm .contactRows input, .contactUsForm .contactRows textarea {clear:both;} #recaptcha_widget_div { width:96% !important; margin-left:0.5em !important; } .std-product-details a, .product-details .regularMatchedLayouts a {clear:both;} .std-product-details p, .product-details .regularMatchedLayouts p {float:left; width:100%; margin:0;} } @media screen and (min-width:801px) and (max-width:1100px), (max-width:600px) { .twoColumns .std-product-details a, .twoColumns .product-details .regularMatchedLayouts a {width:100%;} } @media screen and (max-width:500px) { .logo {width:60%;} .logo img {width:100%; height:auto;} } @media screen and (max-width:495px) { form.classicProductLayout h2 {clear:both; width:100%;} form.classicProductLayout div[id$="StaticPrice"], form.classicProductLayout div[id$="DynamicPrice"] {float:left; clear:both;} form.classicProductLayout fieldset {clear:both;} .selectOptions {float:left; clear:none !important; width:auto !important;} .content-area form.searchResults fieldset {width:92%;} } @media screen and (max-width:494px) { form.classicProductLayout .product-image {width:100%;} } @media screen and (min-width:800px) and (max-width:869px), (max-width:484px) { .checkout-field-label, .content-area form .checkout fieldset label { width:auto; } .checkout-field-label, .checkout-field-input, .content-area form .checkout fieldset label { float:left; clear:both; width:85%; } .checkout-field-input input {width:95% !important;} } @media screen and (max-width:481px) { .header-area .cart-summary p {clear:none;} div.miniNav {float:left;} #left-sidebar .marketing-list-entry, #right-sidebar .marketing-list-entry { -webkit-flex:0 0 95%;  -moz-flex:0 0 95%;  flex:0 0 95%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:95%; width:95%; /* End of IE Flex box */ } .content-area .marketing-list .products .marketing-list-entry { -webkit-flex:1 0 95%;  -moz-flex:1 0 95%;  flex:1 0 95%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:95%; width:95%; /* End of IE Flex box */ } .IeOnly .content-area .marketing-list .products .marketing-list-entry, .androidOnly .content-area .marketing-list .products .marketing-list-entry {height:auto;} .twoColumns .fullWidthSection, .threeColumns .fullWidthSection { -webkit-flex:0 0 92%;  -moz-flex:0 0 92%;  flex:0 0 92%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:92%; width:92%; /* End of IE Flex box */ } .twoColumns .product-details, .twoColumns .std-product-details, .twoColumns .marketing-list-entry, .threeColumns .product-details, .threeColumns .std-product-details,  .threeColumns .marketing-list-entry, .threeColumns #SearchResults, div.sectionListTwoColumn .section-link-details, div.sectionLinkFirstTwoColumn .section-link-details:first-child,  div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2), div.sectionLinkFirstTwoColumn .section-link-details:nth-child(3),	 div.sectionListThreeColumn .section-link-details, div.sectionLinkFirstThreeColumn .section-link-details:first-child,  div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3), .twoColumns #SearchResults, .threeColumns #SearchResults { -webkit-flex:0 0 96%;  -moz-flex:0 0 96%;  flex:0 0 96%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:96%; width:96%; /* End of IE Flex box */ } .IeOnly .twoColumns .fullWidthSection, .IeOnly .twoColumns .product-details, .IeOnly .twoColumns .std-product-details, .IeOnly .twoColumns .marketing-list-entry, .IeOnly .threeColumns .fullWidthSection, .IeOnly .threeColumns .product-details, .threeColumns .std-product-details,  .IeOnly .threeColumns .marketing-list-entry, .IeOnly .threeColumns #SearchResults, .IeOnly div.sectionListTwoColumn .section-link-details, .IeOnly div.sectionLinkFirstTwoColumn .section-link-details:first-child,  .IeOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2), .IeOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(3),	 .IeOnly div.sectionListThreeColumn .section-link-details, .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:first-child,  .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3), .IeOnly .twoColumns #SearchResults, .IeOnly .threeColumns #SearchResults,  .androidOnly .twoColumns .fullWidthSection, .androidOnly .twoColumns .product-details, .androidOnly .twoColumns .std-product-details, .androidOnly .twoColumns .marketing-list-entry, .androidOnly .threeColumns .fullWidthSection, .androidOnly .threeColumns .product-details,  .androidOnly .threeColumns .std-product-details, .androidOnly .threeColumns .marketing-list-entry, .androidOnly .threeColumns #SearchResults, .androidOnly div.sectionListTwoColumn .section-link-details, .androidOnly div.sectionLinkFirstTwoColumn .section-link-details:first-child,  .androidOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2), .androidOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(3),	 .androidOnly div.sectionListThreeColumn .section-link-details, .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:first-child,  .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3), .androidOnly .twoColumns #SearchResults, .IeOnly .threeColumns #SearchResults {height:auto;} .content-area .marketing-list .products .marketing-list-entry {width:92%;}  form div.product-marketing-list .marketing-list-entry { -webkit-flex: 1 0 28%;  -moz-flex: 1 0 28%;  flex: 1 0 28%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:28%; width:28%; /* End of IE Flex box */ } .content-area fieldset input, .content-area fieldset textarea, .content-area fieldset select { float:left; clear:both; width:94%; margin-left:1%; } form.regularProductSummary fieldset, form.classicProductLayout fieldset, form.compactProductLayout fieldset, form.imageOnLeftTextWrappedAround fieldset, form.imageOnRightTextWrappedAround fieldset, form.listStyleProductLayout fieldset {width:55%;}  form.compactProductLayout fieldset {float:left;} form.compactProductLayout fieldset.quantity-box {width:auto; margin-right:1.5em;} form.compactProductLayout .cart-button-placement {float:right; margin:0 1em 0 0; padding:0;} form.regularProductSummary div.set-below-right div img,  .twoColumns form.regularProductSummary div.set-below-right div img,  .threeColumns form.regularProductSummary div.set-below-right div img {width:auto; height:auto} form.imageOnLeftTextWrappedAround .product-image, form.imageOnRightTextWrappedAround .product-image {float:left; clear:both; width:95%;} form.compactProductLayout p, form.classicProductLayout p {clear:both; overflow:hidden;} form.compactProductLayout fieldset label, form.compactProductLayout fieldset input,  form.imageOnLeftTextWrappedAround fieldset label, form.imageOnRightTextWrappedAround fieldset label,  form.imageOnLeftTextWrappedAround fieldset input, form.imageOnRightTextWrappedAround fieldset input {clear:none;} .content-area fieldset input[type="checkbox"] {clear:none;} .contactUsForm .contactRows label, .contactUsForm .contactRows input,  .contactUsForm .contactRows textarea {clear:both; width:96%;} .content-area form .checkout fieldset #idSeparateShipRow input#idSEPARATESHIP {float:left; clear:none; width:auto;} form.listStyleProductLayout fieldset, form.listStyleProductLayout p.cart-button-placement { float:left;  clear:none;  margin:0; padding:0; top:0 !important; } form.listStyleProductLayout p.product-price {float:left;} .content-area #product-page-body form {width:90%;} .singleAddToCart fieldset.quantity-box {width:100%;} .content-area fieldset.product-prompt label {width:100%;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell,  .content-area form .checkout fieldset .ShowAlways {width:100%;} .content-area form .checkout fieldset .ShowAlways p {width:40%;} .content-area form .checkout fieldset .InvoiceField, .content-area form .checkout fieldset .DeliverField {width:45%;} .content-area form .checkout fieldset .InvoiceField {clear:both;} .content-area form .checkout fieldset .wideInput {width:90%;} .content-area form table.checkout-cart th {font-weight:normal;} .content-area form table.checkout-cart th:first-child {width:16%;} .content-area form table tr td.cartheading p.floatRight, table tr td table.dropDown tr th,  table tr td table.dropDown tr td {float:left; clear:both;} .content-area form table tr td table.dropDown tr th, table tr td table.dropDown tr td {width:100%;} .content-area form table tr td.cartheading p.floatRight {width:auto;} .content-area form table.checkout tr th.shortChange, .content-area form table.checkout tr td.shortChange {display:none;} .content-area form table.checkout tr td.longChange {display:block; float:left; width:100%; background:#0057a4;} .content-area form table.addressConf tr th.cartheading {display:none;} .content-area form table.addressConf tr td p.cartheading { display:block; width:99%; margin:-0.5em 0 0 -0.5em; padding:0.5em; font-size:1em; line-height:2em; } .content-area form table tr td.cartheading p.floatRight {float:left;} /* Receipt */ .receipt form table tr td table tr th.cartheading {display:none;} .receipt form table tr td table tr td.cart p.cartheading { display:block; width:100%; margin:0; padding:0; } } @media screen and (min-width:462px) and (max-width:481px) { form.regularProductSummary span[id^="RemoveIfOutOfStock"], form.compactProductLayout span[id^="RemoveIfOutOfStock"] { left:-9em; } } @media screen and (max-width:464px) { /* auto suggest */ .content-area form .sf_suggestion {top:7em !important; left:1em !important;} /* auto suggest */ } @media screen and (max-width:462px) { form.regularProductSummary span[id^="RemoveIfOutOfStock"], form.compactProductLayout span[id^="RemoveIfOutOfStock"] { display:block; top:0; left:0; margin-left:0.5em; } form.compactProductLayout span[id^="RemoveIfOutOfStock"] {float:left;} } @media screen and (max-width:440px) { .header-area {position:relative;} .header-area .logo { width:96%; margin:7em auto 0; } .header-area .logo img { float:left; } .header-area .header-element {position:absolute; top:0; right:0;} form.regularProductSummary fieldset {width:37%;} } @media screen and (max-width:430px){ .bestSellersMarketingListEntry, .newProductsMarketingListEntry { -webkit-flex:0 0 95%;  -moz-flex:0 0 95%;  flex:0 0 95%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:95%; width:95%; /* End of IE Flex box */ } .IeOnly .bestSellersMarketingListEntry, .IeOnly .newProductsMarketingListEntry,  .androidOnly .bestSellersMarketingListEntry, .androidOnly .newProductsMarketingListEntry {width:97% !important;} .content-area form#idLOOKUPORDERSFORM fieldset input[type="text"] {width:100%;} .content-area form fieldset #recaptcha_widget_div {width:90% !important;} .content-area form fieldset #recaptcha_widget_div #recaptcha_area {float:left; width:100%;} .content-area form fieldset table#recaptcha_table {width:100%;} .content-area form fieldset td.recaptcha_image_cell {width:93% !important;} .content-area form fieldset .recaptchatable #recaptcha_response_field {width:180px !important;} .content-area form fieldset .recaptchatable #recaptcha_image {float:left; width:100% !important; padding-top:1em;} .content-area form fieldset .recaptchatable #recaptcha_image #recaptcha_challenge_image {width:100% !important; height:auto;} } @media screen and (max-width:409px) { /* Start of Top contact info Mobile */ .colClass {width:64%;} /* End of Top Contact Info Mobile */ } @media screen and (max-width:398px) { .IeOnly div#recenthtlist div#recenthtitem, .androidOnly div#recenthtlist div#recenthtitem { width:44%; } .content-area form .checkout fieldset .ShowAlways p#idDeliverHeader {margin-right:1em;} } @media screen and (max-width:367px) { form.regularProductSummary fieldset.product-prompt label,  form.regularProductSummary fieldset.product-prompt input[type=text] {width:92%;} .contactUsForm .contactRows label, .contactUsForm .contactRows input,  .contactUsForm .contactRows textarea {width:82%;} } @media screen and (max-device-width:360px) { .content-area form table.checkout-cart th {padding:0;} } @media screen and (max-width:360px) { .header-area .logo img {width:100% !important; height:auto;} .marketing-list {overflow:visible;} .fullWidthSection img {width:90%; height:auto;} .fullWidthSection p {float:left; clear:both;} .section-link-details img {max-width:99%;} .section-link-details p {float:left; clear:both;} form div.product-marketing-list .marketing-list-entry { -webkit-flex:0 0 94%;  -moz-flex:0 0 94%;  flex:0 0 94%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:94%; width:94%; /* End of IE Flex box */ } /* Start of Extended Info */ body#extended-info h1 {float:left; width:100%;} body#extended-info .product-image {float:left; width:95%;} body#extended-info .product-image img {width:100%; height:auto;} /* End of Extended Info */ form.regularProductSummary div.set-below-right div img,  .twoColumns form.regularProductSummary div.set-below-right div img,  .threeColumns form.regularProductSummary div.set-below-right div img {width:100%; height:auto;} form.imageOnLeftTextWrappedAround .product-image img, form.imageOnRightTextWrappedAround .product-image img { float:left;  width:100%;  height:auto;  margin:0; } .product-details .feefoproductlogo, .std-product-details .feefoproductlogo {float:right; width:96%; overflow:hidden;} .content-area form fieldset #recaptcha_widget_div {float:left;} .content-area form fieldset #recaptcha_widget_div #recaptcha_table {width:auto;} .content-area form fieldset #recaptcha_widget_div #recaptcha_table tr td {float:left; clear:both; width:95%;} .content-area form fieldset.passwordIdentity p {float:left; clear:both;} .content-area form .checkout label.actrequired {width:82%;} .content-area form table.checkout-cart tr td.cart div.promptInfo input {width:90%;} .IeOnly div#recenthtlist div#recenthtitem, .androidOnly div#recenthtlist div#recenthtitem { width:95%; } .IeOnly div#recenthtlist div#recenthtitem p.actxxsmall, .androidOnly div#recenthtlist div#recenthtitem p.actxxsmall { height:auto; } } @media screen and (max-width:300px) { .header-area .logo img {width:100%;} #idInvoiceAccountAddresses, #idDeliverAccountAddresses {float:left; clear:both; width:90%;} } /* Firefox */ @-moz-document url-prefix() { .miniNav p div[id^="FilterPropertyOptions"] {color:#666666; font-weight:normal; text-transform:none;} .bestSellersMarketingListEntry, .newProductsMarketingListEntry {margin-top:1.5em;} form div.product-marketing-list, .marketing-list-entry, div.sectionListOneColumn .section-link-details,  div.sectionLinkFirstOneColumn .section-link-details:first-child, div.sectionListTwoColumn .section-link-details,  div.sectionLinkFirstTwoColumn .section-link-details:first-child, div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2),  .threeColumns .product-details, .threeColumns .std-product-details, .threeColumns .marketing-list-entry, .threeColumns #SearchResults,  .twoColumns .product-details, .twoColumns .std-product-details, .twoColumns .marketing-list-entry, .twoColumns #SearchResults { margin:0.5em 0.5% !important; } .twoColumns .product-image > img, .threeColumns .product-image > img,  .twoColumns .std-product-details img, .threeColumns .std-product-details img {margin:0.5em 0;} div#recenthtlist div#recenthtitem {margin:0.5em;} } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222; } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 1008020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 1008030; } .fancybox-opened .fancybox-skin { -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-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 1008060; } #fancybox-loading div { width: 44px; height: 44px; background: url('fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 1008040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 1008040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 1008040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 1008010; background: url('fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 1008050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 1008050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } #fancybox-buttons { position: fixed; left: 0; width: 100%; z-index: 1008050; } #fancybox-buttons.top { top: 10px; } #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { display: block; width: 166px; height: 30px; margin: 0 auto; padding: 0; list-style: none; border: 1px solid #111; border-radius: 3px; -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); background: rgb(50,50,50); background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51))); background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); } #fancybox-buttons ul li { float: left; margin: 0; padding: 0; } #fancybox-buttons a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-color: transparent; background-image: url('fancybox_buttons.png'); background-repeat: no-repeat; outline: none; opacity: 0.8; } #fancybox-buttons a:hover { opacity: 1; } #fancybox-buttons a.btnPrev { background-position: 5px 0; } #fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e; } #fancybox-buttons a.btnPlay { background-position: 0 -30px; } #fancybox-buttons a.btnPlayOn { background-position: -30px -30px; } #fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px } #fancybox-buttons a.btnToggleOn { background-position: -27px -60px; } #fancybox-buttons a.btnClose { border-left: 1px solid #111; width: 35px; background-position: -56px 0px; } #fancybox-buttons a.btnDisabled { opacity : 0.4; cursor: default; } #fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 1008050; } #fancybox-thumbs.bottom { bottom: 2px; } #fancybox-thumbs.top { top: 2px; } #fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; } #fancybox-thumbs ul li { float: left; padding: 1px; opacity: 0.5; } #fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; } #fancybox-thumbs ul li:hover { opacity: 1; } #fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; } #fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none; } /*===== SUPERFISH ===== ===== ESSENTIAL STYLES ***#1A572E #009999*/ #accordian ul, #accordian ul ul, ul.sf-menu { float:none!Important; margin:0; padding:0; width:100%!Important; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; z-index: 9999; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 9999; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } /*===== DEMO SKIN ====*/ .sf-menu { float: left; margin-bottom:1em; } .sf-menu ul { box-shadow: 2px 2px 6px rgba(0,0,0,.2); min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */ } .sf-menu a { border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */ border-top: 1px solid rgba(255,255,255,.5); padding: .75em 1em; text-decoration: none; zoom: 1; /* IE7 */ color:#ffffff!Important; } .sf-menu a:hover {color: #1A572E;} .sf-menu ul li a {color: #1A572E!Important;} .sf-menu ul li a:hover {color: #ffffff;} .sf-menu ul ul li a{color: #1A572E;} .sf-menu ul ul li a:hover {color: #ffffff;} .sf-menu li { background: #1A572E; white-space: normal; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s; } .sf-menu ul li { background: #ADCFAD; } .sf-menu ul ul li { background: #BDD8BD; } .sf-menu li:hover, .sf-menu li.sfHover { background: #92B992; /* only transition out, not in */ -webkit-transition: none; transition: none; } /*==== arrows (for all except IE7) =====*/ .sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /*===== styling for both css and generated arrows ====*/ .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255,255,255,.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; } /*** Vertical ***/ /* adding sf-vertical class in addition to sf-menu creates a vertical menu */ /* eg. <ul class="sf-menu sf-vertical"> ... */ .sf-vertical { width: 100%; /* If you want the width of the closed menu to expand to its widest top-level menu item (like its "Supersubs" submenus do), replace the width rule above with the following two rules. */ /* min-width: 12em; *width: 12em; */ } .sf-vertical ul { left:	100%; top: 0; } .sf-vertical > li { float: none; } .sf-vertical li { width: 100%; } /*** alter arrow directions ***/ .sf-vertical.sf-arrows > li > .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255,255,255,.5); } .sf-vertical.sf-arrows li > .sf-with-ul:focus:after, .sf-vertical.sf-arrows li:hover > .sf-with-ul:after, .sf-vertical.sf-arrows .sfHover > .sf-with-ul:after { border-left-color: white; } #accordian { background: #0C460A; width: 100%; margin: 0 auto; color: white; /*Some cool shadow and glow effect*/ box-shadow:  0 5px 15px 1px rgba(0, 0, 0, 0.6),  0 0 200px 1px rgba(255, 255, 255, 0.5);		 z-index: 99999;	 position:relative; } #accordian ul {		 z-index: 9999; position:relative; } /*heading styles*/ #accordian li.abc { font-size: 13px; line-height: 34px; padding: 0 10px; margin:0!Important; cursor: pointer; /*fallback for browsers not supporting gradients*/ background: #0C460A;  background: linear-gradient(#0C460A, #05300F);	 z-index: 9999; position:relative; } #accordian li.abc a {color:#fff; text-decoration:none;} /*heading hover effect*/ #accordian li.abc:hover { text-shadow: 0 0 1px rgba(255, 255, 255, 0.7); } /*iconfont styles*/ #accordian span { padding-top:3px; font-size: 16px; float:right; cursor:pointer; } /*list items*/ #accordian li { list-style-type: none;	 margin:0!Important; } #accordian ul ul li {background: #004050; margin:0!Important;} #accordian ul ul li {border-bottom: 1px solid #002C36; margin:0!Important;} /*links*/ #accordian ul ul li a { color: white; text-decoration: none; font-size: 13px; line-height: 27px; display: block; padding: 0 15px; /*transition for smooth hover animation*/ transition: all 0.15s; } /*hover effect on links*/ #accordian ul ul li a:hover { background: #003545; border-left: 5px solid lightgreen; } /*Lets hide the non active LIs by default*/ #accordian ul ul { display: none; } #accordian li.active ul { display: block; } @font-face{font-family:'FontAwesome';src:url('fontawesome-webfont.eot');src:url('fontawesome-webfont.eot?#iefix&') format('embedded-opentype'),url('fontawesome-webfont.woff') format('woff'),url('fontawesome-webfont.ttf') format('truetype'),url('fontawesome-webfont.svg#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;} [class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;} .icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;} a [class^="icon-"],a [class*=" icon-"]{display:inline;} [class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;} .icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;} .icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;} [class^="icon-"].hide,[class*=" icon-"].hide{display:none;} .icon-muted{color:#eeeeee;} .icon-light{color:#ffffff;} .icon-dark{color:#333333;} .icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} .icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;} .pull-right{float:right;} .pull-left{float:left;} [class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;} [class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;} [class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;} .icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;} .btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;} .btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;} .nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;} .btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;} .btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;} .btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;} .btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;} .btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;} .btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;} .nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;} .icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;} .icon-stack .icon-stack-base{font-size:2em;*line-height:1em;} .icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;} a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;} @-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);} .icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);} .icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} .icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);} .icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);} a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;} .icon-glass:before{content:"\f000";} .icon-music:before{content:"\f001";} .icon-search:before{content:"\f002";} .icon-envelope-alt:before{content:"\f003";} .icon-heart:before{content:"\f004";} .icon-star:before{content:"\f005";} .icon-star-empty:before{content:"\f006";} .icon-user:before{content:"\f007";} .icon-film:before{content:"\f008";} .icon-th-large:before{content:"\f009";} .icon-th:before{content:"\f00a";} .icon-th-list:before{content:"\f00b";} .icon-ok:before{content:"\f00c";} .icon-remove:before{content:"\f00d";} .icon-zoom-in:before{content:"\f00e";} .icon-zoom-out:before{content:"\f010";} .icon-power-off:before,.icon-off:before{content:"\f011";} .icon-signal:before{content:"\f012";} .icon-gear:before,.icon-cog:before{content:"\f013";} .icon-trash:before{content:"\f014";} .icon-home:before{content:"\f015";} .icon-file-alt:before{content:"\f016";} .icon-time:before{content:"\f017";} .icon-road:before{content:"\f018";} .icon-download-alt:before{content:"\f019";} .icon-download:before{content:"\f01a";} .icon-upload:before{content:"\f01b";} .icon-inbox:before{content:"\f01c";} .icon-play-circle:before{content:"\f01d";} .icon-rotate-right:before,.icon-repeat:before{content:"\f01e";} .icon-refresh:before{content:"\f021";} .icon-list-alt:before{content:"\f022";} .icon-lock:before{content:"\f023";} .icon-flag:before{content:"\f024";} .icon-headphones:before{content:"\f025";} .icon-volume-off:before{content:"\f026";} .icon-volume-down:before{content:"\f027";} .icon-volume-up:before{content:"\f028";} .icon-qrcode:before{content:"\f029";} .icon-barcode:before{content:"\f02a";} .icon-tag:before{content:"\f02b";} .icon-tags:before{content:"\f02c";} .icon-book:before{content:"\f02d";} .icon-bookmark:before{content:"\f02e";} .icon-print:before{content:"\f02f";} .icon-camera:before{content:"\f030";} .icon-font:before{content:"\f031";} .icon-bold:before{content:"\f032";} .icon-italic:before{content:"\f033";} .icon-text-height:before{content:"\f034";} .icon-text-width:before{content:"\f035";} .icon-align-left:before{content:"\f036";} .icon-align-center:before{content:"\f037";} .icon-align-right:before{content:"\f038";} .icon-align-justify:before{content:"\f039";} .icon-list:before{content:"\f03a";} .icon-indent-left:before{content:"\f03b";} .icon-indent-right:before{content:"\f03c";} .icon-facetime-video:before{content:"\f03d";} .icon-picture:before{content:"\f03e";} .icon-pencil:before{content:"\f040";} .icon-map-marker:before{content:"\f041";} .icon-adjust:before{content:"\f042";} .icon-tint:before{content:"\f043";} .icon-edit:before{content:"\f044";} .icon-share:before{content:"\f045";} .icon-check:before{content:"\f046";} .icon-move:before{content:"\f047";} .icon-step-backward:before{content:"\f048";} .icon-fast-backward:before{content:"\f049";} .icon-backward:before{content:"\f04a";} .icon-play:before{content:"\f04b";} .icon-pause:before{content:"\f04c";} .icon-stop:before{content:"\f04d";} .icon-forward:before{content:"\f04e";} .icon-fast-forward:before{content:"\f050";} .icon-step-forward:before{content:"\f051";} .icon-eject:before{content:"\f052";} .icon-chevron-left:before{content:"\f053";} .icon-chevron-right:before{content:"\f054";} .icon-plus-sign:before{content:"\f055";} .icon-minus-sign:before{content:"\f056";} .icon-remove-sign:before{content:"\f057";} .icon-ok-sign:before{content:"\f058";} .icon-question-sign:before{content:"\f059";} .icon-info-sign:before{content:"\f05a";} .icon-screenshot:before{content:"\f05b";} .icon-remove-circle:before{content:"\f05c";} .icon-ok-circle:before{content:"\f05d";} .icon-ban-circle:before{content:"\f05e";} .icon-arrow-left:before{content:"\f060";} .icon-arrow-right:before{content:"\f061";} .icon-arrow-up:before{content:"\f062";} .icon-arrow-down:before{content:"\f063";} .icon-mail-forward:before,.icon-share-alt:before{content:"\f064";} .icon-resize-full:before{content:"\f065";} .icon-resize-small:before{content:"\f066";} .icon-plus:before{content:"\f067";} .icon-minus:before{content:"\f068";} .icon-asterisk:before{content:"\f069";} .icon-exclamation-sign:before{content:"\f06a";} .icon-gift:before{content:"\f06b";} .icon-leaf:before{content:"\f06c";} .icon-fire:before{content:"\f06d";} .icon-eye-open:before{content:"\f06e";} .icon-eye-close:before{content:"\f070";} .icon-warning-sign:before{content:"\f071";} .icon-plane:before{content:"\f072";} .icon-calendar:before{content:"\f073";} .icon-random:before{content:"\f074";} .icon-comment:before{content:"\f075";} .icon-magnet:before{content:"\f076";} .icon-chevron-up:before{content:"\f077";} .icon-chevron-down:before{content:"\f078";} .icon-retweet:before{content:"\f079";} .icon-shopping-cart:before{content:"\f07a";} .icon-folder-close:before{content:"\f07b";} .icon-folder-open:before{content:"\f07c";} .icon-resize-vertical:before{content:"\f07d";} .icon-resize-horizontal:before{content:"\f07e";} .icon-bar-chart:before{content:"\f080";} .icon-twitter-sign:before{content:"\f081";} .icon-facebook-sign:before{content:"\f082";} .icon-camera-retro:before{content:"\f083";} .icon-key:before{content:"\f084";} .icon-gears:before,.icon-cogs:before{content:"\f085";} .icon-comments:before{content:"\f086";} .icon-thumbs-up-alt:before{content:"\f087";} .icon-thumbs-down-alt:before{content:"\f088";} .icon-star-half:before{content:"\f089";} .icon-heart-empty:before{content:"\f08a";} .icon-signout:before{content:"\f08b";} .icon-linkedin-sign:before{content:"\f08c";} .icon-pushpin:before{content:"\f08d";} .icon-external-link:before{content:"\f08e";} .icon-signin:before{content:"\f090";} .icon-trophy:before{content:"\f091";} .icon-github-sign:before{content:"\f092";} .icon-upload-alt:before{content:"\f093";} .icon-lemon:before{content:"\f094";} .icon-phone:before{content:"\f095";} .icon-unchecked:before,.icon-check-empty:before{content:"\f096";} .icon-bookmark-empty:before{content:"\f097";} .icon-phone-sign:before{content:"\f098";} .icon-twitter:before{content:"\f099";} .icon-facebook:before{content:"\f09a";} .icon-github:before{content:"\f09b";} .icon-unlock:before{content:"\f09c";} .icon-credit-card:before{content:"\f09d";} .icon-rss:before{content:"\f09e";} .icon-hdd:before{content:"\f0a0";} .icon-bullhorn:before{content:"\f0a1";} .icon-bell:before{content:"\f0a2";} .icon-certificate:before{content:"\f0a3";} .icon-hand-right:before{content:"\f0a4";} .icon-hand-left:before{content:"\f0a5";} .icon-hand-up:before{content:"\f0a6";} .icon-hand-down:before{content:"\f0a7";} .icon-circle-arrow-left:before{content:"\f0a8";} .icon-circle-arrow-right:before{content:"\f0a9";} .icon-circle-arrow-up:before{content:"\f0aa";} .icon-circle-arrow-down:before{content:"\f0ab";} .icon-globe:before{content:"\f0ac";} .icon-wrench:before{content:"\f0ad";} .icon-tasks:before{content:"\f0ae";} .icon-filter:before{content:"\f0b0";} .icon-briefcase:before{content:"\f0b1";} .icon-fullscreen:before{content:"\f0b2";} .icon-group:before{content:"\f0c0";} .icon-link:before{content:"\f0c1";} .icon-cloud:before{content:"\f0c2";} .icon-beaker:before{content:"\f0c3";} .icon-cut:before{content:"\f0c4";} .icon-copy:before{content:"\f0c5";} .icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";} .icon-save:before{content:"\f0c7";} .icon-sign-blank:before{content:"\f0c8";} .icon-reorder:before{content:"\f0c9";} .icon-list-ul:before{content:"\f0ca";} .icon-list-ol:before{content:"\f0cb";} .icon-strikethrough:before{content:"\f0cc";} .icon-underline:before{content:"\f0cd";} .icon-table:before{content:"\f0ce";} .icon-magic:before{content:"\f0d0";} .icon-truck:before{content:"\f0d1";} .icon-pinterest:before{content:"\f0d2";} .icon-pinterest-sign:before{content:"\f0d3";} .icon-google-plus-sign:before{content:"\f0d4";} .icon-google-plus:before{content:"\f0d5";} .icon-money:before{content:"\f0d6";} .icon-caret-down:before{content:"\f0d7";} .icon-caret-up:before{content:"\f0d8";} .icon-caret-left:before{content:"\f0d9";} .icon-caret-right:before{content:"\f0da";} .icon-columns:before{content:"\f0db";} .icon-sort:before{content:"\f0dc";} .icon-sort-down:before{content:"\f0dd";} .icon-sort-up:before{content:"\f0de";} .icon-envelope:before{content:"\f0e0";} .icon-linkedin:before{content:"\f0e1";} .icon-rotate-left:before,.icon-undo:before{content:"\f0e2";} .icon-legal:before{content:"\f0e3";} .icon-dashboard:before{content:"\f0e4";} .icon-comment-alt:before{content:"\f0e5";} .icon-comments-alt:before{content:"\f0e6";} .icon-bolt:before{content:"\f0e7";} .icon-sitemap:before{content:"\f0e8";} .icon-umbrella:before{content:"\f0e9";} .icon-paste:before{content:"\f0ea";} .icon-lightbulb:before{content:"\f0eb";} .icon-exchange:before{content:"\f0ec";} .icon-cloud-download:before{content:"\f0ed";} .icon-cloud-upload:before{content:"\f0ee";} .icon-user-md:before{content:"\f0f0";} .icon-stethoscope:before{content:"\f0f1";} .icon-suitcase:before{content:"\f0f2";} .icon-bell-alt:before{content:"\f0f3";} .icon-coffee:before{content:"\f0f4";} .icon-food:before{content:"\f0f5";} .icon-file-text-alt:before{content:"\f0f6";} .icon-building:before{content:"\f0f7";} .icon-hospital:before{content:"\f0f8";} .icon-ambulance:before{content:"\f0f9";} .icon-medkit:before{content:"\f0fa";} .icon-fighter-jet:before{content:"\f0fb";} .icon-beer:before{content:"\f0fc";} .icon-h-sign:before{content:"\f0fd";} .icon-plus-sign-alt:before{content:"\f0fe";} .icon-double-angle-left:before{content:"\f100";} .icon-double-angle-right:before{content:"\f101";} .icon-double-angle-up:before{content:"\f102";} .icon-double-angle-down:before{content:"\f103";} .icon-angle-left:before{content:"\f104";} .icon-angle-right:before{content:"\f105";} .icon-angle-up:before{content:"\f106";} .icon-angle-down:before{content:"\f107";} .icon-desktop:before{content:"\f108";} .icon-laptop:before{content:"\f109";} .icon-tablet:before{content:"\f10a";} .icon-mobile-phone:before{content:"\f10b";} .icon-circle-blank:before{content:"\f10c";} .icon-quote-left:before{content:"\f10d";} .icon-quote-right:before{content:"\f10e";} .icon-spinner:before{content:"\f110";} .icon-circle:before{content:"\f111";} .icon-mail-reply:before,.icon-reply:before{content:"\f112";} .icon-github-alt:before{content:"\f113";} .icon-folder-close-alt:before{content:"\f114";} .icon-folder-open-alt:before{content:"\f115";} .icon-expand-alt:before{content:"\f116";} .icon-collapse-alt:before{content:"\f117";} .icon-smile:before{content:"\f118";} .icon-frown:before{content:"\f119";} .icon-meh:before{content:"\f11a";} .icon-gamepad:before{content:"\f11b";} .icon-keyboard:before{content:"\f11c";} .icon-flag-alt:before{content:"\f11d";} .icon-flag-checkered:before{content:"\f11e";} .icon-terminal:before{content:"\f120";} .icon-code:before{content:"\f121";} .icon-reply-all:before{content:"\f122";} .icon-mail-reply-all:before{content:"\f122";} .icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";} .icon-location-arrow:before{content:"\f124";} .icon-crop:before{content:"\f125";} .icon-code-fork:before{content:"\f126";} .icon-unlink:before{content:"\f127";} .icon-question:before{content:"\f128";} .icon-info:before{content:"\f129";} .icon-exclamation:before{content:"\f12a";} .icon-superscript:before{content:"\f12b";} .icon-subscript:before{content:"\f12c";} .icon-eraser:before{content:"\f12d";} .icon-puzzle-piece:before{content:"\f12e";} .icon-microphone:before{content:"\f130";} .icon-microphone-off:before{content:"\f131";} .icon-shield:before{content:"\f132";} .icon-calendar-empty:before{content:"\f133";} .icon-fire-extinguisher:before{content:"\f134";} .icon-rocket:before{content:"\f135";} .icon-maxcdn:before{content:"\f136";} .icon-chevron-sign-left:before{content:"\f137";} .icon-chevron-sign-right:before{content:"\f138";} .icon-chevron-sign-up:before{content:"\f139";} .icon-chevron-sign-down:before{content:"\f13a";} .icon-html5:before{content:"\f13b";} .icon-css3:before{content:"\f13c";} .icon-anchor:before{content:"\f13d";} .icon-unlock-alt:before{content:"\f13e";} .icon-bullseye:before{content:"\f140";} .icon-ellipsis-horizontal:before{content:"\f141";} .icon-ellipsis-vertical:before{content:"\f142";} .icon-rss-sign:before{content:"\f143";} .icon-play-sign:before{content:"\f144";} .icon-ticket:before{content:"\f145";} .icon-minus-sign-alt:before{content:"\f146";} .icon-check-minus:before{content:"\f147";} .icon-level-up:before{content:"\f148";} .icon-level-down:before{content:"\f149";} .icon-check-sign:before{content:"\f14a";} .icon-edit-sign:before{content:"\f14b";} .icon-external-link-sign:before{content:"\f14c";} .icon-share-sign:before{content:"\f14d";} .icon-compass:before{content:"\f14e";} .icon-collapse:before{content:"\f150";} .icon-collapse-top:before{content:"\f151";} .icon-expand:before{content:"\f152";} .icon-euro:before,.icon-eur:before{content:"\f153";} .icon-gbp:before{content:"\f154";} .icon-dollar:before,.icon-usd:before{content:"\f155";} .icon-rupee:before,.icon-inr:before{content:"\f156";} .icon-yen:before,.icon-jpy:before{content:"\f157";} .icon-renminbi:before,.icon-cny:before{content:"\f158";} .icon-won:before,.icon-krw:before{content:"\f159";} .icon-bitcoin:before,.icon-btc:before{content:"\f15a";} .icon-file:before{content:"\f15b";} .icon-file-text:before{content:"\f15c";} .icon-sort-by-alphabet:before{content:"\f15d";} .icon-sort-by-alphabet-alt:before{content:"\f15e";} .icon-sort-by-attributes:before{content:"\f160";} .icon-sort-by-attributes-alt:before{content:"\f161";} .icon-sort-by-order:before{content:"\f162";} .icon-sort-by-order-alt:before{content:"\f163";} .icon-thumbs-up:before{content:"\f164";} .icon-thumbs-down:before{content:"\f165";} .icon-youtube-sign:before{content:"\f166";} .icon-youtube:before{content:"\f167";} .icon-xing:before{content:"\f168";} .icon-xing-sign:before{content:"\f169";} .icon-youtube-play:before{content:"\f16a";} .icon-dropbox:before{content:"\f16b";} .icon-stackexchange:before{content:"\f16c";} .icon-instagram:before{content:"\f16d";} .icon-flickr:before{content:"\f16e";} .icon-adn:before{content:"\f170";} .icon-bitbucket:before{content:"\f171";} .icon-bitbucket-sign:before{content:"\f172";} .icon-tumblr:before{content:"\f173";} .icon-tumblr-sign:before{content:"\f174";} .icon-long-arrow-down:before{content:"\f175";} .icon-long-arrow-up:before{content:"\f176";} .icon-long-arrow-left:before{content:"\f177";} .icon-long-arrow-right:before{content:"\f178";} .icon-apple:before{content:"\f179";} .icon-windows:before{content:"\f17a";} .icon-android:before{content:"\f17b";} .icon-linux:before{content:"\f17c";} .icon-dribbble:before{content:"\f17d";} .icon-skype:before{content:"\f17e";} .icon-foursquare:before{content:"\f180";} .icon-trello:before{content:"\f181";} .icon-female:before{content:"\f182";} .icon-male:before{content:"\f183";} .icon-gittip:before{content:"\f184";} .icon-sun:before{content:"\f185";} .icon-moon:before{content:"\f186";} .icon-archive:before{content:"\f187";} .icon-bug:before{content:"\f188";} .icon-vk:before{content:"\f189";} .icon-weibo:before{content:"\f18a";} .icon-renren:before{content:"\f18b";} #whtc ul, li{ margin: 0; padding: 0; } #whtc #therapy-calendar, #whtc form, #whtc header { width: 100%; max-width: 993px; margin: 0 auto; position: relative; } #whtc header img { float: left; } #whtc header #woodherbs { font-family: arial; float: left; margin-left: 1%; } #whtc header #woodherbs h1 { margin: 0; font-weight: 100; font-size: 46px; color: green; } #whtc header #woodherbs span { color: #05481b; } #whtc header #contact { color: #009821; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-style: normal; font-weight: normal; margin-top: 0; position: absolute; right: 0; text-align: right; top: 0; } #whtc header #login { background: url('silver-theme-login-box.jpg') repeat scroll 0 0 #339933; color: #000000; font-size: 15px; height: 20px; margin: 0 0 0 200px; padding: 2px 0; right: 0; text-align: center; width: 101px; } #whtc header #login a { color: #000000; font-size: 15px; font-weight: bold; } #whtc header a:link { color: #673300; text-decoration: none; } #whtc span#stars { width: 100%; max-width: 993px; margin: 0 auto 50px auto; display: block; } #whtc h1 { margin-top: 50px; } #whtc form { border-top: 4px solid green; margin-top: 25px; padding-top: 25px; } #whtc form p { margin: 0; font-size: 1.4em!Important; } #whtc #therapy-calendar { clear:both; border-bottom: 4px solid green; margin-bottom: 50px; padding-bottom: 50px;} #whtc #therapy-calendar div{ width: 100%; border-top: 3px solid black; margin-top: 20px; } #whtc #therapy-calendar div ul{ width: 20%; list-style: none; float: left;} #whtc #therapy-calendar div ul:nth-child(2n) { background-color: #eee; } #whtc #therapy-calendar div ul li { border-bottom: 1px solid #673300; width: 50%; float: left;} #whtc #therapy-calendar div h2 {  background-color: green; color: #fff; line-height: 2em; } #whtc #therapy-calendar div#header { font-size: 2em; display: block !important; } #whtc #therapy-calendar div div {  border-top: 3px solid grey; margin-top: 20px;} #whtc #therapy-calendar div div h3 {  width: 50%; float: left; } #whtc #therapy-calendar div div h3 span{  display: block; font-size: 0.7em; color: #673300; cursor: pointer; width: 100%; } #whtc #therapy-calendar div div section {  width: 40%; float: right; border-left: 1px solid #eee; padding-left: 2.5%; background-color: #fff; } #whtc #therapy-calendar div div section ul{  width: 100%; max-width: 993px; display: block !important; background-color: #fff; } #whtc #therapy-calendar div div section ul:nth-child(2n) { background-color: #fff; } #whtc #therapy-calendar div div section ul li {  width: 100%; border: 0;} #whtc #therapy-calendar div div ul{ width: 55%; list-style: none; float: left;} #whtc #therapy-calendar div div ul:nth-child(2n) { background-color: #eee; } #whtc #therapy-calendar div div ul li { border-bottom: 1px solid #673300; width: 50%; float: left;} #whtc #therapy-calendar a { color: green;  text-decoration: none; } #whtc #therapy-calendar a:hover { color: grey; text-decoration: underline; } #whtc #therapy-calendar h2 a { color: white;  text-decoration: underline; } #whtc #therapy-calendar h2 a:hover { color: white; text-decoration: none; } #whtc .clearfix:before,.clearfix:after,.row:before,.row:after{content:"";display:table;} #whtc .clearfix:after,.row:after{clear:both;} #whtc .clearfix,.row{zoom:1;} @media only screen and (min-width: 110px) { #whtc header #contact, #whtc header img { display: none;} #whtc form label, #whtc form select { font-size: 1.3em; color: #222; display: block; width: 100%; } #whtc form select { margin-bottom: 5px; } #whtc header #woodherbs h1 { font-size: 35px; } #whtc #therapy-calendar div ul{ width: 100%; } #whtc #therapy-calendar div ul li { width: 100%; } #whtc #therapy-calendar div div h3 {  width: 100%; margin-bottom: 0; } #whtc #therapy-calendar div div section {  width: 100%;  margin: 10px 0;  } #whtc #therapy-calendar div div section  h4 {  margin: 0; } #whtc #therapy-calendar div div ul{ width: 100%; } } @media only screen and (min-width: 710px) { #whtc header #contact, #whtc header img { display: block;} #whtc form label, #whtc form select { display: inline; width: auto; } #whtc header #woodherbs h1 { font-size: 46px; } #whtc #therapy-calendar div ul{ width: 20%; } #whtc #therapy-calendar div ul li { width: 50%; } #whtc #therapy-calendar div div h3 {  width: 50%; margin-bottom: 10px; } #whtc #therapy-calendar div div section {  width: 40%; margin: 0;  } #whtc #therapy-calendar div div section  h4 {  margin: 10px 0; } #whtc #therapy-calendar div div ul{ width: 55%; } } #featured{ position:relative; height:auto; background:#fff; margin: 0; padding:0; } #featured ul.ui-tabs-nav{ position:relative; list-style:none; padding:0; margin:0; width:250px; } #featured ul.ui-tabs-nav li{  padding:1px 0; padding-left:13px;   font-size:12px;  color:#666;  } #featured ul.ui-tabs-nav li img{  float:left; margin:2px 5px;  background:#fff;  padding:2px;  border:1px solid #eee; } #featured ul.ui-tabs-nav li span{  font-size:11px; font-family:Verdana;  line-height:18px;  } #featured li.ui-tabs-nav-item a{  display:block;  height:60px;  color:#333;  background:#fff;  line-height:20px; } #featured li.ui-tabs-nav-item a:hover{  background:#f2f2f2;  } #featured li.ui-tabs-selected{  background:url('selected-item.gif') top left no-repeat;   } #featured ul.ui-tabs-nav li.ui-tabs-selected a{  background:#ccc;  } #featured .ui-tabs-panel{ width:100%!Important; height:auto; position:relative; } #featured .ui-tabs-panel .info{  width:100% position:absolute;  top:180px; left:0;  height:70px;  background: url('transparent-bg.png'); width:99%;  } #featured .info h2{  font-size:18px; font-family:Georgia, serif;  color:#fff; padding:5px; margin:0; overflow:hidden;  } #featured .info p{  margin:0 5px;  font-family:Verdana; font-size:11px;  line-height:15px; color:#f0f0f0; } #featured .info a{  text-decoration:none;  color:#fff;  } #featured .info a:hover{  text-decoration:underline;  } #featured .ui-tabs-hide{  display:none;  } height:auto; background:#fff; margin: 0; } #featured ul.ui-tabs-nav{ position:relative; list-style:none; padding:0; margin:0; width:250px; } #featured ul.ui-tabs-nav li{  padding:1px 0; padding-left:13px;   font-size:12px;  color:#666;  } #featured ul.ui-tabs-nav li img{  float:left; margin:2px 5px;  background:#fff;  padding:2px;  border:1px solid #eee; } #featured ul.ui-tabs-nav li span{  font-size:11px; font-family:Verdana;  line-height:18px;  } #featured li.ui-tabs-nav-item a{  display:block;  height:60px;  color:#333;  background:#fff;  line-height:20px; } #featured li.ui-tabs-nav-item a:hover{  background:#f2f2f2;  } #featured li.ui-tabs-selected{  background:url('selected-item.gif') top left no-repeat;   } #featured ul.ui-tabs-nav li.ui-tabs-selected a{  background:#ccc;  } #featured .ui-tabs-panel{ width:100%; height:auto; position:relative; } #featured .ui-tabs-panel .info{  position:absolute;  top:180px; left:0;  height:70px;  background: url('transparent-bg.png');  } #featured .info h2{  font-size:18px; font-family:Georgia, serif;  color:#fff; padding:5px; margin:0; overflow:hidden;  } #featured .info p{  margin:0 5px;  font-family:Verdana; font-size:11px;  line-height:15px; color:#f0f0f0; } #featured .info a{  text-decoration:none;  color:#fff;  } #featured .info a:hover{  text-decoration:underline;  } #featured .ui-tabs-hide{  display:none;  } /*** JC Stuff ***/ .outerone {width:100%; margin:0; padding:0; background: #e1e1e1 url('bg.jpg') bottom repeat-x;  color:##777;}/*** Change body background in base.css if needed. ***/ /*** See base.css for h tag color definitions ***/ .outertwo {width:100%; background-color:#e1e1e1; margin:0;padding:0; } .outerthree {width:100%; background: url('bg-content-new.png'); margin:0;padding:0;} .white {background-color: #ffffff; padding: 0!Important;} .grey {background: url('bg-menu.gif'); padding: 0 !Important;} .bottom { position:relative; z-index: 1000; } .fancybox-inner .contactInfoP {font-size:18px!Important;} .mycart {text-align:center;margin: 0 auto;} .mychart {text-align:left;} .cartArea {margin: 0 auto;} .header-area .logo img, .header-area .logo {margin:0!Important;} .contactInfoClick {background-color:blue;} .shb { outline: none; background: #fff url('menu-mobile-o.jpg') 65px 5px no-repeat !important; cursor:pointer; width: 95px; height: 30px; border: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0px; border: 1px solid rgba(0,0,0,0.4) ; box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), 0 0 1px 1px rgba(255,255,255,0.8), 0 0 0 6px rgba(0,0,0,0.06), 0 0 0 3px rgba(0,0,0,0.1); font-weight:bold; position:relative; } .shbred {  outline: none; background: #fff url('menu-mobile-n.jpg') 65px 5px no-repeat !important; cursor:pointer; width: 95px; height: 30px; border: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0px; border: 1px solid rgba(0,0,0,0.4) ; box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), 0 0 1px 1px rgba(255,255,255,0.8), 0 0 0 6px rgba(0,0,0,0.06), 0 0 0 3px rgba(0,0,0,0.1); position:relative; } .shbx { outline: none; background: #fff url('menu-mobile-o.jpg') 95px 5px no-repeat; cursor:pointer; width: 125px; height: 30px; border: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0px; border: 1px solid rgba(0,0,0,0.4) ; box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), 0 0 1px 1px rgba(255,255,255,0.8), 0 0 0 6px rgba(0,0,0,0.06), 0 0 0 3px rgba(0,0,0,0.1); font-family: 'Trebuchet MS', Arial, sans-serif; font-weight:bold;	 position:relative; } .shbxred {  outline: none; background: #fff url('menu-mobile-n.jpg') 95px 5px no-repeat !important; cursor:pointer; width: 125px; height: 30px; border: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0px; border: 1px solid rgba(0,0,0,0.4) ; box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), 0 0 1px 1px rgba(255,255,255,0.8), 0 0 0 6px rgba(0,0,0,0.06), 0 0 0 3px rgba(0,0,0,0.1); position:relative; } .menuhide {display:none;} #helloworld {display:none; z-index:10000; text-align:left;}  #byeworld {display:block;} @media only screen and (max-width: 767px), @media only screen and (min-width: 480px) and (max-width: 767px) { div.sh, div.shx {display:none;} #helloworld {display:block;} #byeworld {display:none;} .sticky-nav {	 width:100%; margin:0 auto; height:60px; } .sticky-nav.stuck { background:#c0c0c0;	 position:fixed; top:0; height:60px; width:100%; z-index:1000000; } } /* ### Normal ### */		 .bworld {display:block;}	 .hworld {display:none;}	 .undredplus img { max-width:105%; height:auto; } /* #### Mobile Phones Portrait #### */ @media screen and (max-device-width: 480px) and (orientation: portrait){ .bworld {display:none;}	 .hworld {display:block;} #navlist {font-size: 80%;} .nameheight, .nameheightnp {height: auto;min-height:20px;} .undredplus img { max-width:220%; height:auto; } } /* #### Mobile Phones Landscape #### */ @media screen and (max-device-width: 640px) and (orientation: landscape){ .bworld {display:none;}	 .hworld {display:block;} #navlist, .cart-summary {font-size: 80%;} .nameheight, .nameheightnp {height: auto;min-height:20px;} .undredplus img { max-width:220%; height:auto; } } /* #### Mobile Phones Portrait or Landscape #### */ @media screen and (max-device-width: 640px){ .bworld {display:none;}	 .hworld {display:block;} #navlist, .cart-summary {font-size: 80%;} .nameheight, .nameheightnp {height: auto;min-height:20px;}.undredplus img { max-width:220%; height:auto; } } /* #### iPhone 4+ Portrait or Landscape #### */ @media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){ .bworld {display:none;}	 .hworld {display:block;} #navlist, .cart-summary {font-size: 80%;} .nameheight, .nameheightnp {height: auto;min-height:20px;}.undredplus img { max-width:220%; height:auto; } } /* #### Tablets Portrait or Landscape #### */ @media screen and (min-device-width: 768px) and (max-device-width: 1024px){ .bworld {display:block;}	 .hworld {display:none;}	 #navlist, .cart-summary {font-size: 100%;} } /*=== New iPhone Stuff ===*/ /* Sort of new catch all */ @media screen and (max-device-width: 414px) { .bworld {display:none;}	 .hworld {display:block;} #navlist, .cart-summary {font-size: 80%;} .nameheight, .nameheightnp {height: auto;min-height:20px;} div.sh, div.shx {display:none;} #helloworld {display:block;} #byeworld {display:none;} .sticky-nav {	 width:100%; margin:0 auto; height:40px; } .sticky-nav.stuck {	 position:fixed; top:0; height:40px; width:100%; } .undredplus img { max-width:220%; height:auto; } } /*– iPhone 5, iPod Touch 5Gen–*/ @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:1136px) { .bworld {display:none;}	 .hworld {display:block;} #navlist, .cart-summary {font-size: 80%;} .nameheight, .nameheightnp {height: auto;min-height:20px;} div.sh, div.shx {display:none;} #helloworld {display:block;} #byeworld {display:none;} .sticky-nav {	 width:100%; margin:0 auto; height:40px; } .sticky-nav.stuck {	 position:fixed; top:0; height:40px; width:100%; }.undredplus img { max-width:220%; height:auto; } } /*– iPhone 5, iPod Touch 5Gen–*/ @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:1136px) and (orientation : landscape) { .bworld {display:none;}	 .hworld {display:block;} #navlist, .cart-summary {font-size: 80%;} .nameheight, .nameheightnp {height: auto;min-height:20px;} div.sh, div.shx {display:none;} #helloworld {display:block;} #byeworld {display:none;} .sticky-nav {	 width:100%; margin:0 auto; height:40px; } .sticky-nav.stuck {	 position:fixed; top:0; height:40px; width:100%; }.undredplus img { max-width:220%; height:auto; } } /*– iPhone 4, 4S, 5, iPod Touch 4Gen, 5Gen–*/ @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:640px) and (orientation : portrait) { .bworld {display:none;}	 .hworld {display:block;} #navlist, .cart-summary {font-size: 80%;} .nameheight, .nameheightnp {height: auto;min-height:20px;} div.sh, div.shx {display:none;} #helloworld {display:block;} #byeworld {display:none;} .sticky-nav {	 width:100%; margin:0 auto; height:40px; } .sticky-nav.stuck {	 position:fixed; top:0; height:40px; width:100%; }.undredplus img { max-width:220%; height:auto; } } /*iPhone 6 (Standard View) and iPhone 6 Plus (Zoom View):*/ @media screen and (max-device-width: 375px) and (max-device-height: 667px) { .bworld {display:none;}	 .hworld {display:block;} #navlist, .cart-summary {font-size: 80%;} .nameheight, .nameheightnp {height: auto;min-height:20px;} div.sh, div.shx {display:none;} #helloworld {display:block;} #byeworld {display:none;} .sticky-nav {	 width:100%; margin:0 auto; height:40px; } .sticky-nav.stuck {	 position:fixed; top:0; height:40px; width:100%; }.undredplus img { max-width:220%; height:auto; } } /*iPhone 6 Plus (Standard View):*/ @media screen and (max-device-width: 414px) and (max-device-height: 776px) { .bworld {display:none;}	 .hworld {display:block;} #navlist, .cart-summary {font-size: 80%;} .nameheight, .nameheightnp {height: auto;min-height:20px;} div.sh, div.shx {display:none;} #helloworld {display:block;} #byeworld {display:none;} .sticky-nav {	 width:100%; margin:0 auto; height:40px; } .sticky-nav.stuck {	 position:fixed; top:0; height:40px; width:100%; }.undredplus img { max-width:220%; height:auto; } } /*iPhone 6 (Zoom View):*/ @media screen and (max-device-width: 320px) and (max-device-height: 568px) { .bworld {display:none;}	 .hworld {display:block;} #navlist, .cart-summary {font-size: 80%;} .nameheight, .nameheightnp {height: auto;min-height:20px;} div.sh, div.shx {display:none;} #helloworld {display:block;} #byeworld {display:none;} .sticky-nav {	 width:100%; margin:0 auto; height:40px; } .sticky-nav.stuck {	 position:fixed; top:0; height:40px; width:100%; }.undredplus img { max-width:220%; height:auto; } } /*=== New iPhone Stuff ENDS ===*/ /* #### Desktops #### */ @media screen and (min-width: 1024px){ .bworld {display:block;}	 .hworld {display:none;}	 #navlist {font-size: 100%;} } .undred img { max-width:100%; height:auto; } .ninetyfive img { max-width: 95%; height:auto; } .undredw img {; width:100%; max-width:100%; height:auto; } .ninetyfivew img { width: 95%; max-width: 95%; height:auto; } /* You can also use a <br class="clear" /> to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; } .fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; } #mega-menu ul li, #mega-menu ul li:hover, #brochure-menu li, #brochure-menu li:hover { border-left:1px solid #cccccc; border-right:1px solid #cccccc; box-shadow:inset 0px 0px 0px 1px #ffffff; } #mega-menu ul li:hover, #brochure-menu li:hover, .CheckoutProgress p.cpi-active { background: #428400; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Mjg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #54a800 0%, #428400 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#52a400), color-stop(100%,#54a800)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #54a800 0%,#428400 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #54a800 0%,#428400 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #54a800 0%,#428400 100%); /* IE10+ */ background:linear-gradient(to bottom, #54a800 0%,#428400 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54a800', endColorstr='#428400',GradientType=0 ); /* IE6-8 */ } #mega-menu ul li:hover a, #mega-menu ul li:hover a:hover, #brochure-menu li:hover a, #brochure-menu li:hover a:hover { color:#ffffff; text-decoration:none; } #mega-menu ul li div .row, #brochure-menu li div .row { padding-bottom:0.5em; border:1px solid #cccccc; } #mega-menu ul li ul, #brochure-menu li ul, #brochure-menu li ol { float:left; clear:none; width:8.9em; } #mega-menu ul li ul li, #mega-menu ul li ul li:hover, #brochure-menu li li, #brochure-menu li li:hover { padding:0.5em 0; border:none; background:#ffffff; filter:none; } #mega-menu ul li ul li, #brochure-menu li li { border-bottom:1px dotted #428400; } #mega-menu ul li ul li:hover, #brochure-menu li li:hover { border-bottom:3px solid #428400; } #mega-menu ul li:hover ul li a, #mega-menu ul li:hover ul li a:hover, #brochure-menu li:hover li a, #brochure-menu li:hover li a:hover { color:#428400; } img.prodsumimg { width:100px; max-width:100px; } .quick-search { clear: right; float: right; margin: 0; padding: 0; } form.jcsearch  { width: 200px; height: 25px; display: block; float: right; margin: 3px 15px 0 0; padding:0;background: #e2e2e2; border: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } form.jcsearch input.text  { width: 117px; height: 25px; display: block; float: left; padding-left: 5px; background: none; border: 0; line-height: 25px; color: #c8c8c8; font-size:14px; margin:0;} form.jcsearch input.submit  { with: 25px; height: 25px; display: block; float: right; background: none; border: 0; margin:0; padding:0; } .navigation-bar { float:left; width:100%; } .footer-area {float:left; background:#E0E0E0;} .cart-button-wrapper input[type="submit"], .cart-button-wrapper input[type="submit"]:hover,  form.completeNewProductsItem input.cart-button, form.completeNewProductsItem input.cart-button:hover { width:14em; height:3.5em; margin:0; padding:0 1em 0 0; color:#ffffff; font-size:1em; font-weight:bold; text-align:right; text-transform:uppercase; border-radius:5px; box-shadow:inset 0 0 0 1px #ffffff; border:2px solid #003366; background: #003366; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Mjg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('cart-icon.png'), -moz-linear-gradient(top, #004489 0%, #003366 100%); /* FF3.6+ */ background:url('cart-icon.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004489), color-stop(100%,#003366)); /* Chrome,Safari4+ */ background:url('cart-icon.png'), -webkit-linear-gradient(top, #004489 0%,#003366 100%); /* Chrome10+,Safari5.1+ */ background:url('cart-icon.png'), -o-linear-gradient(top, #004489 0%,#003366 100%); /* Opera 11.10+ */ background:url('cart-icon.png'), -ms-linear-gradient(top, #004489 0%,#003366 100%); /* IE10+ */ background:url('cart-icon.png'), linear-gradient(to bottom, #004489 0%,#003366 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004489', endColorstr='#003366',GradientType=0 ); /* IE6-8 */ background-repeat:no-repeat; background-position:3%; } .cart-button-wrapper input[type="submit"]:hover, form.completeNewProductsItem input.cart-button:hover { cursor:pointer; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Mjg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('cart-icon.png'), -moz-linear-gradient(top, #003366 0%, #004489 100%); /* FF3.6+ */ background:url('cart-icon.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003366), color-stop(100%,#004489)); /* Chrome,Safari4+ */ background:url('cart-icon.png'), -webkit-linear-gradient(top, #003366 0%,#004489 100%); /* Chrome10+,Safari5.1+ */ background:url('cart-icon.png'), -o-linear-gradient(top, #003366 0%,#004489 100%); /* Opera 11.10+ */ background:url('cart-icon.png'), -ms-linear-gradient(top, #003366 0%,#004489 100%); /* IE10+ */ background:url('cart-icon.png'), linear-gradient(to bottom, #003366 0%,#004489 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003366', endColorstr='#004489',GradientType=0 ); /* IE6-8 */ background-repeat:no-repeat; background-position:3%; } #cartSummary { background-color: #7b9cad; border: 1px solid #333333; color: #fff; font-size: 11px; margin: 0 0 10px; padding: 0 1px 10px; text-align: center; } fieldset.quantity-box input[type="number"] { height:2.7em!Important; margin-top:0.5em!Important; -moz-appearance:textfield; width:33px!Important; padding:0.3em!Important; } fieldset.quantity-box input[type="number"]::inner-spin-button, fieldset.quantity-box input[type="number"]::outer-spin-button { -webkit-appearance:none; margin:0; } #product-page-body fieldset.quantity-box input[type="number"], .compactProductLayout fieldset.quantity-box input[type="number"],  .imageOnLeftTextWrappedAround fieldset.quantity-box input[type="number"], .imageOnRightTextWrappedAround fieldset.quantity-box input[type="number"],  .completeNewProductsItem fieldset.quantity-box input[type="number"] { height:2.4em!Important; } fieldset.quantity-box span.quantityButton { display:block; float:left; width:2em; height:1.4em; margin:0.3em 0.5em!Important; padding:0.1em 0 0; font-size:2em; font-weight:bold; color:#ffffff; text-align:center; border-radius:5px; } fieldset.quantity-box span.dec { background:#001932; } fieldset.quantity-box span.inc { background:#0057a4; } fieldset.quantity-box span.quantityButton:hover {cursor:pointer; background:#fe534c;} span[id^="EnableIfStockOk"] { background:url("in-stock.png"); } span[id^="EnableIfOutOfStock"] { background:url("out-stock.png"); } span[id^="EnableIfStockOk"], span[id^="EnableIfOutOfStock"] { background-repeat:no-repeat; background-position:0 100%; padding-left:1.5em; } table.comm-table, table.comm-table .alsobought, feefoFeedback.comments, .feefoFeedback div {font-size:1em!Important;} .moreinfo {font-size:1.2em; line-height:3em;} .caption1 div{padding:5px;} p.topleft, p.topleft a { font-size:1.2em!Important;color:#1A572E; } #topnav ul { list-style-type: none; margin: 0; padding: 0; } #topnav li { display: inline; padding: 0 3px; } /* HERBS */ .ddmx_herbs .item1, .ddmx_herbs .item1-active, .ddmx_herbs .item1:hover, .ddmx_herbs .item1-active:hover{ background:#444444; padding:3px 8px; margin:0; font:normal normal normal 100% Arial; color:#ffffff; text-decoration:none; display:block; white-space:normal; position:relative; } html>body .ddmx_herbs .item1, html>body .ddmx_herbs .item1-active, html>body .ddmx_herbs .item1:hover, html>body .ddmx_herbs .item1-active:hover{ margin:0 0 -1px 0; } .ddmx_herbs .item1:hover, .ddmx_herbs .item1-active:hover{ background:#386d3a; } .ddmx_herbs .item2, .ddmx_herbs .item2:hover, .ddmx_herbs .item2-active, .ddmx_herbs .item2-active:hover{ background:#444444; padding:3px 8px; font:normal normal normal 0.90em/100% Arial; color:#ffffff; text-decoration:none; display:block; white-space:normal; position:relative; } .ddmx_herbs .item2:hover, .ddmx_herbs .item2-active:hover{ background:#386d3a; } /* GREEN2 light #5c944d, dark #95d178, vdark #4b6d38 */ /* GREEN light #4d944f, dark #78d178, vdark #386d3a */ /* PURPLE light #6f4d94, dark #a278d1, vdark #5a3287 */ /* PINK light #f35b9e, dark #d02d75, vdark #b50050 */ /* RED light #f35b5b, dark #d02d2d, vdark #b50000 */ /* YELLOW light #e7e761, dark #cabc48, vdark #7e7d12 */ /* RESOURCES */ .ddmx_resources .item1, .ddmx_resources .item1-active, .ddmx_resources .item1:hover, .ddmx_resources .item1-active:hover{ background:#444444; padding:3px 8px; margin:0; font:normal normal normal 0.90em/100% Arial; color:#ffffff; text-decoration:none; display:block; white-space:normal; position:relative; } html>body .ddmx_resources .item1, html>body .ddmx_resources .item1-active, html>body .ddmx_resources .item1:hover, html>body .ddmx_resources .item1-active:hover{ margin:0 0 -1px 0; } .ddmx_resources .item1:hover, .ddmx_resources .item1-active:hover{ background:#5a3287; } .ddmx_resources .item2, .ddmx_resources .item2:hover, .ddmx_resources .item2-active, .ddmx_resources .item2-active:hover{ background:#444444; padding:3px 8px; font:normal normal normal 0.90em/100% Arial; color:#ffffff; text-decoration:none; display:block; white-space:normal; position:relative; } .ddmx_resources .item2:hover, .ddmx_resources .item2-active:hover{ background:#5a3287; } /* WELLBEING */ .ddmx_wellbeing .item1, .ddmx_wellbeing .item1-active, .ddmx_wellbeing .item1:hover, .ddmx_wellbeing .item1-active:hover{ background:#444444; padding:3px 8px; margin:0; font:normal normal normal 0.90em/100% Arial; color:#ffffff; text-decoration:none; display:block; white-space:normal; position:relative; } html>body .ddmx_wellbeing .item1, html>body .ddmx_wellbeing .item1-active, html>body .ddmx_wellbeing .item1:hover, html>body .ddmx_wellbeing .item1-active:hover{ margin:0 0 -1px 0; } .ddmx_wellbeing .item1:hover, .ddmx_wellbeing .item1-active:hover{ background:#b50050; } .ddmx_wellbeing .item2, .ddmx_wellbeing .item2:hover, .ddmx_wellbeing .item2-active, .ddmx_wellbeing .item2-active:hover{ background:#444444; padding:3px 8px; font:normal normal normal 0.90em/100% Arial; color:#ffffff; text-decoration:none; display:block; white-space:normal; position:relative; } .ddmx_wellbeing .item2:hover, .ddmx_wellbeing .item2-active:hover{ background:#b50050; } /* HOMEOPATHY */ .ddmx_homeopathy .item1, .ddmx_homeopathy .item1-active, .ddmx_homeopathy .item1:hover, .ddmx_homeopathy .item1-active:hover{ background:#444444; padding:3px 8px; margin:0; font:normal normal normal 0.90em/100% Arial; color:#ffffff; text-decoration:none; display:block; white-space:normal; position:relative; } html>body .ddmx_homeopathy .item1, html>body .ddmx_homeopathy .item1-active, html>body .ddmx_homeopathy .item1:hover, html>body .ddmx_homeopathy .item1-active:hover{ margin:0 0 -1px 0; } .ddmx_homeopathy .item1:hover, .ddmx_homeopathy .item1-active:hover{ background:#b50000; } .ddmx_homeopathy .item2, .ddmx_homeopathy .item2:hover, .ddmx_homeopathy .item2-active, .ddmx_homeopathy .item2-active:hover{ background:#444444; padding:3px 8px; font:normal normal normal 0.90em/100% Arial; color:#ffffff; text-decoration:none; display:block; white-space:normal; position:relative; } .ddmx_homeopathy .item2:hover, .ddmx_homeopathy .item2-active:hover{ background:#b50000; } /* THERAPIES */ .ddmx_therapies .item1, .ddmx_therapies .item1-active, .ddmx_therapies .item1:hover, .ddmx_therapies .item1-active:hover{ background:#444444; padding:3px 8px; margin:0; font:normal normal normal 0.90em/100% Arial; color:#ffffff; text-decoration:none; display:block; white-space:normal; position:relative; } html>body .ddmx_therapies .item1, html>body .ddmx_therapies .item1-active, html>body .ddmx_therapies .item1:hover, html>body .ddmx_therapies .item1-active:hover{ margin:0 0 -1px 0; } .ddmx_therapies .item1:hover, .ddmx_therapies .item1-active:hover{ background:#4b6d38; } .ddmx_therapies .item2, .ddmx_therapies .item2:hover, .ddmx_therapies .item2-active, .ddmx_therapies .item2-active:hover{ background:#444444; padding:3px 8px; font:normal normal normal 0.90em/100% Arial; color:#ffffff; text-decoration:none; display:block; white-space:normal; position:relative; } .ddmx_therapies .item2:hover, .ddmx_therapies .item2-active:hover{ background:#4b6d38; } /* CONTACT US */ .ddmx_contactus .item1, .ddmx_contactus .item1-active, .ddmx_contactus .item1:hover, .ddmx_contactus .item1-active:hover{ background:#444444; padding:3px 8px; margin:0; font:normal normal normal 0.90em/100% Arial; color:#ffffff; text-decoration:none; display:block; white-space:normal; position:relative; } html>body .ddmx_contactus .item1, html>body .ddmx_contactus .item1-active, html>body .ddmx_contactus .item1:hover, html>body .ddmx_contactus .item1-active:hover{ margin:0 0 -1px 0; } .ddmx_contactus .item1:hover, .ddmx_contactus .item1-active:hover{ background:#4b6d38; } .ddmx_contactus .item2, .ddmx_contactus .item2:hover, .ddmx_contactus .item2-active, .ddmx_contactus .item2-active:hover{ background:#444444; padding:3px 8px; font:normal normal normal 0.90em/100% Arial; color:#ffffff; text-decoration:none; display:block; white-space:normal; position:relative; } .ddmx_contactus .item2:hover, .ddmx_contactus .item2-active:hover{ background:#4b6d38; } /* ABOUT US */ .ddmx_aboutus .item1, .ddmx_aboutus .item1-active, .ddmx_aboutus .item1:hover, .ddmx_aboutus .item1-active:hover{ background:#444444; padding:3px 8px; margin:0; font:normal normal normal 0.90em/100% Arial; color:#ffffff; text-decoration:none; display:block; white-space:normal; position:relative; } html>body .ddmx_aboutus .item1, html>body .ddmx_aboutus .item1-active, html>body .ddmx_aboutus .item1:hover, html>body .ddmx_aboutus .item1-active:hover{ margin:0 0 -1px 0; } .ddmx_aboutus .item1:hover, .ddmx_aboutus .item1-active:hover{ background:#7e7d12; } .ddmx_aboutus .item2, .ddmx_aboutus .item2:hover, .ddmx_aboutus .item2-active, .ddmx_aboutus .item2-active:hover{ background:#444444; padding:3px 8px; font:normal normal normal 0.90em/100% Arial; color:#ffffff; text-decoration:none; display:block; white-space:normal; position:relative; } .ddmx_aboutus .item2:hover, .ddmx_aboutus .item2-active:hover{ background:#7e7d12; } /* GREEN2 light #5c944d, dark #95d178, vdark #4b6d38 */ /* GREEN light #4d944f, dark #78d178, vdark #386d3a */ /* PURPLE light #6f4d94, dark #a278d1, vdark #5a3287 */ /* PINK light #f35b9e, dark #d02d75, vdark #b50050 */ /* RED light #f35b5b, dark #d02d2d, vdark #b50000 */ /* YELLOW light #e7e761, dark #cabc48, vdark #7e7d12 */ .ddmx_herbs .section, .ddmx_resources .section, .ddmx_wellbeing .section, .ddmx_homeopathy .section, .ddmx_therapies .section, .ddmx_contactus .section, .ddmx_aboutus .section{ border:1px solid #666666; position:absolute; visibility:hidden; z-index:99999!important; } html>body .ddmx_herbs .section, html>body .ddmx_resources .section, html>body .ddmx_wellbeing .section, html>body .ddmx_homeopathy .section, html>body .ddmx_therapies .section, html>body .ddmx_contactus .section, html>body .ddmx_aboutus .section{ z-index:-1; } * html .ddmx_herbs td, * html .ddmx_resources td, * html .ddmx_wellbeing td, * html .ddmx_homeopathy td, * html .ddmx_therapies td, * html .ddmx_contactus td, * html .ddmx_aboutus td{ /* ie 5.0 fix */ position:relative; } /*=== Drop Down ===*/ #dropdownmenu { font-size: 13px !important; left: 0; position: absolute; top: 60px; width: 100%; } #dropdownmenu a { color: #fff; font-size: 13px !important; } table#topmenustrip_herbs, table#topmenustrip_resources, table#topmenustrip_wellbeing, table#topmenustrip_aboutus, table#topmenustrip_contactus, table#topmenustrip_homeopathy, table#topmenustrip_therapies, table#topmenustrip_shopping, table#topmenustrip_search, table#topmenustrip_checkout, table#topmenustrip_home { border-collapse: collapse; border-spacing: 0; empty-cells: show; margin: 0; table-layout: auto; } table#topmenustrip_herbs tbody td, table#topmenustrip_resources tbody td, table#topmenustrip_wellbeing tbody td, table#topmenustrip_aboutus tbody td, table#topmenustrip_contactus tbody td, table#topmenustrip_homeopathy tbody td, table#topmenustrip_therapies tbody td, table#topmenustrip_shopping tbody td, table#topmenustrip_search tbody td, table#topmenustrip_checkout tbody td, table#topmenustrip_home tbody td { border-bottom: 1px solid #666666; border-right: 1px solid #666666; margin: 0; padding: 0; text-align: center; vertical-align: middle; } html > body table#topmenustrip_herbs tbody td, html > body table#topmenustrip_resources tbody td, html > body table#topmenustrip_wellbeing tbody td, html > body table#topmenustrip_aboutus tbody td, html > body table#topmenustrip_contactus tbody td, html > body table#topmenustrip_homeopathy tbody td, html > body table#topmenustrip_therapies tbody td, html > body table#topmenustrip_shopping tbody td, html > body table#topmenustrip_search tbody td, html > body table#topmenustrip_checkout tbody td, html > body table#topmenustrip_home tbody td { border: none; } table#topmenustrip_herbs tfoot td img, table#topmenustrip_resources tfoot td img, table#topmenustrip_wellbeing tfoot td img, table#topmenustrip_aboutus tfoot td img, table#topmenustrip_contactus tfoot td img, table#topmenustrip_homeopathy tfoot td img, table#topmenustrip_therapies tfoot td img, table#topmenustrip_shopping tfoot td img, table#topmenustrip_search tfoot td img, table#topmenustrip_checkout tfoot td img, table#topmenustrip_home tfoot td img { border: 0 none; height: 1px; width: 154px; } table#topmenustrip_herbs tfoot td, table#topmenustrip_resources tfoot td, table#topmenustrip_wellbeing tfoot td, table#topmenustrip_aboutus tfoot td, table#topmenustrip_contactus tfoot td, table#topmenustrip_homeopathy tfoot td, table#topmenustrip_therapies tfoot td, table#topmenustrip_shopping tfoot td, table#topmenustrip_search tfoot td, table#topmenustrip_checkout tfoot td, table#topmenustrip_home tfoot td { border: 0 none !important; margin: 0; padding: 0; } table#outertable tr td#body_herbs table tr td table tr td b { color: #386d3a; } table#outertable tr td#body_wellbeing table tr td table tr td b { color: #ce0050; } table#outertable tr td#body_therapies table tr td table tr td b { color: #4b6d38; } table#outertable tr td#body_resources table tr td table tr td b { color: #5a3287; } table#outertable tr td#body_homeopathy table tr td table tr td b { color: #b50000; } table#outertable tr td#body_aboutus table tr td table tr td b { color: #386d3a; } table#outertable tr td#body_contactus table tr td table tr td b { color: #386d3a; } .ddmx_herbs .item1, .ddmx_herbs .item1-active, .ddmx_herbs .item1:hover, .ddmx_herbs .item1-active:hover { background: #444444; color: #ffffff; display: block; font: 100% Arial; margin: 0; padding: 3px 8px; position: relative; text-decoration: none; white-space: normal; } html > body .ddmx_herbs .item1, html > body .ddmx_herbs .item1-active, html > body .ddmx_herbs .item1:hover, html > body .ddmx_herbs .item1-active:hover { margin: 0 0 -1px; } .ddmx_herbs .item1:hover, .ddmx_herbs .item1-active:hover { background: #386d3a; } .ddmx_herbs .item2, .ddmx_herbs .item2:hover, .ddmx_herbs .item2-active, .ddmx_herbs .item2-active:hover { background: #444444; color: #ffffff; display: block; font: 0.9em/100% Arial; padding: 3px 8px; position: relative; text-decoration: none; white-space: normal; } .ddmx_herbs .item2:hover, .ddmx_herbs .item2-active:hover { background: #386d3a; } .ddmx_resources .item1, .ddmx_resources .item1-active, .ddmx_resources .item1:hover, .ddmx_resources .item1-active:hover { background: #444444; color: #ffffff; display: block; font: 0.9em/100% Arial; margin: 0; padding: 3px 8px; position: relative; text-decoration: none; white-space: normal; } html > body .ddmx_resources .item1, html > body .ddmx_resources .item1-active, html > body .ddmx_resources .item1:hover, html > body .ddmx_resources .item1-active:hover { margin: 0 0 -1px; } .ddmx_resources .item1:hover, .ddmx_resources .item1-active:hover { background: #5a3287; } .ddmx_resources .item2, .ddmx_resources .item2:hover, .ddmx_resources .item2-active, .ddmx_resources .item2-active:hover { background: #444444; color: #ffffff; display: block; font: 0.9em/100% Arial; padding: 3px 8px; position: relative; text-decoration: none; white-space: normal; } .ddmx_resources .item2:hover, .ddmx_resources .item2-active:hover { background: #5a3287; } .ddmx_wellbeing .item1, .ddmx_wellbeing .item1-active, .ddmx_wellbeing .item1:hover, .ddmx_wellbeing .item1-active:hover { background: #444444; color: #ffffff; display: block; font: 0.9em/100% Arial; margin: 0; padding: 3px 8px; position: relative; text-decoration: none; white-space: normal; } html > body .ddmx_wellbeing .item1, html > body .ddmx_wellbeing .item1-active, html > body .ddmx_wellbeing .item1:hover, html > body .ddmx_wellbeing .item1-active:hover { margin: 0 0 -1px; } .ddmx_wellbeing .item1:hover, .ddmx_wellbeing .item1-active:hover { background: #b50050; } .ddmx_wellbeing .item2, .ddmx_wellbeing .item2:hover, .ddmx_wellbeing .item2-active, .ddmx_wellbeing .item2-active:hover { background: #444444; color: #ffffff; display: block; font: 0.9em/100% Arial; padding: 3px 8px; position: relative; text-decoration: none; white-space: normal; } .ddmx_wellbeing .item2:hover, .ddmx_wellbeing .item2-active:hover { background: #b50050; } .ddmx_homeopathy .item1, .ddmx_homeopathy .item1-active, .ddmx_homeopathy .item1:hover, .ddmx_homeopathy .item1-active:hover { background: #444444; color: #ffffff; display: block; font: 0.9em/100% Arial; margin: 0; padding: 3px 8px; position: relative; text-decoration: none; white-space: normal; } html > body .ddmx_homeopathy .item1, html > body .ddmx_homeopathy .item1-active, html > body .ddmx_homeopathy .item1:hover, html > body .ddmx_homeopathy .item1-active:hover { margin: 0 0 -1px; } .ddmx_homeopathy .item1:hover, .ddmx_homeopathy .item1-active:hover { background: #b50000; } .ddmx_homeopathy .item2, .ddmx_homeopathy .item2:hover, .ddmx_homeopathy .item2-active, .ddmx_homeopathy .item2-active:hover { background: #444444; color: #ffffff; display: block; font: 0.9em/100% Arial; padding: 3px 8px; position: relative; text-decoration: none; white-space: normal; } .ddmx_homeopathy .item2:hover, .ddmx_homeopathy .item2-active:hover { background: #b50000; } .ddmx_therapies .item1, .ddmx_therapies .item1-active, .ddmx_therapies .item1:hover, .ddmx_therapies .item1-active:hover { background: #444444; color: #ffffff; display: block; font: 0.9em/100% Arial; margin: 0; padding: 3px 8px; position: relative; text-decoration: none; white-space: normal; } html > body .ddmx_therapies .item1, html > body .ddmx_therapies .item1-active, html > body .ddmx_therapies .item1:hover, html > body .ddmx_therapies .item1-active:hover { margin: 0 0 -1px; } .ddmx_therapies .item1:hover, .ddmx_therapies .item1-active:hover { background: #4b6d38; } .ddmx_therapies .item2, .ddmx_therapies .item2:hover, .ddmx_therapies .item2-active, .ddmx_therapies .item2-active:hover { background: #444444; color: #ffffff; display: block; font: 0.9em/100% Arial; padding: 3px 8px; position: relative; text-decoration: none; white-space: normal; } .ddmx_therapies .item2:hover, .ddmx_therapies .item2-active:hover { background: #4b6d38; } .ddmx_contactus .item1, .ddmx_contactus .item1-active, .ddmx_contactus .item1:hover, .ddmx_contactus .item1-active:hover { background: #444444; color: #ffffff; display: block; font: 0.9em/100% Arial; margin: 0; padding: 3px 8px; position: relative; text-decoration: none; white-space: normal; } html > body .ddmx_contactus .item1, html > body .ddmx_contactus .item1-active, html > body .ddmx_contactus .item1:hover, html > body .ddmx_contactus .item1-active:hover { margin: 0 0 -1px; } .ddmx_contactus .item1:hover, .ddmx_contactus .item1-active:hover { background: #4b6d38; } .ddmx_contactus .item2, .ddmx_contactus .item2:hover, .ddmx_contactus .item2-active, .ddmx_contactus .item2-active:hover { background: #444444; color: #ffffff; display: block; font: 0.9em/100% Arial; padding: 3px 8px; position: relative; text-decoration: none; white-space: normal; } .ddmx_contactus .item2:hover, .ddmx_contactus .item2-active:hover { background: #4b6d38; } .ddmx_aboutus .item1, .ddmx_aboutus .item1-active, .ddmx_aboutus .item1:hover, .ddmx_aboutus .item1-active:hover { background: #444444; color: #ffffff; display: block; font: 0.9em/100% Arial; margin: 0; padding: 3px 8px; position: relative; text-decoration: none; white-space: normal; } html > body .ddmx_aboutus .item1, html > body .ddmx_aboutus .item1-active, html > body .ddmx_aboutus .item1:hover, html > body .ddmx_aboutus .item1-active:hover { margin: 0 0 -1px; } .ddmx_aboutus .item1:hover, .ddmx_aboutus .item1-active:hover { background: #7e7d12; } .ddmx_aboutus .item2, .ddmx_aboutus .item2:hover, .ddmx_aboutus .item2-active, .ddmx_aboutus .item2-active:hover { background: #444444; color: #ffffff; display: block; font: 0.9em/100% Arial; padding: 3px 8px; position: relative; text-decoration: none; white-space: normal; } .ddmx_aboutus .item2:hover, .ddmx_aboutus .item2-active:hover { background: #7e7d12; } .ddmx_herbs .section, .ddmx_resources .section, .ddmx_wellbeing .section, .ddmx_homeopathy .section, .ddmx_therapies .section, .ddmx_contactus .section, .ddmx_aboutus .section { border: 1px solid #666666; position: absolute; visibility: hidden; z-index: 999999!important; background-color:#444444!Important; } .menuDiv table td div.section  {background-color:#444444!Important;} .menuDiv table td div.section:after { content: ""; display: table; clear: both; } html > body .ddmx_herbs .section, html > body .ddmx_resources .section, html > body .ddmx_wellbeing .section, html > body .ddmx_homeopathy .section, html > body .ddmx_therapies .section, html > body .ddmx_contactus .section, html > body .ddmx_aboutus .section { z-index: -1; } * html .ddmx_herbs td, * html .ddmx_resources td, * html .ddmx_wellbeing td, * html .ddmx_homeopathy td, * html .ddmx_therapies td, * html .ddmx_contactus td, * html .ddmx_aboutus td { position: relative; } .sectionhead, .sectionhead h3 { color: #fff; font-size: 15px; font-weight: bold; height: 30px; line-height: 30px; text-align: center; width: 100%; } .sectionhead h3 { color: #fff; font-size: 15px; font-weight: bold; line-height: 30px; text-align: center; } #special { background-color: red; border-bottom: 1px solid red; border-top: 1px solid red; color: white; } #special:hover { background-color: white; color: red; text-decoration: none; } .gray {background-color:#444444;} .imgfiftypc img {width:70%!Important;max-width:70%!Important;} div.dotz img {display:none;} div.doty {height:34px;overflow:hidden;position:relative;font-size:13px;} div.dotz {margin-bottom:10px;} div.dotz::after {content:"more...   ";float:right;} img.mib {margin:0!Important;padding:0.3em!Important;} .teclantop {border:1px solid #673300; text-align:center;} .centre { text-align:center;margin:0 auto;} .nofloat, .nofloat img {float:none!Important;} .leftmenu ul { list-style-type: none; margin: 0!Important; padding: 0!Important; float:left!Important; width:100%!Important; } .leftmenu li { border-bottom: 1px solid #333; padding: 5px; } .leftmenu li a { color: #673300; } .menuDiv {z-index: 99999;} .TabbedPanelsContent {min-height:50px;} .TabbedPanelsTab, .TabbedPanelsContent {font-size:14px!Important;} div.cartArea h4 {font-size:1.6em} fieldset.quantity-box span.quantityButton {display:none!Important;} .content-area form .checkout label.invoiceMoving {width:85%; float:left;} /*=== ERIC ===*/ .content-area form .checkout fieldset .InvoiceField, .content-area form .checkout fieldset div { position: relative; } .eric, .def { border-bottom: 1px dotted #000000; color: #000000; outline: none; cursor: help; text-decoration: none; position: relative; left:0;             clear:both; float:left; } .eric span, .def span { margin-left: -999em; position: absolute; } .eric:hover, .def:hover { color:green; } .eric:hover span, .def:hover span { border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); font-family: Calibri, Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; line-height: 1.2em; position: absolute; left: 1em; top: 2.6em; z-index: 99; margin-left: 0; width: 250px; color:#111111; clear:both; } .eric:hover img, .def:hover img { border: 0; margin: -10px 0 0 -35px!Important; float: left; position: absolute; } .eric:hover em, .def:hover em { font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold; display: block; padding: 0.2em 0 0.6em 0; } * html span:hover { background: transparent; } span.eric span, span.def span { background: #CADDCF; border: 1px solid #45C76D; padding: 0.5em 0.8em 0.8em 2em; clear:both; float:none; } /*== == == */ #fragment_health span {clear:both;float:none;}