/* 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:100%; position: relative; max-width: 100%; margin: 0 auto; box-sizing: border-box; } .column, .columns { width: 100%; float: left; box-sizing: border-box; } /* 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%; } .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: #3399cc; background-color: #3399cc; height: 1px; z-index: 9000; width: 100%; } /* Clearing –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Self Clearing Goodness */ #wrapper:after, .rowskel:after, .u-cf { content: ""; display: table; 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: 11px; overscroll-behavior-y: none; /* Disables pull-to-refresh and overscroll glow effect.Still keeps swipe navigations. */ border: 0; font: inherit; vertical-align: baseline; } } p, table, td, th { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; margin-top: 0px; } form { margin: 0px; } a:link { color: #0057a4; text-decoration: none; } a:visited { color: #3399cc; 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: #0057a4; } .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: 11px; color: #666666; } .actsmall { font-size: 11px; 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: 11px; color: #ff3300; } .actwelcome { font-size: 11px; color: #666666; } .actlogotext { font-size: 11px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 11px; 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; } .section-list p { margin: 0 0 0 6%; } .section-list p.indent1, .section-list blockquote { margin: 0 0 0 12%; } .section-list p.indent2 { margin: 0 0 0 18%; } .section-list ul ul li a { font-size: 11px; } /* 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 #0057a4; border-bottom: solid 1px #0057a4; 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: #0057a4; 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: 11px; font-weight: normal; } table.checkout th.change { font-size: 11px; 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 : 11px; background-color: #000066; border: 1px solid #3399cc; 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 : 11px; background-color: #000066; border: 1px solid #3399cc; 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 #0057a4; } .checkout-cartheading { font-weight: bold; background-color: #efefef; border-top: solid 1px #0057a4; border-bottom: solid 1px #0057a4; } .cartheading { background-color: #0057a4; font-weight: bold; color: #efefef; } h2.checkout-heading { background-color: #0057a4; font-size: 13px; font-weight: bold; color: #efefef; padding: 5px 2px; border-bottom: solid 3px #ffffff; } h3.checkout-heading { padding: 3px 0; background-color: #0057a4; 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: 11px; font-weight: bold; color: #ffffff; background: #000066; padding: 5px; border: solid 1px #666666; } input.highlight-button { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; background: #3399cc; 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;  } form fieldset .checkout-field-input input[type='radio'] { float: none; width: auto !important; } form fieldset .checkout-field-input { font-size: 13px; font-color: red; } /* 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: #3399cc; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #3399cc; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #3399cc; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #3399cc; 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 : 11px; 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: #3399cc; width: 100%; height: 24px; color: #dddddd; text-align: right; } .sort_by select { font-size: 12px; height: 20px; margin-right: 1px; margin-top: 1px; border: #3399cc 2px solid; border-top: #3399cc 2px solid; border-right: #3399cc 1px solid; border-bottom: #3399cc 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 ------------------------------------ */ #rphtml { display: none;  visibility:hidden; } /* Used internally - do not delete */ /* 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; } /* styles for Minimal Product Summary */ .mini-product-summary { width: 150px; margin: 0 3px 13px; float: left; } .mini-product-summary-image { width: 150px; margin-bottom: 1em; overflow: hidden; } .mini-product-summary-image img { max-width: 150px; } .mini-product-summary h3 { font-size: 13px !important; margin: 0 0em 1em !important; height: 50px;  } .mini-product-summary-price { margin: 0.5em 0; } .mini-product-summary-link { margin: 1em 0; } .mini-product-summary-link a { display: block; background: #000066; line-height: 1.5em; color: #dddddd !important; font-weight: bold; text-align: center; font-size: 1.2em; } .mini-product-summary-link a:hover { background: #3399cc; text-decoration: none; color: #dddddd; } /* Styles for 'Customisable Product Details' */ .cust-product-details { width: 50%; margin-bottom: 1em; } .cust-product-image { width: 45%; margin-bottom: 1em; font-size: 1.35em; } .cust-left { float: left; } .cust-right { float: right; } .cust-product-image img { border: solid 1px #ddd; max-width: 100% !important; } .top-spec-wrapper { width: auto; overflow: auto; margin-bottom: 2em; font-size: 1.35em; } .top-spec-label { float: left; width: 100px; clear: left; font-weight: bold; } .top-spec-value { float: left; } .cust-main-price { padding-bottom: 1em; color: #000066; font-weight: bold; font-size: 1.35em; } .cust-stock-message { padding-bottom: 1em; line-height: 1.5em; font-size: 1.35em; } .cust-product-description { clear: both; padding: 1em 0; } .cust-cart-button { font-size: 1.35em; line-height: 1.7em; padding-top: 1em; clear: both; } .description-text { font-size: 1.35em; } .terms-conds { font-size: 1.35em; padding-bottom: 2em; } p.cart-button-placement { padding-top: 1em; } /* In Context PSP form style*/ .container-popup { position: relative; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); display: none; } #pspwait { height: 5em; min-width:1px; width:8em; max-width:90%; margin: auto; padding:0.5em; position:absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 13px; background:#e6e6e6; text-align: center; border: solid 1px #FFFFFF; } #payment { height: 32em; min-width:1px; width:400px; max-width:90%; margin: auto; padding:0.5em; position:absolute; top:1em; right: 0; bottom: 0; left: 0; background:#eeeeee; } #payment .has-error { color:red; } #payment .form-group { float:left; width:100%; } #payment .form-group label, #payment .form-group div { float:left; margin:0.5em 0; } #payment .form-group label { width:10em; padding:0.3em; } #payment .form-group div { width:55%; } #payment .form-group div input { width:100%; padding:0.3em; } #payment > a, #payment > a:hover { float:left; } #payment button, #payment button:hover { float:right; } #payment button, #payment button:hover, #payment > a, #payment > a:hover { clear:none; width:auto; margin:4% 1em 4% 0; padding:0.2em 0.5em; font-size:1em; line-height:1.9em; font-weight:bold; color:#666666; text-align:center; text-decoration:none; border:none; background:#cccccc; } #payment button:hover, #payment > a:hover { cursor:pointer; background:#ffffff; } #coupon-apply-btn { width: 12em; height: 3em; background: #3399cc; color: #ffffff; font-weight: bold; text-align: center; margin: 0 5px !important; } .remove-coupon-link { color: #0057a4; cursor: pointer; } .remove-coupon-link { color: #0057a4; cursor: pointer; } option:disabled { color: #dddddd; } #used-coupons { display: inline-block;  margin: 5px;  width: 90%; } .coupon-list-line { width: 100%;  max-width: 150px;  clear: left;  float: left;  margin: 0 5px 5px 5px;  font-size: 11px; } .coupon-list-remove, .remove-coupon-link { float: right; } #paypal-express-chk .payPalExLeftCol, #paypal-express-chk .payPalExRightCol{ margin-bottom: 10px; } #paypal-express-chk .payPalExLeftCol>*, #paypal-express-chk .payPalExRightCol>* { padding: 0 10px; text-align: center; box-sizing: border-box; } #paypal-express-chk img{ max-width: 100%; } #addressBookWidgetDiv{ clear: both; min-width: 300px;  max-width: 100%; min-height: 228px;  height: 300px; } #walletWidgetDiv{ margin-top: 5px; min-width: 300px;  max-width: 100%; min-height: 228px;  height: 240px; } @media screen and (min-width: 991px){ #paypal-express-chk .payPalExLeftCol>div, #paypal-express-chk .payPalExLeftCol>a { width: 80%; } #paypal-express-chk .payPalExLeftCol>p { width: 20%; } } @media screen and (min-width: 768px){ #paypal-express-chk { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 0.5em 0 0 0; } #paypal-express-chk .payPalExLeftCol { display: flex; align-items: flex-start; flex-wrap: wrap; } #paypal-express-chk .payPalExLeftCol>p { padding: 0 5px; } } @media screen and (max-width: 767px){ #paypal-express-chk{ width: 22em !important; } } /* payment accordion css */ #idPaymentMethodTable .instruction{ display: none; } #idPaymentMethodTable input,#idPaymentMethodTable textarea, #idPaymentMethodTable select{ float: initial; } .payment-accordion{ position: relative; float: left; width: 100%; } .payment-accordion > div{ position: relative; float: left; width: 100%; } .payment-accordion > div > input{ position: absolute; left: 6px; top: 7px; } .payment-accordion > div > label{ display: block; padding: 0 0 0 23px; position: relative; } .payment-accordion > div:has(input[type="radio"]:checked) { background-color: #efefef; } .PayPalCheckoutDetails { float: left; width: 100%; } #idPaymentMethodTable .CartBNPLmessage{ width: 75%; float:none; margin: 5px; text-align: center; } .card_container .paypal-card-message{ padding:0; text-align: center; background: #fff; padding-top: 15px; justify-content: center; } div.externalButtons{ width:200px !important; } #externalButtons .paypal-buttons{ float:none; width:100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } #idPaymentMethodTable .paypal-buttons{ max-width: 500px; float:none; width:100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } #idPaymentMethodTable .paypal-button-container { border-radius: 5px; background-color: #FFFFFF; padding: 20px; max-width: 760px; width: 500px; margin: 0 auto; } .card_container { box-sizing: border-box; border-radius: 5px; background-color: #FFFFFF; padding: 0px 20px 20px 20px; max-width: 760px; width: 100%; margin: 0 auto; } .card_container .card_field{ width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; height:40px; background:white; font-size:17px; color:#3a3a3a; font-family:helvetica, tahoma, calibri, sans-serif; } .card_container .card_field_50{ width: 50%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; height:40px; background:white; font-size:17px; color:#3a3a3a; font-family:helvetica, tahoma, calibri, sans-serif; } .card_container .card_field_75{ width: 75%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; height:40px; background:white; font-size:17px; color:#3a3a3a; font-family:helvetica, tahoma, calibri, sans-serif; } .PayPalCheckoutDetails .row { display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 */ flex-wrap: wrap; margin: 0 -16px; } .PayPalCheckoutDetails .col-25 { -ms-flex: 25%; /* IE10 */ flex: 25%; } .PayPalCheckoutDetails .col-50 { -ms-flex: 50%; /* IE10 */ flex: 50%; } .PayPalCheckoutDetails input[type=submit] { background-color: #4CAF50; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; } .PayPalCheckoutDetails .message_container { border-radius: 5px; background:#FFFFFF; font-size:13px; font-family:monospace; padding: 20px; } #loading { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: block; opacity: 0.7; background-color: #fff; z-index: 99; text-align: center; } #loading-image { position: absolute; z-index: 15; top: 50%; left: 50%; margin: -100px 0 0 -150px; } .PayPalCheckoutDetails .spinner { position: fixed; top: 50%; left: 50%; margin-left: -50px; /* half width of the spinner gif */ margin-top: -50px; /* half height of the spinner gif */ text-align:center; z-index:1234; overflow: auto; width: 100px; /* width of the spinner gif */ height: 102px; /* height of the spinner gif +2px to fix IE8 issue */ } .PayPalCheckoutDetails .button_container { display: flex; justify-content: center; } .PayPalCheckoutDetails button:hover { background-color: powderblue; } .PayPalCheckoutDetails button { width:229px; height:49px; background:lightblue; border:1px dotted black; font-size:17px; color:#3a3a3a; padding: 12px 20px; border-radius: 4px; cursor: pointer; margin: 0 auto; } .PayPalCheckoutDetails .btn_small{ width:130px; height:39px; background:lightblue; border:1px dotted black; font-size:14px; color:#3a3a3a; } .PayPalCheckoutDetails .btn_small:hover { background-color: powderblue; } .pp-pay-later-message {clear: both; padding-top: 0.7em} body.paymentOverlayActive > div.paymentOverlay { z-index: 199; background: rgba(0,0,0,0.5); transition: opacity 100ms; position: fixed; top: 0; bottom: 0; left: 0; right: 0; } span.product-price {display: block} /***** Wish list *****/ .wishlistmodal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 10px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .wishlistpop { background-color:#FFFFFF; border:1px solid #999999; cursor:default; display:none; position: absolute; top: 0; left: 0; bottom: 0; right: 0;   padding: 25px 25px 20px;   margin: auto; text-align:center; width:194px; height:80px;   z-index:50; } .wishlistpop p, .wishlistpop.div { border-bottom: 1px solid #EFEFEF; margin: 8px 0; padding-bottom: 8px; } .wishlist-required input[type="number"], .wishlist-add input[type="number"] { width: 40px; } a.wl_gotowishlist, a.gotocart {margin-left: 5px} .wishlist-placement {clear: right; width: auto} .wishlist-button-wrapper { display: block; width: auto; height: 3.5em; margin: 0; float: right; clear: both } .wish-list-button-popup input[type=submit], .wish-list-button-popup input[type=submit]:hover { margin: 0; width: auto; height: 3.5em } .singleAddToCart .wishlist-button-wrapper input[type=submit] { width: auto !important;  height: 3.5em !important; } .wishlist-button-wrapper input[type="submit"], .wishlist-button-wrapper input[type="submit"]:hover { font-size: 1em; } .wishlist-share-label {display: block}	 form.wishlist-share {padding: 0;} form.wishlist-share input, form.wishlist-share input:hover {float: left; margin: 0} form.wishlist-share input[type=text] {margin:8px 5px 0 0;} span.wishlist-update input, span.wishlist-cart input, span.wishlist-required input, span.wishlist-remove input, span.wishlist-update input:hover, span.wishlist-cart input:hover, span.wishlist-required input:hover, span.wishlist-remove input:hover { margin: 0 0 5px 0; } .wishlist-image img {width: 75px; margin: 0;} .wishlist-add input[type=number], .wishlist-required input[type=number] {margin: 0 8px 8px 0} form.wishlist-share .fb-share-button {margin: 11px 5px 0 0;} form.wishlist-share .twitter-share-button {float: left; margin: 11px 5px 0 0;} form.wishlist-share span.wish-list-copy-caption {font-weight: bold; float: left; margin: 15px 5px 0 5px;} form.wishlist-row label[for=idPass] {clear: left} form.wishlist-row input#idUser {width: 90% !important} .wish-list-button-popup {height: 3.5em !important;} @media screen and (max-width:600px) { .wishlist-table { background-color: #ffffff; width: 100%; } .wishlist-headers {display: none} .wishlist-body { width: 100%; margin: 1% 0; text-align: center; border: 1px solid #dddddd; } .wishlist-body div {width: 95%} div.wishlist-required, div.wishlist-add, span.wishlist-pair {width: auto} .wishlist-image, .wishlist-name, .wishlist-price, .wishlist-remove, .wishlist-required, .wishlist-ordered, .wishlist-remaining,  .wishlist-add, .wishlist-pair, .wishlist-quantity, .wishlist-cart { text-align: center; display: inline-block; margin: 1%; } .wishlist-price, .wishlist-name {font-size: 13px} .wishlist-remove {width: auto; clear: both} .wishlist-quantity {vertical-align: top} .wishlist-price, .wishlist-name {font-size: 16px} .wishlist-label {font-weight: bold; padding-right: 5px; font-size: 13px} .wishlist-required .wishlist-label {margin: 15px 0 0 0; float: left} .wishlist-required input[type="number"], .wishlist-add input[type="number"] {margin: 9px 5px 0 0} } @media screen and (min-width:601px) and (max-width:1199px) { .wishlist-table { background-color: #ffffff; width: 100%; } .wishlist-headers {display: none} .wishlist-body { width: 100%; margin: 1% 0; float: left; border: 1px solid #dddddd; } .wishlist-price, .wishlist-name {font-size: 13px} .wishlist-image {width: 15%; min-width: 85px; float: left; height: 180px} .wishlist-name, .wishlist-price, .wishlist-price, .wishlist-add {width: 70%} .wishlist-required {width: 35%; text-align: center} .wishlist-ordered, .wishlist-remaining {width: 15%; text-align: center} .wishlist-image, .wishlist-name, .wishlist-price, .wishlist-required, .wishlist-ordered, .wishlist-remaining, .wishlist-add { display: inline-block; float: left; margin: 1%; vertical-align: top; } .wishlist-remove {float: right} .wishlist-label {font-weight: bold; display: block} .wishlist-required .wishlist-label {float: left; margin-bottom: 1%} .wishlist-required input[type="number"] {clear: left} .wishlist-qty {display: block; margin-top: 10px; font-size: 13px} } @media screen and (min-width:1200px) { .wishlist-table { display: table; float: left; border-top: #dddddd 1px solid; background-color: #ffffff; width: 100%; margin: 15px 0; padding 0; } .wishlist-headers, .wishlist-body { margin: 0; padding 0; width: 100%; } .wishlist-table form {  padding: 0;  margin: 0;  width: 100%; } .wishlist-table .wishlist-row {width: 100%;} form.wishlist-row .checkoutCustomers fieldset input[type=email] {float:left; clear:both; width:90%;} .wishlist-image, .wishlist-name, .wishlist-required, .wishlist-ordered, .wishlist-remaining, .wishlist-price, .wishlist-add { display: table-cell; padding: 5px; vertical-align: top; height: 40px; border-bottom: 1px solid #dddddd; } .wishlist-image {width: 16%} .wishlist-name {width: 25%} .wishlist-required {width: 15%} .wishlist-ordered {width: 8%} .wishlist-remaining {width: 8%} .wishlist-price {width: 8%} .wishlist-add {width: 20%} .wishlist-headers {font-weight: bold} .wishlist-update, wishlist-add img {float: right} .wishlist-label {display: none} .wishlist-quantity {float: left} .wishlist-cart {float: right} .wishlist-remove {float: right; clear: both} } @media screen and (min-width:1200px) and (max-width:1499px) { .wishlist-update {float: left: clear: both} } @media screen and (min-width:1500px) { .wishlist-update {float: right} } #coupon-apply-btn { width: 12 em; height: 3 em; background: #3399cc; color: #ffffff; font-weight: bold; text-align: center; margin: 0 5px !important; } .remove-coupon-link { color: #0057a4; cursor: pointer; } #used-coupons { display: inline-block;  margin: 5px;  width: 90% } .coupon-list-line { width: 100%;  max-width: 150px;  clear: left;  float: left;  margin: 0 5px 5px 5px;  font-size: 11px } .coupon-list-remove, .remove-coupon-link { float: right } fieldset.quantity-box {border: none} 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; overscroll-behavior-y: none; /* Disables pull-to-refresh and overscroll glow effect.Still keeps swipe navigations. */ font-size: 62.5%; } h1, h2, h3, h4, h5, h6 { clear:both; width:auto; margin:1% 0; 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; } .hide {display:none !important;} 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:#3399cc;} 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:none; 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%;} 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; box-sizing:border-box; } .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 */ .bulk-area {float:left; width:100%; margin-bottom:1%;} #left-area { width:80%; float:left;  clear:none; } #left-sidebar, #right-sidebar { float:left; width:19%; margin: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 0.5em; box-sizing:border-box; } .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 {float:left; 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 .set-right, .content-area .fragment-list .fullWidthSection .set-left { min-width:1px; width:auto; max-width:100%; padding:0; } .content-area .fragment-list .fullWidthSection img { float:left;  clear:left;  min-width:1px;  width:auto;  max-width:100%;  height:auto;  margin:0; } .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 #C8C8C8; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:8px 0 0 0; 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); } .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 div > img, .product-details div > img, .section-link-details div > a img, .product-details div > a img { min-width:1px; width:auto; max-width:100%; height:auto; } .section-link-details form img, #ContentPage .product-details form img { float:left; min-width:1px; width:auto; max-width:140px; 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:#000066;} .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 { min-width:1px; width:auto; max-width:100%; height:auto; 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%; } 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;} form .product-image {display:inline-block !important; max-width:100%;} .product-image > img, form .product-image > a img, .std-product-details img { min-width:1px; width:auto !important; max-width:100%; height:auto; margin-right:1em; } form .product-image > a {float:left; max-width:100%;} .twoColumns .product-image a > img, .threeColumns .product-image a > img, .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;} .feefoproductlogo:empty {display:none;} 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 { float:left; display:-webkit-flex; display:flex; -webkit-flex-flow:row wrap; flex-flow:row wrap; width: 100%; margin-top:1em; display:inline-block; } .attribute-list label { float:left; margin:0.5em 0; line-height:2; } div.attribute-list div label,  div.attribute-list div select {width:auto; float:left; clear:none;} div[id^="idVars"] .attribute-list input[type="checkbox"] {margin:0.5em 0.5em 0 0;} div[id^="idVars"] .attribute-list input[type="checkbox"] + label {margin:0;} div[id$="_Table"] {float:left; font-size:1.4em;} div[id$="_Table"] label {font-size:inherit;} div[id^="idVars"] .attribute-list input,  div[id^="idVars"] .attribute-list textarea { float:left; clear:left; margin:0; } .attribute-list label + select {margin-left:0.5em;} div[id^="idVars"] .attribute-list input[type="hidden"] + label {width:100%; margin:0.5em 0 0;} .selectOptions { float:left; clear:both; -webkit-flex:0 0 100%; flex:0 0 100%; } div[id^="idVars"] .attribute-list .twoColumns { clear:none; -webkit-flex:0 0 48%; flex:0 0 48%; } div[id^="idVars"] .attribute-list .threeColumns { clear:none; -webkit-flex:0 0 32%; flex:0 0 32%; } div[id^="idVars"] .attribute-list .twoColumns select, div[id^="idVars"] .attribute-list .threeColumns select {margin:0;} div[id^="idVars"] .attribute-list div[class$="Columns"] label { width:100%; } .selectOptions ul {float:left !important; clear:both !important; list-style-type:none;} .selectOptions ul li {float:left; clear:both; font-size:1rem;} .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"] {display:block; font-size:1.4em; margin:0.5em 0;} #FilterResultElements {clear:both; 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:#000066;} .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;} .product-details .product-text a, .std-product-details a {float: none !important;} /* 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:auto; max-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 */	 } .product-marketing-list ol {list-style-type:none;} 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;} .product-marketing-list .product-list-price {font-size:0.8em;} .product-marketing-list ol li p .product-list-price {font-size:1em;} .sitemap div ul, .sitemap div ol {width:100%; margin:0; padding:0;} #product-page-body .marketing-list-entry img {width:100px; height:auto;} fieldset.product-prompt {margin:0.5em 0;} fieldset.product-prompt label {float:left; margin:0; padding:0;} fieldset.product-prompt input, fieldset.product-prompt select {margin:0 0.5em;} /* 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; padding:0.5em; 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 { display:block; margin:0.5em auto; padding:0; text-align:center; } div.recenththeader input.recenthtbuttonright, div.recenththeader input.recenthtbuttonleft {margin:0 0.5em; padding:0;} div.recenththeader input.recenthtbuttonright {float:right;} div.recenththeader input.recenthtbuttonleft {float:left;} 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%;} .content-area form .payPalProButtons { float:left; clear:both; width:100%; margin:0; padding:0; } .content-area form .payPalProButtons + p {float:left; clear:both; width:100%;} .content-area form .payPalProButtons .button-wrapper input {width: auto;} .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 { 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%; } .content-area form .checkout > .change {display:inline-block;} #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 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; box-sizing:border-box;} .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:43%; 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:94%;} .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;} .content-area form table.checkout tr td.cartheading, .content-area form table.checkout-cart tr td.checkout-cartheading {background:#0057a4; 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 {width:100%;} .CreditCardField {float:left; clear:both; width:98%; padding:0.5em;} .CreditCardField div, .CreditCardField div label {float:left; clear:both; margin:0 !important; padding:0;} .CreditCardField div select {float:left; margin:0.5em 0 !important;} .CreditCardField .checkout-field-input span {float:left; margin:0 0.5em;} #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; } #idPaymentMethodTable .checkout-field-input input[type="radio"] {width:1em !important; margin:0.8em 0.5em 0;} #paypal-express-chk {float:left; width:100%; margin-top:1em;} .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 (max-width:1061px) { /* 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-area {width:76%;} #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: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:#000066 !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 #000066;  background:#efefef; } .content-area form table.checkout tr:first-child, .content-area form table.checkout-cart tr:first-child {background:#0057a4;} .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:#0057a4; } .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:100%; border:none; box-sizing:border-box;} .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;} .nav {max-width:100%;} #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 */ } .product-image.set-left, .product-image.set-right { float:none !important; display:block !important; margin:0 auto !important; } .product-image, .std-product-details { min-width:1px; width:auto; max-width:100%; } .product-image > img, .std-product-details > img {max-width:100%; height:auto;} .IeOnly .bestSellersMarketingListEntry, .IeOnly .newProductsMarketingListEntry,  .androidOnly .bestSellersMarketingListEntry, .androidOnly .newProductsMarketingListEntry {width:30% !important;} 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 (min-width:801px) and (max-width:1061px), (max-width:500px) { div[id^="idVars"] .attribute-list .threeColumns { -webkit-flex:0 0 48%; flex:0 0 48%; }	 } @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:#000066;} .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;  min-width:1px; width:auto; max-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 ***#015656 #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; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .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:#003366!Important; } .sf-menu a:hover {color: #015656;} .sf-menu ul li a {color: #015656!Important;} .sf-menu ul li a:hover {color: #ffffff;} .sf-menu ul ul li a{color: #015656;} .sf-menu ul ul li a:hover {color: #ffffff;} .sf-menu li { background: #fff; white-space: normal;  -webkit-transition: background .2s; transition: background .2s; } .sf-menu ul li { background: #B9DFDF; } .sf-menu ul ul li { background: #CBE7E7; } .sf-menu li:hover, .sf-menu li.sfHover { background: #619BD2; /* 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: #004050; width: 220px; 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); } /*heading styles*/ #accordian li.abc { font-size: 12px; line-height: 34px; padding: 0 10px; margin:0!Important; cursor: pointer; /*fallback for browsers not supporting gradients*/ background: #003040;  background: linear-gradient(#003040, #002535); } #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: 11px; 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";} /* The Design Styles for Smart Responsive Design */ body { width:99.7%; margin:0 !important; padding:0 !important; color:#666666; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzg3ODc4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZTBlMGUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZTBlMGUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #000066 6em, #ffffff 16em, #ffffff 11%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0057a4), color-stop(1%,#ffffff), color-stop(11%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000066 6em,#ffffff 16em,#ffffff 11%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000066 6em,#ffffff 16em,#ffffff 11%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000066 6em,#ffffff 16em,#ffffff 11%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #000066 6em,#ffffff 16em,#ffffff 11%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000066', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } h1, h2, h3, h4, h5, h6 {font-weight:normal; color:#000066;} a h1:hover, a h2:hover, a h3:hover, a h4:hover, a h5:hover, a h6:hover {color:#fe534c;} a {color:#0057a4;} a:hover {color:#fe534c;} a:visited {color:#3399cc;} a:active {color:#666666;} a img {border:none;} #wrapper {width:100%;} .subHeader, .header-area, .footer-area { width:100%; margin:0; padding:0; } .subHeader {padding:1em 0 0;} .subHeader .housekeeping, .header-area .headerContent, .deepFooter, .miniFooter { display:block; width:90%; margin:0 auto; } .subHeader ol { float:right; text-align:right; } .subHeader ol li { display:inline; margin-right:1em; position:relative; top:-0.5em; } .subHeader ol li, .subHeader ol li a { color:#ffffff; text-transform:uppercase; } .subHeader ol li img { width:22px; height:22px; margin:0 0.5em; position:relative; top:0.3em; } .subHeader ol li img.shoppingCart { width:auto; height:auto; margin-right:1em; top:0.5em; } .subHeader ol li div.itemNumber { display:inline-block; width:1em; height:1em; padding:0.5em; font-size:0.8em; line-height:0.9em; text-align:center; background:#4fa7d3; border:2px solid #ffffff; border-radius:100%; position:absolute; bottom:0.5em; left:2.5em; } .topContactInfoDesktop { width:98.3% !important; margin:0 !important; padding:0; background:#000066; } .topContactInfoDesktop p, .topContactInfoDesktop p a {color:#ffffff;} .header-area { border:2px solid #ffffff; background: #c6c6c6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2YzZjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #c6c6c6 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c6c6c6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c6c6c6 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c6c6c6 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #c6c6c6 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } .header-area .header-element { float:right; margin:2em 0 1em; } .header-area ol { line-height:1.2em; border-right:1px solid #000066; } .header-area ol li { border-left:1px solid #000066; } .header-area ol li a { text-decoration:none; } .header-area ol li a:hover { text-decoration:underline; } .quick-search { float:right; clear:right; width:70em; margin:0; padding:0; } .quick-search form { width:100%; position:relative; } .quick-search input[type="text"] { width:99%; height:3em; font-style:italic; border:1px solid #d0d0d0 } .quick-search form span.quick-search-button-wrapper { margin:0; padding:0; position:absolute; top:1.3em; right:-0.8em; } .quick-search form span.quick-search-button-wrapper, .quick-search input[type="submit"], .quick-search input[type="submit"]:hover { width:35px; height:35px; } .quick-search input[type="submit"], .quick-search input[type="submit"]:hover { background:url('search-icon.png'); border:none; text-align:left; text-indent:-9999px; } .quick-search .sf_suggestion { margin-top:2.4em; } .social-badges {clear:both;} .navigation-bar, .CheckoutProgress p { float:left; width:100%; border:1px solid #cccccc; box-shadow:inset 0px 0px 0px 1px #ffffff; background: #efefef; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #efefef 0%, #dddddd 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #efefef 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #efefef 0%,#dddddd 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #efefef 0%,#dddddd 100%); /* IE10+ */ background:linear-gradient(to bottom, #efefef 0%,#dddddd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */ } .nav { display:block; width:90%; margin:0 auto; } #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: #3399cc; /* 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, #4fa7d3 0%, #3399cc 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#52a400), color-stop(100%,#4fa7d3)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #4fa7d3 0%,#3399cc 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #4fa7d3 0%,#3399cc 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #4fa7d3 0%,#3399cc 100%); /* IE10+ */ background:linear-gradient(to bottom, #4fa7d3 0%,#3399cc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fa7d3', endColorstr='#3399cc',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 #3399cc; } #mega-menu ul li ul li:hover, #brochure-menu li li:hover { border-bottom:3px solid #3399cc; } #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:#3399cc; } #idBreadcrumbsTop, #idBreadcrumbsBottom { float:left; margin:1em 0; } .bulk-area { background:#ffffff; float:none; clear:both; display:block; width:89.7%; margin:0 auto; padding:1em 0; overflow:hidden; border-left:1px solid #dddddd; border-right:1px solid #dddddd; box-shadow:0 0 10px 6px #f4f4f4; } #left-sidebar, #right-sidebar { padding-top:0; } #left-sidebar h1, #right-sidebar h1, #left-sidebar h2, #right-sidebar h2, #left-sidebar h3, #right-sidebar h3, .productFiltersTitle h2 { width:100%; margin:0; padding:0; font-size:2em; line-height:2.3em; text-align:center; color:#ffffff; background:#000066; } #left-sidebar h1, #right-sidebar h1, #left-sidebar h2, #right-sidebar h2, #left-sidebar h3, #right-sidebar h3, .sidebar-filter-element, .sidebar-element,  .productFiltersLeft .sidebar-filter-element form, .productFiltersTitle h2 { border-top-left-radius:5px; border-top-right-radius:5px; } .productFiltersTitle .sidebar-filter-element form { font-size:0.6em !important; background:#ffffff; border:1px solid #dddddd; } .sidebar, .side-menu { width:99%; } .sidebar-filter-element, .sidebar-element { width:94%; margin:0 3% 1em; border:1px solid #dddddd; } .sidebar-element .side-menu { float:left; } .sidebar-filter-element form, .sidebar-element .page-list p { float:left; clear:both; width:100%; margin:0; padding:0; } .sidebar-filter-element form {width:100% !important; margin-bottom:1em;} .sidebar-element .page-list p, .bestSellersHomepage h1, .bestSellersHomepage h2, .newProductsHomepage h1, .newProductsHomepage h2 { width:89%; padding:4% 6%; border-bottom:1px solid #dddddd; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */ background:linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-8 */ } .sidebar-element .page-list p:last-child { border-bottom:none; } .sidebar-element .page-list p:hover { background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #efefef 0%, #ffffff 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #efefef 0%,#ffffff 100%); /* IE10+ */ background:linear-gradient(to bottom, #efefef 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } #left-sidebar .marketing-list-entry, #right-sidebar .marketing-list-entry { padding-bottom:2em; box-shadow:0px 7px 10px -8px #000000; } #left-sidebar .marketing-list-entry:last-child, #right-sidebar .marketing-list-entry:last-child { box-shadow:none; } #left-sidebar .marketing-list-entry p, #right-sidebar .marketing-list-entry p, #left-sidebar .marketing-list-entry .product-price, #right-sidebar .marketing-list-entry .product-price { font-weight:bold; } #left-sidebar .marketing-list-entry h3, #right-sidebar .marketing-list-entry h3 { background:none; } #left-sidebar .marketing-list-entry a h3, #left-sidebar .marketing-list-entry h3 a, #right-sidebar .marketing-list-entry a h3, #right-sidebar .marketing-list-entry h3 a { font-size:1.4em; font-weight:bold; text-align:left; color:#0057a4; } #left-sidebar .marketing-list-entry a:hover h3, #left-sidebar .marketing-list-entry h3 a:hover, #right-sidebar .marketing-list-entry a:hover h3, #right-sidebar .marketing-list-entry h3 a:hover { color:#fe534c; } #left-sidebar .product-image img, #right-sidebar .product-image img { padding:2%; } #left-sidebar .product-image img:hover, #right-sidebar .product-image img:hover { border:none; } #left-sidebar .marketing-list-entry .product-price, #right-sidebar .marketing-list-entry .product-price { color:#000066; } #left-sidebar .marketing-list-entry p.product-price, #right-sidebar .marketing-list-entry p.product-price, #left-sidebar .marketing-list-entry p.product-text, #right-sidebar .marketing-list-entry p.product-text { font-size:1.2em; } #left-sidebar .marketing-list-entry p.product-text, #right-sidebar .marketing-list-entry p.product-text { font-weight:normal; } .content-area .fragment-list .fullWidthSection { padding:1em; border:1px dotted #dddddd; } .bestSellersHomepage h1, .bestSellersHomepage h2, .newProductsHomepage h1, .newProductsHomepage h2 { width:100%; margin:0; padding:0 0.5em; font-size:2em; line-height:2.3em; border:1px solid #dddddd; box-shadow:inset 0px 0px 0px 1px #ffffff; } .bestSellersMarketingListEntry, .newProductsMarketingListEntry { position:relative; border:1px solid #dddddd; } .bestSellersMarketingListEntry .bestSellerImage, .newProductsMarketingListEntry .newProductImage { width:100%; height:auto; } .bestSellersMarketingListEntry .bestSellerImage img, .newProductsMarketingListEntry .newProductImage img { width:92%; height:auto; padding:4%; } .bestSellersMarketingListEntry span.product-price, .newProductsMarketingListEntry span.product-price { margin:0; padding:0.2em 0.5em; position:absolute; top:10%; right:-0.7em; color:#ffffff; background:#4fa7d3; text-align:right; font-weight:bold; line-height:1.9em; } .bestSellersMarketingListEntry span.product-price:empty, .newProductsMarketingListEntry span.product-price:empty { background:none; } .bestSellersMarketingListEntry span.product-price:after, .newProductsMarketingListEntry span.product-price:after,  .bestSellersMarketingListEntry span.product-price:before, .newProductsMarketingListEntry span.product-price:before { right:100%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; } .bestSellersMarketingListEntry span.product-price:after, .newProductsMarketingListEntry span.product-price:after { border-color: rgba(82, 164, 0, 0); border-right-color:#4fa7d3; border-width:0; margin-top:4px; } .bestSellersMarketingListEntry span.product-price:before, .newProductsMarketingListEntry span.product-price:before { border-color: rgba(82, 164, 0, 0); border-right-color:#4fa7d3; border-width:1.22em; margin-top:-1.22em; } .bestSellersMarketingListEntry span.product-price:after, .newProductsMarketingListEntry span.product-price:after { content:''; position: absolute; top:1.9em; right:0; height:0; width:0; border-top:10px solid black; border-right:10px solid transparent; } .bestSellersMarketingListEntry span.product-price:empty:after, .newProductsMarketingListEntry span.product-price:empty:after,  .bestSellersMarketingListEntry span.product-price:empty:before, .newProductsMarketingListEntry span.product-price:empty:before { border:none; background:none; } .recent-products { margin-top:2em !important; border:1px solid #dddddd; } .recenththeader h2 { font-size:2.2em !important; color:#000066; } div.recenththeader input.recenthtbuttonright, div.recenththeader input.recenthtbuttonleft { font-weight:normal; text-transform:none; color:#3399cc; background:none; border:none; cursor:pointer; } div#recenthtitem { padding:1em 0; border:1px dotted #dddddd; } div#recenthtitem a, div#recenthtitem a p { color:#0057a4; } div#recenthtitem a:hover, div#recenthtitem a:hover p, div#recenthtitem a p:hover, div#recenthtitem a:hover p:hover { color:#fe534c; } .content-area .marketing-list-entry {border:1px solid #dddddd;} .product-details, .section-link-details, #product-page-body form, #SearchResults, .std-product-details, .product-list .marketing-list-entry, form.login, form.contactUsForm fieldset { background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background:-moz-linear-gradient(top, #ffffff 61%, #efefef 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(61%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #ffffff 61%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #ffffff 61%,#efefef 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #ffffff 61%,#efefef 100%); /* IE10+ */ background:linear-gradient(to bottom, #ffffff 61%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-8 */ background-repeat:no-repeat; background-position:99% 97%; border:1px solid #dddddd; border-radius:5px; } .actxxsmall {font-style:italic;} fieldset.quantity-box input[type="number"] { height:1.6em; margin-top:0.7em; -moz-appearance:textfield; } 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:1.2em; } fieldset.quantity-box button.quantityButton { display:block; float:left; width:2em; height:1.5em; margin:0.3em 0.5em; padding:0 0 0.1em; font-size:2em; font-weight:bold; color:#ffffff; text-align:center; border-radius:5px; border:none; } fieldset.quantity-box button.dec { background:#c4c4c4; } fieldset.quantity-box button.inc { background:#000066; } fieldset.quantity-box button.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; } input[type="submit"], input[type="submit"]:hover, input[type="button"], input[type="button"]:hover, .cart-button-wrapper input[type="submit"], .cart-button-wrapper input[type="submit"]:hover,  form.completeNewProductsItem input.cart-button, form.completeNewProductsItem input.cart-button:hover,  #idRegistered form input[type="button"], #idRegistered form input[type="button"]:hover { width:12em; 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 #3399cc; background: #3399cc; /* 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, #4fa7d3 0%, #3399cc 100%); /* FF3.6+ */ background:url('cart-icon.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fa7d3), color-stop(100%,#3399cc)); /* Chrome,Safari4+ */ background:url('cart-icon.png'), -webkit-linear-gradient(top, #4fa7d3 0%,#3399cc 100%); /* Chrome10+,Safari5.1+ */ background:url('cart-icon.png'), -o-linear-gradient(top, #4fa7d3 0%,#3399cc 100%); /* Opera 11.10+ */ background:url('cart-icon.png'), -ms-linear-gradient(top, #4fa7d3 0%,#3399cc 100%); /* IE10+ */ background:url('cart-icon.png'), linear-gradient(to bottom, #4fa7d3 0%,#3399cc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fa7d3', endColorstr='#3399cc',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, #3399cc 0%, #4fa7d3 100%); /* FF3.6+ */ background:url('cart-icon.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3399cc), color-stop(100%,#4fa7d3)); /* Chrome,Safari4+ */ background:url('cart-icon.png'), -webkit-linear-gradient(top, #3399cc 0%,#4fa7d3 100%); /* Chrome10+,Safari5.1+ */ background:url('cart-icon.png'), -o-linear-gradient(top, #3399cc 0%,#4fa7d3 100%); /* Opera 11.10+ */ background:url('cart-icon.png'), -ms-linear-gradient(top, #3399cc 0%,#4fa7d3 100%); /* IE10+ */ background:url('cart-icon.png'), linear-gradient(to bottom, #3399cc 0%,#4fa7d3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399cc', endColorstr='#4fa7d3',GradientType=0 ); /* IE6-8 */ background-repeat:no-repeat; background-position:3%; } input[type="submit"], input[type="submit"]:hover, input[type="button"], input[type="button"]:hover, input.login, input.forgotpassword, .searchResults input[type="submit"], .contactRows input[type="submit"],  #idCheckoutForm input[type="submit"], .filter-by input[type="submit"], .filter-list input[type="submit"], .receipt input[type="submit"], #idLOOKUPORDERSFORM fieldset input[type=submit], #idRegistered form input[type="button"],  #idRegistered form input[type="submit"], input.login:hover, input.forgotpassword:hover, .searchResults input[type="submit"]:hover, .contactRows input[type="submit"]:hover, #idCheckoutForm input[type="submit"]:hover,  .filter-by input[type="submit"]:hover, .filter-list input[type="submit"]:hover, .receipt input[type="submit"]:hover, #idLOOKUPORDERSFORM fieldset input[type=submit]:hover, #idRegistered form input[type="button"]:hover,  #idRegistered form input[type="submit"]:hover, .info-box input[type="submit"], .info-box input[type="submit"]:hover, p#idLookupAgain, p#idLookupAgain:hover { width:auto; margin:1em 0; padding:0 1em; font-size:1.4em; /* 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, #4fa7d3 0%, #3399cc 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fa7d3), color-stop(100%,#3399cc)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #4fa7d3 0%,#3399cc 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #4fa7d3 0%,#3399cc 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #4fa7d3 0%,#3399cc 100%); /* IE10+ */ background:linear-gradient(to bottom, #4fa7d3 0%,#3399cc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fa7d3', endColorstr='#3399cc',GradientType=0 ); /* IE6-8 */ } .receipt input[type="submit"], .receipt input[type="submit"]:hover {margin:2em;}  input[type="submit"]:hover, input[type="button"]:hover, input.login:hover, input.forgotpassword:hover, .searchResults input[type="submit"]:hover, .contactRows input[type="submit"]:hover, #idCheckoutForm input[type="submit"]:hover,  .filter-by input[type="submit"]:hover, .filter-list input[type="submit"]:hover, .receipt input[type="submit"]:hover, #idLOOKUPORDERSFORM fieldset input[type=submit]:hover, #idRegistered form input[type="button"]:hover,  .info-box input[type="submit"]:hover, p#idLookupAgain { cursor:pointer; /* 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, #3399cc 0%, #3399cc 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3399cc), color-stop(100%,#4fa7d3)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #3399cc 0%,#4fa7d3 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #3399cc 0%,#4fa7d3 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #3399cc 0%,#4fa7d3 100%); /* IE10+ */ background:linear-gradient(to bottom, #3399cc 0%,#4fa7d3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399cc', endColorstr='#4fa7d3',GradientType=0 ); /* IE6-8 */ } p#idLookupAgain, p#idLookupAgain:hover { float:none; display:inline-block; margin:1em !important; padding:0.5em 1em; border: 1px solid #ffffff; border-radius:2px; color:#ffffff; text-transform:uppercase; font-weight:bold; -webkit-box-shadow:inset 0px 0px 0px 2px #3399cc; -moz-box-shadow:inset 0px 0px 0px 2px #3399cc; box-shadow:0px 0px 0px 2px #3399cc; } .info-box input[type="submit"] {font-size:1em;} .singleAddToCart input[type="submit"] { width:20em !important; height:4em !important; } #idRegistered .cart form fieldset {width:100%;} #idRegistered label, #idRegistered input[type="password"], #idBUYERFORM label, #idBUYERFORM input[type="text"], #idBUYERFORM input[type="tel"], #idADDRESSFORM label, #idADDRESSFORM input[type="text"], #idADDRESSFORM input[type="tel"] {width:95%;} #idADDRESSFORM select {width:98%;} #idRegistered input[type="button"] {clear:both !important; margin-right:1em !important;} .content-area form#idPASSWORDFORM fieldset input[type="button"], form#idPASSWORDFORM fieldset input[type="submit"] { clear:none; } form div input.cart-button, form div input.cart-button:hover {width:19em; height:4.5em;} .productDiscount {font-weight:bold; color:#3399cc;} .content-area form .sf_suggestion {left:9.5em !important;} .searchResults input[type="submit"] {float:left !important; clear:both !important;} .filter-by input[type="submit"], .filter-by input[type="submit"]:hover, .filter-list input[type="submit"], .filter-list input[type="submit"]:hover {margin-left:1em; font-size:0.4em;} .sort_by { width:98%; margin-bottom:1em; padding:0 1%; background:#000066; } .sort_by select {border:1px solid #dddddd;} .CheckoutProgress { display:-webkit-flex; display:flex; -webkit-flex-flow:row wrap; flex-flow:row wrap; } .CheckoutProgress  p { padding:1em 0; text-align:center; -webkit-flex:1 0 23%; -moz-flex:1 0 23%; flex:1 0 23%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:23%; /* End of IE Flex box */ color:#3399cc; } .CheckoutProgress  p.cpi-active {color:#ffffff;} .CheckoutProgress  p span {display:block; margin-bottom:0.5em; font-size:1.6em;} table.checkout-cart th {border-top:1px solid #000066; border-bottom:1px solid #000066;} .cart, .checkout-cartheading{border-bottom:1px solid #000066;} .checkoutCustomers fieldset, #idBothAddressesTable {border:1px solid #dddddd;} .checkoutCustomers fieldset label, .checkoutCustomers fieldset p {margin: 0 1em;} .checkoutCustomers fieldset label:first-child {width:96%;} .checkoutCustomers fieldset label:first-child, #idInvoiceHeader, #idDeliverHeader { margin:0; padding:2%; color:#ffffff; background:#000066; } #idInvoiceHeader, #idDeliverHeader {margin-left:1em;} .checkoutCustomers fieldset .customerTickBox label {color:#666666; background:none;} .checkout {border:1px solid #dddddd;} .checkout h2 { margin:0; padding:0 2%; font-size:13px; font-weight:bold; line-height:2.3em; color:#ffffff; background:#000066; } #idCheckoutForm span.actrequired {float:left;} input.checkout-change-button {font-size:1em !important;} #terms-body p strong {display:block;} .footer-area {float:left; background:#333333;} .footer-area h3, .footer-area h4, .footer-area p, .footer-area a, .footer-area ul, .footer-area ol, .footer-area span {color:#ffffff;} .deepFooter, .miniFooter { background:none; color:#ffffff; } .deepFooter ul, .deepFooter ol {list-style:none;} .deepFooter ul li::before, .deepFooter ol li::before {content:"\00BB "} /* In Context PSP form style*/ .container-popup { position: relative; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); display: none; } #psptitle { color:#000066; } #payment { height: 32em; min-width:1px; width:400px; max-width:90%; margin: auto; padding:0.5em; position:absolute; top: 0; right: 0; bottom: 0; left: 0; background:#efefef; /* This would be the form background palette colour */ } #payment .has-error { color:red; } #payment .form-group { float:left; width:100%; } #payment .form-group label, #payment .form-group div { float:left; margin:0.5em 0; } #payment .form-group label { color:#ff3300; width:10em; padding:0.3em; } #payment .form-group div { width:55%; } #payment .form-group div input { width:100%; padding:0.3em; border:1px solid #a9a9a9; } #payment > a, #payment > a:hover { float:left; } #payment button, #payment button:hover { float:right; } #payment button, #payment button:hover, #payment > a, #payment > a:hover { clear:none; width:auto; margin:4% 1em 4% 0; padding:0.2em 0.5em; font-size:1em; line-height:1.9em; font-weight:bold; color:#ffffff; text-align:center; text-decoration:none; text-transform:uppercase; border:1px solid #ffffff; border-radius:5px; /* #428400 is palette1, #54a800 is  #4fa7d3 */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0ZGZkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZWFkOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #54a800 0%, #428400 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#54a800), color-stop(100%,#428400)); background:-webkit-linear-gradient(top, #54a800 0%,#428400 100%); background:-o-linear-gradient(top, #54a800 0%,#428400 100%); background:-ms-linear-gradient(top, #54a800 0%,#428400 100%); background:linear-gradient(to bottom, #54a800 0%,#428400 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#54a800', endColorstr='#428400',GradientType=0 ); -webkit-box-shadow:0px 0px 0px 3px #428400; -moz-box-shadow:0px 0px 0px 3px #428400; box-shadow:0px 0px 0px 3px #428400; } #payment button:hover, #payment > a:hover { cursor:pointer; /* #428400 is palette1, #54a800 is  #4fa7d3 */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0ZGZkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZWFkOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #428400 0%, #54a800 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#428400), color-stop(100%,#54a800)); background:-webkit-linear-gradient(top, #428400 0%,#54a800 100%); background:-o-linear-gradient(top, #428400 0%,#54a800 100%); background:-ms-linear-gradient(top, #428400 0%,#54a800 100%); background:linear-gradient(to bottom, #428400 0%,#54a800 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#428400', endColorstr='#54a800',GradientType=0 ); -webkit-box-shadow:0px 0px 0px 3px #428400; -moz-box-shadow:0px 0px 0px 3px #428400; box-shadow:0px 0px 0px 3px #428400; } span.product-price {display: block} @media screen and (max-width:1183px){ body {width:99.6%;} } @media screen and (max-width:1135px){ .quick-search {width:60em;} } @media screen and (max-width:1061px){ table.checkout th {border:none;} .content-area form table.checkout tr.checkoutMobileTR, .content-area form table.checkout-cart tr.checkoutMobileTR {background:#eeeeee;} } @media screen and (max-width:1060px){ .topContactInfoDesktop {margin-top:-0.5em !important;} } @media screen and (max-width:1024px){ .quick-search {width:50em;} } @media screen and (max-width:912px){ .quick-search {width:37em;} } @media screen and (max-width:892px){ body {width:99.5%;} } @media screen and (max-width:495px), (min-width:801px) and (max-width:866px){ .content-area form .sf_suggestion {top:7.5em !important; left:-0.1em !important;} } @media screen and (max-width:818px){ .subHeader ol {width:100%;} } @media screen and (max-width:800px){ div[class^="contactInfoTopCol"] div.contactInfoClick {margin-right:0.5em; background:#000066;} .sidebar-element .marketing-list {margin:0; padding:0;} .navigation-bar { filter:none; background:none; border:none; box-shadow:none; } .navigation-bar .miniNav {width:100%;} .miniNav > p { float:left; width:90%; margin:0; padding:0 5%; font-size:1.6em; line-height:3em; font-weight:bold; color:#000066; text-transform:uppercase; border:1px solid #cccccc; box-shadow:inset 0px 0px 0px 1px #ffffff; background: #efefef; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #efefef 0%, #dddddd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #efefef 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #efefef 0%,#dddddd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #efefef 0%,#dddddd 100%); /* IE10+ */ background: linear-gradient(to bottom, #efefef 0%,#dddddd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */ } .miniNav > p > a { float:right !important; width:1em; margin:0 !important; font-size:2em; text-align:center; } .miniNav > p > a:hover {text-decoration:none;} .miniNav p div {font-size:0.9em;} .miniNav .marketing-list, .miniNav .sidebar-element { border-radius:0; background:#ffffff; } .miniNav h2, .miniNav h3 {display:none;} .miniNav .marketing-list { display:-webkit-flex; display:flex; -webkit-flex-flow:row wrap; flex-flow:row wrap; } .miniNav .marketing-list-entry { margin:0.5em; -webkit-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 */ border:1px dotted #000066; } .nav {width:100%;} #mega-menu ul, #brochure-menu ul { float:none; width:90%; margin:0 auto; border:1px solid #dddddd; overflow:hidden; } #mega-menu ul li, #brochure-menu ul li, #mega-menu ul li:hover, #brochure-menu ul li:hover { border:none; width:100% !important; margin:0; padding:0; border-bottom:1px dotted #dddddd; -webkit-flex:0 0 100%; flex:0 0 100%; } #mega-menu ul li:last-child, #brochure-menu ul li:last-child {border-bottom:none;} #mega-menu ul li a, #brochure-menu ul li a, #mega-menu ul li a:hover, #brochure-menu ul li a:hover {width:96%; margin:0; padding:2%;} #mega-menu ul li div, #brochure-menu ul li div {float:left; width:99.7% !important;} #mega-menu ul li div ul li, #mega-menu ul li div ul li:hover, #brochure-menu ul li div ul li, #brochure-menu ul li div ul li:hover {border-bottom:none;} #mega-menu ul li div ul li:hover a, #mega-menu ul li div ul li:hover a:hover, #brochure-menu ul li div ul li:hover a, #brochure-menu ul li div ul li:hover a:hover {color:#fe534c;} #left-sidebar .marketing-list-entry:last-child, #right-sidebar .marketing-list-entry:last-child {box-shadow:0px 7px 10px -8px #000000;} form.login { float:none; display:block; width:90%; margin:0 auto; } div.sidebar-filter-element { float:none; width:90%; margin:0 auto; padding:1em 0; overflow:hidden; border-radius:0; } .filter-list h4 a { width:4em; font-size:0.6em; } } @media screen and (max-width:768px){ .quick-search {width:27em;} } @media screen and (max-width:732px){ .subHeader ol {width:94%;} .subHeader ol li:first-child {float:left;} .subHeader ol li span {display:none;} .subHeader ol li img {width:auto; height:auto; top:0.5em;} } @media screen and (max-width:717px){ body {width:99.4%;} } @media screen and (max-width:685px){ .header-area div.logo, .header-area div.logo span {width:100%;} .header-area .logo img { float:none; display:block; width:auto; margin:0 auto; }	 .header-area ol {display:none;} .quick-search { float:none; display:block; margin:0 auto; width:44em; } } @media screen and (max-width:600px){ body {width:99.3%;} } @media screen and (max-width:593px){ .housekeeping {width:100% !important;} } @media screen and (max-width:517px){ body {width:99.2%;} } @media screen and (max-width:514px){ .quick-search {width:34em;} } @media screen and (max-width:500px){ .logo {width:100%;} } @media screen and (min-width:462px) and (max-width:481px) { form.regularProductSummary span[id^="RemoveIfOutOfStock"], form.compactProductLayout span[id^="RemoveIfOutOfStock"] {left:0;} } @media screen and (max-width:481px) { form.regularProductSummary fieldset, form.classicProductLayout fieldset, form.compactProductLayout fieldset,  form.imageOnLeftTextWrappedAround fieldset, form.imageOnRightTextWrappedAround fieldset, form.listStyleProductLayout fieldset {width:100%;} form.completeBestSellerLayout fieldset, form.completeNewProductsItem fieldset {width:100% !important;} form.compactProductLayout .cart-button-placement {margin-right:1em;} form.compactProductLayout fieldset.quantity-box a.dec {clear:both;} } @media screen and (max-width:454px){ body {width:99.1%;} } @media screen and (max-width:440px){ .header-area .logo {float:left; margin:0;} .header-area .header-element {position:relative;} } @media screen and (max-width:430px){ .bestSellersMarketingListEntry, .newProductsMarketingListEntry { -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 */ } .IeOnly .bestSellersMarketingListEntry, .IeOnly .newProductsMarketingListEntry,  .androidOnly .bestSellersMarketingListEntry, .androidOnly .newProductsMarketingListEntry {width:94% !important;} } @media screen and (max-width:420px){ .quick-search {width:26em;} } @media screen and (max-width:405px){ body {width:98.9%;} } @media screen and (max-width:371px){ .subHeader .housekeeping, .header-area .header-element, .header-area .header-element .housekeeping {width:100%;} } @media screen and (max-width:360px){ .subHeader ol li {margin-right:0;} .quick-search {width:77%;} } /* End of BORDERS */ /*================================================================================================================================================================================================*/ /*** 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;} .panel { display: none; width: 220px; padding: 20px; background-color: #333; color: #fff; border:1px solid #333; box-shadow: inset 0 0 5px 5px #222; outline: 1px solid transparent; overflow: scroll; } a.shb { display:block; outline: none; cursor:pointer; width: 65px; height: 24px; border: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0px; padding:4px 0; 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; font-size:16px; text-decoration: none; background-color: #e1e1e1; float:left; } #helloworld {display:none; z-index:10000; text-align:left; background-color:#2C77A1;}  #byeworld {display:block;} @media only screen and (max-width: 767px), @media only screen and (min-width: 480px) and (max-width: 767px) { div.sh {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;}	 /* #### 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;} } /* #### 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;} } /* #### 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;} } /* #### 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;} } /* #### 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 {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%; } } /*– 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 {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%; } } /*– 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 {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%; } } /*– 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 {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%; } } /*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 {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%; } } /*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 {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%; } } /*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 {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%; } } /*=== 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; } img.prodsumimg { width:100px; max-width:100px; } .quick-search { clear: right; float: right; margin: 0; padding: 0; } form.jcsearch  { width: 350px; height: 50px; display: block; float: right; margin: 10px 15px 0 0; background: #f2f2f2; padding:0; border: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } form.jcsearch input.text  { width: 290px; height: 50px; display: block; float: left; padding: 0 0 0 5px; background: none; border: 0; line-height: 50px; color: #333333; font-size:18px; margin:0;} form.jcsearch input.submit  { width: 50px; height: 50px; display: block; float: right; background: none; border: 0; margin:0; padding:0; } .navigation-bar { float:left; width:100%; border:1px solid #cccccc; } .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.5em; 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:#000066; } 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;} #map-canvas {width:100%;height:400px;} .soxnet {margin-top:10px; float:right; width:40%;} .soxnet span {float:right;} .autosize-box { border: 1px solid #b3b3b3; margin: 0 auto; text-align:center; } .autosize-box img { margin: 0 auto; text-align:center; float:none!Important; } h3.hpproduct { color: #000000; font-size: 13px; font-weight: 900; margin: 0; padding: 0 0 6px; letter-spacing: normal; } .section-link-image-center {text-align:center;} .section-link-image-center img {float:none;} #paypal-express-chk .payPalExLeftCol, #paypal-express-chk .payPalExRightCol{ margin-bottom: 10px; } #paypal-express-chk .payPalExLeftCol>*, #paypal-express-chk .payPalExRightCol>* { padding: 0 10px; text-align: center; box-sizing: border-box; } #paypal-express-chk img{ max-width: 100%; } #addressBookWidgetDiv{ clear: both; min-width: 300px;  max-width: 100%; min-height: 228px;  height: 300px; } #walletWidgetDiv{ margin-top: 5px; min-width: 300px;  max-width: 100%; min-height: 228px;  height: 240px; } @media screen and (min-width: 991px){ #paypal-express-chk .payPalExLeftCol>div, #paypal-express-chk .payPalExLeftCol>a { width: 80%; } #paypal-express-chk .payPalExLeftCol>p { width: 20%; } } @media screen and (min-width: 768px){ #paypal-express-chk { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 0.5em 0 0 0; } #paypal-express-chk .payPalExLeftCol { display: flex; align-items: flex-start; flex-wrap: wrap; } #paypal-express-chk .payPalExLeftCol>p { padding: 0 5px; } } @media screen and (max-width: 767px){ #paypal-express-chk{ width: 22em !important; } }