/* Begin Insert Core.CSS so don't have to have 2 requests */ /*-------------------------------------------------- CSS RESETS --------------------------------------------------*/ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article, aside, figure, footer, header, hgroup, nav, section { display: block; } /* force a vertical scrollbar to prevent a jumpy page */ html { overflow-y: scroll; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: 0; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } /* tables still need cellspacing="0" in the markup */ table { border-collapse: collapse; border-spacing: 0; } th { font-weight: bold; vertical-align: bottom; } td { font-weight: normal; vertical-align: top; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } pre { /* CSS2 */ white-space: pre; /* CSS 2.1 */ white-space: pre-wrap; /* CSS 3 */white-space: pre-line; word-wrap: break-word; /* IE */ } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } select, input, textarea { font: 100% 'poppins', arial, sans-serif;} table { font-size: inherit; font: 100%; } a:hover, a:active { outline: none; } small { font-size: 85%; } strong, th { font-weight: bold; } td, td img { vertical-align: top; } /* Make sure sup and sub don't screw with your line-heights */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* standardize any monospaced elements */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* hand cursor on clickable elements */ .clickable, label, input[type=button], input[type=submit], button { cursor: pointer; } /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } /* make buttons play nice in IE */ button { width: auto; overflow: visible; } /* scale images in IE7 more attractively */ .ie7 img { -ms-interpolation-mode: bicubic; } /* prevent BG image flicker upon hover */ .ie6 html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } /* let's clear some floats */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* End Insert Core.CSS */ /* Insert Minified SearchSpring CSS*/ #searchspring-autocomplete_results{border:1px solid #ccc;border-radius:5px;box-shadow:2px 2px 6px rgba(0,0,0,.2);display:block;position:absolute;background-color:#fff;font-family:sans-serif;margin:8px 0 0;list-style-type:none;padding:3px;text-align:left;z-index:999;width:380px;margin-left: 65px !important;}#searchspring-autocomplete_results .ac_result_even{background-color:#f8f8f8}#searchspring-autocomplete_results .ac_result_even:hover{background-color:#f5f5f5}#searchspring-autocomplete_results:before{content:'';background:url(//cdn.searchspring.net/autocomplete/ss-ra-arrow.png);width:14px;height:12px;top:-10px;left:10px;position:absolute;display:block}.ac_term_suggest{background-color:#f5f5f5;border:none;padding:5px 0;font-size:.8em;text-align:center;font-weight:400;color:#999;display:block}.ac_term_suggest.highlight,.ac_term_suggest:hover{cursor:pointer;background-color:#e5e5e5}#searchspring-autocomplete_results .ac_title{text-transform:uppercase;font-size:.8em;color:#fff;margin:0 0 5px;padding:3px 5px;font-weight:400;border-bottom:solid 1px #f5f5f5;background:#383838}#searchspring-autocomplete_results .ac_title:first-of-type{border-radius:3px 3px 0 0}.ac_term_result{padding:3px 5px 3px 10px;color:#383838;font-weight:400;font-size:1em;cursor:pointer}.ac_term_result em{color:#383838;font-weight:600;font-style:normal}.ac_product_result{padding:6px;border-bottom:solid 1px #f5f5f5}.ac_product_result a{text-decoration:none}.ac_result.highlight,.ac_result:hover{background-color:#f8f8f8}.ac_product_result .info{float:left;width:80%;margin-left:3%;font-size:11px}.ac_product_result .info .name{color:#383838;font-weight:400;font-size:1.2em;line-height:1em}.ac_product_result .info .name em{font-style:normal;color:#383838;font-weight:700}.ac_product_result .info .sku{color:#767676;letter-spacing:1px;font-size:1em;font-style:normal;float:right;display:block;margin-top:11px}.ac_product_result .info .sku em{font-weight:700;color:#383838}.ac_product_result .info .price{color:#767676;font-size:1.2em;float:left;display:block;font-style:italic;margin-top:10px}.ac_product_result .image{height:80px;width:16%;display:block;overflow:hidden;float:left}.ac_product_result .image img{max-height:80px;max-width:100%;margin:0 auto;border:0}.ac_product_result .clear{clear:both}.ac_powered{text-align:center;padding:1px 0 3px;height:20px;border-radius:0 0 3px 3px;background-color:#383838} /* End Insert Minified SearchSpring CSS*/ /*Insert JQuery UI stylesheet to minimize requests*/ /*! jQuery UI - v1.9.2 - 2012-11-23 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css * Copyright 2012 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .shut-up { line-height: 14px; padding: 10px 0; display: inline-block; } .shut-up input { margin-right: 5px; } .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height:2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */ .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position:-65px -16px; } .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } /* Fades and background-images don't work well together in IE6, drop the image */ * html .ui-tooltip { background-image: none; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/url(/images/bg-lightgraystripe-fade.gif) repeat-x/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*//*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121/*{fcHover}*/; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */ /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } /* End insert jQuery ui */ /* All Volleyball Styles */ /* Matt Cowan - added styles at the bottom (search for MATTCOWAN to see where they begin) */ /* Danny - added so we could hide mobile stuff from screen stuff */ .mobile { display:none; } /* --------------------------------------- */ body { background: #fff url(/images/bg-site.png) center repeat-y; background-attachment: fixed; color: #999; font-size: 14px;} @media screen and (min-width: 1120px) { body { background: #fff url(/images/av-whiter.jpg) top center no-repeat; background-attachment: fixed; } /* body { background: #fff url(/images/winter/ice-blue-background.jpg) center repeat-y; background-attachment: fixed;} */ } body, select, input, textarea { color: #333; } a { color: #333; } a:hover { color: #000; } /* LAYOUT STYLES */ #container { width: 960px; margin: 0 auto; background: #ffffff; } #main { width: 940px; margin: 0px auto; padding-bottom:30px; } #container > footer { background: #383838; padding-bottom: 20px; } #container > footer > section { max-width: 1170px; overflow: hidden; margin: 0 auto; } #bottom_nav { background: #af1722 url(/images/bg-redstripe.gif) repeat-x; height: 48px; } #bottom_nav .newsletter { float:left; padding: 10px 0px 0px 10px; } #bottom_nav .social_icons { float:right; padding: 10px 0px 0px 10px; } #bottom_nav .payment_icons { float:right; padding: 10px 10px 0 12px; } .join_text { float:left; color:#FFF; font-size:1.2em; margin:7px 15px 0px 0px; } .join_form { float:left; } footer .footer-col { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 11%; padding: 30px 0px; margin-left:20px; } h5 { color:#FFF; text-transform:uppercase; font-size:13px; margin-bottom:15px; } footer .footer-col a { color:#c7c7c7; text-decoration:none; line-height: 1.35em; } footer .footer-col a:hover { color:#fff; text-decoration:underline; } .footer_location { float: left; margin:0px 0 0 20px; } .footer_location p { font-size:10px; color:#c7c7c7; } .footer_location p a{ color:#c7c7c7; text-decoration:none; } .footer_location p a:hover{ text-decoration:underline;} .footer_logos { float: right; margin: 0px 40px 0px 0px; width: 480px; text-align: right; } .copyright { color:#c7c7c7; font-size:.8em; text-decoration:none } .copyright a:hover { color:#c7c7c7; font-size:.8em; text-decoration:underline; } .footer_logos img { float: left; display: block; margin: 0px; } .footer_logos img.logo1 { margin: 5px 0px 0px 0px; } .footer_logos img.logo2, .footer_logos span#siteseal { margin: 0 15px; } .footer_logos span#siteseal { display: block; float: left; } #container > header > section > figure { float: left; clear: left; padding: 17px 0px 15px 5px; } #container > header > section > figure > figcaption { font-size: 13px; font-weight: bold; font-style: italic; color: #666666; margin: 0px; } #container > header > section > .phone { float: right; clear: right; width: 550px; text-align: right; color: #404040; font-size: 18px; } #container > header > section > .phone img { vertical-align:bottom; margin:0 10px 0 20px;} #container > header > section > #search { float: right; clear: right; width: 310px; text-align: left; margin: 10px 0px 0px 0px; overflow: hidden; border: 1px solid #ababab; padding: 0.19em 0.1em 0.19em 0; /* border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em;*/ } #container > header > section > #search input[type=text] { width: 250px; border:0px; background:none!important; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF'); color:#999; } #container > header > section > #cartitems { float: right; clear: right; width: 500px; text-align: right; color: #2c2c2c; margin-bottom: 10px; } #cartitems img { display: inline; vertical-align: middle; margin-right:10px;} aside#left_column { width: 160px; float: left; background: #fff; padding: 10px 0px 10px 10px; } #content { width: 750px; margin-left: 10px; float: right; clear: right; padding-bottom: 30px; position: relative; } #content ul { margin-left: 25px; } #content_full, #content_index { width: 100%; } #minicart .mini-price { float: right; } #minicart .mini-total { clear: both; float: right; font-weight: bold; } #minicart .mini-options { clear: both; text-align: center; } #minicart .mini-options a { margin: 0 10px; } #welcome { padding: 0px 0px 30px 0px; clear: both; } #breadcrumb { padding: 0 0 15px; font-size: 12px; color: #333; } #breadcrumb a:link, #breadcrumb a:visited { font-size: 12px; color: #b71a27; text-decoration: none; } #breadcrumb a:hover, #breadcrumb a:active { font-size: 12px; color: #e00214; text-decoration: underline; } #category_options { padding: 0px; margin-top: 0px; line-height: 43px; padding-bottom:6px; } #category_options #sort { text-transform: none; font-size:.85em; } #category_options #toggle { text-transform: uppercase; font-size: .85em; vertical-align: top; height: 20px; display: block; } #category_options #toggle span { display: block; float: left; margin: 0px 10px 0px 0px; } #category_options #per-page { display: none; } #category_options #toggle #grid { background: url('/images/icn-grid-off.gif') no-repeat; width: 17px; height: 17px; display: block; margin: 0px 10px 0px 0px; float: left; } #category_options #toggle a#list { background: url('/images/icn-list-on.gif') no-repeat; width: 17px; height: 17px; display: block; float: left; } #category_options #toggle.grid #list { background: url('/images/icn-list-off.gif') no-repeat; width: 17px; height: 17px; display: block; float: left;} #category_options #toggle.grid a#grid { background: url('/images/icn-grid-on.gif') no-repeat; width: 17px; height: 17px; display: block; margin: 0px 10px 0px 0px; float: left; } #category_filter { background: #fff; padding: 0px; margin-top: 0px; } #category_options ul { float: left; list-style-type: none; width: 705px; } #category_options li { float: left; margin: 0px 20px 0px 0px; padding: 0px; line-height: 22px; } #category_options li#prev-next { float: right; margin: 0px; text-align: right; text-transform:uppercase; font-size:.85em; } #category_options li#prev-next a { color:#B71A27; text-transform: uppercase; text-decoration:none; } #category_options li#prev-next a:hover { color:#000; text-decoration:underline; } #prev-next2 { clear: both; text-align: right; border-top: 1px solid #c3c3c3; margin: 10px 0px 0px 0px; padding: 10px 0px; text-transform:uppercase; font-size:.85em; } #prev-next2 a { color:#B71A27; text-transform: uppercase; text-decoration:none; } #prev-next2 a:hover { color:#000; text-decoration:underline; } .product_left { display: inline-block; text-align: center; width: 300px; } .product_right { display: inline-block; vertical-align: top; width: 350px; } #product_image { display: block; margin: 10px auto; border: #c3c3c3 1px solid; } #subcats #product_image { display: block; margin: 1px; border: #c3c3c3 0px solid; width:110px; } .emailafriend { display: inline-block; width: 150px; display:none; } .enlarge img, .emailafriend img, .bookmark img { display: inline; vertical-align: middle; margin-right: 5px; } .alternate_images { margin: 10px 0px 0px 0px; } .alternate_images img { width: 60px; height: 60px; border: 1px solid #c3c3c3; float: left; margin-right: 11px; } .bookmark { display:none; } .prod-rating { color: #af1f2d; } .review_links { float:left; padding: 0px; } .review_links a { font-size:12px; color:#444; } .review_links a:hover { text-decoration:underline; font-size:12px; color:#000; } .new { color: #CC0000; font-weight: bold; } #fade { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0.7; filter:alpha(opacity=70); display: none; } #image_overlay { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: none; } #image_overlay img { position: relative; z-index: 1001; margin: 20px auto; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #category .qty, #product .product .qty, .child-wrapper li.child-qty .qty, #viewcart .qty, #express_order .qty { width: 40px; } #category #content header { border:1px solid #c3c3c3; background:url(/images/bg-category-name.gif) repeat-x; height: 145px; margin-bottom:10px; } #category #category_quicklinks {border: 0px; background:url(/images/bg-category-quicklinks.gif) repeat-x; height: 145px; width:250px; float:left; height: 145px; overflow-x: scroll; } #category_quicklinks h3 { font-size:18px; color:#666; padding:10px 5px 0px 15px; font-weight: normal; } .quicklinks { padding:15px 5px 0px 15px; line-height: 1.75em; } .quicklinks a { text-decoration: none; padding-bottom:3px; } .quicklinks a:hover { text-decoration: underline; } #product .product { overflow: hidden; } #product .product .sku { color: #777; font-size:.9em } #product .product .status { margin: 10px 0; font-weight: bold; color:#B71A27; border-bottom:1px solid #c3c3c3; padding-bottom:10px; } #product .product .price { margin: 0 0 10px; font-weight: bold; color:#B71A27; } #product .product .price2 { margin: 0; font-weight: normal; color:#777; padding: 0px; } #product .price input.dynamic_qty { color:#B71A27; font-size:1.2em } #product .info .content { border-bottom:0px solid #c3c3c3; } #product .product .cat-link { padding: 10px 0; color: #343434; font-size: 14px; } #product .product .cat-link a { padding: 10px 0; color: #c0202f; text-decoration: none; } #product .product .cat-link a:hover { text-decoration: underline; } #product .product .prev_next { background-color: #e3e3e3; color: #343434; font-size: 14px; padding: 10px; overflow: hidden; } #product .product .prev_next .left { float: left; } #product .product .prev_next .right { float: right; } #product .product .prev_next .left a, #product .product .prev_next .right a { text-decoration: none; } .red, .sale-price { color: #B71A27; } .red-text { color: #B71A27; } #product #content_full { width:920px; margin: 0 auto; position: relative; } #product .product .image { float: left; padding: 0px; margin: 5px 0px 0px 0px; overflow: hidden; text-align:center; } .bordered_image { width: 423px; border:1px solid #c3c3c3; padding-bottom:5px; } #product .product .info { margin: 0px 0px 0px 24px; } #product .product .form { margin: 10px 0px 0px 0px; } #product .product .status, #product .product .emailafriend, #product .product .bookmark, #product .product .rev-stars, #product .product .qty-line, #product .product .attributes select { margin-top: 10px; } #product .product .btn-add { margin: 13px 0px 0px 0px; padding-bottom:13px; height:30px; } #product .product .btn-add div { float:left; } #product .product .btn-add div.or { font-size:.85em; padding: 8px 8px 0px 8px; } /* #product .product .social_bar { border-bottom: 1px solid #c3c3c3; height: 22px; margin: 10px 0 0; padding:10px 0 13px; clear:both; border-top: 1px solid #c3c3c3; } #product .product .social_bar.no-bottom {border-bottom: none;padding-bottom: 0;} */ #product .product .discounts { border-bottom: 1px solid #c3c3c3; margin: 10px 0; overflow: hidden; } .social_links { float:left; height: 27px; line-height: 27px; margin-right:20px; } .btn-wishlist { float:left; padding-right:5px; } .btn-reorder { float:left; } #product .product .attributes select { display: block; } #product .attributes { border-bottom: 1px solid #c3c3c3; margin-bottom:10px; padding-bottom:10px; overflow: hidden; } #product .attributes div label { float: left; width: 79px; text-align: right; padding-top: 4px; } #product .attributes div#swatches { width: 100%; border-top: 0px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; margin-bottom: 10px; padding-bottom: 10px; height: auto; } #product .attributes .multi-atts div { float: left; width: 146px; padding: 5px; font-size: 12px; font-size: 11px;} /* MAY NOT NEED */ /* #product .attributes div { float: left; width: 146px; padding: 5px; font-size: 12px; height: 30px; font-size: 11px;} #product .attributes div#swatches #swatch-blocks { float: left; height: auto; width: 410px; clear: both; } */ #product .attributes div#swatches .swatch-square { border: 2px solid #c3c3c3; padding: 1px; margin: 1px; } #product .attributes div#swatches .swatch_select { border: 2px solid #c00; padding: 1px; } #product .attributes div#att_display_name { font-size: 14px; height: auto; font-weight: bold; padding: 0px; } #product .attributes div input[type="text"], #product .attributes div input[type="tel"] { margin: 0px 15px 0px 15px; float: right; width: 20px; } #product .display_discounts { line-height:1.4em; padding-bottom:10px; float:left; font-weight:bold; width:225px; margin-right:24px;} #product .short_description { float:right width:225px; padding-bottom:10px; color:#B71A27; font-weight: bold; line-height: 1.4em;} .child-wrapper ul { list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px; border: 1px solid #c3c3c3; border-width: 1px 0px; } .child-wrapper li { list-style-type: none; width: 100px; margin: 0px 1px 0px 0px; min-height: 30px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1;} .child-wrapper li.header-desc, .child-wrapper li.child-desc { width: 155px; } .child-wrapper li.header-price, .child-wrapper li.child-price { width: 70px; } .child-wrapper li.header-sku, .child-wrapper li.child-sku { width: 70px; } html .child-wrapper li.header-weight, html .child-wrapper li.child-weight { display: none !important; } .child-wrapper li.header-qty, .child-wrapper li.child-qty { width: 75px; } /*** START FEATURED PRODUCT TABS ON HOME PAGE ***/ #product_tabs { margin: 20px 0px 5px 0px; float: left; display: block; clear: both; width: 100%; overflow: auto; } #product_tabs ul {} #product_tabs ul li { float: left; display: block; position: relative; top: 1px; cursor: pointer; /*background: #fff;*/ border: 0px solid #c3c3c3; color: #c52132; } #product_tabs ul li.tab { font-size: 14px; padding: 11px 12px; background: url('/images/tab_bg.png') #B71A27; margin: 0 10px 0 0; color: #fff; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #product_tabs .active { background: #e1e1e1; border-bottom: 0px solid #FFFFFF; color: #3a3a3c !important; /*override .tab*/ border-radius: .3em .3em 0 0; text-transform: uppercase; background: #e1e1e1 url(/images/bg-lightgraystripe-nofade.gif) !important; /*added to override .tab*/ } #product_tabs .tab { text-transform: uppercase; font-weight:normal; } #tab_contents { clear: both; border: 0px solid #BBBBBB; background: #FFF; padding: 10px; background: url(/images/bg-lightgraystripe-fade.gif) repeat-x; } #tab_contents .tab_box { border: 1px solid #c3c3c3; padding: 10px; background: #FFF; overflow: hidden; } #tab_contents .content_box { border: #DDD 1px solid; padding: 5px; } /* #index #product_tabs #tab_contents .tab_box { background: transparent !important; border: 0 none !important; } #featured_products #tab_contents ul li, #new_products #tab_contents ul li, #best_sellers #tab_contents ul li { background: transparent; width: 162px !important; margin: 0px 10px 0px 0px; padding: 0px; } #featured_products #tab_contents ul li.right, #new_products #tab_contents ul li.right, #best_sellers #tab_contents ul li.right { margin: 0px; } #featured_products li .thumb-product, #new_products li .thumb-product, #best_sellers li .thumb-product { width: 162px; padding: 0px; } #featured_products li .thumb-product .image, #new_products li .thumb-product .image, #best_sellers li .thumb-product .image { width: 160px; height: 160px; border: 1px solid #c3c3c3; } #featured_products li .thumb-product .image img, #new_products li .thumb-product .image img, #best_sellers li .thumb-product .image img { width: 160px; height: 160px; } #featured_products li .thumb-product .info, #new_products li .thumb-product .info, #best_sellers li .thumb-product .info { margin: 10px 0px 0px 0px; } #featured_products li .thumb-product .name a, #new_products li .thumb-product .name a, #best_sellers li .thumb-product .name a { text-decoration: none; } #featured_products li .thumb-product .name a:hover, #new_products li .thumb-product .name a:hover, #best_sellers li .thumb-product .name a:hover { text-decoration: underline; } #featured_products li .thumb-product .price, #new_products li .thumb-product .price, #best_sellers li .thumb-product .price { color: #bc1d2b; font-size: 14px; font-weight: normal; } #index #product_tabs { margin:0px; } #index #product_tabs ul li#section1_tab.active { } #index #product_tabs ul li { font-size: 14px; background: url('/images/tab_bg.png') no-repeat #B71A27; margin: 0 10px 0 0; color: #fff; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; border-radius:0px \0/; } #index #product_tabs ul li#section1_tab { background: url('/images/tab_one_bg.png') no-repeat; } #index #product_tabs .active { background: #3a3a3c; font-weight: normal; border-bottom: 0px solid white; color: #333; border-radius: .3em .3em 0 0; text-transform: uppercase; background: url(/images/bg-lightgraystripe-nofade.gif); } #index #product_tabs ul li#section1_tab.active { background: url(/images/bg-lightgraystripe-nofade.gif); } #index #tab_contents ul li { width:162px; padding:0; margin: 0px 22px 0px 0px; background: #B71A27; color: #fff; background: transparent; height: auto; } #index #tab_contents ul li.right { margin: 0px; } */ /*** END FEATURED PRODUCT TABS ON HOME PAGE ***/ #related_products { float: left; display: block; } #related_products header { display: none; } #related_products ul li { padding: 0; width: 168px; font-size: 16px; } #related_products .thumb-product .price { color: #bc1d2b; font-size: 14px; font-weight: normal; } #related_products a { text-decoration: none; } #related_products a:hover { text-decoration: underline; } #related_products .image { border: 1px solid #c3c3c3; width: 162px; margin-bottom: 10px; } #recently_viewed li { float: left; clear: both; margin-bottom: 10px; width: 100%; } #recently_viewed .image { float: left; margin-right: 10px; } #recently_viewed .info { width: auto; text-align: left; margin: 0px; } .display, .cat-thumbs { list-style-type: none; margin: 0; padding: 0; } .display li { border: 0px solid #c3c3c3; text-align: left; float: left; clear: both; margin-top: 10px; width: 723px; } .display li section { padding: 10px; float: left; } .display li .image { float: left; height: 160px;width:160px;overflow: hidden; } .display li .info { float: left; width: 530px; margin-left: 10px; } .display li .content { position:relative;overflow: hidden; } .display li .sku, .display li .status, .display li p, .display li .price, .display li input.qty { margin: 0px 0px 10px 0px; } .display li .price { color:#B71A27; font-size:14px; } .display li .price .price2 { color: #777; } .display li div.child { display: none; } .display li .order {float: left; width: 150px; margin-left: 0px; clear: both; } #content ul.grid { margin: 0; } .grid li { list-style-type: none; width: 175px; margin: 10px 12px 0px 0px; min-height: 200px; border: 0px solid #c3c3c3; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; height: auto/*320px;*/ } //.grid li { width: 242px; } .grid li .product { padding: 10px 0 0 0; } .grid li.left, .grid li.center, .grid li.center2, .grid li.right { float: none; } .grid li section { padding: 0px; float: none; } .grid li .image, .grid li .info, .grid li .content, .grid li .order { float: none; width: auto; margin: 0px; } .grid li .image {padding: 5px; } .grid li.right { margin-right: 0px; } .grid li .qty-label, .grid li div.child, .grid li div.status, .grid li input.qty { display: none; } .grid li .sku, .grid li p, .grid li .price { margin: 0px 0px 10px 0px; } .grid li .price { color:#B71A27; font-size:14px; } .grid li .price2 { color: #777; font-size:14px; } .grid li .comparable { padding-bottom: 10px; } .grid li .image img.prod_thumb { z-index: 9000; } .flag-holder div { position:absolute; } .flag-holder div:first-child { top: -20px; left:-10px } .flag-holder div:nth-child(2) { top: -40px; left: -10px; } .flag-holder div:nth-child(3) { top: -60px; left: -10px; } .flag-holder { position: relative; } #content .cat-thumbs { margin: 0; } .cat-thumbs li { border: 1px solid #c3c3c3; display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 225px; margin: 0px 10px 20px 10px; } .thumb-product { padding: 10px; } #recently_viewed .thumb-product { padding: 0px; } #shop_our_favorites .grid li .thumb-product .image { border: 1px solid #c3c3c3; width: 158px; } #shop_our_favorites .grid li .thumb-product .image img.prod_thumb { width: 158px; } .display li .content #swatches img, #catFilter .color_value a img.swatch-square { border: 1px solid #c3c3c3; margin: 2px 1px; float: left; } .display li .content #swatches .more { float: right; margin-top: 6px; } .express ul { list-style-type: none; margin: 0px; padding: 0px; width: 100%; } #express_order .express li.col-1 { width: 400px; float: left; vertical-align: top; margin: 0px; } .express li.col-2 { text-align: center; float: left; margin-top: -10px; width: 320px; vertical-align: top; } #express_order .express fieldset.order-item { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 86px; overflow: visible; } #express_order .express fieldset.order-qty { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 58px; overflow: visible; } #express_order .express input[type=text], #express_order .express input[type=number] { margin: 0.25em 0; } #express_order .express .buttonrow { text-align: center; margin: 10px 0px 0px 0px; } #promo-box { text-align: center; padding: 5px 10px; margin: 0px 0px 10px 0px; } #promo-box div.promo_applied { margin: 10px; padding: 5px 10px; font-weight: bold; background: #035b81; color: white; border: 1px solid cyan; box-shadow: 0px 0px 1px blue; line-height: 1.5em;} #viewcart .cart-wrapper ul { list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px; border-bottom: 1px solid #c3c3c3; border-width: 1px 0px; clear: both; } #viewcart .cart-wrapper ul.header-row { font-size:13px; font-weight:bold; background: #efeff4; } #cart_ship_estimator_header { background: #efeff4; font-size:13px; } #viewcart .cart-wrapper li { list-style-type: none; width: 100px; margin: 0; line-height: 1.25em; padding: 10px 0; min-height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; } #viewcart .cart-wrapper li.header-remove, #viewcart .cart-wrapper li.cart-remove { width: 5%; text-align: center; } #viewcart .cart-wrapper li.header-desc, #viewcart .cart-wrapper li.cart-desc { width: 63%; } #viewcart .cart-wrapper .cart-image { width: 50px; height: 50px; float: left; padding-right: 10px;} #viewcart .cart-wrapper li.header-unit, #viewcart .cart-wrapper li.cart-unit { width: 10%; } #viewcart .cart-wrapper li.header-qty, #viewcart .cart-wrapper li.cart-qty { width: 10%; text-align: center; } #viewcart .cart-wrapper li.header-total, #viewcart .cart-wrapper li.cart-total { width: 10%; text-align: right; } #cart_override .cart-wrapper ul { list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px; border: 1px solid #c3c3c3; border-width: 1px 0px; clear: both; } #cart_override .cart-wrapper ul.header-row { font-size:13px; font-weight:bold; background: #efeff4; } #cart_override .cart-wrapper li { list-style-type: none; width: 100px; margin: 0; line-height: 1.25em; padding: 10px 0; min-height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; } #cart_override .cart-wrapper li.header-desc, #cart_override .cart-wrapper li.cart-desc { width: 63%; } #cart_override .cart-wrapper li.header-unit, #cart_override .cart-wrapper li.cart-unit { width: 10%; } #cart_override .cart-wrapper li.header-qty, #cart_override .cart-wrapper li.cart-qty { width: 10%; text-align: center; } #cart_override .cart-wrapper li.header-total, #cart_override .cart-wrapper li.cart-total { width: 10%; text-align: right; } .update-total { height: 50px; overflow: visible; display: block; margin: 10px 0px; } .update-total div div { float: left; width: 220px; } .update-total div.btn-addtowishlist {} .update-total div.update_msg { width: 350px; overflow: visible; font-size:11px; margin-left: 55px;} .update-total .total { float: right; clear:right; text-align: right; overflow: visible; font-size: 16px; font-weight: bold; padding-top: 5px; height: 20px !important;} .buttons { height: 70px; overflow: visible; display: block; margin: 10px 0px; padding: 10px 0px 0px 0px; border-top: 1px solid #c3c3c3; clear: both; } .buttons .def-width div { float: left; width: 200px; vertical-align: top; overflow: visible; } .buttons div.btn-checkout { float: right; text-align: right; overflow: visible; } .buttons div.btn-checkout div { margin-bottom: 10px; } .confirmation .buttons { border: none; margin: 0px; padding: 0px; } .confirmation div { width: auto; } .ship_estimator_header { min-height: 15px; margin-bottom: 10px; padding: 10px 5px; overflow: hidden; clear: both; background: #e1e1e1; } .ship_estimator { padding: 15px 3%; min-height: 15px; overflow: visible; float: none; } .form-container2 #ziprow input { width: 220px } .form-container2 select { width: 240px } .ship_estimator_header .col-1, .ship_estimator .col-1 { float: left; min-height: 15px; width: 50%; overflow: visible; padding: 0 !important;} .ship_estimator_header .col-2, .ship_estimator .col-2 { float: left; min-height: 15px; width: 50%; overflow: visible; text-align: right; padding: 0 !important;} .recipients ul { float: left; width: 100%; min-height: 20px; overflow: visible; list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px; border: 1px solid #c3c3c3; border-width: 1px 0px; clear: both; } .recipients ul.header-row { background: #e1e1e1; } .recipients li { list-style-type: none; width: 33%; margin: 0px 1px 0px 0px; padding: 10px 0px; min-height: 20px; float: left; overflow: visible; vertical-align: middle;text-align: center; } .recipients .table-image { width: 50px; height: 50px; vertical-align: middle; } .recipients .buttonrow { clear: both; padding-top: 10px; text-align: center; } section.address, section.order { overflow: hidden; width: 100%; display: block; border: 1px solid #c3c3c3; border-width: 1px 0px; clear: both; margin: 0px 0px 10px 0px; } section.address h3, section.address div, section.order h3, section.order div { width: 25%; float: left; padding: 10px 0px; vertical-align: middle; } .addressconfirm_layout { padding:0px 100px 150px 100px;} #checkout_addressconfirm fieldset { margin: 15px 0; padding: 10px; border: #c3c3c3 1px solid; } #checkout_addressconfirm fieldset .sectionHeader { font-size: 16px; font-weight: bold; padding: 0 0 15px 0; } #checkout_addressconfirm fieldset .redtxt { color: #B71A27; } div.checkout-display-totals { text-align: center; margin: 0px auto; } div.order-totals { clear: both; width: 75%; margin: 0px auto 10px auto; min-height: 50px; overflow: hidden; border: 1px solid #c3c3c3; border-width: 1px 1px 0px 1px; text-align: center; } #checkout_display .order-totals h3 { clear: both; margin 0px auto; padding: 10px 0px; border-bottom: 1px solid #c3c3c3; background: #e1e1e1; } .order-totals ul { float: left; width: 100%; min-height: 20px; overflow: visible; list-style-type: none; margin: 5px 0px 0px 0px; padding: 0px; border: 1px solid #c3c3c3; border-width: 0px 0px 1px 0px; clear: both; } .order-totals li { list-style-type: none; width: 46%; margin: 0px 1px 0px 0px; padding: 5px 10px; min-height: 20px; float: left; overflow: visible; vertical-align: middle; text-align: left; } .order-totals li.amount { text-align: right; } #checkout_display .buttonrow { clear: both; text-align: center; } .confirmation section { margin-bottom: 10px; padding: 10px; } .confirmation .heading { padding: 10px; background: #efeff4; overflow: hidden; clear: both; font-weight: bold; } .confirmation .heading input { /*float: right;*/margin: 0px 0px 0px 20px; } .confirmation .heading span.order_totals { float: right; font-weight: bold; } .confirmation .heading h3 { float: left; width: auto; line-height: 29px; } #checkout_confirmation .totals .grand-total, #checkout_thanks .totals .grand-total { font-size: 18px; font-weight: bold; } #checkout_confirmation .totals .buttons, #checkout_thanks .totals .buttons { margin: 10px 0px 0px 0px; } .confirmation section.billing_and_payment { float: left; width: 450px; } .confirmation section.payment_methode { float: left; } .confirmation section.totals { float: right; } .confirmation section.shipping { float: left; width: 450px; } .confirmation section.shipping_meth { float: left; } .confirmation section.shipping_meth div { float: left; margin: 0px 10px 0px 0px;} #checkout_confirmation .cart-wrapper, #checkout_thanks .cart-wrapper { border-top: 1px solid #c3c3c3; margin-bottom: 10px; clear: both; } #checkout_confirmation .cart-wrapper ul, #checkout_thanks .cart-wrapper ul { list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #c3c3c3; } #checkout_confirmation .cart-wrapper ul.header-row, #checkout_thanks .cart-wrapper ul.header-row { background: #efeff4; } #checkout_confirmation .cart-wrapper ul.header-row li, #checkout_thanks .cart-wrapper ul.header-row li { font-weight: bold; } #checkout_confirmation .cart-wrapper li, #checkout_thanks .cart-wrapper li { list-style-type: none; width: 100px; margin: 0px 1px 0px 0px; padding: 10px 5px; min-height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; } #checkout_confirmation .cart-wrapper li.header-desc, #checkout_confirmation .cart-wrapper li.cart-desc, #checkout_thanks .cart-wrapper li.header-desc, #checkout_thanks .cart-wrapper li.cart-desc { width: 500px; } #checkout_confirmation .cart-wrapper .cart-image, #checkout_thanks .cart-wrapper .cart-image { width: 75px; height: 75px; float: left; margin: 0px 5px 5px 0px; } #checkout_confirmation .cart-wrapper li.header-unit, #checkout_confirmation .cart-wrapper li.cart-unit, #checkout_thanks .cart-wrapper li.header-unit, #checkout_thanks .cart-wrapper li.cart-unit { width: 0px; } #checkout_confirmation .cart-wrapper li.header-qty, #checkout_confirmation .cart-wrapper li.cart-qty, #checkout_thanks .cart-wrapper li.header-qty, #checkout_thanks .cart-wrapper li.cart-qty { width: 55px; text-align: center; } #checkout_confirmation .cart-wrapper li.header-total, #checkout_confirmation .cart-wrapper li.cart-total, #checkout_thanks .cart-wrapper li.header-total, #checkout_thanks .cart-wrapper li.cart-total { width: 125px; text-align: right; float: right; } #checkout_confirmation .cart-wrapper .cart-totals, #checkout_thanks .cart-wrapper .cart-totals { padding: 10px; text-align: right; } #checkout_confirmation .totals, #checkout_thanks .totals { text-align: right; } #checkout_confirmation .totals label, #checkout_thanks .totals label { font-weight: bold; } .member-links ul { margin: 0px 0px 15px 0px; padding-left: 0; white-space: nowrap; width: 100%; overflow: hidden; } .member-links li { /*float: left; */list-style-type: none; line-height: 16px; margin-bottom: 0px; } .member-links a { padding: 3px 0px; margin: 0px 1px 0px 0px; } .member-links a:link, .member-links a:visited { color: #333; /*background-color: #e1e1e1; */text-decoration: none; } .member-links a:hover { color: #000; /*background-color: #eeeeee; */text-decoration: none; } #member_orderdetail fieldset { margin: 15px 0; padding: 10px; border: #c3c3c3 1px solid; } #member_orderdetail fieldset legend { font-weight: bold; color: #666; } #member_orderdetail fieldset ul { list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px; border: 1px solid #c3c3c3; border-width: 1px 0px; clear: both; } #member_orderdetail .header { background: url(/images/bg-lightgraystripe-nofade.gif) repeat scroll 0 0 transparent; font-size: 13px; font-weight: bold; list-style-type: none; margin: 5px 0px; padding: 10px 5px; border: 1px solid #c3c3c3; border-width: 1px 0px; clear: both;} #member_orderdetail fieldset ul.header-row { background: url(/images/bg-lightgraystripe-nofade.gif) repeat scroll 0 0 transparent; font-size: 13px; font-weight: bold; } #member_orderdetail fieldset li { list-style-type: none; width: 100px; margin: 0px 1px 0px 0px; padding: 10px 5px 5px 5px; min-height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; } #member_orderdetail fieldset li.remove, #member_orderdetail li.remove { width: 150px; } #member_orderdetail fieldset li.description, #member_orderdetail li.description { width: 535px; } #member_orderdetail fieldset li.price, #member_orderdetail li.price { width: 95px; text-align: right; } #member_orderdetail fieldset li.buy, #member_orderdetail li.buy { width: 55px; text-align: center; } #member_orderdetail .totals { text-align: right; padding: 10px 5px; } #easy_reorder fieldset ul { list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px; border: 1px solid #c3c3c3; border-width: 1px 0px; clear: both; } #easy_reorder fieldset ul.header-row { background: url(/images/bg-lightgraystripe-nofade.gif) repeat scroll 0 0 transparent; font-size: 13px; font-weight: bold; } #easy_reorder fieldset li { list-style-type: none; width: 100px; margin: 0px 1px 0px 0px; padding: 10px 5px 5px 5px; min-height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1;} #easy_reorder fieldset li.header-remove, #easy_reorder li.reorder-remove { width: 50px; text-align: center; } #easy_reorder fieldset li.header-description, #easy_reorder li.reorder-description { width: 470px; } #easy_reorder fieldset li.header-price, #easy_reorder li.reorder-price { width: 95px; } #easy_reorder fieldset li.header-buy, #easy_reorder li.reorder-buy { width: 55px; text-align: center; } #easy_reorder .buttonrow { float: right; } /* HEADING STYLES */ h1 { font-size: 27px; font-weight: normal; color: #444; margin: 14px 0px 20px 0px; } /* #cat h1 { font-size: 27px; font-weight: normal; color: #444; margin: 15px 0px 0px 15px; width:200px; float:left; } */ #product h1 { font-size: 27px; font-weight: normal; color: #444; margin: 0px 0px 5px 0px; line-height: 1.375em; } h2 { font-size: 18px; font-weight: normal; color: #afafaf; margin: 0px 0px 20px 0px; } #category_menu h2, #category_filters h2, #shop_by_price h2, #minicart h2, #newsletter h2, #recently_viewed h2 { margin: 0px 0px 10px 0px; padding: 3px 0px; border-bottom:1px solid #c3c3c3; } #index #content h2, #related_products h2 { font-size: 14px; text-transform: uppercase; margin: 15px 0px 0px 0px; } #category .display h2, #category .grid h2 { font-size: 14px; font-weight: normal; margin: 5px 0px 5px 0px; } #category .display h2 a, #category .grid h2 a { color:#333; text-decoration:none; } #category .display h2 a:hover, #category .grid h2 a:hover { color:#000; } /* h4 { font-size: 14px; font-weight: bold; color: #fff; margin: 0px 0px 15px 0px; text-transform:uppercase; padding:14px; } */ /* LEFT NAV */ #category_menu, #category_filters, #minicart, #newsletter { margin-bottom: 0px; } #shop_by_price { display: none; } #category_menu ul, #recently_viewed ul { list-style-type: none; } #category_menu ul li ul li { padding-left: 10px; } #category_menu ul li { padding-bottom: 7px; } #category_menu ul li ul li { padding-bottom: 2px; } #category_menu a { color:#333; text-decoration:none; font-size: 14px; } #category_menu a:hover { color:#000; text-decoration:underline; } #recently_viewed ul img { width: 75px; height: 75px; } /* FORM STYLES */ input[type=text], textarea, select, input[type=password], input[type=email], input[type=number], input[type=tel], input[type=url] { padding: 5px 10px; border: solid 1px #c3c3c3; outline: 0; font-size: 13px; background: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#FFFFFF)); background: -moz-linear-gradient(top, #f9f9f9, #FFFFFF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#FFFFFF'); /* rounded corners */ /* firefox -moz-border-radius: 4px; */ /* chrome/safari -webkit-border-radius: 4px;*/ /* konquerer -khtml-border-radius: 4px;*/ /* CSS3 border-radius: 4px; border-radius:0px \0/; */ } select { padding: 1px 1px 1px 10px; } input[type=text]:hover, textarea:hover, select:hover, input[type=password]:hover, input[type=email]:hover, input[type=number]:hover, input[type=tel]:hover, input[type=url]:hover, input[type=text]:focus, textarea:focus, select:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=url]:focus, html input.focusField { background: #ffffff; border-color: #6699FF; box-shadow: 0px 1px 5px #6699FF; -webkit-box-shadow: 0px 1px 5px #6699FF; -moz-box-shadow: 0px 1px 5px #6699FF; } html input.dynamic_qty, html input.dynamic_qty:hover, html input.dynamic_qty:focus, input[readonly] { background: transparent; width: auto; padding: 0px; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; font-weight: 600; vertical-align: baseline; filter: none; } input[readonly]::-webkit-outer-spin-button, input[readonly]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /*div.form-container { margin: 10px; padding: 5px; background-color: #FFF; border: #c3c3c3 1px solid; }*/ p.legend { margin-bottom: 1em; } p.legend em { color: #C00; font-style: normal; } div.errors { margin: 10px 0 10px 0; padding: 5px 10px; border: #C00 1px solid; background-color: #FFF2F2; } div.errors p { margin: 0; padding: 0 !important; } div.errors p em { color: #C00; font-style: normal; font-weight: bold; } div.messages { margin: 0 0 10px 0; padding: 5px 10px; border: #FFD819 1px solid; background-color: #FFF5C6; } div.messages p { margin: 0; } div.messages p em { color: #666; font-style: normal; font-weight: bold; } div.messages label { margin-right: 10px; width: 40px; display: block; float: left; text-align: left; position: relative; } div.messages ul { list-style-type: none; margin: 0px; padding: 0px; } div.messages li { padding: 0px; margin: 0px; } div.form-container form p { margin: 0; } div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; } div.form-container form fieldset { margin: 15px 0; padding: 10px; border: #c3c3c3 1px solid; } div.form-container form legend { font-weight: bold; color: #666; } div.form-container form /*fieldset */div { padding: 0.25em 0; } div.form-container label, div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; } div.form-container label.error, div.form-container span.error, div.form-container div.error { color: #C00; } div.form-container label em, div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; } div.form-container input.error, div.form-container div.error select, div.form-container div.error input { border-color: #C00; background: #FFF2F2; } div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus { background-color: #FFF; border-color: #6699FF; } div.form-container div.controlset label, div.form-container div.controlset input { display: inline; float: none; } div.form-container div.controlset div { margin-left: 170px; } div.form-container form div.buttonrow { margin-left: 180px; } /***CUSTOM CSS FOR ADD REVIEW TEMPLATE***/ div.form-container div.cust { padding: 10px 0px; } div.form-container div.controlset label.cust_label { margin-right: 10px; width: 150px; text-align: right; display: block; float: left; } div.form-container div.controlset span.cust_radio { padding-right: 15px; } div.form-container form div input#title { /*width: 500px;*/ } div.form-container form div textarea#comments { width: 500px; height: 100px; } div.rev-comments { border-bottom: 1px solid #c3c3c3; margin-bottom: 15px; padding: 10px 0 10px 0px; } div.rev-fit span.label, div.rev-delivery span.label { font-weight: bold; } div.rev-title { font-size: 14px; padding-top: 10px; font-weight: bold; } div.rev-delivery { } div.form-container2 div { padding: 0.25em 0; } div.form-container2 label { margin-right: 10px; width: 100px; display: block; float: left; text-align: left; position: relative; } div.form-container2 input:focus, div.form-container2 input.error:focus, div.form-container2 textarea:focus { background-color: #FFF; border-color: #6699FF; } div.login { clear: both; } div.login div { padding: 0.25em 0; clear: both; } div.login .welcome-back { border: #c3c3c3 1px solid; padding: 10px; } div.login .info { width: 70%; } div.login fieldset { margin: 15px 0; padding: 10px; border: #c3c3c3 1px solid; padding-bottom: 40px;} div.login legend { font-weight: bold; color: #666; } div.login label, div.login span.label { margin-right: 10px; width: 130px; padding: 3px 0; display: block; float: left; text-align: left; position: relative; } div.login input:focus, div.login input.error:focus, div.login textarea:focus { background-color: #fff; border-color: #6699FF; } div.login div.controlset label, div.login div.controlset input { display: inline; float: none; } div.login div.controlset div { margin-left: 100px; } div.login .buttonrow { margin-top: 10px; } div.login section { display: block; float: left; padding: 20px; margin: 40px 0px 0px 0px; } div.login section.guest_checkout { width: 370px; margin: 40px 30px 0px 0px; } div.login section.guest_checkout div p { margin: 10px 0px 10px 10px; } div.login section.guest_checkout div li { margin: 0px 0px 0px 45px; } div.login section.returning_customer { width: 370px; background: #fbfbfb url("/images/bg-lightgraystripe-fade.gif") repeat-x; } div.login section.returning_customer h3 { font-size: 16px; border-bottom: 1px solid #FFFFFF; width: 370px; margin: 0px 0px 10px 0px; } div.login section.returning_customer label { text-align: right; } div.login section.returning_customer input[type="submit"] { margin: 15px 120px 25px 110px; } div.login section.returning_customer a { text-decoration: none; color: #145ab9; margin: 0px 0px 20px 110px; display: block; } div.login section.guest_checkout #guest_checkout a { color: #FFFFFF; } div.login section.guest_checkout #guest_checkout a:hover { color: #FFFFFF; text-transform: uppercase; } div.quick-checkout form p { margin: 0; } div.quick-checkout form p.note { margin-left: 110px; font-size: 90%; color: #333; } div.quick-checkout #shipping_info, div.quick-checkout #billing_info { width: 600px; float: left; } div.quick-checkout form fieldset { margin: 15px 0; padding: 10px; border: #c3c3c3 1px solid; } div.quick-checkout form legend { font-weight: bold; color: #666; } div.quick-checkout form /*fieldset */div { padding: 0.25em 0; clear: both;} div.quick-checkout label, div.quick-checkout span.label { margin-right: 5px; padding-right: 5px; width: 150px; display: block; float: left; text-align: right; position: relative; } div.quick-checkout label.error, div.quick-checkout span.error, div.quick-checkout div.error { color: #C00; } div.quick-checkout label em, div.quick-checkout span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; } div.quick-checkout input.error, div.quick-checkout div.error select, div.quick-checkout div.error input { border-color: #C00; background: #FFF2F2; } div.quick-checkout input:focus, div.quick-checkout input.error:focus, div.quick-checkout textarea:focus {border-color: #6699FF; } div.quick-checkout div.controlset label, div.quick-checkout div.controlset input { display: inline; float: none; } div.quick-checkout .controlset.moreinfocontrolset .moreinfobutton { display: none !important; } div.quick-checkout div.controlset div { margin-left: 110px; } div.quick-checkout div.buttonrow { margin-left: 180px; } #checkout_shippingaddress #content_full .form-container, #checkout_billing #content_full .form-container { display: block; width: 600px; margin: 0px 20px 0px 0px; float: left; } #checkout_shippingaddress #content_full section#order-summary, #checkout_billing #content_full section#order-summary, #order-summary { display: block; width: 298px; float: left; border: #c3c3c3 1px solid; padding: 10px; } #checkout_shippingaddress #content_full section#order-summary { margin: 51px 0px 0px 0px; } #checkout_billing #content_full section#order-summary { margin: 67px 0px 0px 0px; } #checkout_shippingaddress #content_full section#order-summary a, #checkout_billing #content_full section#order-summary a { color: #0D5B9C; text-decoration: none; } #checkout_shippingaddress #content_full section#order-summary a:hover, #checkout_billing #content_full section#order-summary a:hover { color: #0D5B9C; text-decoration: underline; } #checkout_shippingaddress #content_full section#order-summary ul, #checkout_billing #content_full section#order-summary ul { list-style: none; } #checkout_shippingaddress #content_full section#order-summary li, #checkout_billing #content_full section#order-summary li { margin: 0px 0px 0px 10px; } #order-summary .order-summary { margin-bottom: 30px; } #order-summary header { color: #252523; font-weight: bold; font-size: 14px; margin: 10px 0px 15px 10px; } #order-summary h4 { font-size: 11px; color: #252523; margin: 15px 0px 5px 0px; text-transform: none; background: transparent; padding: 0px; } #order-summary .order-summary .leader { border-bottom: 1px dotted #c3c3c3; position: relative; margin: 10px 0px 20px 10px !important; } #order-summary .order-summary .leader span.price { position: absolute; right: 0; background: #FFFFFF; bottom: -4px; } #order-summary .order-summary .leader span.title { background: #FFFFFF; bottom: -4px; position: relative; } #order-summary .order-summary .total { border-top: 1px solid #BBBBBB; font-size: 17px; margin-top: 15px; padding-top: 15px; position: relative; } #order-summary .order-summary .total span.price { position: absolute; right: 0; } #order-summary .order-contact-us li { margin: 0px; } #order-summary .order-contact-us p { padding: 0px 0px 20px 10px; } #order-summary .order-contact-us h3 { padding: 0px 0px 0px 10px; } #order-summary .order-contact-us h4 { padding-left: 10px !important; } #order-summary .order-contact-us li a { display: block; margin-bottom: 4px; } .button { display: inline-block; margin: 0 2px; outline: medium none; overflow: visible; text-align: center; text-decoration: none; text-shadow: 0 0px 0px rgba(0, 0, 0, 0.3); vertical-align: bottom; font-weight:bold; } .button:hover { text-decoration: none; } .button:active { position: relative; top: 1px; } .bigrounded { -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; border-radius:0px \0/; } .large { font-size: 14px; font-weight: bold; padding: .8em 2em .60em; } .medium { font-size: 13px; font-weight: bold; padding: .5em 1.5em .42em; } .small { font-size: 11px; padding: .3em 1em .275em; } /* - green button - SWAP FOR RED PRIMARY COLORED BUTTONS .green, .green:visited { color: #e8f0de; border: solid 1px #538312; background-color: #64991e; background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); background: -moz-linear-gradient(top, #7db72f, #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e'); } .green:hover { background: #538018; background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)); background: -moz-linear-gradient(top, #6b9d28, #436b0c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); } .green:active { color: #a9c08c; background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f)); background: -moz-linear-gradient(top, #4e7d0e, #7db72f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f'); } */ .green, .green:visited { color: #fff; border: solid 0px #b7b7b7; background: #af1f2d; text-transform:uppercase;} .green:hover { background: #B71A27; background: #B71A27 repeat-x; } .green:active { background: #B71A27; background: #B71A27 repeat-x; } /* - white button */ .white { color: #606060; border: solid 1px #b7b7b7; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #ffffff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); text-transform: uppercase; } .white:hover { background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcdcdc)); background: -moz-linear-gradient(top, #ffffff, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); } .white:active { color: #999; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ffffff)); background: -moz-linear-gradient(top, #ededed, #ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); } /* - black button */ .black { color: #e1e1e1; border: solid 0px #b7b7b7; background: #000000; text-transform: uppercase; } .black:hover { background: #333333; color: #ffffff; } .black:active { color: #e1e1e1; border: solid 0px #b7b7b7; background: #000000; } /* - red button */ .red { color: #fff; border: solid 0px #b7b7b7; background: #c11f2e; background: url(/images/bg-redstripe.gif) repeat-x; text-transform:uppercase;} .red:hover { background: #B71A27; background: url(/images/bg-redstripe-over.gif) repeat-x; } .red:active { background: #B71A27; background: url(/images/bg-redstripe-over.gif) repeat-x; } /* - gray button */ .gray { color: #fff; border: solid 0px #b7b7b7; background: #383838; text-transform:uppercase;} .gray:hover { background: #af1f2d; } .gray:active { background: #af1f2d; } .nav_cart {margin: 6px 0 6px 8px;} /* DROP DOWN MENU STYLES */ /* #horizontal { width: 100%; margin: 0px auto 1px auto; height: 40px; background: #fff; } #horizontal ul { padding: 0; margin: 0; list-style-type: none; z-index: 1000; height: 40px; float:left; max-width: 1170px; margin: 0 auto;} #horizontal ul li { float: left; display: inline; position: relative; z-index: 1000; white-space: nowrap; } #horizontal ul li a, #horizontal ul li a:visited, #horizontal ul li a:hover { padding: 0px 16px; height: 40px; line-height: 40px; color: #3b3b3b; font-size: 14px; text-decoration: none; display: -moz-inline-stack; display: inline-block; zoom: 1; } #horizontal ul li a:hover, #horizontal ul li:hover a { background: #3B3B3B; color: #fff; text-decoration: none; } #horizontal ul li ul { display: none; } #horizontal ul li:hover ul { background: #404040; height: auto; } #horizontal table { margin: 0; border-collapse: collapse; font-size: 12px; position: absolute; top: 0; left: 0; } #horizontal section { float:right; text-align:right; line-height:40px; height:40px; display: inline; } */ /* TOP SUB-MENU */ /* #topnav2 { width: 940px;; margin: 0px auto 5px auto; height: 29px; background:#424242 url(/images/bg-nav2.jpg) repeat-x; } #topnav2 ul { padding: 0; margin: 0; list-style-type: none; z-index: 100; height: 29px; } #topnav2 ul li { float: left; display: inline; position: relative; z-index: 100; white-space: nowrap; } #topnav2 ul li a, #topnav2 ul li a:visited, #topnav2 ul li a:hover { padding: 0px 37px; height: 29px; line-height: 29px; color: #fff; font-size: 13px; text-decoration: none; display: -moz-inline-stack; display: inline-block; zoom: 1; border-right: 0px solid #fff; } #topnav2 ul li a:hover, #topnav2 ul li:hover a { background: #AF1722; color: #fff; text-decoration: none; } */ /* BANNER */ .banner { width: 938px; margin: 0px auto 5px auto; border: 1px solid #000; height: 42px; } .banner img{ vertical-align:bottom; padding:0px; margin: 0; } /* specific to non IE browsers */ #horizontal ul li:hover ul { display: block; position: absolute; top: 40px; background: #191970; margin-top: 0px; left: 0; width: 240px; z-index: 1000; } #horizontal ul li:hover ul li a { display: block; text-align: left; color: #fff; font-size: 14px; text-decoration: none; text-transform: none; border: none; min-height: 15px; height: auto; line-height: 16px; padding: 5px 15px 5px 15px; width: 210px; } #horizontal ul li:hover ul li a:hover { color: #FFF; background: #AF1722 url('/images/bg-redstripe.gif') repeat-x; } /* specific to IE5.5 and IE6 browsers */ #horizontal ul li a:hover ul { display: block; text-align: left; position: absolute; top: 40px; t\op: 39px; background: #191970; left: 0; marg\in-top: 1px; z-index: 1000; } #horizontal ul li a:hover ul li a { display: block; text-align: left; color: #fff; text-decoration: none; text-transform: none; border: none; min-height: 15px; height: auto; line-height: 15px; padding: 5px 15px 5px 15px; width: 160px; w\idth: 160px; font-size: 12px; } #horizontal ul li a:hover ul li a:hover { color: #fff; background: #69f; font-size: 12px; } /* END DROP DOWN MENU */ /* CHECKOUT PROGRESS INDICATOR */ #steps { margin: 0px 0px 15px 0px; padding: 0px; overflow: hidden; text-align: center; } #steps ol { text-align: center; margin: 0px auto; } ol#progress { list-style:none; background:#e1e1e1; counter-reset:step; margin: 0px; padding: 0px; } /*#progress { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }*/ #progress li { float:left; font-size:0.75em; font-style:italic; margin-right: 1px; } #progress div { float: left; display:block; text-decoration:none; padding:10px 25px 10px 40px; background:#e1e1e1; color:#666; text-shadow:1px 1px 1px rgba(0,0,0,0.25); position:relative; white-space: nowrap; } #progress span { font-size:1.333em; font-weight:bold; display:block; font-style:normal; } #progress .active div { font-weight:normal; background: #191970; color:#FFF; } #progress li div:before { counter-increment:step; content:counter(step); text-align:center; font-weight:bold; position:absolute; top:50%; left:5px; margin-top:-8px; margin-left: 10px; padding:2px 6px; background:rgba(0,0,0,0.40); -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; color:#FFF; } #progress .step-1 div { -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px; } #progress .step-5 div { -moz-border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px; border-radius:0px 5px 5px 0px; border: none; } /* END CHECKOUT INDICATOR */ /* SLIDESHOW */ #slideshow { margin: 0px !important; overflow:hidden; z-index: 800; display:block; border:1px solid #333; z-index: 1; width: 100% !important; } #slideshow img { z-index: 800; } #nav { text-align: center; padding: 0px 5px 0px 0px; position: relative; z-index: 900; margin-top: -45px; height: 32px; line-height: 32px; overflow: visible/*hidden*/; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; } #nav a { margin: 5px; padding: 5px; line-height: 25px; text-decoration: none; font-size: 12px; font-weight: normal; color: #cfcfcf; z-index: 901; background: #000; display: inline-block; height: 25px; width: 25px; border-radius: 25px;} #nav a.activeSlide { color: #FFF; font-weight: bold; } #nav a:focus { outline: none; } div#caption { position: relative; color: #fff; z-index: 1000; margin-top: -24px; margin-left: 10px; width: 530px; } /* HOME */ #home_left { float:left; margin-bottom:5px; width:633px; } #promo1 { border:1px solid #333; margin: 0 0 5px 0; background:#282828; width:298px; height: 177px; } #promo1 .promo_image { height:127px; } #promo2 { border:1px solid #333; background:#282828; width:298px; height: 176px; } #promo2 .promo_image { height:127px; } .promo_text { float: left; height:50px; line-height:50px; color:#FFF; padding-left: 20px; } .promo_arrow { float:right; height:50px; line-height:50px; padding-right: 20px; } .promo_arrow img { margin-top:14px; } #home_links { float:left; width:310px; } #home_links li { margin-left: 40px; list-style-image:url(/images/arrow-double-red.gif); padding-bottom:3px; } #home_links li a { color:#333; text-decoration:none; } #home_links li a:hover { color:#000; text-decoration:underline; } .home_text { padding: 0px 30px; } .larger_bold { font-size: 14px; color:#000; font-weight:bold; } .progressbar {float:right; margin:0 15px 0 0;} .security-icons {float:right; margin:-15px 70px 10px 0;} .clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; line-height: 0; } p { padding-bottom: 15px !important; line-height: 1.5; } #all-volleyball-sample-program p.no_pad { padding-bottom: 0px !important; } #all-volleyball-sample-program .generic-form-container li h4 { margin-top: 15px; } .generic-form-container .field_block {padding: 3px 0;} #all-volleyball-sample-program .generic-form-container li input#field_28, #all-volleyball-sample-program .generic-form-container li input#field_30, #all-volleyball-sample-program .generic-form-container li input#field_32, #all-volleyball-sample-program .generic-form-container li input#field_34, #all-volleyball-sample-program .generic-form-container li input#field_36 { margin-bottom: 20px; } /* CVV2 POPUP */ #popup div { text-align: left; } #popup p { margin-bottom: 15px; } #popup div.col-1, #popup div.col-2 { width: 45%; float: left; overflow: visible; margin-right: 10px; } /* UNIFORM DESIGNER */ div.uniform-designer h2 { } div.uniform-designer form p { margin: 0; } div.uniform-designer form p.note { margin-left: 170px; font-size: 90%; color: #333; } div.uniform-designer form fieldset { margin: 15px 0; padding: 10px; border: #c3c3c3 1px solid; } div.uniform-designer form legend { font-weight: bold; color: #666; } div.uniform-designer form /*fieldset */div { padding: 0.25em 0; overflow:hidden; } div.uniform-designer label, div.uniform-designer span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; } div.uniform-designer label.error, div.uniform-designer span.error, div.uniform-designer div.error { color: #C00; } div.uniform-designer label em, div.uniform-designer span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; } div.uniform-designer input.error, div.uniform-designer div.error select, div.uniform-designer div.error input { border-color: #C00; background: #FFF2F2; } div.uniform-designer input:focus, div.uniform-designer input.error:focus, div.uniform-designer textarea:focus { background-color: #FFF; border-color: #6699FF; } div.uniform-designer div.controlset label, div.uniform-designer div.controlset input { display: inline; float: none; } div.uniform-designer div.controlset div { margin-left: 170px; } div.uniform-designer div.buttonrow { margin-left: 180px; } div.uniform-designer input[type=radio] { float:left; } div.uniform-designer div.radio span { float:left; width:150px; text-align:right; } div.uniform-designer div.radio label { width:50px; } #index #product_tabs ul li.first { padding: 11px 12px; } #index #product_tabs ul li.second { padding: 11px 12px; } #index #product_tabs ul li.third { padding: 11px 12px; } #category #shop_our_favorites .grid li { width: 175px; height: 275px; } #category #shop_our_favorites header { background: none; height: auto; border: 0; margin: 0; } #category #shop_our_favorites header h2 { font-size: 16px; color: #3a3a3c; text-transform: uppercase; background: none; height: auto; margin: 10px 0 0 10px; } #category #shop_our_favorites .info .name a { text-decoration: none; } #category #shop_our_favorites .info .name a:hover { text-decoration: none; } div.generic-form-container label, div.generic-form-container span.label, .generic-form-container .caption { margin-right: 5px; padding-right: 0px; padding-top: 5px; width: 300px; display: block; float: left; text-align: right; position: relative; } div.generic-form-container ul { list-style-type: none; } div.generic-form-container ul li { padding: 2px 0; } div.generic-form-container form div.buttonrow { padding: 20px 0px 20px 330px; clear: both; } #catFilter { display:block; width:inherit; } #catFilter .label { color: #AFAFAF; font-size: 18px; padding: 20px 0 5px 0; margin-bottom: 5px; border-bottom: 1px solid #D9D9D9; clear: both; } #catFilter .value { color: #333; font-size:14px; padding:3px 3px 3px 0px; text-transform:none; } #catFilter a:link, #catFilter a:visited { color: #333; text-transform:none; text-decoration: none; font-size: 14px; font-weight: normal; } #catFilter a:hover, #catFilter a:active { color: #000; text-transform:none; text-decoration: none; } #catFilter .color_value { /*width: 19px; height: 19px; */float: left; } .filter-narrowed-by { border: #FFD819 1px solid; background-color: #FFF5C6; padding: 10px; margin-top: 10px; } .filter-narrowed-by .label { font-size: 18px; font-weight: bold; display: block; } .filter-narrowed-by a { padding: 5px 0; text-decoration: none; } .filter-narrowed-by a:hover { text-decoration: underline; } .comparable a { font-size: 14px; text-decoration: none; } .comparable a:hover { text-decoration: underline; } /* Questions and Answers Style Settings */ #qa_box { margin: 0px; padding: 0px; list-style-type: none; } #qa_box li.ask { margin: 2px; background: #fff; /* padding: 10px; border: 5px solid #dcd7b9;*/ font-size: 13px; } #qa_box li.question { margin: 2px; background: #fff; padding: 10px; border: 5px solid #c3c3c3; font-size: 13px; } #qa_box li.answer { list-style-type: none; background: #efebd0; padding: 5px; margin: 2px; border: 1px solid #c3c3c3; } #qa_box li.response { list-style-type: none; background: #e1e1e1; padding: 5px; margin: 2px; border: 1px solid #333; font-size: 13px; } #qa_box hr.qa_rule { color: #333; background-color: #c3c3c3; border: 0px; height: 1px; } #qa_box span.qa_info { font-size: 13px; } #qa_box a { color: black; font-weight: bold; text-decoration: none; } /* End Questions and Answers Style Settings */ /* SOCIAL */ #social { margin:0 0 10px 0; height:auto; display:block; float:left; position: relative; } #social_button { position: absolute; } .twitter-share-button { left: 0; } .pinterest-share-button { left: 65px; } .google-share-button { left: 170px; } .facebook-like-share-button { width:52px;/*Make the width of Facebook's like button, hide the like number*/ overflow: hidden; left: 114px; } #compare_products table td { padding: 3px; } /***CART OVERLAY***/ #added, #addedMember { position: absolute; background: #fff; margin-left:98px; margin-right:auto; width:680px; top: -200px; box-shadow: 1px 1px 10px rgba(0, 0, 0, .5); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5); -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5); border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: 1px solid #5c6575; color: #000000; font-weight: normal; font-size: 16px; text-align: center; z-index: 2000; padding: 20px 40px 20px 20px; } #cont_added, #cont_addedMember { display: block; width: 150px; background: #f4f4f4; padding: 4px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: 1px solid #385d8a; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); cursor: pointer; margin: 4px; font-size: 13px; text-align:center; color: #FFF; text-transform: uppercase; } #cont_added:hover { cursor: pointer; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9); text-transform: uppercase; } #cont_added a { color: #000000; text-decoration: none; } #close_added { display: block; width: 150px; background: #f4f4f4; padding: 4px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: 1px solid #385d8a; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); cursor: pointer; margin: 4px; text-transform: uppercase; font-size: 13px; text-align:center; color: #000000; background: #333 url(/images/bg-nav2big.jpg) top left; color: white;} #close_added:hover { cursor: pointer; background: #f4f4f4; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); text-transform: uppercase; background: #333 url(/images/bg-nav2big.jpg) top left; color: white;} #addedMember { left: 690px; margin-left: auto; margin-right: auto; position: absolute; top: 145px; width: 180px; z-index: 99999; } #cont_addedMember { background: #FFF; color: #B71A27; font-size: 12px; margin: 0 auto; padding: 10px; width: 158px; } #cont_addedMember_btn { display: block; padding: 5px; border: 1px solid; color: #B71A27; margin-top: 5px; } #cont_addedMember_btn a { color: #B71A27; text-decoration: none; } #close_addedMember { color: #fff; background: #B71A27; padding: 5px; display: block; margin-top: 5px; } #cont_added { background: #c11f2e url(/images/bg-redstripe.gif) repeat-x; } #cont_added a { color: white; } #dim { position:fixed; display:none; top:0; bottom:0; left:0; right:0; background-color:#333333; opacity:0.8; z-index:2; } .popover_close_btn { background: #d2edf6; border: 1px solid #747687; color: #414678; cursor: pointer; font-size: 12px; text-align: center; text-decoration: none; vertical-align: middle; } .popover_close_btn a:hover { background: #f3fcc0; } .overlay_info div { font-size: 11px; font-weight: normal; color: #666666; text-align:left; padding:0px 0px 1px 0px; } #personalization-tips-and-tricks #content ul { padding-bottom: 15px; margin: 0; } #personalization-tips-and-tricks #content li { margin-left: 30px; } #personalization-tips-and-tricks .top { border-top: 1px solid #c3c3c3; padding: 10px 0; text-align: right; } div.login .benefit { float: right; width: 350px; } #member_wishlist ul.header-row { background: url(/images/bg-lightgraystripe-nofade.gif) repeat scroll 0 0 transparent; font-size: 13px; font-weight: bold; list-style-type: none; margin: 5px 0px; padding: 0; border: 1px solid #c3c3c3; border-width: 1px 0px; clear: both; } .wishlist ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; border: 1px solid #c3c3c3; border-width: 0 0 1px; clear: both; } .wishlist li { list-style-type: none; float:left; width: 100px; margin: 0px 1px 0px 0px; padding: 10px 5px; min-height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; word-wrap: break-word;} .wishlist li.wish-name { width: 15%; text-align: left; } .wishlist li.wish-desc { width: 40%; text-align: left; } .wishlist li.wish-exp { width: 17%; text-align: center; } .wishlist li.wish-count { width: 10%; text-align: center; } .wishlist li.wish-remove { width: 7%; text-align: center; } .wishlist li.wish-rank { width: 10%; text-align: center; } .wishlist li.wish-sku { width: 15%; text-align: center; } .wishlist li.wish-prod { width: 30%; text-align: left; } .wishlist li.wish-need { width: 13%; text-align: center; } .wishlist li.wish-purch { width: 13%; text-align: center; } .wishlist li.wish-sku2 { width: 10%; text-align: center; } .wishlist li.wish-desc2 { width: 35%; text-align: left; } .wishlist li.wish-desc2 img { width:50px; padding:0 10px 10px 0; float:left; } .wishlist li.wish-price { width: 13%; text-align: center; } .wishlist li.wish-request { width: 10%; text-align: center; } .wishlist li.wish-need2 { width: 10%; text-align: center; } .wishlist li.wish-buy { width: 10%; text-align: center; } .wishlist li.wish-sku3 { width: 10%; text-align: center; } .wishlist li.wish-desc3 { width: 40%; text-align: left; } .wishlist li.wish-price2 { width: 13%; text-align: center; } .wishlist li.wish-qty { width: 13%; text-align: center; } .wishlist li.wish-add { width: 15%; text-align: right; } .wishlist li.wish-name2 { width: 22%; text-align: left; } .wishlist li.wish-loco { width: 22%; text-align: left; } .wishlist li.wish-desc4 { width: 50%; text-align: left; } #member_wishlist div.form-container form fieldset { width: 45%; margin-right: 10px; float: left; height: 380px; } #member_wishlist div.form-container label { width: 90px; font-size: .925em; } #member_wishlist div.form-container span.label { width: 90px; height: 50px; } #member_reminder_service div.form-container ul { list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px; border: 1px solid #c3c3c3; border-width: 1px 0px; clear: both; } #member_reminder_service div.form-container ul.header-row { background: url(/images/bg-lightgraystripe-nofade.gif) repeat scroll 0 0 transparent; font-size:13px; font-weight:bold; } #member_reminder_service div.form-container li { list-style-type: none; margin: 0px 1px 0px 0px; padding: 10px 5px 5px 5px; min-height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; } #member_reminder_service li.event { width: 15%; } #member_reminder_service li.event-date { width: 15%; } #member_reminder_service li.reminder-date { width: 15%; } #member_reminder_service li.email { width: 35%; } #member_reminder_service li.remove { width: 15%; } /*BEGIN MATTCOWAN ADDED STYLES*/ .underline { text-decoration: underline; } .msrp { color: #777; } #category_menu li:hover, #category_menu nav ul li.sub_menu_on { color: #FFF; background: #AF1722 url(/images/bg-redstripe-90-opacity.jpg) repeat-x; font-weight:bold; } #category_menu ul li { padding-bottom: 0px; } #category_menu a { display: block; padding-top: 4px; padding-bottom: 4px; } #category_menu li:hover, #category_menu nav ul li.sub_menu_on { padding-left: 3px; } #category_menu nav ul li.sub_menu_on a:hover { padding-left: 0px; } #category_menu li a:hover { text-decoration: none; } #category_menu li:hover a, #category_menu nav ul li.sub_menu_on a{ color: #fff; display: block; } #category_menu nav ul li.sub_menu, #category_menu nav ul li.sub_menu_on { /*OVERRIDE styles earlier in original css, add padding to link itself*/ padding-bottom: 0px !important; } .shipCalcButton { width: 200px; margin-top: 5px; } input.shipCalcButton { width:240px; } #cat .rev-stars { padding-top: 6px; height: 13px; } .grid li .comparable { font-size:12px; } .grid input[type="checkbox"] { vertical-align: top; } .size_value { width: 28px; float: left; text-align: center; padding: 2px; border: 1px solid #c3c3c3; margin: 3px; } .hover_pointer:hover { cursor: pointer; } div.login fieldset.login-box { position: relative; } div.login fieldset.login-box legend { display: block; position: absolute; top: 10px; } div.login fieldset { padding-top: 30px; } div.login #login_form .buttonrow { margin-top: -60px; position: relative; padding-left: 10px; padding-bottom: 10px; } #related_products ul li { height: 300px;/*this was added because weird breaks would occur when a height wasn't set (when it was auto) - didn't form a clean grid. height may have to be adjusted.*/ } .heading .invoicePrintLink { line-height: 29px; padding: 0 5px; font-weight: bold; } h4 a.invoicePrintLink { color: #fff; } #mobileDiv { display: block; text-align: left; font-weight: bold; padding: 10px 15px; font-size: 1.375em; font-weight: normal; color: white; width: 100%; background: #af1f2d; margin-top: 0px; margin-left: -10px; } #mobileDiv a { text-decoration: underline; color: #fff; } .mobileHide { display: none; } .view_personalization_details, .view_personalization_details:hover { color: #00f;padding-top: 8px;display: block; clear: both; } .country-field { display: none; } .display .product li .image { height: 160px;width:160px;border: 1px solid #c3c3c3; } .ui-corner-all { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .quick-checkout { width: 600px; float: left; } .quick-checkout #continue{ clear: both; float: left; margin-left: -10px; } .quick-checkout #ca_shipping_province, .quick-checkout #shipping_province { display: none; } .quick-checkout-order-summary #order-summary { float: right; margin-top: 43px;/*...manually eyed...may not be right in all browsers.*/ } .quick-checkout input[type="text"] { width: 270px; } p.quick-checkout-legend { padding-bottom: 0px !important;/*overrides the important that is set on all paragraphs earlier in the file for some reason???*/ } .quick-checkout-order-summary ul { list-style: none; } .newsletter-more-info-button { border: none; background: none; padding: 0; color: #00f; font-weight: bold; margin-top: -2px; border-bottom: 1px dotted #00f; } .copy-shipping { margin-left: 155px; width: 270px; } .rating-image-block { vertical-align: top; } /*Narrowed styles - to be approved by Corey*/ .filter-narrowed-by { background-color: #fef639; } .filter-narrowed-by .label { float: left; } .filter-narrowed-by .narrowed { float: left; font-size: 16px; padding: 2px 10px; } .filter-narrowed-by .narrowed a { font-weight: bold; } /*end Narrowed*/ input.dynamic_qty { -webkit-appearance: none; } input, textarea, select { -webkit-border-radius:0; border-radius:0; } .banner { position: relative; } .banner img { position: absolute; top: 0; left: 0; } #s_method1 { width: 273px !important; } .tabview_rating_stars { margin: 5px 0 2px; } .rev-fit { padding-bottom: 3px; } .moreinfobutton { padding: 3px 4px !important; display: inline !important; } input { /*override default ipad styling...*/ border-radius: 0; } .see-addtl-sizes-and-color { background: url('/images/see-addtl-size-and-color-grey.jpg'); height: 46px; width: 352px; } .see-addtl-sizes-and-color:hover { background: url('/images/see-addtl-size-and-color-red.jpg'); } .quick-checkout input[type="tel"] { width: 270px; } .quick-checkout #shipping_country, .quick-checkout #shipping_state, .quick-checkout #billing_country, .quick-checkout #billing_state, .quick-checkout #payment_method { width: 272px; } .instagram_icon { padding-left: 3px; } .orderdetail_left_info, .order_detail_right_info { width: 50%; float: left; } .captcha_image_1 { margin-top: -5px; } #captcha_test { vertical-align: top; } .hidden_control_field { display: none; } .confirmation { margin-top: 55px; } .confirmation .totals div { padding: 1px 0; } .confirmation .totals label, #checkout_thanks .totals label { width: 250px; display:block; float:left; } div.incart_discount { float: right; text-align: right; margin-right: 10px; padding-bottom: 5px; height: 16px; } #recaptcha_area { float: left; } .clearboth { clear:both; } .viewcart_totals { float: right !important; text-align: right; position: relative; } .viewcart_totals, .viewcart_totals div { width: 230px; } .cart-items form { padding-bottom: 10px; } .viewcart_totals label { display: block; float: left; width: 130px; font-weight: bold; } .viewcart_totals span { display: block; } div.form-container2 div.col-2 label { font-weight: bold; width: 360px; text-align: right; } div.form-container2 div.col-2 p { padding-bottom: 0px !important;/*because padding is set with important for just regular p.*/ } div.form-container2 div.col-2 div { padding:0 0 5px; } .total_cost_ship_calc { font-size: 16px; font-weight: bold; } /* .highslide { display: block; background: url(/images/arrow-double-red.gif) center left no-repeat; padding-left: 10px; margin: 8px 0; padding: 4px 16px; border: 1px solid #c3c3c3; background-position: 6px center; float: left; } */ #cat .highslide{ margin-top: 0!important; width: 138px; } .notification_about_account p{ width: 390px; position: absolute; left: 320px; z-index: 3; top: 40px; padding: 10px 10px 5px; border: #C00 1px solid; background-color: #FFF2F2; } #checkout .notification_about_account p { position: static; top: 0; left: 0; width: 95%; } #checkout .notification_about_account a { margin: 0px; display: inline; } .brandlist { background: #383838; float: left; width: 940px; height: 53px; margin: -5px 0 6px 0; overflow: hidden; } .brandlist, .brandlist li { list-style: none; } .brandlist li { float: left; } .brandlist li:hover { background: #af1f2d; } .special_product_flag { position: absolute; left: 0; margin-top: -45px; } .gc-value input { width: 30px; } .slideshow-starter { margin-bottom: 10px; } .paypal-or { display: block; text-align: center; width: 150px; float: right; padding: 3px; } #personalization-video-instructions .highslide { background: none !important; border: none !important; clear: both !important; font-weight: bold; } #bongoLoader-dialog {background: url('/images/bongo-icon.png') no-repeat scroll 0 0 transparent; height: 47px; width: 150px; float: none; cursor: pointer;clear: both; margin: 0 auto;top: 11px; position: relative;} .mail-button {background: #424242 url(/images/bg-nav2.jpg) repeat-x;border: 1px solid #000; text-transform: uppercase;padding: .5em 10px .42em;font-size: 13px;height: 16px; line-height: 1.25em; font-weight: bold;color: #fff;} a .mail-button {text-decoration: none;} .mail-button img { padding: 0 10px 0 0; margin-left: -3px; height: 16px; vertical-align: top; } .cart-unit del { display: block; color: #ff0000; } #checkout_thanks section.totals { width: 350px; } #checkoutPanelBar { padding: 10px; background: url(/images/bg-lightgraystripe-nofade.gif) repeat scroll 0 0 transparent; overflow: hidden; clear: both; font-weight: bold; } #checkout_paypal_ec .green { margin: 0; } .video-filter-help { margin-top: 20px; } #qa_box li.qaheader, .qaheader { border: none !important; background:#333 url('/images/bg-footer.gif') bottom; color:#eee !important; padding: 10px; } #qa_box li.qaheader a, .qaheader a{ color:#fff !important; } #qa_box li.qaheader div, .qaheader { font-size: 18px !important; } #qa_box .qaheader li.response { background: none !important; } .social_icons div { background-image: url('/images/super-sprite.png'); height: 32px; width: 32px; float: left; padding: 0 2px } .payment_icons div { background-image: url('/images/super-sprite.png'); width: 42px; height: 29px; float: left; margin: 3px 2px 0; }.social_icons .fb { background-position: 1px 270px; } .social_icons .tw { background-position: 1px 238px; } .social_icons .yt { background-position: 1px 206px; } .social_icons .bl { background-position: 1px 174px; } .social_icons .pn { background-position: 1px 142px; } .social_icons .in { background-position: 1px 110px; } .social_icons .gp { background-position: 1px 78px; } .social_icons .sc { background-position: 1px 45px; } .payment_icons .paypal { background-position: 1px 329px; } .payment_icons .disco { background-position: 1px 299px; } .payment_icons .amex { background-position: 1px 359px; } .payment_icons .mc { background-position: 1px 389px; } .payment_icons .vs { background-position: 1px 419px; } .emailicon-combo, .promoarrow-combo, .carticon-combo { background-image: url("/images/combined-mail-cart-arrow.png"); } .emailicon-combo { width: 24px; background-position: left 0px; padding: 0 0px 0 0; margin-left: -5px; margin-top: -3px; height: 18px; float: left; vertical-align: top; margin-right: 15px; } .promoarrow-combo { height: 21px; width: 18px; background-position: left 25px; margin-top: 14px; float: right; margin-right: 15px; } .carticon-combo { height: 22px; width: 22px; background-position: left 50px; display: inline-block; vertical-align: middle; margin-right: 10px; } .mail-button { width: 325px; }#newsletter a {text-decoration: none;} #suggestions { position: absolute; background: #fff; z-index: 1000; width: 312px; border-left: 1px solid #ababab; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; margin-left: -1px } .suggestion_hover { background:#eee; } /*begin freeprod_viewcart*/ .freeprod_viewcart { padding:10px; float:left; margin:0 0 10px; width: 918px; font-weight: bold; background: #035b81; color: white; border: 1px solid cyan; box-shadow: 0px 0px 1px blue; } .freeprod_viewcart div.normaltext { width: 100%; font-size: 1.25em; padding-left: 7px; padding-bottom: 5px; } .freeprod_viewcart div { float: left; } .freeprod_viewcart input.addtocart_btn { padding:3px; margin:-2px 5px 0; } .free-product-select .normaltext, .free-product-select input { margin: 5px 0; } .free-product-select { border: 1px solid cyan; background-color: #035b81; color: white; padding: 0 10px; } /*end freeprod_viewcart*/ #checkout_payment td.normaltext { margin: 3px 0; line-height: 2.25em; } .category_promo_banner { padding-top: 10px; } #checkout_payment table select, #checkout_payment table input { margin: 2px 0; } #checkout_payment submit { margin: 3px 0; } #checkout_payment form{ margin-top:10px; } .payment-due { font-size: 1.25em; font-weight: bold; } .payment_info_message { padding:5px; font-size:1.125em; text-align:center; border:1px solid #cc0000; margin: 5px 0; background:#FFF2F2; } .realgreen { background: #008c46 url(/images/gr-button.gif) repeat-x; } .realgreen:hover { background: #019b4d url(/images/gr-button-hover.gif) repeat-x; } #nav { padding-right: 30px; } #pause_button { height: 15px; width: 15px; position: relative; top: -15px; background: url(/images/pause-button.png); left:610px; z-index: 10000; opacity:0.7; } #pause_button:hover { cursor: pointer; } #pause_button.playbutton { background: url(/images/play-button.png); } #checkout_shipping .small { padding:.3em 1em .275em 0em; } a.highslide.cust_field_29 { clear: both; width: auto; font-size: 12px; text-align: center; margin: 10px 0; display: block; float: left; background: #3b3b3b; border: none; color: #fff; text-decoration: none; padding: 1px 10px; } .cust_29_else { background: #035b81 !important; color: #fff !important; } .cust_29_1 { background: #e3e3e3 !important; color: #B71A27 !important; } del span { color:#aaa; } .terms-and-condition-acceptance { text-align: center; } @media only print { /*BEGIN only print*/ .heading, #checkout_confirmation .cart-wrapper ul.header-row { float: right; border:1px solid #E1E1E1; } #checkout_confirmation .cart-wrapper { border:1px solid #E1E1E1; } #checkout_confirmation .cart-wrapper ul { border-left: 1px solid #E1E1E1 border-right: 1px solid #E1E1E1; } #bottom_nav, #footer { display: none; } #checkout_thanks .cart-wrapper ul { border: 1px solid #E1E1E1; } /*END only print*/} /*'BEGIN FANCYBOX CSS' Added minimized JQuery Fancybox CSS. Search for 'END FANCYBOX CSS' to know where it ends */ /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('/images/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -22px; right: -22px; width: 45px; height: 45px; background: transparent url('/images/fancy_close.png'); background-repeat: no-repeat; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('/images/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('/images/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('/images/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */} #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('/images/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('/images/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('/images/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('/images/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('/images/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('/images/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('/images/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('/images/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('/images/fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('/images/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('/images/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('/images/fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; } .fancybox-ie6 #fancybox-left-ico { background: transparent; } .fancybox-ie6 #fancybox-right-ico { background: transparent; } .fancybox-ie6 #fancybox-title-over { background: transparent; zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent;} .fancybox-ie6 #fancybox-title-float-main { background: transparent; } .fancybox-ie6 #fancybox-title-float-right { background: transparent;} .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } /*'END FANCYBOX CSS'*/ /*END MATTCOWAN ADDED STYLES*/ #recaptcha_widget_div { float: left; } #recaptcha_widget_div div { padding: 0px; } /*Start Highslide.css*/ /** * @file: highslide.css * @version: 4.1.13 */ .highslide-container div { font-size: 10pt; } .highslide-container table { background: none; } .highslide { outline: none; text-decoration: none; } .highslide img { border: 2px solid silver; } .highslide:hover img { border-color: gray; } .highslide-active-anchor img { visibility: hidden; } .highslide-gallery .highslide-active-anchor img { border-color: black; visibility: visible; cursor: default; } .highslide-image { border-width: 2px; border-style: solid; border-color: white; } .highslide-wrapper, .highslide-outline { background: white; } .glossy-dark { background: #111; } .highslide-image-blur { } .highslide-number { font-weight: bold; color: gray; font-size: .9em; } .highslide-caption { display: none; font-size: 1em; padding: 5px; /*background: white; */} .highslide-heading { display: none; font-weight: bold; margin: 0.4em; } .highslide-dimming { /*position: absolute; */ background: black; } a.highslide-full-expand { background: url(/images/highslide/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; } .highslide-loading { display: block; color: black; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border: 1px solid white; background-color: white; padding-left: 22px; background-image: url(/images/highslide/loaderwhite.gif); background-repeat: no-repeat; background-position: 3px 1px; } a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; } .highslide-move, .highslide-move * { cursor: move; } .highslide-viewport { display: none; position: fixed; width: 100%; height: 100%; z-index: 1; background: none; left: 0; top: 0; } .highslide-overlay { display: none; } .hidden-container { display: none; } /* Example of a semitransparent, offset closebutton */ .closebutton { position: relative; top: -45px; left: 15px; width: 30px; height: 30px; cursor: pointer; background: url(/images/highslide/close.png); /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */} /*****************************************************************************/ /* Thumbnail boxes for the galleries. */ /* Remove these if you are not using a gallery. */ /*****************************************************************************/ .highslide-gallery ul { list-style-type: none; margin: 0; padding: 0; } .highslide-gallery ul li { display: block; position: relative; float: left; width: 106px; height: 106px; border: 1px solid silver; background: #ededed; margin: 2px; padding: 0; line-height: 0; overflow: hidden; } .highslide-gallery ul a { position: absolute; top: 50%; left: 50%; } .highslide-gallery ul img { position: relative; top: -50%; left: -50%; } html>/**/body .highslide-gallery ul li { display: table; text-align: center; } html>/**/body .highslide-gallery ul li { text-align: center; } html>/**/body .highslide-gallery ul a { position: static; display: table-cell; vertical-align: middle; } html>/**/body .highslide-gallery ul img { position: static; } /*****************************************************************************/ /* Controls for the galleries. */ /* Remove these if you are not using a gallery */ /*****************************************************************************/ .highslide-controls { width: 195px; height: 40px; background: url(/images/highslide/controlbar-white.gif) 0 -90px no-repeat; margin: 20px 15px 10px 0; } .highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(/images/highslide/controlbar-white.gif) right -90px no-repeat; } .highslide-controls li { float: left; padding: 5px 0; margin:0; list-style: none; } .highslide-controls a { background-image: url(/images/highslide/controlbar-white.gif); display: block; float: left; height: 30px; width: 30px; outline: none; } .highslide-controls a.disabled { cursor: default; } .highslide-controls a.disabled span { cursor: default; } .highslide-controls a span { /* hide the text for these graphic buttons */ display: none; cursor: pointer; } /* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */ .highslide-controls .highslide-previous a { background-position: 0 0; } .highslide-controls .highslide-previous a:hover { background-position: 0 -30px; } .highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important; } .highslide-controls .highslide-play a { background-position: -30px 0; } .highslide-controls .highslide-play a:hover { background-position: -30px -30px; } .highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important; } .highslide-controls .highslide-pause a { background-position: -60px 0; } .highslide-controls .highslide-pause a:hover { background-position: -60px -30px; } .highslide-controls .highslide-next a { background-position: -90px 0; } .highslide-controls .highslide-next a:hover { background-position: -90px -30px; } .highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important; } .highslide-controls .highslide-move a { background-position: -120px 0; } .highslide-controls .highslide-move a:hover { background-position: -120px -30px; } .highslide-controls .highslide-full-expand a { background-position: -150px 0; } .highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px; } .highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important; } .highslide-controls .highslide-close a { background-position: -180px 0; } .highslide-controls .highslide-close a:hover { background-position: -180px -30px; } /*****************************************************************************/ /* Styles for the HTML popups */ /* Remove these if you are not using Highslide HTML */ /*****************************************************************************/ .highslide-maincontent { display: none; } .highslide-html { background-color: white; } .mobile .highslide-html { border: 1px solid silver; } .highslide-html-content { display: none; width: 400px; padding: 0 5px 5px 5px; } .highslide-header { padding-bottom: 5px; } .highslide-header ul { margin: 0; padding: 0; text-align: right; } .highslide-header ul li { display: inline; padding-left: 1em; } .highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next { display: none; } .highslide-header a { font-weight: bold; color: gray; text-transform: uppercase; text-decoration: none; } .highslide-header a:hover { color: black; } .highslide-header .highslide-move a { cursor: move; } .highslide-footer { height: 16px; } .highslide-footer .highslide-resize { display: none; float: right; margin-top: 5px; height: 11px; width: 11px; background: url(/images/highslide/resize.gif) no-repeat; } .highslide-footer .highslide-resize span { display: none; } .highslide-body { } .highslide-resize { cursor: nw-resize; } /*****************************************************************************/ /* Styles for the Individual wrapper class names. */ /* See www.highslide.com/ref/hs.wrapperClassName */ /* You can safely remove the class name themes you don't use */ /*****************************************************************************/ /* hs.wrapperClassName = 'draggable-header' */ .draggable-header .highslide-header { height: 18px; border-bottom: 1px solid #dddddd; } .draggable-header .highslide-heading { position: absolute; margin: 2px 0.4em; } .draggable-header .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .draggable-header .highslide-header .highslide-move * { display: none; } .draggable-header .highslide-header .highslide-close { position: absolute; right: 2px; top: 2px; z-index: 5; padding: 0; } .draggable-header .highslide-header .highslide-close a { display: block; height: 16px; width: 16px; background-image: url(/images/highslide/closeX.png); } .draggable-header .highslide-header .highslide-close a:hover { background-position: 0 16px; } .draggable-header .highslide-header .highslide-close span { display: none; } .draggable-header .highslide-maincontent { padding-top: 1em; } /* hs.wrapperClassName = 'titlebar' */ .titlebar .highslide-header { height: 18px; border-bottom: 1px solid #dddddd; } .titlebar .highslide-heading { position: absolute; width: 90%; margin: 1px 0 1px 5px; color: #666666; } .titlebar .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .titlebar .highslide-header .highslide-move * { display: none; } .titlebar .highslide-header li { position: relative; top: 3px; z-index: 2; padding: 0 0 0 1em; } .titlebar .highslide-maincontent { padding-top: 1em; } /* hs.wrapperClassName = 'no-footer' */ .no-footer .highslide-footer { display: none; } /* hs.wrapperClassName = 'wide-border' */ .wide-border { background: white; } .wide-border .highslide-image { border-width: 10px; } .wide-border .highslide-caption { padding: 0 10px 10px 10px; } /* hs.wrapperClassName = 'borderless' */ .borderless .highslide-image { border: none; } .borderless .highslide-caption { border-bottom: 1px solid white; border-top: 1px solid white; background: silver; } /* hs.wrapperClassName = 'outer-glow' */ .outer-glow { background: #444; } .outer-glow .highslide-image { border: 5px solid #444444; } .outer-glow .highslide-caption { border: 5px solid #444444; border-top: none; padding: 5px; background-color: gray; } /* hs.wrapperClassName = 'colored-border' */ .colored-border { background: white; } .colored-border .highslide-image { border: 2px solid green; } .colored-border .highslide-caption { border: 2px solid green; border-top: none; } /* hs.wrapperClassName = 'dark' */ .dark { background: #111; } .dark .highslide-image { border-color: black black #202020 black; background: gray; } .dark .highslide-caption { color: white; background: #111; } .dark .highslide-controls, .dark .highslide-controls ul, .dark .highslide-controls a { background-image: url(/images/highslide/controlbar-black-border.gif); } /* hs.wrapperClassName = 'floating-caption' */ .floating-caption .highslide-caption { position: absolute; padding: 1em 0 0 0; background: none; color: white; border: none; font-weight: bold; } /* hs.wrapperClassName = 'controls-in-heading' */ .controls-in-heading .highslide-heading { color: gray; font-weight: bold; height: 20px; overflow: hidden; cursor: default; padding: 0 0 0 22px; margin: 0; background: url(/images/highslide/icon.gif) no-repeat 0 1px; } .controls-in-heading .highslide-controls { width: 105px; height: 20px; position: relative; margin: 0; top: -23px; left: 7px; background: none; } .controls-in-heading .highslide-controls ul { position: static; height: 20px; background: none; } .controls-in-heading .highslide-controls li { padding: 0; } .controls-in-heading .highslide-controls a { background-image: url(/images/highslide/controlbar-white-small.gif); height: 20px; width: 20px; } .controls-in-heading .highslide-controls .highslide-move { display: none; } .controls-in-heading .highslide-controls .highslide-previous a { background-position: 0 0; } .controls-in-heading .highslide-controls .highslide-previous a:hover { background-position: 0 -20px; } .controls-in-heading .highslide-controls .highslide-previous a.disabled { background-position: 0 -40px !important; } .controls-in-heading .highslide-controls .highslide-play a { background-position: -20px 0; } .controls-in-heading .highslide-controls .highslide-play a:hover { background-position: -20px -20px; } .controls-in-heading .highslide-controls .highslide-play a.disabled { background-position: -20px -40px !important; } .controls-in-heading .highslide-controls .highslide-pause a { background-position: -40px 0; } .controls-in-heading .highslide-controls .highslide-pause a:hover { background-position: -40px -20px; } .controls-in-heading .highslide-controls .highslide-next a { background-position: -60px 0; } .controls-in-heading .highslide-controls .highslide-next a:hover { background-position: -60px -20px; } .controls-in-heading .highslide-controls .highslide-next a.disabled { background-position: -60px -40px !important; } .controls-in-heading .highslide-controls .highslide-full-expand a { background-position: -100px 0; } .controls-in-heading .highslide-controls .highslide-full-expand a:hover { background-position: -100px -20px; } .controls-in-heading .highslide-controls .highslide-full-expand a.disabled { background-position: -100px -40px !important; } .controls-in-heading .highslide-controls .highslide-close a { background-position: -120px 0; } .controls-in-heading .highslide-controls .highslide-close a:hover { background-position: -120px -20px; } /*****************************************************************************/ /* Styles for text based controls. */ /* You can safely remove this if you don't use text based controls */ /*****************************************************************************/ .text-controls .highslide-controls { width: auto; height: auto; margin: 0; text-align: center; background: none; } .text-controls ul { position: static; background: none; height: auto; left: 0; } .text-controls .highslide-move { display: none; } .text-controls li { background-image: url(/images/highslide/controlbar-text-buttons.png); background-position: right top !important; padding: 0; margin-left: 15px; display: block; width: auto; } .text-controls a { background: url(/images/highslide/controlbar-text-buttons.png) no-repeat; background-position: left top !important; position: relative; left: -10px; display: block; width: auto; height: auto; text-decoration: none !important; } .text-controls a span { background: url(/images/highslide/controlbar-text-buttons.png) no-repeat; margin: 1px 2px 1px 10px; display: block; min-width: 4em; height: 18px; line-height: 18px; padding: 1px 0 1px 18px; color: #333; font-size: 12px; font-weight: bold; white-space: nowrap; } .text-controls .highslide-next { margin-right: 1em; } .text-controls .highslide-full-expand a span { min-width: 0; margin: 1px 0; padding: 1px 0 1px 10px; } .text-controls .highslide-close a span { min-width: 0; } .text-controls a:hover span { color: black; } .text-controls a.disabled span { color: #999; } .text-controls .highslide-previous span { background-position: 0 -40px; } .text-controls .highslide-previous a.disabled { background-position: left top !important; } .text-controls .highslide-previous a.disabled span { background-position: 0 -140px; } .text-controls .highslide-play span { background-position: 0 -60px; } .text-controls .highslide-play a.disabled { background-position: left top !important; } .text-controls .highslide-play a.disabled span { background-position: 0 -160px; } .text-controls .highslide-pause span { background-position: 0 -80px; } .text-controls .highslide-next span { background-position: 0 -100px; } .text-controls .highslide-next a.disabled { background-position: left top !important; } .text-controls .highslide-next a.disabled span { background-position: 0 -200px; } .text-controls .highslide-full-expand span { background: none; } .text-controls .highslide-full-expand a.disabled { background-position: left top !important; } .text-controls .highslide-close span { background-position: 0 -120px; } /*****************************************************************************/ /* Styles for the thumbstrip. */ /* See www.highslide.com/ref/hs.addSlideshow */ /* You can safely remove this if you don't use a thumbstrip */ /*****************************************************************************/ .highslide-thumbstrip { height: 100%; direction: ltr; } .highslide-thumbstrip div { overflow: hidden; } .highslide-thumbstrip table { position: relative; padding: 0; border-collapse: collapse; } .highslide-thumbstrip td { padding: 1px; /*text-align: center; */} .highslide-thumbstrip a { outline: none; } .highslide-thumbstrip img { display: block; border: 1px solid gray; margin: 0 auto; } .highslide-thumbstrip .highslide-active-anchor img { visibility: visible; } .highslide-thumbstrip .highslide-marker { position: absolute; width: 0; height: 0; border-width: 0; border-style: solid; border-color: transparent; /* change this to actual background color in highslide-ie6.css */} .highslide-thumbstrip-horizontal div { width: auto; /* width: 100% breaks in small strips in IE */} .highslide-thumbstrip-horizontal .highslide-scroll-up { display: none; position: absolute; top: 3px; left: 3px; width: 25px; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-up div { margin-bottom: 10px; cursor: pointer; background: url(/images/highslide/scrollarrows.png) left center no-repeat; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down { display: none; position: absolute; top: 3px; right: 3px; width: 25px; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down div { margin-bottom: 10px; cursor: pointer; background: url(/images/highslide/scrollarrows.png) center right no-repeat; height: 42px; } .highslide-thumbstrip-horizontal table { margin: 2px 0 10px 0; } .highslide-viewport .highslide-thumbstrip-horizontal table { margin-left: 10px; } .highslide-thumbstrip-horizontal img { width: auto; height: 40px; } .highslide-thumbstrip-horizontal .highslide-marker { top: 47px; border-left-width: 6px; border-right-width: 6px; border-bottom: 6px solid gray; } .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { margin-left: 10px; } .dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { border-bottom-color: white !important; } .highslide-thumbstrip-vertical-overlay { overflow: hidden !important; } .highslide-thumbstrip-vertical div { height: 100%; } .highslide-thumbstrip-vertical a { display: block; } .highslide-thumbstrip-vertical .highslide-scroll-up { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-up div { margin-left: 10px; cursor: pointer; background: url(/images/highslide/scrollarrows.png) top center no-repeat; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down div { margin-left: 10px; cursor: pointer; background: url(/images/highslide/scrollarrows.png) bottom center no-repeat; height: 25px; } .highslide-thumbstrip-vertical table { margin: 10px 0 0 10px; } .highslide-thumbstrip-vertical img { width: 60px; /* t=5481 */} .highslide-thumbstrip-vertical .highslide-marker { left: 0; margin-top: 8px; border-top-width: 6px; border-bottom-width: 6px; border-left: 6px solid gray; } .dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker { border-left-color: white; } .highslide-viewport .highslide-thumbstrip-float { overflow: auto; } .highslide-thumbstrip-float ul { margin: 2px 0; padding: 0; } .highslide-thumbstrip-float li { display: block; height: 60px; margin: 0 2px; list-style: none; float: left; } .highslide-thumbstrip-float img { display: inline; border-color: silver; max-height: 56px; } .highslide-thumbstrip-float .highslide-active-anchor img { border-color: black; } .highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div { display: none; } .highslide-thumbstrip-float .highslide-marker { display: none; } /*End Highslide.css*/ /*start slimbox.css*/ /* SLIMBOX */ #lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(/images/slimbox/loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(/images/slimbox/prevlabel.gif) no-repeat 0 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(/images/slimbox/nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(/images/slimbox/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; } /*end slimbox.css*/ /* size chart code */ .responsive-size-chart { width: 100%; border-collapse: collapse; } /* Zebra striping */ .responsive-size-chart tr:nth-of-type(odd) { background: #eee; } .responsive-size-chart th { background: #333; color: white; font-weight: bold; } .responsive-size-chart td, .responsive-size-chart th { padding: 6px; border: 1px solid #ccc; text-align: left; } .resp-size-chart-header { font-weight: bold; padding: 5px 0; } @media only screen and (max-width: 760px) { .responsive-size-chart, .responsive-size-chart thead, .responsive-size-chart tbody, .responsive-size-chart th, .responsive-size-chart td, .responsive-size-chart tr { display: block; } .responsive-size-chart thead tr { position: absolute; top: -9999px; left: -9999px; } .responsive-size-chart tr { border: 1px solid #ccc; } .responsive-size-chart td { border: none; border-bottom: 1px solid #ccc; position: relative; padding-left: 50%; } .responsive-size-chart td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight: bold; } @media only screen and (min-width: 760px) { .responsive-size-chart { width: 100%; } } /* end size chart code */ } .verified-logos { text-align: center; } .vertical-centery-goodness { display: inline-block; vertical-align: middle; } .sslseal { padding-right: 10px; } .verified-logos img, .verified-logos table { display: inline-block; } .verified-logos a { /*hides inexplicable error on authorize.net seal*/ color: #fff; } .holiday-header-special { clear: none; float: right; padding-right: 8px; } /********* NEW CSS ***********/ #checkout_confirmation .cart-wrapper li.header-desc, #checkout_confirmation .cart-wrapper li.cart-desc, #checkout_thanks .cart-wrapper li.header-desc, #checkout_thanks .cart-wrapper li.cart-desc {width:585px;} #product .attributes select { margin-bottom: 10px; } /* progress bar for generic and custom forms */ #filestatus { display:none; } #filestatus #status { display:none; } #progress_bar { width: 200px; margin: 10px 0; padding: 3px; border: 1px solid #000; font-size: 14px; clear: both; opacity: 0; -moz-transition: opacity 1s linear; -o-transition: opacity 1s linear; -webkit-transition: opacity 1s linear; } #progress_bar.loading { opacity: 1.0; } #progress_bar .percent { background-color: #99ccff; height: auto; width: 0; } .amazon-quick-checkout label, .amazon-quick-checkout span.label { text-align: left !important; } .amazon-pay-stuff input[type="checkbox"] { float: left; width: 15px; display: block !important; } .amazon-pay-stuff label { width: auto !important; display: inline !important; float: left !important; text-align: left !important; padding-left: 5px ; } .amazon-pay-stuff .moreinfobutton { display: inline !important; float: left !important; clear: none !important; max-width: 150px !important; } .amazon-pay-stuff span.label { width: 100% !important; } .amazon-quick-checkout .terms-and-condition-acceptance { text-align: left } .amaz-pay-disclaim { clear: both; padding-top: 5px; display: block; } .buttons { text-align: center; height: 140px; } .paypal-or { display: none; } .payblocka { display: inline-block; width: 22% !important; margin: 15px 1% .25%; padding: .5%; border: 1px solid #c3c3c3; float: none !important; height: 140px; position: relative; } #AmazonWidget, .paypalwidget { padding-top: 20px } .payblocka img { max-width: 90% !important; margin: 0 auto; display: block; } .payblocka input[type="image"] { margin: 0 auto; display: block; } .paywordsa { text-align: center; top: 85px; left: 0; position: absolute; width: 94%; padding: 0 3%; } .buttons div.btn-checkout { float: none; text-align: center; margin: 0 auto; margin-top: 20px; } .buttons .header-row { background: #efeff4; font-size: 13px; font-weight: bold; } .buttons.viewcart-buttons { height: 195px; border:none; } .buttons h3 { text-align: left; padding: 10px 5px; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; margin-bottom: 5px; font-weight: normal !important; } #checkout_confirmation div.btn-checkout input{ float: right; } .amazon-logout a{ background: #fee6a4; /* Old browsers */ background: -moz-linear-gradient(top, #fee6a4 0%, #f6c84b 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fee6a4), color-stop(98%,#f6c84b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fee6a4 0%,#f6c84b 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fee6a4 0%,#f6c84b 98%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fee6a4 0%,#f6c84b 98%); /* IE10+ */ background: linear-gradient(to bottom, #fee6a4 0%,#f6c84b 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee6a4', endColorstr='#f6c84b',GradientType=0 ); /* IE6-9 */ color: black !important; text-decoration: none; font-weight: bold; padding: .8em 2.625em;.6em; margin: 0px 3px 2em; display: block; float: left; font-size: 14px; text-align: center; text-transform: uppercase; } div.login section.guest_checkout #guest_checkout a { clear: both !important; float: left; margin-bottom: .5em; } div.login section.guest_checkout div p, p.quick-checkout-legend { clear: both; } #checkout_confirmation .buttons div.btn-checkout { margin-top: 10px; } #checkout_confirmation .buttons { height: 60px; } .payment_icons div.amazon { background: url(images/az-pay-foot.png); } .btn-addtowishlist { margin-bottom: 10px; } .normaltext { line-height:1em; } .strike { text-decoration: line-through; } .specialprice { color: #a20101; font-size: 12px; } .small_price { color: #a20101; font-size: 10px; } .avb-guarantee-bar { background: #c11f2e url(/images/bg-redstripe-over.gif) repeat-x; text-align: center; } .avb-guarantee-bar a { color: white; text-decoration: none; font-size: .9em; } .avb-guarantee-bar li { display: inline-block; padding: 4px 30px; } .avb-guarantee-bar { text-align: center; } .avb-guarantee-bar li:hover { background: #333; } .highslide-maincontent li { line-height: 1.35; } .highslide-maincontent ul, .highslide-maincontent li { list-style: disc inside none; } .highslide-maincontent ul { padding-bottom: 10px; } #all-volleyball-service-guarantee #content h3 { padding-bottom: 5px; } .ui-widget-content a.green { color: white !important; } #all-volleyball-service-guarantee #content ul { padding-bottom: 15px; } .av-bio { float: right; width: 50%; } .av-bio-pic { float: left; width: 40%; position: relative; } .av-bio-pic img { max-width: 96%; width: 96%; } .av-bios hr { clear: both; margin-top: 5px; width: 100%; } .biolarge { width: 100%; } .biolarge img { width: 100%; } .av-bio-video { position: absolute; bottom: 10px; left: 0; padding: 10px; background: #c11f2e url(/images/bg-redstripe-over.gif) repeat-x; font-weight: bold; color: #fff; text-decoration: none; } .sometimes-show { display: none; } #checkout_thanks .sometimes-show { display: block; } /*need to refactor this*/ #horizontal { background: #333 url(/images/bg-nav2big.jpg) top left; } #horizontal a { color: white !important; } #horizontal li a:hover { background: #AF1722 url('/images/bg-redstripe.gif') repeat-x !important; } .nav_cart { margin-right:10px; } #cartitems { color: white !important; } .emailicon-combo, .promoarrow-combo, .carticon-combo { background-image: url("/images/combined-mail-cart-arrow-inv.png"); } #horizontal hr { margin: 5px 0px 5px 10px; width: 170px; } #horizontal ul li:hover ul { background: #3B3B3B; } .smaller-nav { font-size: .75em; } @media screen and (min-width: 900px) { #mobileDiv { display: none; } } /* newbanner test*/ .newbanner { text-align: center; background: #999 url("images/gray-repeat.jpg"); margin: 5px 10px 5px } .newbanner.special { background: #fff; border: 1px solid black; height: 42px; } .banner-showcase { display: inline-block; padding: 5px 1px 3px; } #topnav2 { display: none } .avb-guarantee-bar { display: none; } .highblock { width: 30%; display: inline-block; vertical-align: top; padding: 0 1%; text-align: left; } .highslide-maincontent li { list-style-position: outside; list-style-image: url(/images/arrow-double-red.gif); margin-left: 15px; } .highblock-container { text-align: center; } /* end newbanner*/ /* search spring autocomplete needs these */ body #searchspring-autocomplete_results { z-index: 9999; } body #searchspring-autocomplete_results:before { left:80px; } #searchspring-autocomplete_results .ac_term_suggest.highlight,#searchspring-autocomplete_results .ac_term_suggest:hover {color: #fff;display: block;font-weight: bold;color: #FFF;background: #AF1722 url(//www.allvolleyball.com/images/bg-redstripe-90-opacity.jpg) repeat-x;font-weight: bold;padding-left: 3px} body #searchspring-sidebar.left #searchspring-facets { margin-top: 0px !important; padding-top: 7px; } .add-ship { font-size: 0.875em; clear: both; display: block; } body #searchspring-sidebar #searchspring-summary_header { margin-top: 27px !important; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #3B3B3B !important; color: white !important; } .ui-state-focus, .ui-state-active { background: #AF1722 url('/images/bg-redstripe.gif') repeat-x !important; color: white !important; } .ui-icon-triangle-1-s, .ui-state-hover .ui-icon-triangle-1-e { background: url(images/ui-icons-white.gif) !important; background-position: -64px -16px !important; } .ui-icon-triangle-1-e { background-position: -32px -16px !important; } .ui-widget { font-size: 1em !important; } .av-serves-logo { float: left; margin-top: -5px; margin-right: 5px; } #shipping #tabnav li h3 { font-size: 12px; } #shipping #tabnav li a { padding-left: 10px; padding-right: 10px; } #tabnav a.active { background: #AF1722 url('/images/bg-redstripe.gif') repeat-x !important; } #tabnav li { border-left: 0 !important; border-right: 0 !important; } #tabnav a { background: url(/images/bg-lightgraystripe-fade.gif) repeat-x; } #tabnav a.active h3 { color: white; } #tabnav a:hover { background: #3B3B3B !important; } #tabnav a:hover h3 { color: #fff; } #tabnav li { border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } #tabnav { border: none !important; } @media screen and (max-width: 500px) { #tabnav li { clear: both; } } #shipping #bongoLoader-dialog { float: left; } #searchspring-merch_banner img { width: 100% !important; height: auto !important; } .custom-package-list li { display: none; } #guarantee-accordion li { list-style-position: outside; list-style: disc outside; margin-left: 1px; } #guarantee-accordion li { margin-left: 15px; list-style-image: url(/images/arrow-double-red.gif); } #guarantee-accordion ul { margin-bottom: 10px; margin-top: 3px; } .basic-responsive-image { max-width: 100%; } #video-btn { position: absolute; top: 50px; left: 0px; } .avbutton {color: #fff; background: #c11f2e url(/images/bg-redstripe.gif) repeat-x; text-transform: uppercase; padding: 3px; display: inline-block; margin: -3 2px; outline: medium none; overflow: visible; text-align: center; text-decoration: none; text-shadow: 0 0px 0px rgba(0, 0, 0, 0.3); vertical-align: bottom; font-weight: bold; } .avbutton a { color: white !important; text-decoration: none !important; } .btn-add #personalization_dialog iframe { /*weird fix for ipad only*/ max-height: 0px; margin-top: -10px; display: block; } #category #video-btn { display: none !important; } #video-btn { top:420px; opacity: 1; left: auto; left: 360px } .sresults { height: 60px !important; } .cat-video-button { position: absolute; top:138px; right: 0px; border: none; } .cat-video-button button { display: none; } .product { position: relative; } /* Begin Additional Products*/ .dots_line_horiz { background: url(/images/dots-line-horiz.gif); background-repeat:repeat-x; padding-top:10px; } .section_header_text { font-size: 16px; font-weight: normal; color: #888; line-height:16px; } #addl_prod_style { width:310px; float:left; padding-right:5px; padding-left:5px; padding-top:5px;text-align:center; } #added #addl_prod_style { width:212px; float:left; padding-right:5px; padding-left:5px; padding-top:5px; text-align:center; border-right: 0px solid #666; min-height: 350px; margin-bottom: 5px; } #added strong { font-weight: 600; } #added strong a { font-size: 11px !important; } #added #addl_prod_style:last-child {border-right:0px;} .close_popover {position:absolute;top: 5px;left:700px;} .popover_close_btn {border:0px; background:none; font-weight: bold; font-size: 24px; color:#666;} .cart_overlay_special_prod_message {font-size:11px; font-weight:bold; color:#c11f2e;} .cart_overlay_promo_message {font-size: 18px; line-height: 1.25em; font-weight: 600; color: #c11f2e;} #addl_prod_style .strike {font-size:13px; color:#777;} .heading_popover {color: #006633; line-height: 1.25em} .addl_products_container {display: table; margin: 0 auto;} /* Added Color #cont_added {background: #090; font-weight: bold; background: -webkit-gradient(linear, left top, left bottom, from(#1aba1a), to(#090)); background: -moz-linear-gradient(top, #1aba1a, #090); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1aba1a, endColorstr='#090);} #cont_added a {color:#fff; font-weight:bold;} #close_added {border: 1px solid #090;color: #090; font-weight: bold; } */ #theAdditionalProds select { display: block; margin: 2px auto; } #theAdditionalProds input.small_price { font-size: 1.5em; width: 100% !important; text-align: center; margin-bottom: 5px; } .normaltext .formtext { width: 40px; padding: 3px 10px !important; text-align: center; } #theAdditionalProds .button.small { padding: .5em 1.5em .42em !important; font-size: 13px; margin-top: 3px; } #added #addl_prod_style { min-height: 380px; } /* End Additional Products*/ #cartitems input {padding: .5em 1em .42em;} .review-product-container h3 { text-align: center; } .review-product-container img { display: block; margin: 0 auto; } .s-icon { display: inline-block; clear: none; vertical-align: middle; width: 48% !important; } .footer-logos { text-align: right; } .sec-icons .s-icon { margin: 0 5px; } .sec-icons { float: left; } .checkout-s-icons img { max-width: 100%; } .blog_cat li .image { float: left; } .blog_cat .image { height: auto !important; width: 25% !important; } .blog_cat .content-only { margin: 0 10px; float: left; width: 69%; margin: 0 3%; } .blog_cat .content-only h2 { font-weight: bold !important; border-top: 0 !important; padding-top: 0 !important; } .blog_cat .description{ margin-bottom: 5px; } .blog-content img { padding: 5px; background: #fff; border: 1px solid #ddd; margin: 0 0 10px; max-width: 100%; } .blog_cat li { width: 100% !important; border-top: 1px solid #efeff4; padding-top: 15px !important; min-height: auto !important; } .blog_cat li:first-child { border-top: 0; padding-top: 0; } .blog-page, .blog-breadcrumb, .blog_category { max-width: 780px; margin: 0 auto; } .blog-breadcrumb .def-width { padding: 0; } #prev-next2.blog-pagination { font-size: 1em } .embed-youtube { text-align: left !important; margin-bottom: 10px; } .embed-youtube iframe { max-width: 100%; } .infographic { max-width: 100%; margin-bottom: 10px; } .infographic-code { width: 80%; height: 80px; } .blog .description img { display: none; } .anniversary20 img { width: 130px; height: auto; } .anniversary20 { float: left; margin-left: 120px; margin-top: -40px; } .up-faq { position: absolute;top: 32px; } .social-blog-buttons { margin: 5px 0 15px; border-top: 1px solid #ccc; padding: 5px 5px 3px;; border-bottom: 1px solid #ccc; } .sc-button { display: inline-block; vertical-align: middle; padding: 0 5px 0 0; } .facb { max-width: 90px; overflow: hidden; position: relative; top: -5px; padding-right: 10px; } .needspace { margin-bottom: 20px; } .thirdsies .field_block { width: 30%; float: left; text-align: left; margin-right: 1%; } .thirdsies .caption { width: auto; float: none; text-align: left; } .thirdsies input { width: 90%; } #row_24956 { margin-top: 3px; } .addit-comments .caption { width: 100%; text-align: left; } .addit-comments textarea { margin-bottom: 5px; width: 547px; } .field-name { width: 40% !important; } .field-quantity { width: 10% !important; } .field-size { width: 20% !important; margin-left: 3%; } .qty-attribute div { float: none; } /*so many important hacks...these override stuff for single quantity attributes*/ .qty-attribute div label { width: auto !important; text-align: left !important; font-size: 13px; } .qty-attribute div input[type="tel"] { float: left !important; } .qty-attribute { padding: 0 !important; } /*end single quantity*/ #guarantee-accordion .generic-form-container ul { margin-left: 0; } #guarantee-accordion .generic-form-container li { list-style: none; } #checkout_thanks a.highslide.cust_field_29 { float: none; clear: both; } .inline-h1 { font-weight: bold; display: inline; font-size: 16px; } .inline-h1-container { margin: 10px 0 15px; } .play-disc-2 label { width: auto !important; } .play-disc-2 .buttonrow { padding: 0 !important; margin-top: 10px; } #checkout_fpinfo .formtext { width: auto !important; } #member_orders td.normaltext { padding-bottom: 5px; padding-top: 5px; } .inpagesearch{ border: 1px solid #ababab; width: 310px; padding: 0.19em 0.1em 0.19em 0; } .inpagesearch input[type=text] { width: 250px; border: 0px; background: none!important; color: #999; } .pink { color: #fff; background: #f0449a; } .pink-pride-center-buttons { margin-top: 10px; } .pink:hover { background: #f0449a; } .pink-personalize-div { width: 300px; } .pink-personalize-div .highslide { margin-left: 2px; } .holiday-header-special { margin-top: -2px; } .tab_box .brontoform-container { display: none; } .flag-holder .specialclose { position: absolute; left: 0; top: -20px; } .flag-holder .specialusa { position: absolute; left: 0; } .dualflags { position: relative; } .rightpayblock { margin-left: 13.5%; } .leftpayblock { margin-right: 13.5%; } /*added swipe.js*/ .swipe { visibility: hidden; overflow: hidden; clear: both; position: relative; } .swipe-wrap { overflow: hidden; position: relative; } .swipe-wrap > div { float:left; width:100%; position: relative; } #mobile_slides { max-height: 530px; } #mobile_slides img { z-index: 2; position: relative; width: 100%; } .answer-verified, .answer-customer-service { height:12px; width: 12px; display: inline-block; } .answer-verified { background: url(images/verified.gif) no-repeat; } .answer-customer-service { background: url(images/customer_service.gif) no-repeat; } #position li { height: 10px; width: 10px; padding: 0; border: solid 2px #111; border-radius: 10px; margin: 3px 5px; !important; list-style: none; display: inline-block; text-align: center; } #position { text-align: center; background: white; clear: both; width: 100%; margin-left: 0 !important;margin-top: 0px; } #position li.on { background: #111; } .mobile-slides-counter { margin-top: -30px; z-index: 900000; padding-top: 0 !important; position: relative; } .mobile-slides-counter #position { background: transparent; text-align: left; width: 99%; padding-left: 1% !important; } .mobile-slides-counter #position li { border: 2px solid #efeff4; margin: 3px 0 3px 3px; opacity: .75; box-shadow: 0px 0px 2px #000; } .mobile-slides-counter #position li.on { background: #efeff4; } /*end swipe.js*/ /* END STYLES */ .promo-gray { background: #999 !important; border: 1px solid #3b3b3b !important; box-shadow: 0 0 1px black !important; } /*begin new test code*/ .attInv, .cqa { margin-top: 2px; color: #fff; position: absolute; background-color: #035b81; } .cqa-header { width: 100% !important; text-align: center; display: none; } .cqa { margin: 0 auto; position: relative; } .activeInv, .cqa { padding: 3px 2px; } .attHolder { position: relative; } #product .product .attributes select { float: left; } #attAvailable { margin-left: 10px; margin-top: 9px; } .form #attAvailable { margin-top: 8px; } #product .attributes div { position: relative; } #product .attributes div .attInv { top: 18px; margin-left: -43px; width: 40px; } .masterAttInv, .attInv { font-size: 10px; text-align: center; } #product .attributes div label { margin-top: 2px; } #product input[type=tel] { padding: 10px; } #product .attributes div label { padding-top: 0px; } .multi-atts { height: auto !important; width: 100% !important; } #main #search #search_keyword { border: 2px solid #efeff4; border-right: 0; float: left; } #main #search button { padding: 4px 10px; float: left; } /*begin pink pride stuff*/ /* .pink-pride a { background: #f0449a url(/images/pink-pattern.jpg) !important; } .pink-personalize-div { width: 300px; } .highslide.pink_highslide { background: #f0449a url(/images/pink-pattern.jpg); padding: 5px 10px; font-weight: bold; color: #fff; font-size: 0.875em; } #cartitems .red, #bottom_nav { background: #f0449a url(/images/pink-pattern.jpg); } */ /*.pink-pride-month*/ /* #main-nav ul .cc-inner>ul>li.pink-pride>a { background: #ee4699; margin-left: 10px; padding: 5px 10px !important; margin-top: 5px; margin-bottom: 5px; color: #fff !important; } #main-nav ul .child-content>.cc-inner>ul>li.pink-pride>a { color: #fff !important; } .pink-pride-month .center-float .top-level-nav a { color: #ee4699; } */ .big-headline .button { font-weight: normal; display: block; } .big-headline a { padding: 5px !important;; } .pink-pride-month .red-child-content { background: #da65a6 url('images/right-pink-diagonals-2.jpg') right top no-repeat !important; }.pink-pride-month .activated-nav .red-child-content { border-top: 2px solid #da65a6 !important; border-bottom: 2px solid #da65a6 !important; } #mobile_slides img { vertical-align: top; } .cc-inner { position: relative; width: 1170px; margin: 0 auto; max-width: 100%; } .x-out { font-weight: bold !important; position: absolute; font-size: 1.375em; padding: 0 !important; margin: 0 !important; top: -20px; z-index: 10000; right: 1%; } .x-out:hover { cursor: pointer; } body #searchspring-autocomplete_results { margin-left: -216px !important; } .black-text { color: black; font-weight: normal; } .mobile-only { display: none; } #paypal-button-container { margin-top: 20px; } .product-name-block { float: left; }