/* * jQuery UI CSS Framework 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,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%; } /* * jQuery UI CSS Framework 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,%20Helvetica,%20sans-serif&fwDefault=bold&fsDefault=13px&cornerRadius=6px&bgColorHeader=f66916&bgTextureHeader=02_glass.png&bgImgOpacityHeader=40&borderColorHeader=f66916&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=e6e6e6&fcContent=000000&iconColorContent=000000&bgColorDefault=f66916&bgTextureDefault=02_glass.png&bgImgOpacityDefault=40&borderColorDefault=f66916&fcDefault=ffffff&iconColorDefault=ffffff&bgColorHover=000000&bgTextureHover=02_glass.png&bgImgOpacityHover=40&borderColorHover=000000&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=000000&bgTextureActive=02_glass.png&bgImgOpacityActive=40&borderColorActive=000000&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=ffffff&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=6b6b6b&fcHighlight=363636&iconColorHighlight=6489be&bgColorError=fdede8&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=f27d7d&fcError=cc1919&iconColorError=cd0a0a&bgColorOverlay=6b6b6b&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=3d3d3d&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=40&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #e6e6e6; background: #ffffff url(../../skin/nbm/lib/jqueryui/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #000000; } .ui-widget-content a { color: #000000; } .ui-widget-header { border: 1px solid #006f44; background: #006f44; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #f66916; background: #f66916 url(../../skin/nbm/lib/jqueryui/images/ui-bg_glass_40_f66916_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; 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 #000000; background: #000000 url(../../skin/nbm/lib/jqueryui/images/ui-bg_glass_40_000000_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; } .ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #000000; background: #000000 url(../../skin/nbm/lib/jqueryui/images/ui-bg_glass_40_000000_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #6b6b6b; background: #ffffff url(../../skin/nbm/lib/jqueryui/images/ui-bg_glass_55_ffffff_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #f27d7d; background: #fdede8 url(../../skin/nbm/lib/jqueryui/images/ui-bg_glass_95_fdede8_1x400.png) 50% 50% repeat-x; color: #cc1919; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cc1919; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cc1919; } .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; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(../../skin/nbm/lib/jqueryui/images/ui-icons_000000_256x240.png); } .ui-widget-content .ui-icon {background-image: url(../../skin/nbm/lib/jqueryui/images/ui-icons_000000_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../../skin/nbm/lib/jqueryui/images/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(../../skin/nbm/lib/jqueryui/images/ui-icons_ffffff_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../../skin/nbm/lib/jqueryui/images/ui-icons_ffffff_256x240.png); } .ui-state-active .ui-icon {background-image: url(../../skin/nbm/lib/jqueryui/images/ui-icons_ffffff_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(../../skin/nbm/lib/jqueryui/images/ui-icons_6489be_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../../skin/nbm/lib/jqueryui/images/ui-icons_cd0a0a_256x240.png); } /* 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-off { background-position: -96px -144px; } .ui-icon-radio-on { 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; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #6b6b6b url(../../skin/nbm/lib/jqueryui/images/ui-bg_flat_0_6b6b6b_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #3d3d3d url(../../skin/nbm/lib/jqueryui/images/ui-bg_flat_0_3d3d3d_40x100.png) 50% 50% repeat-x; opacity: .40;filter:Alpha(Opacity=40); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Resizable 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; 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;}/* * jQuery UI Selectable 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Accordion 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /* * jQuery UI Autocomplete 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.17 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .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 */ /* * jQuery UI Dialog 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; 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; } /* * jQuery UI Slider 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .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; }/* * jQuery UI Tabs 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; margin:0 0 15px 0; } /* 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: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .4em .6em; text-decoration: none; font-size:16px; text-transform:capitalize; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected 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: 7px; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .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 { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ 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*/ }/* * jQuery UI Progressbar 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* vim: set ts=2 sw=2 sts=2 et: */ /** * General CSS stylesheet for storefront pages * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.56.2.1 2010/08/16 07:16:11 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /** * General tags styles */ html, body { height: 100%; background-color: #fff; margin: 0; padding: 0; min-width: 780px; border: 0 none; } body, input, select, textarea, button { font-family: verdana, arial, helvetica, sans-serif; color: #2c3e49; font-size: 11px; } a { color: #043fa0; text-decoration: underline; } a:hover { color: #2863c2; text-decoration: underline; } h1 { margin: 10px 0; padding: 0; font-size: 20px; color: #617683; font-weight: normal; } hr { border: 0 none; border-bottom: 1px solid #888; margin: 20px 0 10px; padding: 0; height: 0; } form { margin: 0; } table, img { border: 0; } em { font-style: italic; } strong { font-weight: bold; } /** * Service styles */ /** * float-box finisher */ .clearing { height: 0; font-size: 0; clear: both; } /** * vertical align (center) */ .valign-middle { vertical-align: middle; height: 100%; } .valign-middle-adv-lvl1 { height: 100%; display: table; } .valign-middle-adv-lvl2 { display: table-cell; vertical-align: middle; } .valign-middle-adv-lvl3 { } /** * horizontal align */ .halign-center-noscript, .halign-center { display: table; margin: 0 auto; text-align: center; } .center { text-align: center; } .right-box { width: 100%; text-align: right; } /** * text block container */ .text-block { margin-bottom: 15px; } .text-pre-block { margin-top: 15px; } /** * no-wrap */ .nowrap { white-space: nowrap; } /** * width:100% emulator */ .width-100 { width: 100%; } /** * page break */ .page-break { height: 0; line-height: 0; margin: 0; padding: 0; page-break-after: always; } /** * pointer cursor */ .pointer { cursor: pointer; } /** * overflow wrapper */ .overflow { position: relative; margin-right: 20px; padding-bottom: 20px; overflow: auto; } /* display: none */ .hidden { display: none; } label { vertical-align: bottom; line-height: 15px; } label input { margin: 0; vertical-align: bottom; } label.input-block { vertical-align: middle; line-height: 21px; } label.input-block input, label.input-block select { vertical-align: middle; } label.input-row, .input-row label { float: left; padding-right: 20px; } .plain-box { display: block; padding-bottom: 15px; } .plain-box .label-title { display: block; } .default-value { color: #aaa; } .underline { text-decoration: underline; } .dotted { text-decoration: none !important; border-bottom: 1px dotted #888; } .toggle-link { background: transparent url(../../skin/common_files/css/../images/arrow_down.png) no-repeat right 8px; padding-right: 15px; } .cursor-hover:hover { border: solid 1px #1a478f !important; } /** * Form elements styles */ input[type=text], input[type=password], select, textarea, .input-style { border: solid 1px #bbb; padding: 2px; background: #fff; } input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { border: solid 1px #999; } /** * Common styles */ .error-message { color: #b51a00; } select.err, input.err, textarea.err { border: solid 1px #b51a00; background-color: #f7f3f3; } div.error-message { margin: 0 0 15px; } .form-text { color: #112536; font-weight: bold; } .black-text { color: #000; } a.list-item:link, .list-item a:link { color: #043fa0; text-decoration: none; } a.list-item:visited, .list-item a:visited { color: #043fa0; text-decoration: none; } a.list-item:hover, .list-item a:hover { color: #2863c2; text-decoration: underline; } a.list-item:active, .list-item a:active { color: #043fa0; text-decoration: none; } tr.head-row th { background: #ccc none; font-weight: bold; } tr.highlight td, tr.highlight th, li.highlight { } tr.center-row th { text-align: center; } div.ajax-popup-error-message { padding: 0 5px; margin: 10px 0; display: none; } div.ajax-popup-error-message span { float: left; margin: 0 10px 0 3px; } /** * Currency */ .currency { white-space: nowrap; } input.datepicker-formatted { border: solid 1px #bbb; margin-right: 5px; } input.datepicker-formatted[disabled] { background: #fff; color: #bbb; } /** * zipcode */ input.zipcode { width: 100px; } input.zip4 { width: 60px; } /** * password validation */ span.validate-mark { margin: 0; padding: 0; vertical-align: middle; } span.validate-mark img { width: 15px; height: 15px; margin-left: 3px; } span.validate-matched img { background: transparent url(../../skin/common_files/css/../images/icon_ok.png) no-repeat left top; } span.validate-non-matched img { background: transparent url(../../skin/common_files/css/../images/icon_nok.png) no-repeat left top; } /*============================================================================== layout styles ==============================================================================*/ /** * page container */ #page-container { min-height: 100%; position: relative; } /** * page layout */ #content-container { clear: both; float: left; overflow: hidden; position: relative; width: 100%; padding-bottom: 39px; margin-top: 140px; } #content-container2 { float: left; position: relative; right: 100%; width: 200%; } #center { float: left; position: relative; width: 50%; left: 50%; } #left-bar { float: left; position: relative; width: 160px; margin-left: 7px; } #right-bar { float: right; right: 7px; position: relative; width: 160px; } #center-main { margin: 0 187px; position: relative; overflow: hidden; } #header { height: 140px; position: absolute !important; top: 0; left: 0; width: 100%; } #footer { height: 39px; width: 100%; position: absolute !important; bottom: 0; overflow: hidden; float: left; } /** * Right-to-left */ .rtl { direction: rtl; } /** * header styles */ #header .line1 { position: relative; height: 67px; direction: ltr; } #header .line1 .logo { padding-top: 9px; margin-left: 27px; width: 203px; } #header .line1 .logo a img { width: 203px; height: 48px; } /** * header tabs */ .tabs { position: absolute; top: 0; right: 0; margin: 0; padding: 0; height: 25px; width: 80%; text-align: right; } .tabs ul { margin: 0; padding: 0; list-style: none; } .tabs li { float: right; margin: 0 1px 0 0; padding: 0; background: transparent url(../../skin/common_files/css/../images/tab_r.png) no-repeat right top; height: 25px; } .tabs a { display: block; background: transparent url(../../skin/common_files/css/../images/tab_l.png) no-repeat left top; margin: 0 5px 0 0; padding: 5px 10px 5px 15px; text-align: center; vertical-align: middle; white-space: nowrap; color: #253161; text-decoration: none; font-weight: bold; font-size: 11px; height: 25px; outline-style: none; } .tabs a:hover { color: #2863c2; } /** * phones line */ #header .phones { position: absolute; right: 10px; top: 25px; height: 42px; vertical-align: middle; line-height: 42px; color: #5480a2; text-align: right; white-space: nowrap; font-size: 11px; } #header .phones span { padding-left: 15px; } /** * header line 2 */ #header .line2 { position: relative; width: 100%; border: none; border-top: 1px solid #cb480c; border-bottom: 1px solid #cb480c; background: url(../../skin/common_files/css/../images/head_linebg.gif) repeat-x top; height: 39px; color: #451300; } #header .line2 div, #header .line2 span { color: #451300; } #header .line2 a { color: #510000; } #header div.search { position: absolute; top: 0; left: 0; height: 39px; line-height: 39px; vertical-align: middle; } #header span.search { font-size: 12px; padding-left: 20px; padding-right: 5px; } #header input.text { width: 108px; } #header a.search { text-decoration: underline; } #header input { margin-right: 3px; } #header button.simple-button { vertical-align: middle; margin-bottom: 3px; margin-right: 3px; } #header button.simple-button img { margin-left: 0; } #header .languages { position: absolute; top: 7px; right: 20px; text-align: right; vertical-align: middle; } #header .languages-row, #header .languages-flags { top: 9px; } #header .languages-flags a, #header .languages-flags strong { padding-left: 5px; padding-right: 5px; } #header .languages label { line-height: 21px; vertical-align: middle; font-size: 12px; } #header .languages select { margin-left: 5px; } /** * header line 3 */ #header .line3 { position: relative; width: 100%; height: 39px; text-align: right; } .printable-bar a { background: transparent url(../../skin/common_files/css/../images/printer.gif) no-repeat right top; padding: 2px 20px 2px 0; color: #818891; font-size: 10px; line-height: 16px; } div.printable-bar { width: 130px; } /** * footer styles */ #footer .box { width: 100%; border: none; border-top: 1px solid #cb480c; padding: 0; } #footer .subbox { border-top: #ffd30d 1px solid; background: #f4f5f7 none; color: #667d92; height: 40px; vertical-align: middle; padding: 0; position: relative; } #footer .subbox .left { background: transparent none; position: absolute; left: 12px; top: 0; line-height: 40px; vertical-align: middle; } #footer .subbox .right { background: transparent none; position: absolute; right: 12px; top: 0; text-align: right; line-height: 40px; vertical-align: middle; } #footer .subbox a { color: #667d92; text-decoration: underline; } #footer .subbox a:hover { text-decoration: none; } /*============================================================================== widgets ==============================================================================*/ /** * location bar */ #location { min-height: 25px; line-height: 15px; margin-bottom: 10px; font-size: 11px; color: #818891; } font.bread-crumb { font-size: 11px; color: #818891; } a.bread-crumb { font-size: 11px; color: #818891; text-decoration: underline; } a.bread-crumb:hover { text-decoration: none; } font.last-bread-crumb { text-decoration: none; } #location span { padding: 0 5px; } /** * Dialog message container */ #dialog-message { margin: 0; padding: 0; position: fixed; right: 0; top: 0; width: 350px; z-index: 1000; } #dialog-message .box { position: relative; border: 1px solid #000; border-top: 3px solid #000; padding: 10px 25px 10px 59px; vertical-align: middle; text-align: left; min-height: 32px; } #dialog-message a.close-link { display: block; position: absolute; top: 5px; right: 5px; width: 13px; height: 13px; text-decoration: none; } #dialog-message .close-img { width: 13px; height: 13px; background: transparent url(../../skin/common_files/css/../images/but_cross.gif) no-repeat left top; } #dialog-message .message-i { color: #112536; border-color: #7a97c1; background: #f4f5f7 url(../../skin/common_files/css/../images/icon_info.gif) no-repeat 10px 10px; } #dialog-message .message-w { color: #3e3104; border-color: #c3902f; background: #f8f7f3 url(../../skin/common_files/css/../images/icon_warning.gif) no-repeat 10px 10px; } #dialog-message .message-e { color: #590a0a; border-color: #d30000; background: #f7f3f3 url(../../skin/common_files/css/../images/icon_error.gif) no-repeat 10px 10px; } #dialog-message .anchor { position: relative; margin-left: auto; margin-right: 0; height: 15px; text-align: right; vertical-align: middle; } #dialog-message .anchor img { width: 12px; height: 10px; vertical-align: middle; background: transparent url(../../skin/common_files/css/../images/goto_arr.gif) no-repeat left top; } .dialogtr { color: #1a2b3c; } /** * Form fill error */ .fill-error label { color: #ce0000; } .fill-error input[type=text], .fill-error input[type=password], .fill-error select, .fill-error textarea { border: solid 1px #ce0000; background-color: #ffebeb; } div.error-label { color: #ce0000; font-size: 9px !important; display: none; } .fill-error div.error-label { display: block; } /** * Inline message */ .inline-message { height: 16px; line-height: 16px; vertical-align: middle; padding: 1px 1px 15px; margin: 0; } .inline-message img.icon-w { vertical-align: top; width: 18px; height: 18px; background: transparent url(../../skin/common_files/css/../images/icon_warning_small.gif) no-repeat; } .cart-message { padding: 5px 5px 5px 35px; text-align: left; min-height: 20px; color: #4f6280; font-size: 10px; margin-top: 10px; margin-bottom: 10px; } .cart-message-w { background: #efefef 5px 5px url(../../skin/common_files/css/../images/icon_warning_small.gif) no-repeat; } .cart-message div.close-link { float: right; width: 25px; height: 13px; text-align: right; cursor: pointer; background: transparent url(../../skin/common_files/css/../images/but_cross.gif) no-repeat right top; } /** * side bar container */ .menu-dialog { border: 1px solid #5f94c0; margin-bottom: 15px; } .menu-dialog .title-bar { width: 100%; background: #9ec6de url(../../skin/common_files/css/../images/menu_bg.gif) repeat-x left top; border: 0 none; border-bottom: #215485 1px solid; height: 27px; overflow: hidden; } .menu-dialog .title-bar img.icon { vertical-align: middle; margin: 4px 7px 6px; width: 17px; height: 17px; } .menu-dialog .title-bar h2 { font-size: 12px; color: #fff; font-weight: bold; line-height: 27px; height: 27px; margin: 0; padding: 0; width: auto; display: inline; white-space: nowrap; } .menu-dialog .link-title span.title-link { float: right; padding: 8px 7px 8px 0; } .menu-dialog .link-title a.title-link { text-decoration: none; outline-style: none; } .menu-dialog .link-title .title-link img { width: 7px; height: 11px; background: transparent url(../../skin/common_files/css/../images/menu_arrow.gif) no-repeat left center; } .menu-dialog .content { border: 0; background-color: #fff; padding: 8px 10px; overflow: hidden; } .menu-dialog .content a { color: #324c76; } .menu-dialog .content a:hover { color: #2863c2; } .menu-dialog ul { list-style: none; padding: 0; margin: 0; } .menu-dialog ul li { padding: 0; vertical-align: middle; } .menu-dialog .item { color: #112536; font-size: 10px; } .menu-dialog ul li a { font-size: 11px; text-decoration: none; } .menu-dialog ul li a:hover { text-decoration: underline; } .menu-dialog hr { background-color: #999; } .menu-dialog .login-text ul li { padding: 1px 0; } /** * Dialog container */ .dialog { border: 1px solid #acb7c7; padding: 0; margin: 0 0 30px; page-break-inside: avoid; } .dialog .title { position: relative; color: #253161; font-weight: bold; font-size: 13px; background: transparent url(../../skin/common_files/css/../images/dialog_bg.gif) repeat-x top left; border: 0 none; vertical-align: middle; height: 30px; line-height: 30px; margin: 0; padding: 0 0 0 18px; text-align: left; border-bottom: 1px solid #acb7c7; overflow: hidden; } .dialog .title h2 { margin: 0; padding: 0; font-size: 13px; overflow: hidden; white-space: nowrap; } .dialog .content { border: 0 none; background: transparent none; text-align: left; padding: 10px 10px 25px; color: #58595b; } .list-dialog .title h2 { width: 60%; } .list-dialog .title div.sort-box { height: 30px; position: absolute; top: 0; right: 0; width: 50%; overflow: hidden; } .list-dialog .title div.sort-box .search-sort-bar { padding: 0; margin: 7px 0; } .list-dialog .title div.sort-box .search-sort-title, .list-dialog .title div.sort-box .search-sort-cell { padding-right: 10px; } /** * Dialog with "noborder" class parameter */ .noborder { border: 0 none; } .noborder .content { padding: 0; } /********************************** * Buttons **********************************/ /** * button-based */ button.button { border: 0 none; background-color: transparent; cursor: pointer; height: 23px; margin: 0; padding: 1px; vertical-align: top; overflow: visible; outline-style: none; } button.button .button-right { display: block; background: transparent url(../../skin/common_files/css/../images/but_right.png) no-repeat right top; padding: 0 10px 0 0; height: 21px; } button.button .button-left { display: block; margin: 0; background: transparent url(../../skin/common_files/css/../images/but_left.png) no-repeat left top; padding: 0 5px 0 15px; vertical-align: middle; white-space: nowrap; font-family: verdana, arial, helvetica, sans-serif; color: #111d4d; font-weight: bold; font-size: 11px; height: 22px; line-height: 21px; } /** * div-based */ div.button { border: 0 none; background: transparent none; cursor: pointer; margin: 0; padding: 0 10px 0 0; white-space: nowrap; background: transparent url(../../skin/common_files/css/../images/but_right.png) no-repeat right top; float: left; } div.button div, div.button a { display: block; background: transparent url(../../skin/common_files/css/../images/but_left.png) no-repeat left top; padding: 0 5px 0 15px; line-height: 21px; white-space: nowrap; font-family: verdana, arial, helvetica, sans-serif; color: #111d4d; font-weight: bold; font-size: 11px; text-decoration: none; outline-style: none; } /** * button-based link */ button.simple-button { border: 0 none; background-color: transparent; cursor: pointer; height: 15px; margin: 3px 0 0; padding: 0; white-space: nowrap; color: #043fa0; font-size: 11px; font-weight: bold; line-height: 15px; vertical-align: middle; outline-style: none; } button.simple-button span { text-decoration: underline; } button.simple-button img { display: none; } /** * a-based link */ a.simple-button { font-size: 11px; white-space: nowrap; color: #043fa0; font-weight: normal; margin: 0; padding: 0; line-height: 21px; vertical-align: bottom; text-decoration: underline; outline-style: none; } a.simple-button:hover { color: #2863c2; } /** * input-image-based */ input.image-button { margin: 0; padding: 0; margin-bottom: 2px; border: 0 none; width: 19px; height: 18px; background: transparent url(../../skin/common_files/css/../images/go.gif) no-repeat left top; vertical-align: middle; } /** * a-image-based */ a.image-button { text-decoration: none; } a.image-button img { margin: 0; padding: 0; margin-bottom: 2px; border: 0 none; width: 19px; height: 18px; background: transparent url(../../skin/common_files/css/../images/go.gif) no-repeat left top; vertical-align: middle; } /********************************* * Buttons alternative styles *********************************/ /** * Highlighted button */ button.main-button .button-right { background: transparent url(../../skin/common_files/css/../images/but_main_right.png) no-repeat right top; } button.main-button .button-left { background: transparent url(../../skin/common_files/css/../images/but_main_left.png) no-repeat left top; color: #510000; } div.main-button { background: transparent url(../../skin/common_files/css/../images/but_main_right.png) no-repeat right top; } div.main-button div, div.main-button a { background: transparent url(../../skin/common_files/css/../images/but_main_left.png) no-repeat left top; color: #510000; } button.simple-main-button, a.simple-main-button { color: #800; } /** * Light button */ button.light-button { padding-right: 10px; } button.light-button .button-right { background: transparent url(../../skin/common_files/css/../images/but_light_right.gif) no-repeat right top; padding: 0 2px 0 0; } button.light-button .button-left { background: transparent url(../../skin/common_files/css/../images/but_light_left.gif) no-repeat left top; padding: 0 10px 0 15px; color: #365f8f; font-size: 11px; } div.light-button { padding: 0 5px 0 0; background: transparent url(../../skin/common_files/css/../images/but_light_right.gif) no-repeat right top; } div.light-button div, div.light-button a { background: transparent url(../../skin/common_files/css/../images/but_light_left.gif) no-repeat left top; padding: 0 5px 0 11px; color: #365f8f; font-size: 11px; } /** * Delete cart item button */ a.simple-delete-button { color: #800; background: transparent url(../../skin/common_files/css/../images/delete_cross.gif) no-repeat left 7px; padding-left: 13px; } /** * Delete button w/o icon */ a.simple-delete-button-woicon { color: #800; } /** * Add to list... button */ div.drop-out-button { padding: 0 23px 0 0; background: transparent url(../../skin/common_files/css/../images/but_right_dropout.png) no-repeat right top; } div.drop-out-button div, div.drop-out-button a { background: transparent url(../../skin/common_files/css/../images/but_left.png) no-repeat left top; padding-right: 10px; } div.dropout-container { position: absolute; padding: 0; margin: 0; border: 0 none; } div.dropout-wrapper { float: left; position: relative; z-index: 1; margin: 0; } div.dropout-box { border: solid 1px #adb6c6; background-color: #fff; padding: 5px 0; margin-top: 26px; position: absolute; display: none; } div.dropout-wrapper ul { margin: 0; padding: 0; } div.dropout-wrapper ul li { list-style-position: outside; list-style-type: none; padding: 5px 15px; float: left; } div.dropout-wrapper ul li .button { float: left; position: relative; } div.dropout-wrapper .button { float: none; position: absolute; margin-right: 0; margin-top: 2px; } /** * Menu button */ button.menu-button { height: 22px; } button.menu-button .button-right { background: transparent url(../../skin/common_files/css/../images/but_menu_right.png) no-repeat right top; padding-right: 7px; height: 20px; } button.menu-button .button-left { background: transparent url(../../skin/common_files/css/../images/but_menu_left.png) no-repeat left top; height: 20px; padding: 0 1px 0 8px; color: #deedf7; font-size: 10px; height: 21px; line-height: 20px; } div.menu-button { background: transparent url(../../skin/common_files/css/../images/but_menu_right.png) no-repeat right top; padding-right: 7px; } div.menu-button div, div.menu-button a { background: transparent url(../../skin/common_files/css/../images/but_menu_left.png) no-repeat left top; padding: 0 1px 0 8px; line-height: 20px; color: #deedf7 !important; font-size: 10px; } /** * Add2Cart AJAX-based */ button.do-add2cart-wait, button.do-add2cart-success, button.do-add2cart-error { cursor: default; } button.do-add2cart-wait .button-right, button.do-add2cart-success .button-right, button.do-add2cart-error .button-right { background: transparent url(../../skin/common_files/css/../images/but_light_right.gif) no-repeat right top; padding: 0 5px 0 0; } button.do-add2cart-wait .button-left, button.do-add2cart-success .button-left, button.do-add2cart-error .button-left { background: transparent url(../../skin/common_files/css/../images/but_light_left.gif) no-repeat left top; padding: 0 10px 0 15px; color: #365f8f; font-size: 11px; } button.do-add2cart-wait .button-left .progress { display: block; background: transparent url(../../skin/common_files/css/../images/progress.gif) repeat-x left 5px; } /** * button(s) containers */ .button-row, .button-row-right { margin-top: 20px; padding: 0; height: 23px; line-height: 23px; } .buttons-row .button, .buttons-row button.simple-button, .buttons-row a.simple-button { float: left; } .buttons-row-right .button, .buttons-row-right button.simple-button, .buttons-row-right a.simple-button, .button-row-right .button, .button-row-right button.simple-button, .button-row-right a.simple-button { float: right; } .buttons-row-right-box { float: right; } .buttons-row-right, .buttons-row { margin: 5px 0 0; height: 23px; } .buttons-row .button-separator { float: left; width: 20px; height: 22px; } .buttons-row-right .button-separator { float: right; width: 30px; height: 15px; } table tr td.buttons-row, table tr td.button-row, table tr td.buttons-row-right, table tr td.button-row-right { margin: 0; padding-top: 15px; } .buttons-auto-separator .button, .buttons-auto-separator button.simple-button, .buttons-auto-separator a.simple-button { margin-right: 20px; } .button-up { position: relative; margin-top: -23px; width: 30%; } /** * popup help link */ a.popup-link { text-decoration: none; } a.popup-link img { vertical-align: bottom; width: 20px; height: 18px; background: transparent url(../../skin/common_files/css/../images/question_button.gif) no-repeat left top; margin-bottom: 1px; } /** * cart page */ .shipping-method a { font-weight: bold; font-size: 11px; text-decoration: underline; } .shipping-method a:hover { text-decoration: none; } .shipping-method label { display: block; vertical-align: middle; } .shipping-warning { color: #3c6992; text-decoration: none; font-size: 9px; font-family: arial, verdana, helvetica, sans-serif; } .estimator-container { width: 40%; } /** * Gift wrapping */ .giftwrapping-cart { text-align: left; padding: 10px 0; } .giftwrap-option { padding: 5px 0 5px 5px; } .giftwrap-message-label { padding: 5px 0; } .giftwrap-message-text textarea { width: 300px; height: 80px; } .giftwrap-cart-note { margin-left: 15px; color: #b51800; } .invoice-total-name span { font-weight: normal; } .cart-total-row .total-name a { font-weight: normal; } .invoice-giftwrap-notes { padding-top: 30px; } .invoice-giftwrap-notes p { font-size: 14px; font-weight: bold; text-align: center; } .invoice-giftwrap-notes div { border: 1px solid #cecfce; height: 50px; overflow: hidden; padding: 5px; } /** * Images preview */ .images-preview-bg { background: transparent url(../../skin/common_files/css/../images/grey.png) repeat left top; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000; } .images-preview { position: absolute; top: 50px; right: 50px; bottom: 50px; left: 50px; background: #fff none; border: 5px solid #e3e3e3; overflow: hidden; min-width: 700px; min-height: 500px; z-index: 4000; } .images-preview .wait { position: absolute; top: 30px; right: 0; bottom: 30px; left: 0; background: #fff url(../../skin/common_files/css/../images/loading.gif) no-repeat center center; z-index: 1500; } .images-preview a.close { position: absolute; top: 9px; right: 11px; background: transparent url(../../skin/common_files/css/../images/close_images_preview.gif) no-repeat left center; padding-left: 12px; padding-bottom: 2px; font-size: 11px; color: #4e4e4e; text-decoration: none; outline-style: none; text-transform: lowercase; } .images-preview .list-box { margin: 50px 50px 0; padding: 0; text-align: center; position: relative; border: 1px solid #fff; } .images-preview a.arrow { position: absolute; display: block; width: 13px; height: 13px; outline-style: none; cursor: pointer; } .images-preview a.hidden { display: none; } .images-preview a.left { left: 0; background: transparent url(../../skin/common_files/css/../images/arrow_left.gif) no-repeat left center; } .images-preview a.right { right: 0; background: transparent url(../../skin/common_files/css/../images/arrow_right.gif) no-repeat right center; } .images-preview a.left-disabled { background: transparent url(../../skin/common_files/css/../images/arrow_left_disabled.gif) no-repeat left center; cursor: auto; } .images-preview a.right-disabled { background: transparent url(../../skin/common_files/css/../images/arrow_right_disabled.gif) no-repeat 6px center; cursor: auto; } .images-preview div.list-subbox { margin: 0; padding: 0; overflow: hidden; position: relative; text-align: center; } .images-preview ul { list-style: none; margin: 0; padding: 0; text-align: center; vertical-align: middle; position: absolute; } .images-preview ul li { display: block; padding: 0; margin: 0 12px; border: 1px solid #fff; background: transparent none; text-align: center; vertical-align: middle; float: left; cursor: pointer; } .images-preview ul li.over, .images-preview ul li:hover { border: 1px solid #ccc; } .images-preview ul li.selected { border: 1px solid #215485; } .images-preview ul li img { display: inline; text-align: center; vertical-align: middle; } .images-preview ul li.loading { background-image: url(../../skin/common_files/css/../images/loading.gif); background-repeat: no-repeat; background-position: center center; } .images-preview ul li.loading img { display: none; } .images-preview .box { position: relative; margin: 50px; vertical-align: middle; text-align: center; background: transparent none; } .images-preview .box.loading { background-image: url(../../skin/common_files/css/../images/loading.gif); background-repeat: no-repeat; background-position: center center; } .images-preview .box img { cursor: pointer; vertical-align: middle; text-align: center; } /** * Data table */ .data-table td { padding: 4px 1px; line-height: 21px; vertical-align: top; } .data-table.light-table td { line-height: 16px; padding: 3px; } .data-table td.data-name { vertical-align: top; color: #112536; padding-right: 5px; } .data-table td.data-required, td.data-required { color: #800; } .data-table td.data-required { padding-right: 4px; text-align: center; width: 5px; } .data-table .error-message { color: #800; vertical-align: middle; } .data-table div.error-message { margin: 0; } .data-table tr.head-row th { padding-left: 5px; padding-right: 5px; } .data-table tr th.data-checkbox-column { width: 10px; } .data-table tr .data-right-column { text-align: right; } .data-table tr .data-width-100 { width: 100%; } .data-table tr td.data-name label { line-height: 21px; vertical-align: top; } span.star { padding-left: 5px; color: #800; } /** * Search sort bar */ .search-sort-bar { vertical-align: middle; line-height: 16px; height: 16px; padding-right: 20px; white-space: nowrap; margin: 15px 0 30px; text-align: right; } .search-sort-title { padding-right: 20px; } .search-sort-cell { padding-right: 20px; } a.search-sort-link { text-decoration: underline; } .search-sort-bar img, .search-sort-bar-float img { width: 9px; height: 9px; margin-right: 5px; } .search-sort-bar a.up-direction { font-weight: bold; padding-left: 14px; background: transparent url(../../skin/common_files/css/../images/uarrow.gif) no-repeat left 3px; } .search-sort-bar a.down-direction { font-weight: bold; padding-left: 14px; background: transparent url(../../skin/common_files/css/../images/darrow.gif) no-repeat left 3px; } /** * Expandable section */ .expand-section { height: 16px; margin: 20px 0; vertical-align: middle; line-height: 16px; } .expand-section img { width: 11px; height: 11px; vertical-align: middle; margin: 2px 5px 3px 0; } .expand-section img.plus { background: transparent url(../../skin/common_files/css/../images/plus.gif) no-repeat left top; } .expand-section img.minus { background: transparent url(../../skin/common_files/css/../images/minus.gif) no-repeat left top; } .expand-section a { font-weight: bold; text-decoration: underline; } /** * Pagination mechanism */ .nav-pages { white-space: nowrap; vertical-align: bottom; padding: 0; margin: 0; } .nav-pages-title { padding-right: 10px; } .nav-pages img { vertical-align: bottom; width: 15px; height: 15px; } .nav-pages a { text-align: center; text-decoration: underline; } .nav-pages .left-arrow img { background: transparent url(../../skin/common_files/css/../images/navigation_arrow_left.gif) no-repeat left top; } .nav-pages .right-arrow img { background: transparent url(../../skin/common_files/css/../images/navigation_arrow_right.gif) no-repeat left top; } .nav-pages .current-page { text-align: center; font-weight: bold; } .nav-pages .right-delimiter { padding-right: 12px; } /** * Subheader styles */ h3 { margin: 0 0 10px; color: #b51a00; font-weight: bold; font-size: 12px; padding: 0; border: 0 none; border-bottom: 1px solid #9d1500; } h3.grey { color: #666; font-size: 11px; border-bottom: 1px solid #ccc; } h3.black { color: #010101; font-size: 12px; font-weight: bold; border-bottom: 1px solid #000; } h3.red { border-bottom: 1px solid #acb7c7; } h3.separator { margin-top: 30px; } /** * Table head cell */ .img-down-direction { width: 7px; height: 6px; vertical-align: middle; background: transparent url(../../skin/common_files/css/../images/r_bottom.gif) no-repeat left top; margin-right: 3px; } .img-up-direction { width: 7px; height: 6px; vertical-align: middle; background: transparent url(../../skin/common_files/css/../images/r_top.gif) no-repeat left top; margin-right: 3px; } /** * NoScript warning */ .noscript-warning { position: absolute; top: 10px; padding: 10px; left: 25%; right: 25%; margin: 0; overflow: hidden; border: 5px solid #ddd; background: #fff none; } .noscript-warning .content { background: transparent url(../../skin/common_files/css/../images/icon_warning.gif) no-repeat left top; font-weight: bold; padding-left: 37px; min-height: 32px; line-height: 16px; } /** * Webmaster mode */ .lbl { display: inline !important; color: green !important; font-weight: 700 !important; width: auto !important; margin: 0 !important; padding: 0 !important; } .section { margin: 0 !important; padding: 0 !important; width: auto !important; } /** * BlockUI plugin (screen overlay) */ .blockMsg { padding: 0; margin: 0; min-width: 200px; top: 40%; text-align: center; color: #000; border: 3px solid #aaa; background-color: #fff; cursor: wait; } .blockUI span.waiting { padding: 3px; background: #fbfbfb url(../../skin/common_files/css/../images/loading.gif) no-repeat; color: #617683; display: inline-block; font-size: 18px; margin: 8px 5px; padding: 5px 0 5px 45px; } .ui-dialog .blockOverlay { background: #fff !important; opacity: 1 !important; filter:Alpha(Opacity=100); } .ui-dialog .blockMsg { border: 0 none !important; } /*============================================================================== Side-bar styles ==============================================================================*/ /** * categories list */ .menu-categories-list img.icon { background: transparent url(../../skin/common_files/css/../images/dingbats_categorie.gif) no-repeat left top; } .menu-categories-list ul li { padding: 4px 0 5px 20px; background: transparent url(../../skin/common_files/css/../images/category_bullet.gif) no-repeat 8px 5px; } .menu-categories-list ul li a { font-size: 12px; } /** * Special menu */ .menu-special img.icon { background-image: url(../../skin/common_files/css/../images/dingbats_categorie.gif); } /** * Help menu */ .menu-help img.icon { background-image: url(../../skin/common_files/css/../images/dingbats_help.gif); } /** * Minicart */ .menu-minicart .title-bar { background-image: url(../../skin/common_files/css/../images/menu_bg_light.gif); } .menu-minicart .title-bar h2 { color: #2c3e49; } .menu-minicart img.icon { background: url(../../skin/common_files/css/../images/dingbats_orders.gif) no-repeat; } .full-mini-cart .title-bar img.icon { background: transparent url(../../skin/common_files/css/../images/cart_full.gif) no-repeat left top; width: 18px; height: 13px; } div.minicart { color: #112536; font-size: 10px; } div.minicart img { width: 19px; height: 16px; } div.minicart .empty b { line-height: 18px; } div.minicart table { margin: 0 0 0 1px; } div.minicart table tr td { color: #112536; font-size: 10px; padding: 1px; } hr.minicart { clear: both; margin: 5px 0; padding: 0; height: 0; } /** * AJAX-based minicart */ .ajax-minicart .title-bar { position: relative; overflow: visible; } #content-container .ajax-minicart img.minicart-button { background: transparent url(../../skin/common_files/css/../images/cart_button.gif) no-repeat left top; width: 38px; height: 21px; cursor: pointer; position: relative; overflow: hidden; margin-top: 2px; margin-bottom: 4px; z-index: 100; } #content-container .ajax-minicart img.minicart-button-show { background-position: left -21px; } .minicart-box { display: none; position: absolute; left: auto; right: 0; top: 23px; width: 250px; padding: 10px 10px 10px 5px; border: 1px solid #99a4ad; background: #fff none; white-space: normal; z-index: 2500; font-weight: normal; } .minicart-box .progress { background: transparent url(../../skin/common_files/css/../images/progress.gif) repeat-x left top; height: 11px; } .minicart-box hr { margin-left: 5px; } .minicart-box ul { margin: 0; padding: 0; list-style: none; } .minicart-box ul li { position: relative; margin: 0; padding: 6px 15px 6px 5px; overflow: hidden; white-space: normal; line-height: normal; } .minicart-box ul li a.delete { padding-left: 10px; } .minicart-box ul li a.delete img { background: transparent url(../../skin/common_files/css/../images/delete_cross.gif) no-repeat left top; width: 9px; height: 9px; } .minicart-box ul li a { text-decoration: underline; white-space: normal !important; } .minicart-box .price-row { margin-top: 4px; } .minicart-box input.quantity { width: 35px; } .minicart-box .buttons-row { margin-top: 5px; margin-left: 5px; height: 30px; } .minicart-box .buttons-row .light-button div, .minicart-box .buttons-row .light-button a, .minicart-box .buttons-row .light-button .button-left { font-size: 10px; font-weight: normal; } .minicart-box ul.menu li.view-cart-link a, .minicart-box ul.menu li.checkout-link a { border-left: 1px solid #fff; border-right: 1px solid #fff; } .minicart-box li.checkout-popup-link { overflow: visible; padding-left: 0; padding-top: 2px; padding-bottom: 2px; } .minicart-box .checkout-popup-link a.link:link, .minicart-box .checkout-popup-link a.link:visited, .minicart-box .checkout-popup-link a.link:hover, .minicart-box .checkout-popup-link a.link:active { text-decoration: none; } .minicart-box .checkout-popup-link a.link { border: 1px solid #fff; outline-style: none; z-index: 1000; background-color: #fff; padding: 4px 0 4px 5px; position: relative; outline-style: none; } .minicart-box .checkout-popup-link a.show { border-top: 1px solid #99a4ad; border-left: 1px solid #99a4ad; border-right: 1px solid #99a4ad; border-bottom: 1px solid #fff; padding-right: 5px; } .minicart-box .checkout-popup-link .link span { border-bottom: 1px dashed #043fa0; cursor: pointer; } .minicart-box .checkout-popup-link a.link img { background: transparent url(../../skin/common_files/css/../images/checkout_arrow.gif) no-repeat right top; width: 9px; height: 7px; cursor: pointer; } .minicart-box .checkout-popup-link div.buttons-box { position: absolute; border: 1px solid #99a4ad; background: #fff none; left: 0; top: 19px; display: none; padding: 10px; } .minicart-box .minicart-checkout-button { background: transparent url(../../skin/common_files/css/../images/but_flc_arrow_right.png) no-repeat right top; padding-right: 31px; } .minicart-box .minicart-checkout-button a:link, .minicart-box .minicart-checkout-button a:hover, .minicart-box .minicart-checkout-button a:visited, .minicart-box .minicart-checkout-button a:active { background: transparent url(../../skin/common_files/css/../images/but_flc_main_left.png) no-repeat; line-height: 29px; color: #510000; font-weight: bold; font-size: 11px; text-decoration: none; float: left; } .minicart-box .gcheckout-cart-buttons a img { width: inherit; height: inherit; background: transparent none; } .minicart-box .paypal-cart-button, .minicart-box .paypal-cart-button p, .minicart-box .gcheckout-cart-buttons, .minicart-box .gcheckout-cart-buttons p { text-align: left; } .minicart-box .paypal-cart-button div, .minicart-box .gcheckout-cart-buttons div { text-align: left; margin: 0; } iframe.minicart-bg { position: absolute; display: none; width: 250px; border: 0 none; background: #fff none; } iframe.minicart-checkout-bg { position: absolute; display: none; border: 0 none; background: #fff none; } .help-link { border-bottom: 1px dashed #000; cursor: help; text-decoration: none !important; } /** * Tooltip */ #tooltip { position: absolute; border: 1px solid #000; padding: 5px; background: #fff none; top: 0; left: 0; text-align: left; max-width: 300px; z-index: 10000; } #tooltip h3, #tooltip div { margin: 0; } /** * auth box */ .menu-auth img.icon { background: url(../../skin/common_files/css/../images/dingbats_authentification.gif) no-repeat; } .menu-auth input { width: 120px; } .login-buttons { margin: 3px 0 5px; } .login-buttons .button { float: left; margin-right: 10px; margin-bottom: 5px; } .menu-dialog .recovery { clear: both; margin-bottom: 2px; } .menu-dialog .recovery a { text-decoration: underline; font-size: 10px; } .menu-dialog .left { text-align: left; } .menu-dialog .login-text { vertical-align: top; } .small-note, .small-link { color: #3c6992; text-decoration: none; font-size: 9px; font-family: arial, verdana, helvetica, sans-serif; } .small { font-weight: normal; font-size: 10px; } .small-link:hover { text-decoration: underline; } /** * news box styles */ .menu-news img.icon { background: url(../../skin/common_files/css/../images/dingbats_news.gif) no-repeat; } .menu-dialog .subscribe { margin-top: 8px; } .menu-dialog a.prev-news { text-decoration: underline; } /** * interneka menu */ .menu-interneka img.icon { background: url(../../skin/common_files/css/../images/dingbats_affiliates.gif) no-repeat; } /** * Popup-dialog */ div.popup-dialog { text-align: left; min-width: 300px; } /*============================================================================ page-specific styles ==============================================================================*/ /** * category page */ .category-description { margin-bottom: 15px; } .current-category-icon { padding: 0; height: 100%; vertical-align: top; } .current-category-icon img { margin: 5px; } ul.subcategories { list-style: none; margin: 0; padding: 0 0 15px; } ul.subcategories li { margin: 0 0 10px; text-align: left; } ul.subcategories a { text-decoration: underline; font-weight: bold; } span.subcategories { display: inline-block; vertical-align: top; margin: 0 10px; text-align: center; padding-bottom: 0; overflow: hidden; } .subcategory-image { float: left; margin: 0 10px 10px 0; } .subcategory-descr { width: auto; padding: 0; margin-bottom: 20px; } /** * Product details page */ .product-details { position: relative; margin-bottom: 50px; } .product-details .image { text-align: center; vertical-align: top; padding: 0; float: left; margin: 5px 20px 5px 10px; } .product-details .image .image-box { margin: 0 auto; padding: 0; } .product-details .details { padding-left: 30px; } .product-details .details .descr { vertical-align: top; padding-right: 20px; } .product-details .details .save-percent-container { margin-left: 10px; width: 57px; height: 57px; } .product-details .details .save { float: left; width: 57px; height: 29px; padding-top: 28px; padding-left: 3px; color: #fff; font-size: 11px; font-weight: bold; text-align: center; background: transparent url(../../skin/common_files/css/../images/save_money.gif) no-repeat left top; } .product-details .product-subtitle { padding: 23px 0 10px; } .product-details .product-subtitle div { color: #b51a00; font-weight: bold; font-size: 12px; border: 0 none; border-bottom: 1px solid #9d1500; } .product-details .message { color: #b51a00; } .product-details .warning-message { color: red; } .product-details .customer-message { color: #b51a00; font-weight: bold; } .product-details .quantity-row td { padding-top: 15px; } .product-details .button-row { margin-top: 15px; } #product-tabs-container { margin-bottom: 30px; } .product-details .ask-question { margin-top: 16px; float: none; } /** * Product properties table */ table.product-properties { width: 100%; margin: 0; } table.product-properties tr td { padding: 2px; vertical-align: top; } table.product-properties .property-name { width: 40%; } table.product-properties .property-value { width: 60%; } table.product-properties .product-price { color: #010101; font-weight: bold; font-size: 12px; } table.product-properties .product-price-value { color: #b51a00; font-weight: bold; font-size: 12px; font-family: verdana; white-space: nowrap; } table.product-properties .product-market-price { color: #787878; padding-left: 5px; font-size: 12px; font-family: verdana; white-space: nowrap; font-weight: bold; } table.product-properties .product-taxed-price { color: #383838; white-space: nowrap; font-weight: normal; vertical-align: bottom; } table.product-properties .product-input { height: 25px; padding-right: 10px; } table.product-properties .product-min-amount, table.product-properties .product-one-quantity { font-size: 14px; } table.product-properties .separator td { height: 18px; } /** * Send 2 friend section */ input.send2friend { width: 300px; } textarea.send2friend { width: 400px; } #send_message_box { margin-top: 10px; } /********************************* * Products list *********************************/ /** * Common styles */ .products { margin-bottom: 15px; margin-top: 30px; } .products .image { text-align: center; vertical-align: top; white-space: nowrap; } .products a.see-details { display: block; text-align: center; text-decoration: underline; } .products .product-title, .product-details .product-title { font-weight: bold; font-size: 14px; text-decoration: underline; } .products .descr { padding: 15px 0 0; margin: 0; } .products .sku { margin-top: 15px; } .products .price-row { margin: 0; padding: 0; text-align: left; } .products .market-price-value { background: transparent url(../../skin/common_files/css/../images/spacer_black.gif) repeat-x left 8px; } .products .price { font-weight: bold; font-size: 12px; } .products .price-value { font-weight: bold; font-size: 12px; color: #b51a00; } .products .price-save { padding: 0; margin: 0; color: #b51a00; } .products .taxes { padding: 2px 2px 2px 30px; } .products .buy-now { margin: 10px 0 0; } .products .buy-now .quantity { height: 30px; white-space: nowrap; vertical-align: middle; } .products .buy-now .quantity-empty { height: 45px; } .products .buy-now .quantity-title { width: 75px; padding-right: 16px; } .products .buy-now .quantity select { vertical-align: middle; } .products .buy-now .out-of-stock { white-space: nowrap; font-weight: bold; } .products .buy-now .prices { height: 15px; vertical-align: middle; } .products .product-details-title { color: #b51a00; font-weight: bold; font-size: 12px; } .products .product-price-text { color: #010101; font-weight: bold; font-size: 12px; } .quantity-text { color: #818891; padding-left: 3px; } /** * List as list */ .products-list .item { position: relative; margin: 0 0 45px; } .products-list .image { float: left; position: relative; padding: 3px 20px 3px 10px; margin-right: auto; } .products-list .details { vertical-align: top; padding-left: 30px; border: 0 none; } .products-list .details hr { margin: 5px 5px 5px 0; } .products-list .buy-now .center, .products-list .buy-now .halign-center { margin-left: 0; text-align: left; } /** * List as multicolumn table */ .products-table .product-cell { background: #fff none; padding: 0; vertical-align: top; } .products-table .first.products-row td.product-cell { padding-top: 0; } .products-table td.product-cell-price { padding-top: 2px; } .products-table td.product-cell-buynow { padding-top: 6px; vertical-align: bottom; } .products-table td.product-cell-buynow .button-row { text-align: left; margin: 9px 0 5px; } .products-table td.product-cell-buynow .quantity-empty { height: auto; } .products-table .image { padding: 0; margin: 5px 0; text-align: left; } .products-table a.see-details { text-align: left; display: inline; } .products-table .sku { margin-top: 5px; } .products-table .product-title { font-size: 12px; } .products-table .buttons-row, .products-table .button-row { margin: 0; } .products-table .buttons-row button, .products-table .button-row button { float: none; } .products-table .buy-now { margin-top: 5px; } .products-table .buy-now .quantity-title { width: auto; padding-right: 5px; } .products-table tr.separator td { padding: 0; height: 60px; } /** * Advanced search page */ .adv-search table td { white-space: nowrap; padding: 3px 5px 3px 0; } .adv-search table .data-name { width: 20%; vertical-align: top; color: #112536; font-weight: bold; } .adv-search table .data-input { white-space: nowrap; } .adv-search table .pattern { padding-bottom: 0; } .adv-search table .pattern input, .adv-search table .pattern select { width: 95%; vertical-align: bottom; } .adv-search table .search-button { width: 25%; padding: 0; } #adv_search_box { margin-bottom: 15px; } .search-again { position: relative; margin-top: -17px; text-align: right; margin-left: 400px; } .results-found { position: relative; width: 400px; } /** * Register page */ .register-note { color: #000; margin-bottom: 15px; } .register-newbie-note { text-align: center; margin-top: 30px; } .register-bottom-note { margin-top: 30px; padding-bottom: 45px; } .register-ups-box { margin-top: 45px; margin-bottom: 15px; } .register-section-title { height: 30px; vertical-align: middle; } .register-section-title div { vertical-align: middle; padding: 2px 0; border-bottom: 1px solid #000; } .register-section-title div * { vertical-align: middle; } .register-sec-minimized div { border-bottom: 0 none; } .register-section-title label { color: #2c3e49; font-size: 10px; font-weight: bold; } .register-table .register-exp-section label { border-bottom: 1px dashed #2c3e49; } table.register-table .register-exp-section { padding-top: 16px; padding-bottom: 16px; } table.register-table td.data-name { text-align: right; font-weight: normal; width: 30%; } /** * Cart page */ .cart .item { margin: 0 0 30px; } .cart .item .image { position: relative; padding: 3px 8px 3px 3px; height: 100%; } .cart .details { margin-left: 138px; vertical-align: top; width: 80%; } .cart .product-title { text-decoration: underline; } .cart .descr { padding-bottom: 15px; } .cart .poptions-title { font-weight: bold; } .cart .poptions-list { margin-bottom: 15px; } .cart .buttons { position: relative; vertical-align: top; margin-top: 30px; height: 23px; } .cart .buttons .buttons-row { margin-top: 0; } .cart .left-buttons-row { vertical-align: top; position: absolute; top: 0; left: 0; } .cart .right-buttons-row { position: absolute; top: 0; right: 0; width: 50%; } .cart .right-buttons-row .checkout-button { float: right; } .cart-total-line { width: 50%; margin-left: 50%; } .cart-total-row { text-align: right; } div.shipping-method { color: #112536; font-weight: bold; margin-bottom: 15px; text-align: right; } th.shipping-method { color: #112536; font-weight: bold; text-align: left; } .shipping-method select { font-weight: normal; } .shipping-method table { margin: 0 0 0 auto; text-align: right; } .shipping-method table td { font-weight: normal; text-align: left; } .shipping-method tr.selected { background: #eee none; } .totals { margin: 0 0 0 auto; text-align: right; width: 30%; } .totals td { padding: 3px; } .totals .total-name { white-space: nowrap; color: #112536; font-weight: bold; padding-right: 8px; text-align: left; } .totals .total-value { white-space: nowrap; color: #b51a00; font-weight: bold; text-align: right; } .totals .total-alt-value { white-space: nowrap; text-align: right; } .totals .total-line { height: 1px; } .totals .total-line img { background: #000 none; width: 100%; height: 1px; } .totals .total { white-space: nowrap; color: #112536; font-weight: bold; padding-right: 8px; text-transform: uppercase; text-align: left; } .totals .total-taxes { font-weight: bold; text-align: right; } .totals .total-tax-line { background-color: #eee; } .totals .total-tax-line td { text-align: right; white-space: nowrap; } .totals .total-tax-name { padding-right: 8px; } .cart hr { margin-top: 10px; margin-bottom: 10px; border-color: #d7d9e4; } .cart-content { margin-bottom: 15px; } .cart-content tr td, .cart-content tr th { padding: 1px 3px; height: 23px; text-align: left; vertical-align: top; } .cart-content tr td.summary-cell { text-align: right; } .cart-content .cart-column-tax { text-align: center; } .cart-content td.cart-column-price, .cart-content td.cart-column-total { text-align: right; } .cart-content .cart-content-text { color: #b51a00; font-weight: bold; } .cart-content .cart-column-quantity { width: 30px; } .cart-content .cart-column-product { width: 100%; } .cart-content input.cart-quantity { width: 30px; } .cmpi-vbv-icon { width: 49%; float: left; text-align: center; } .cmpi-vbv-icon img { width: 71px; height: 57px; background: transparent url(../../skin/common_files/css/../images/vbv_logo.gif) no-repeat left top; } .cmpi-mcsc-icon { width: 49%; text-align: center; } .cmpi-mcsc-icon img { width: 74px; height: 40px; background: transparent url(../../skin/common_files/css/../images/mcsc_logo.gif) no-repeat left top; } /** * Checkout page */ .checkout-payments tr td { padding: 2px; text-align: left; } .checkout-payments tr td.checkout-payment-name { width: 20%; white-space: nowrap; } .checkout-payments tr td.checkout-payment-name label { font-weight: bold; } .checkout-payments tr td.checkout-payment-descr { width: 80%; } .checkout-payments tr td.checkout-payment-paypal { width: 100%; } .checkout-payments tr td.checkout-payment-paypal img { border: 0 none; } .checkout-update-button { float: left; margin: 0; } .order-placed-msg { margin: 20px 0 10px; padding: 0; font-size: 13px; text-align: center; } /** * Payment wait page */ body.payment-wait { text-align: center; } body.payment-wait .payment-wait-title, body.payment-wait .payment-details-title { border-top: 30px solid #0F4318; } body.payment-wait h1 { display: block; padding: 40px 0 0; border-top: 1px solid #0F4318; margin-top: 1px; color: #2c3e49; } body.payment-wait img.payment-wait-image { background: transparent url(../../skin/common_files/css/../images/progress.gif) repeat-x; width: 350px; height: 11px; margin-top: 10px; } /** * Help index page */ .help-index { list-style: none; padding: 0; margin: 0; } .help-index li { margin: 0; padding: 10px 0 0; } .help-index li.first-item { padding-top: 0; } /** * Help / cvv2 page */ .help-cvv2-images { float: right; margin: 15px 5px 5px; } .help-cvv2-images img { float: none; display: block; margin-bottom: 15px; } /** * Help / usps test page */ .help-usps-test-dir { text-decoration: underline; margin-bottom: 15px; } /** * Images viewer */ .images-viewer { text-align: center; margin: 10px 0; } .images-viewer-list { position: relative; white-space: nowrap; } .images-viewer-list .side-arrow { position: absolute; top: 0; display: block; width: 10px; height: 54px; text-decoration: none; outline-style: none; } .images-viewer-list .left-arrow { text-align: left; left: 0; } .images-viewer-list .right-arrow { padding-left: 3px; text-align: right; right: 0; } .images-viewer-list .side-arrow img { width: 7px; height: 100%; } .images-viewer-list .left-arrow .enabled { display: block; background: transparent url(../../skin/common_files/css/../images/arrow_left.gif) no-repeat left center; } .images-viewer-list .left-arrow .disabled { display: block; background: transparent url(../../skin/common_files/css/../images/arrow_left_disabled.gif) no-repeat left center; } .images-viewer-list .hidden { display: none; } .images-viewer-list .right-arrow .enabled { display: block; background: transparent url(../../skin/common_files/css/../images/arrow_right.gif) no-repeat left center; } .images-viewer-list .right-arrow .disabled { display: block; background: transparent url(../../skin/common_files/css/../images/arrow_right_disabled.gif) no-repeat left center; } .images-viewer-icons { text-align: left; padding: 0; margin: 0 10px; overflow: hidden; } .images-viewer-icons a { display: block; padding: 0; border: 1px solid #fff; padding: 0; margin: 0 10px; float: left; outline-style: none; background: #eee none; text-align: center; vertical-align: middle; } .images-viewer-icons a.selected { border: 1px solid #215485; } .images-viewer-icons a:hover { border: 1px solid #ccc; } .images-viewer-icons img { margin: 1px; vertical-align: middle; border: 0 none; } /** * Order invoice */ .order-invoice { background: #fff none; } .invoice-company-icon { vertical-align: top; padding-top: 30px; } .invoice-data-box { width: 100%; padding-left: 30px; } .invoice-data-box table { width: 100%; } .invoice-data-box table tr td { padding: 2px; vertical-align: top; } .invoice-title { font-weight: bold; font-size: 28px; text-transform: uppercase; } .invoice-data-box table tr td.invoice-right-info { text-align: right; vertical-align: bottom; } hr.invoice-line { margin: 2px 0 17px; border-bottom: 2px solid #58595b; } .invoice-personal-info { width: 45%; margin-bottom: 15px; } .invoice-personal-info tr td { padding: 0; } .invoice-personal-info tr td strong { white-space: nowrap; } .invoice-address-box { width: 100%; margin-bottom: 30px; } .invoice-address-title { width: 45%; height: 25px; } td.invoice-line { vertical-align: top; padding: 0; height: 4px; } td.invoice-line img { height: 2px; width: 100%; background: #58595b none; } .invoice-address-box table { width: 100%; } .invoice-address-box table tr td { padding: 0; } .invoice-address-box table tr td strong { white-space: nowrap; } .invoice-customer-notes { padding-top: 30px; } .invoice-customer-notes p { font-size: 14px; font-weight: bold; text-align: center; } .invoice-customer-notes div { border: 1px solid #cecfce; height: 50px; overflow: hidden; padding: 5px; } .invoice-bottom-note { text-align: center; padding-top: 30px; font-size: 12px; } p.invoice-products-title { font-size: 14px; font-weight: bold; text-align: center; } .invoice-products { width: 100%; background: #000 none; } .invoice-products tr td, .invoice-products tr th { background: #fff none; } .invoice-products tr th { padding: 3px; background: #ccc none; white-space: nowrap; } .invoice-products tr th.invoice-sku-column, .invoice-products tr th.invoice-quantity-column, .invoice-products tr th.invoice-total-column { width: 60px; } .invoice-products tr th.invoice-tax-column { width: 100px; } .invoice-products tr th.invoice-price-column { width: 100px; text-align: center; } .invoice-products tr td { padding: 3px; } .invoice-products tr td.invoice-price-column, .invoice-products tr td.invoice-tax-column, .invoice-products tr td.invoice-quantity-column { text-align: center; } .invoice-products tr td.invoice-product-column span { font-size: 11px; } .invoice-products tr td.invoice-product-column table tr td { vertical-align: top; padding: 0 3px 3px 0; } .invoice-products tr td.invoice-product-column p { white-space: nowrap; } .invoice-products tr td.invoice-product-column div { padding-left: 10px; white-space: nowrap; } .invoice-products tr td.invoice-price-column { text-align: right; white-space: nowrap; } .invoice-products tr td.invoice-total-column { text-align: right; white-space: nowrap; padding-right: 5px; } .invoice-totals { width: 100%; } .invoice-totals tr td { padding: 0; } .invoice-totals tr .invoice-total-title { text-align: right; width: 100%; height: 20px; } .invoice-totals tr .invoice-total-name { text-align: right; width: 100%; height: 20px; padding-right: 3px; } .invoice-totals tr .invoice-total-value { text-align: right; height: 20px; padding-right: 5px; white-space: nowrap; } .invoice-totals tr .invoice-total-name-fin { text-align: right; width: 100%; height: 25px; padding-right: 3px; background: #ccc none; } .invoice-totals tr .invoice-total-value-fin { text-align: right; height: 25px; padding-right: 5px; background: #ccc none; white-space: nowrap; } .invoice-totals tr td.invoice-line { height: 2px; } .invoice-giftcerts { width: 100%; } .invoice-giftcerts tr td { padding: 0; } .invoice-giftcerts tr th { background: #ccc none; } .invoice-giftcerts tr th.invoice-giftcert-id { width: 60px; } .invoice-giftcerts tr td.invoice-giftcert-id { text-align: center; } .invoice-giftcerts tr .invoice-giftcert-cost { text-align: right; white-space: nowrap; padding-right: 5px; } /** * 404 error page */ .error-page #header { height: 87px; } .error-page #header .line2 { height: 20px; } .error-page #header .logo { margin-left: 167px; } .error-page #content-container { margin-top: 87px; } .error-page #center-main { text-align: center; margin: 0 10px; } .error-page #header .line1 .tabs, .error-page #header .line1 .phones, .error-page #header .line2 .search, .error-page #header .line2 .languages, .error-page #left-bar, .error-page #right-bar, .error-page #location { display: none; } .error-page .subcontainer { text-align: left; width: 700px; margin: 32px auto 0; position: relative; clear: both; } .error-page .code-number { font: normal 74px arial, sans-serif; color: #d8d8d8; width: 186px; float: left; text-align: center; } .error-page .description { font-family: verdana; width: 514px; float: right; } .error-page .description h1 { font-weight: normal; color: #000; } .error-page .description a { text-decoration: underline; } .error-page .description ul { margin: 0; padding: 5px 0; list-style-position: inside; } .error-page .reason { font-weight: bold; color: #a10000; } .error-page .description hr { margin: 10px 0 15px; } .error-page ul.links { margin: 0; padding: 5px 0; list-style: none; } /** * PayPal */ .paypal-cart-button { text-align: right; height: 65px; } .paypal-cart-button div { width: 200px; height: 65px; margin-left: auto; margin-right: 0; overflow: visible; text-align: right; } .paypal-cart-button p { width: 100%; text-align: right; margin: 10px 0; } .paypal-cart-icon { float: left; padding-right: 10px; } /** * 'Note' box */ div.note-box { position: absolute; border: 1px solid #000; background-color: #f6f5eb; margin: 0 0 0 30px; padding: 3px; width: 150px; line-height: 15px; white-space: normal; overflow: hidden; } /** * Printable */ .printable #content-container { position: static; padding: 0; margin-top: 82px; } .printable #content-container2 { float: none; position: static; left: 0; right: 0; width: 100%; } .printable #center { float: none; position: static; width: 100%; left: 0; } .printable #header { position: static; height: 82px; } .printable #header .tabs { display: none; } .printable #header .line2 { display: none; } .printable #header .printable { display: none; } .printable #center-main { margin: 0 10px !important; position: static; } .printable #footer { position: static !important; } .printable #footer .subbox { background: transparent none; } /** * Buttons */ .printable button.button, .printable div.button, .printable a.simple-button { display: none; } /** * Containers */ .printable .dialog .title { background: transparent none; } .title h2 { margin: 0; } .printable .product-details .dropout-wrapper { height: 150px; } /** * Service styles */ .printable .no-print { display: none; } .printable #content-container, .printable #center-main { overflow: visible !important; } /** * Users online sublayout */ .uo-container #content-container { padding-bottom: 74px; } .uo-container #footer { height: 74px; } .normal { font-weight: normal; } /** * Admin preview layout */ .admin-preview #header, .admin-preview #footer, .admin-preview #left-bar, .admin-preview #right-bar, .admin-preview #location, .admin-preview .offers-short-list, .admin-preview .creviews-dialog, .admin-preview .send2friend-dialog { display: none; } .admin-preview #content-container { margin: 0; padding: 0; } .admin-preview #center-main { margin: 5px; } /** * 'Need help' box */ .need-help-link { text-decoration: none !important; cursor: help; border: none; border-bottom: 1px dashed #3c6992 !important; white-space: nowrap; color: #3c6992 !important; } div.need-help-box, div.need-help-box div { position: relative; width: 200px; margin: 0; padding: 0; } div.need-help-box div { position: absolute; top: 0; left: 14px; border: 1px solid #888; background: #FFF; padding: 6px; white-space: normal; font-weight: normal; overflow: hidden; } select.adv-search-select { width: 400px; } div.evaluation-notice { border: solid 4px #c7c5c5; background: #f7f6f4; padding: 16px; color: #2c3e49; margin-bottom: 25px; } div.evaluation-notice span.license-warning { color: #911717; font-weight: bold; } /** * Language selectors */ a.language-code img, .language-code img.language-code-out { padding: 2px; border: 0 none; } strong.language-code img, .language-code-over { padding: 1px !important; border: solid 1px #fff !important; } div.market-price { margin-top: 4px; } div.man-url { margin-bottom: 6px; } /** * Payment page */ #payment-form { width: 100%; text-align: left; } #payment-form .payment-note { width: 400px; } /** * Address book */ ul.address-container { text-align: left; padding: 0; margin: 0; } div.address-bg { background: transparent url(../../skin/common_files/css/../images/bg_post.png) repeat top left; margin: 2px; padding: 8px; width: 260px; } li.address-box { display: inline-block; margin: 0 50px 50px 0; padding: 0; border: solid 1px #ddd; width: 280px; min-height: 200px; overflow: hidden; text-decoration: none; vertical-align: top; text-align: left; list-style: none; } .address-main { padding: 5px 10px; background: #fff; min-height: 170px; } .address-main a.new-address { font-size: 22px; line-height: 36px; } .address-main .new-address-label { padding-top: 40px; text-align: center; } .address-default { font-weight: bold; vertical-align: top; } .address-default img { margin-right: 5px; } .address-line { margin: 5px 0; } /** * Popup address selection */ .popup-address { min-width: 780px; text-align: left; } .popup-address .address-box { margin: 0 25px 25px 0; padding: 0; border: solid 1px #ddd; width: 230px; float: left; min-height: 150px; overflow: hidden; } .popup-address .address-current { border: solid 1px #1a478f; } .popup-address .address-main { min-height: 120px; } .popup-address .address-bg { width: 210px; } .popup-address .address-main hr { margin: 15px 0 30px; } .popup-address .address-main .new-address-label { padding-top: 28px; } .popup-address .address-main a.new-address { line-height: 32px; } .popup-address .address-default { float: right; } .per-page-selector { float: right; } .transactions { border-top: 1px solid #666; margin-top: 10px; padding-top: 15px; } .delete-icon { width: 8px; height: 8px; background: transparent url(../../skin/common_files/css/../images/delete_record.gif) no-repeat left top; } /** * Common checkout styles */ .checkout-sns-button { position: absolute; top: 0; left: 30px; height: 100%; } .checkout-sns-button img { width: 9px; height: 9px; } .checkout-top-login { position: absolute; top: 0; right: 10px; height: 20px; line-height: 21px; text-align: right; width: 50%; vertical-align: middle; } #header .checkout-top-login .simple-button { margin-bottom: 7px; } .checkout-top-login-text { white-space: nowrap; padding: 0 10px 0 0; } .checkout-container #header .line2 { height: 20px; } .checkout-container #content-container { margin-top: 102px; } .checkout-container #header { height: 102px; } .checkout-container #center { text-align: center; } .checkout-container #center-main { text-align: left; } .checkout-login-text { font-size: 12px; font-weight: 700; margin: auto 0; } .checkout-login-text a:link, .checkout-login-text a:visited, .checkout-login-text a:hover, .checkout-login-text a:active { text-decoration: underline; } /* Checkout buttons */ .checkout-buttons .checkout-1-button { float: right; } .checkout-buttons .checkout-3-button, .checkout-buttons .checkout-2-button { margin-left: 20px; float: right; } /** * Big main button */ div.checkout-2-button { background: transparent url(../../skin/common_files/css/../images/but_flc_main_right.png) no-repeat right top; } div.checkout-2-button div, div.checkout-2-button a:link, div.checkout-2-button a:visited, div.checkout-2-button a:hover, div.checkout-2-button a:active { background: transparent url(../../skin/common_files/css/../images/but_flc_main_left.png) no-repeat; line-height: 29px; color: #510000; font-weight: 700; font-size: 11px; } /** * Big button */ div.checkout-1-button { background: transparent url(../../skin/common_files/css/../images/but_flc_right.png) no-repeat right top; } div.checkout-1-button div, div.checkout-1-button a:link, div.checkout-1-button a:visited, div.checkout-1-button a:hover, div.checkout-1-button a:active { background: transparent url(../../skin/common_files/css/../images/but_flc_left.png) no-repeat; line-height: 29px; color: #111d4d; font-weight: 700; font-size: 11px; } /** * Big main with arrow button */ div.checkout-buttons div.checkout-3-button { background: transparent url(../../skin/common_files/css/../images/but_flc_arrow_right.png) no-repeat right top; padding-right: 30px; } div.checkout-3-button div, div.checkout-3-button a:link, div.checkout-3-button a:visited, div.checkout-3-button a:hover, div.checkout-3-button a:active { background: transparent url(../../skin/common_files/css/../images/but_flc_main_left.png) no-repeat; line-height: 29px; color: #510000; font-weight: 700; font-size: 11px; } ul.simple-list, ul.simple-list-left { list-style: none; padding: 10px 0 0; margin: 0; } .simple-list-left { padding-bottom: 14px; } .item-left { float: left; } .item-right { float: right; } /** * jQuery UI tabs layout change * (remove style definitions below to have default UI tabs look & feel) */ .ui-tabs { padding: 0; border: 0 none; } .ui-tabs .ui-tabs-panel { border-width: 1px; } .ui-tabs .ui-widget-header { background: transparent none; border: 0 none; } .ui-tabs .ui-tabs-nav { padding-left: 0; } #top-links .ui-widget-content { height: 1px; padding: 0; border-width: 1px 0 0; } img.separator { width: 100%; height: 1px; margin-top: 15px; margin-bottom: 15px; background-color: #5F94C0; } /* Small design fix */ .cart .buttons .left-buttons-row.buttons-row button.button { margin-top: -1px; } .simple-products-table tr.separator td { height: 30px; padding: 0; } .simple-products-table .product-cell { padding-right: 10px; } .simple-products-table td.last { padding-right: 0px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * General CSS stylesheet (overrides for Firefox) * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.FF.css,v 1.3 2010/06/24 11:41:09 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ button.button { margin-right: -3px; margin-left: -3px; } div.button { margin-top: 1px; } .login-buttons div.button { margin-top: 2px; } button.simple-button { margin-top: 2px; } .ajax-minicart img.minicart-button { margin-top: 1px; margin-bottom: 5px; } button.do-add2cart-wait .button-left, button.do-add2cart-success .button-left, button.do-add2cart-error .button-left { margin-top: -2px !important; } /* global */ #cluetip-close img { border: 0; } #cluetip-title { overflow: hidden; } #cluetip-title #cluetip-close { float: right; position: relative; } #cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(../../skin/common_files/lib/cluetip/images/wait.gif); } .cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; } #cluetip-extra { display: none; } /*************************************** =cluetipClass: 'default' -------------------------------------- */ .cluetip-default { background-color: #d9d9c2; } .cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #fff; border: 1px solid #bbb; } .cluetip-default h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight: bold; background-color: #eee; } .cluetip-default #cluetip-title a { color: #d9d9c2; font-size: 0.95em; } .cluetip-default #cluetip-inner { padding: 10px; } .cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } /* default arrows */ .clue-right-default .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/darrowleft.gif); } .clue-left-default .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/darrowright.gif); left: 100%; margin-right: -11px; } .clue-top-default .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/darrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-default .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/darrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /*************************************** =cluetipClass: 'jtip' -------------------------------------- */ .cluetip-jtip { background-color: transparent; } .cluetip-jtip #cluetip-outer { border: 2px solid #ccc; position: relative; background-color: #fff; } .cluetip-jtip h3#cluetip-title { margin: 0 0 5px; padding: 2px 5px; font-size: 16px; font-weight: normal; background-color: #ccc; color: #333; } .cluetip-jtip #cluetip-inner { padding: 0 5px 5px; display: inline-block; } .cluetip-jtip div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } /* jtip arrows */ .clue-right-jtip .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/arrowleft.gif); } .clue-left-jtip .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/arrowright.gif); left: 100%; margin-right: -11px; } .clue-top-jtip .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/arrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-jtip .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/arrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /*************************************** =cluetipClass: 'rounded' -------------------------------------- */ .cluetip-rounded { background: transparent url(../../skin/common_files/lib/cluetip/images/bl.gif) no-repeat 0 100%; margin-top: 10px; margin-left: 12px; } .cluetip-rounded #cluetip-outer { background: transparent url(../../skin/common_files/lib/cluetip/images/tl.gif) no-repeat 0 0; margin-top: -12px; } .cluetip-rounded #cluetip-title { background-color: transparent; padding: 12px 12px 0; margin: 0 -12px 0 0; position: relative; } .cluetip-rounded #cluetip-extra { position: absolute; display: block; background: transparent url(../../skin/common_files/lib/cluetip/images/tr.gif) no-repeat 100% 0; top: 0; right: 0; width: 12px; height: 30px; margin: -12px -12px 0 0; } .cluetip-rounded #cluetip-inner { background: url(../../skin/common_files/lib/cluetip/images/br.gif) no-repeat 100% 100%; padding: 5px 12px 12px; margin: -18px -12px 0 0; position: relative; } .cluetip-rounded div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #009; background: transparent; } .cluetip-rounded div#cluetip-close a { color: #777; } /* rounded arrows */ .clue-right-rounded .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/rarrowleft.gif); } .clue-left-rounded .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/rarrowright.gif); left: 100%; margin-left: 12px; } .clue-top-rounded .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/rarrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-rounded .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/rarrowup.gif); top: -23px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /* stupid IE6 HasLayout hack */ .cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner { zoom: 1; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#212121;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../../skin/common_files/lib/colorbox/images/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(../../skin/common_files/lib/colorbox/images/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(../../skin/common_files/lib/colorbox/images/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(../../skin/common_files/lib/colorbox/images/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(../../skin/common_files/lib/colorbox/images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../../skin/common_files/lib/colorbox/images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../../skin/common_files/lib/colorbox/images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../../skin/common_files/lib/colorbox/images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#006f44;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../../skin/common_files/lib/colorbox/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../../skin/common_files/lib/colorbox/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../../skin/common_files/lib/colorbox/images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(../../skin/common_files/lib/colorbox/images/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../../skin/common_files/lib/colorbox/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=skin/common_files/lib/colorbox/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=skin/common_files/lib/colorbox/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=skin/common_files/lib/colorbox/images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=skin/common_files/lib/colorbox/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=skin/common_files/lib/colorbox/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=skin/common_files/lib/colorbox/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=skin/common_files/lib/colorbox/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=skin/common_files/lib/colorbox/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} /* vim: set ts=2 sw=2 sts=2 et: */ /** * Recently viewed module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.3 2010/08/03 15:52:10 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .menu-rviewed-section img.icon { background: transparent url(../../skin/common_files/modules/Recently_Viewed/../../images/dingbats_products.gif) no-repeat left top; } .menu-rviewed-section div.item { margin-bottom: 10px; } .menu-rviewed-section div.image { float: left; margin-right: 10px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Upselling products module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ ul.uproducts { list-style: none outside none; padding: 0; margin: 0; } .uproducts li { padding: 5px; font-weight: bold; } ul.uproducts a:link, ul.uproducts a:visited, ul.uproducts a:hover, ul.uproducts a:active { font-weight: bold; font-size: 12px; } .printable .uproducts { display: none; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Discount Coupons Module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:29 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .dcoupons-add-coupon { color: #112536; font-weight: bold; } /* clear link */ .dcoupons-clear img { background: transparent url(../../skin/nbm/modules/Discount_Coupons/../../images/delete_cross.gif) no-repeat; width: 11px; height: 11px; vertical-align: bottom; } .redeemDiscount { float:left; width:46%; overflow:hidden; background-color: #F2F2F2; padding:10px 15px 1px; -webkit-border-radius: 8px; -moz-border-radius:8px; border-radius: 8px; margin:20px 0!important; font-size:11px; line-height:16px; } .redeemDiscount h2 { color: #0F4318; text-shadow: 1px 1px 0 #FFFFFF; text-transform:capitalize; } .redeemDiscount .content { padding-top:10px!important; } .redeemDiscount input[type="text"] { width:300px; } .redeemDiscount .data-table td.data-name { font-size:11px; } .redeemDiscount table, .redeemDiscount p { margin:0 0 10px 0!important; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Manufacturers module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:29 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /* manufacturers menu list */ .menu-manufacturers img.icon { background: url(../../skin/nbm/modules/Manufacturers/../../images/dingbats_categorie.gif) no-repeat; } /* manufacturers list */ ul.manufacturers-list { padding: 0; margin: 0; list-style: none; } ul.manufacturers-list li { margin: 0; padding: 0 0 0 5px; white-space: nowrap; } .manufacturerImage { max-width:300px; max-height:100px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Image verification module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2.2.1 2010/11/15 11:46:25 ferz Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ div.iv-box { margin-top: 15px; font-size: 10px; line-height: normal; } table.data-table tr td.iv-box { font-size: 10px; line-height: normal; vertical-align: top; padding-right: 5px; } table.data-table tr td.iv-box-descr { padding-top: 15px; font-size: 10px; line-height: normal; } .iv-description { padding: 0; margin: 0; } .iv-row { text-align: left; height: 60px; } .iv-img { text-align: center; } .iv-input { text-align: center; } .iv-row .iv-img { text-align: left; margin-right: 10px; float: left; } .iv-row .iv-input { text-align: left; height: 60px; line-height: 60px; } #opc_profile .iv-row { margin-top: 4px; } #opc_profile .iv-row .iv-input { height: auto; line-height: normal; } #opc_profile .iv-row .iv-input .button { margin: 3px 0px 0px 13px; } .iv-input input { width: 100px; } .iv-error { padding-left: 5px; color: #880000; } .iv-box a:link, .iv-box a:visited, .iv-box a:hover, .iv-box a:active { text-decoration: none; border: none; border-bottom: 1px dashed #3c6992; white-space: nowrap; color: #3c6992; font-size: 10px; } .iv-box span.star { padding: 0; } table.data-table tr td.iv-box .button-row { margin: 4px 0px 3px 0px; } table.register-table div.iv-box { text-align: center; } table.register-table div.iv-box div.iv-img { margin-top: 4px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Wholesale trading module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ #wl-prices { margin-top: 15px; } #wl-prices table td { padding: 2px 10px; background: #eee none; white-space: nowrap; } #wl-prices table th { padding: 2px 10px; white-space: nowrap; background: #ccc none; font-weight: bold; text-align: center; } #wl-prices div strong { color: #112536; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Special offers module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .products-list .special-price-row { text-decoration: line-through; } .offers-cart-button { float: right; } .cart .right-buttons-row { width: 60%; } .cart .right-buttons-row .button-separator { width: 60px; float: right; } .cart .offers-common-price { color: #010101; font-weight: bold; font-size: 12px; background: transparent url(../../skin/nbm/modules/Special_Offers/../../images/spacer_black.gif) repeat-x left 8px; padding: 0; margin: 0; } .cart .offers-free-note { margin: 10px 0; padding: 0; font-size: 14px; color: #C00; } .cart .offers-free-shipping-note { margin: 10px 0; padding: 0; font-size: 14px; color:#C00; } .products-list .special-price-row { text-decoration: line-through; } .cart .right-buttons-row .button-separator { width: 60px; float: right; } a.offers-thumbnail:link, a.offers-thumbnail:visited, a.offers-thumbnail:hover, a.offers-thumbnail:active { padding: 0; margin: 0 0 0 -51px; text-decoration: none; text-align: left; } .products-table a.offers-thumbnail:link, .products-table a.offers-thumbnail:visited, .products-table a.offers-thumbnail:hover, .products-table a.offers-thumbnail:active { display: inline; position: static; margin: 0 0 0 -51px; text-align: left; } .rtl a.offers-thumbnail:link, .rtl a.offers-thumbnail:visited, .rtl a.offers-thumbnail:hover, .rtl a.offers-thumbnail:active { text-align: right; } .rtl .products-table a.offers-thumbnail:link, .rtl .products-table a.offers-thumbnail:visited, .rtl .products-table a.offers-thumbnail:hover, .rtl .products-table a.offers-thumbnail:active { display: block; position: relative; margin: -44px 0 0 70px; text-align: left; } a.offers-thumbnail:link img, a.offers-thumbnail:visited img, a.offers-thumbnail:hover img, a.offers-thumbnail:active img { width: 49px; height: 50px; margin: 0; background: transparent url(../../skin/nbm/modules/Special_Offers/../../images/special_offer_icon.png) no-repeat left top; } .offers-price { color: #b51a00; font-weight: bold; font-size: 14px; margin: 15px 0; padding: 0; } /** * Offers short list */ .offers-short-list { margin-bottom: 10px; margin-top: 15px; text-align: left; } .printable .offers-short-list { padding-left: 0; padding-right: 0; } .offers-cell { float: left; padding-left: 5px; padding-right: 5px; } .offers-cell.first { padding-left: 0; } .offers-cell.last { padding-right: 0; } .offers-cell img { margin: 5px; } .offers-more-info { text-align: right; vertical-align: middle; } .offers-more-info a:link, .offers-more-info a:visited, .offers-more-info a:hover, .offers-more-info a:active { color: #043fa0; padding-right: 12px; } .offers-more-info a:link, .offers-more-info a:visited, .offers-more-info a:hover, .offers-more-info a:active { text-decoration: underline; } /** * Bonuses view */ .offers-bonus-title { float: left; width: 50%; text-align: right; } .offers-bonus-value { font-weight: bold; } .offers-bonuses-page .subheader { margin-top: 15px; } .error-page .offers-short-list { display: none; } .cart-free-offer-title { color: #043fa0; font-weight: bold; text-decoration: underline; cursor: pointer; } .product-details .details .bp-icon-header { height: 35px; text-align: center; vertical-align: middle; color: #ff6d00; font-weight: bold; font-size: 18px; background: transparent url(../../skin/nbm/modules/Special_Offers/images/bp_icon_top_middle.gif) repeat-x; } .product-details .details .bp-icon-footer { height: 19px; text-align: center; vertical-align: middle; color: #fff; font-weight: bold; font-size: 10px; white-space: nowrap; background: transparent url(../../skin/nbm/modules/Special_Offers/images/bp_icon_bottom_middle.gif) repeat-x; } /* Cart Styles */ .cartSpecialOffers { float:right; width:46%; overflow:hidden; -webkit-border-radius: 8px; -moz-border-radius:8px; border-radius: 8px; margin:20px 0!important; background:#167F2A !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#167F2A', endColorstr='#0F4318'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#167F2A), to(#0F4318))!important; /* for webkit browsers */ background: -moz-linear-gradient(top, #167F2A, #0F4318)!important; /* for firefox 3.6+ */ color: #fff; } .cartSpecialOffers .dialog { padding:10px 15px; } .cartSpecialOffers .dialog .content { padding-top:10px; } .cartSpecialOffers h2 { text-shadow:1px 1px 0 #0F4318; } .cartSpecialOffers a { color:#fff; text-decoration:underline; } #content .cartSpecialOffers ul { margin-bottom:0; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Advanced Order Management module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:28 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ #history-box { padding: 5px; border: solid 1px #ccc; font-size: 10px; } #history-box ul { padding-left: 20px; margin: 0px; } #history-box li { padding: 0; margin: 0; font-size: 10px; } #history-box .subhead { color: #000; font-size: 10px; font-weight: bold; padding-top: 3px; margin: 0; } #history-box .subhead-comment { color: #000; font-size: 10px; font-weight: normal; padding: 3px 0; margin: 0; } #history-box .subhead-note { color: #848a94; padding: 3px 0; font-size: 10px; } #history-box .section-subhead { color: #b51a00; font-size: 10px; font-weight: normal; padding: 3px 0; margin: 0; } #history-box p { font-size: 10px; padding: 0; margin: 0; } #history-box .status { color: #848a94; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Product options module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /* exceptions list */ #exception_msg { padding-bottom: 15px; } .poptions-exceptions-list { padding-bottom: 15px; } /* short options list */ .poptions-options-list { padding: 1px; } .poptions-options-list td { padding-right: 10px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Recommended products module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ ul.rproducts { list-style: none outside none; margin: 0; padding: 0; } ul.rproducts li { margin: 0; padding: 4px 0; font-size: 7px; } ul.rproducts a:link, ul.rproducts a:visited, ul.rproducts a:hover, ul.rproducts a:active { font-weight: bold; font-size: 12px; } .printable .rproducts { display: none; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Detailed product images module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.5 2010/08/04 11:32:48 joy Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /* Detailed images on product detailed page */ .dpimages-list .content { text-align: center; } .dpimages-list .content img { padding: 0 0 10px 0; } .dpimages-list .content img.last { padding: 0; } .dpimages-list .dpimage-container { text-align: center; margin: 3px 0; } /* Product details line */ div.dpimages-popup-link { margin-top: 33px; text-align: center; vertical-align: middle; } .dpimages-popup-link a:link, .dpimages-popup-link a:visited, .dpimages-popup-link a:hover, .dpimages-popup-link a:active { text-decoration: underline; padding: 0 0 0 17px; background: transparent url(../../skin/common_files/modules/Detailed_Product_Images/../../images/zoom_image.gif) no-repeat left 1px; line-height: 13px; } /* Icons box */ .dpimages-icons-box { padding-top: 15px; padding-bottom: 10px; width: 220px; } .dpimages-icons-box a:link, .dpimages-icons-box a:visited, .dpimages-icons-box a:hover, .dpimages-icons-box a:active { display: block; outline-style: none; border: 1px solid #fff; float: left; } .dpimages-icons-box a:hover { border: 1px solid #215485; } /* Printable page */ .printable .dpimages-popup-link, .printable .dpimages-icons-box { display: none; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * X-RMA module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .rma-product-options-box { padding-left: 20px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Fast Lane Checkout module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.4 2010/06/28 08:00:14 igoryan Exp $ * @link http: //www.x-cart.com/ * @see ____file_see____ */ /** * Checkout page: user profile */ .flc-left-dialog, .flc-right-dialog { width: 43%; float: left; min-height: 232px; overflow:hidden; background-color: #eee; padding:10px 15px 1px; -webkit-border-radius: 8px; -moz-border-radius:8px; border-radius: 8px; -webkit-box-shadow: 1px 1px 5px #999; -moz-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; margin:0 5px 40px 5px!important; } .flc-right-dialog { float:right; } .flc-ext-left-dialog, .flc-ext-right-dialog { height: 380px; } .flc-right-dialog .content { vertical-align: middle; text-align: center; line-height: 184px; } .flc-ext-right-dialog .content { line-height: 314px; } .flc-login-text { font-size: 12px; font-weight: 700; margin: auto 0; } .flc-login-text a:link, .flc-login-text a:visited, .flc-login-text a:hover, .flc-login-text a:active { text-decoration: underline; } .flc-left-dialog input { width: 320px!important; } .flc-left-dialog a, .flc-right-dialog a, .flc-right-dialog .data-table td.data-name, .flc-left-dialog .data-table td.data-name { color:#000!important; } .flc-left-dialog h2, .flc-right-dialog h2 { font-size:15px!important; } /** * Checkout page: shipping & payment methods */ .flc-checkout-container { vertical-align: top; padding-bottom: 30px; width: 100%; clear: both; } .flc-checkout-container h3 { border-bottom:1px solid #eee; padding-bottom:5px; text-transform:capitalize; color:#F56710; } .flc-checkout-container .flc-address { vertical-align: top; width: 30%; float: left; overflow: hidden; } .flc-checkout-container .flc-checkout-options { margin-left: 32%; vertical-align: top; } .checkout-payments tr td { padding: 5px; vertical-align: top; } .checkout-payments tr td.checkout-payment-name { width: 20%; white-space: nowrap; padding-right: 10px; } .checkout-payments tr td.checkout-payment-name label { font-weight: 700; } .checkout-payments tr td.checkout-payment-descr { width: 80%; } .checkout-payments tr td.checkout-payment-paypal { width: 100%; } .checkout-payments tr td.checkout-payment-paypal img { border: 0 none; } .checkout-shippings label { position: relative; display: block; padding: 0 0 8px 0; height: 18px; line-height: 18px; vertical-align: middle; } .checkout-shippings label input { vertical-align: middle; } .checkout-shippings label span { padding-left: 3px; } .checkout-shippings label.highlight { background: none; } /** * Checkout page: tabs */ div.flc-tabs-container { position: relative; text-align: right; margin:10px 0 0; height:60px; } div.flc-tabs { left:120px; position:absolute; text-transform:capitalize; } ul.flc-progress-bar { list-style-type: none; margin: 0; padding: 0; } ul.flc-progress-bar li { float: left; height: 60px; width: 150px; padding: 0; margin: 0; text-align: center; } div.flc-tab-cart-line { vertical-align: top; text-align: center; height: 30px; display:none; } div.flc-tab-cart-line img { width: 18px; height: 13px; text-align: center; background: transparent url(../../skin/nbm/modules/Fast_Lane_Checkout/../../images/cart_checkout.gif) no-repeat left top; } div.flc-tab-marks-line { padding: 0; height: 10px; vertical-align: top; } .flc-tab-marks-line div { width: 100%; height: 6px; position: relative; } .flc-tab-marks-line img { position: absolute; background: #eee none; } .flc-tab-marks-line .flc-tab-line-img1 { top: 0; right: 50%; left: 0; width: 50%; height: 2px; } .flc-tab-marks-line .flc-tab-line-img2 { top: 0; right: 0; left: 50%; width: 50%; height: 2px; } .flc-tab-marks-line .flc-tab-line-img3 { top: 2px; right: 50%; width: 2px; height: 4px; } .flc-tab-marks-line .flc-tab-first .flc-tab-line-img1 { width: 2px; left: auto; } .flc-tab-marks-line .flc-tab-last .flc-tab-line-img2 { background: #FFF none; } .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img1, .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img2, .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img3, .flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img1, .flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img3 { background: #EEA82A none; } div.flc-tab-links { font-weight: 700; text-align: center; padding: 0 5px; } .flc-tab-links a:link, .flc-tab-links a:visited, .flc-tab-links a:hover, .flc-tab-links a:active { text-decoration: underline; font-weight: 700; } /** * Checkout: last step */ .flc-checkout-products { padding-bottom: 30px; } .flc-checkout-box-info { padding: 0 0 30px 0; text-align: center; padding: 0 5px; } .flc-tab-links a:link, .flc-tab-links a:visited, .flc-tab-links a:hover, .flc-tab-links a:active { text-decoration: underline; font-weight: 700; } .flc-checkout-products { padding-bottom: 30px; } .flc-checkout-box-info { padding: 0; text-align: left; } .flc-checkout-address-left { width: 48%; float: left; vertical-align: top; padding-bottom: 15px; } .flc-checkout-address-right { vertical-align: top; margin-left: 50%; padding-bottom: 15px; } table.flc-checkout-address tr td { padding: 2px; } .flc-payment-options { padding-bottom: 15px; } .cart-content { border-left:1px solid #eee; border-right:1px solid #eee; } .cart-content tr td { border-bottom:1px solid #eee; padding:3px 10px; } .invoice-customer-notes div { height: auto; } .invoice-products tr td.invoice-price-column, .invoice-products tr td.invoice-tax-column, .invoice-products tr td.invoice-quantity-column, .invoice-products tr th.invoice-quantity-column { text-align:center; } .invoice-products tr th.invoice-total-column { text-align:right; } .invoice-products tr th.invoice-total-column { padding-right:5px; }/* vim: set ts=2 sw=2 sts=2 et: */ /** * Flyout menus module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.3 2010/07/22 09:41:43 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /** * Layout */ .menu-fancy-categories-list .content { overflow: visible; padding-top: 5px; padding-left: 5px; padding-right: 6px; } .fancycat-icons-e ul { list-style-type: none; padding: 0; margin: 0; list-style: none; width: 137px; } .fancycat-icons-e ul li { float: left; position: relative; width: 100%; padding: 2px 0; background: white none; } .fancycat-icons-e li ul { display: none; position: absolute; top: 4px; left: 126px; background: white none; border: 1px solid #b1c6d7; margin: 0; padding: 5px 6px 5px 5px; } .fancycat-icons-e li:hover, .fancycat-icons-e li.over { background-color: #e4e7ed; } .fancycat-icons-e li:hover ul, .fancycat-icons-e li.over ul { display: block; } .fancycat-icons-e li iframe { position: absolute; padding: 0; border: 0 none; margin: 0; left: 0; top: 0; display: none; } .fancycat-icons-e li iframe.over { display: block; } /** * Multi-level support */ .fancycat-icons-e li:hover ul ul, .fancycat-icons-e li.over ul ul, .fancycat-icons-e li:hover ul ul ul, .fancycat-icons-e li.over ul ul ul, .fancycat-icons-e li:hover ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul ul ul ul { display: none; } .fancycat-icons-e li li:hover ul, .fancycat-icons-e li li.over ul, .fancycat-icons-e li li li:hover ul, .fancycat-icons-e li li li.over ul, .fancycat-icons-e li li li li:hover ul, .fancycat-icons-e li li li li.over ul, .fancycat-icons-e li li li li li:hover ul, .fancycat-icons-e li li li li li.over ul, .fancycat-icons-e li li li li li li:hover ul, .fancycat-icons-e li li li li li li.over ul, .fancycat-icons-e li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li.over ul, .fancycat-icons-e li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li.over ul, .fancycat-icons-e li li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li li.over ul, .fancycat-icons-e li li li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li li li.over ul, .fancycat-icons-e li li li li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li li li li.over ul { display: block; } /** * Visual scheme */ .fancycat-icons-e ul li a:link, .fancycat-icons-e ul li a:visited, .fancycat-icons-e ul li a:hover, .fancycat-icons-e ul li a:active { display: block; position: relative; font-size: 12px; color: #300; text-decoration: none; line-height: 16px; vertical-align: middle; background: transparent none; padding: 0 25px 0 10px; margin-left: 10px !important; overflow: hidden; } .fancycat-icons-e a.icon-link:link, .fancycat-icons-e a.icon-link:visited, .fancycat-icons-e a.icon-link:hover, .fancycat-icons-e a.icon-link:active { padding-left: 26px; } .fancycat-icons-e a.sub-link:link, .fancycat-icons-e a.sub-link:visited, .fancycat-icons-e a.sub-link:hover, .fancycat-icons-e a.sub-link:active { background: transparent url(../../skin/nbm/modules/Flyout_Menus/Icons/tree_subdir_plus.gif) no-repeat 97% 4px; } .fancycat-icons-e a.empty-link:link, .fancycat-icons-e a.empty-link:visited, .fancycat-icons-e a.empty-link:hover, .fancycat-icons-e a.empty-link:active { color: #a3b1c7; } .fancycat-icons-e a.nowrap-link:link, .fancycat-icons-e a.nowrap-link:visited, .fancycat-icons-e a.nowrap-link:hover, .fancycat-icons-e a.nowrap-link:active { white-space: nowrap; } .fancycat-icons-e img { position: absolute; top: 0; left: 0; padding: 0; margin: 0; } /** * Tree-like expanding */ .fancycat-icons-c ul { list-style: none; padding: 0; } .fancycat-icons-c ul li { position: relative; } .fancycat-icons-c li.closed ul { display: none; } html, body { height:auto; } #header, #footer { position:relative!important; height:auto; float:none; } /* Content */ .checkout-container #content { width:auto; float:none; } #center-main { margin:0; position:inherit; overflow:inherit; } h3.grey { border-bottom: 1px solid #E6E6E6; color: #666666; font-size: 16px; text-transform:capitalize; padding:0 0 5px 0; } .dialog { border:none; margin:0; } .dialog .title { border:none; background:none; padding:0; color:#000; } .dialog .content { padding:0; color:inherit; } #content .ui-tabs-nav { margin:0; } .textcenter { text-align:center; } .textright { text-align:right; } table tr td.button-row { text-align:right; padding-top:5px; } tr.head-row th { background: #006f44; padding: 10px 15px; } #content ul.simple-list-left { margin-left:0; } .registerSubmit button { display:inline-block; } /* Buttons */ div.button div, div.button a, button.button .button-right, button.button .button-left, button.simple-button, button.simple-button:hover { background:none!important; color:inherit!important; padding:0!important; height:auto; line-height:inherit!important; font-family: inherit!important; font-size: inherit!important; } button.button { margin:0; height:auto; width:auto!important; } .button-row, .button-row-right { height:auto; } button.simple-button { color: #006f44; } a.simple-button, a.simple-button:hover { color: #006f44; } a.simple-delete-button { display:inline-block; } a.simple-delete-button:hover { color: #880000; text-decoration:none; } /* Products List */ .per-page-selector { float: left; } .nextprevnav .displaying { float: left; color: #999999; font-size: 16px; } .per-page-title { padding-left: 10px; color: #999999; text-transform: capitalize; } .per-page-selector select { font-size: 12px; height: 32px; } .nav-pages-title { padding:0; } .list-dialog .title div.sort-box { position: static; width: auto; height: auto; font-size: 14px; } .list-dialog .title div.sort-box .search-sort-bar { line-height: 32px; margin: 0; height: auto; } .list-dialog .title div.sort-box select { font-size: 12px; height: 32px; } .search-sort-bar a.up-direction { background-image: url(../../skin/nbm/css/../images/uarrow.gif); } .search-sort-bar a.down-direction { background-image: url(../../skin/nbm/css/../images/darrow.gif); } /* Product View */ .addthis_toolbox { height:16px; margin:0 0 10px 0; } .product-details .product-title { text-decoration: none; font-weight: normal; } .product-details .product-title.mobile { display: none; margin-bottom: 30px; } .product-details .product-manufacturer { font-size: 16px; color: #999999; font-weight: bold; margin-bottom: 10px; } .product-details .product-manufacturer a { color: inherit; } .product-details .image { float: left; width: 45%; position: relative; padding-right: 50px; margin: 0px; box-sizing: border-box; } .product-details .image img.specialIcon { top: 20px; left: -10px; } .product-details .image-box { border: 1px solid #e3e3e3; border-radius: 5px; width: 100%; } .product-details .image-box { border-radius: 5px; } .product-details .image-box img { max-width: 80%; max-height: 80%; width: auto; height: auto; } div.dpimages-popup-link { margin-top:10px; } .product-details .dpimages-icons-box { margin: -10px; width: calc(100% + 20px) } .product-details .dpimages-icons-box a { width: calc((100% / 3) - 20px) !important; margin: 10px; height: auto !important; border: 1px solid #e3e3e3; border-radius: 5px; white-space: nowrap; box-sizing: border-box; padding: 10px; cursor: pointer; } .product-details .dpimages-icons-box a span { display: block; background-repeat: no-repeat; background-size: contain; background-position: center; } .product-details .dpimages-icons-box a span:before { content: ''; width: 100%; height: 0px; padding-top: 100%; display: block; } .product-details .dpimages-icons-box a * { vertical-align:middle; } .product-details .addthis_toolbox { padding: 20px 0px; margin-top: 50px; margin-bottom: 0px; border-top: 1px solid #e3e3e1; border-bottom: 1px solid #e3e3e1; text-align: left; line-height: 16px; } .product-details .addthis_toolbox a, .product-details .addthis_toolbox strong { float: none; vertical-align: middle; display: inline-block; margin-bottom: 0px; line-height: 10px; } .product-details .details { float: right; width: 55%; padding: 0; } table.product-properties, table.product-properties td.property-value { width:auto; } table.product-properties .property-name { width: auto; font-weight: bold; color: #2d2222; text-transform: capitalize; } table.product-properties .property-name, table.product-properties .property-value { padding: 5px 15px 5px 0; vertical-align: middle; } table.product-properties .product-price-value, table.product-properties .product-price { color: #0F4318; font-size: 14px; font-family: Arial, Helvetica, sans-serif; } table.product-properties select { min-width: 140px; padding: 8px 10px; color: #999999; font-size: 14px; line-height: 22px; height: 40px; } .product-details .product-buy-row { padding: 30px 0px; border-top: 1px solid #e3e3e1; border-bottom: 1px solid #e3e3e1; margin-bottom: 30px; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-align-items: center; display: flex; flex-wrap: wrap; align-items: center; } .product-details .product-buy-row .price-part { font-size: 20px; display: inline-block; vertical-align: middle; margin-right: auto; } .product-details .product-buy-row .price-part .product-price-value { font-size: 30px; color: #006f44; font-weight: bold; } .product-details .product-buy-row .price-part .market-price-value { color: #999999; } .product-details .product-buy-row .info_box { margin-top: 20px; margin-bottom: 0px; } .product-details .product-buy-row .button { font-size: 14px; line-height: 20px; padding: 15px 30px; height: 50px; box-sizing: border-box; vertical-align: middle; text-align: center; -webkit-flex-grow: 0; flex-grow: 0; } .product-details .product-buy-row .ask-question { font-size: 14px; line-height: 18px; background-color: #ffffff; border: 1px solid #e3e3e1 !important; color: #999999; text-decoration: none; font-weight: bold; margin-top: 0px; margin-right: 20px; } .product-details .product-buy-row .ask-question:hover { background-color: #fcfcfc; } .product-details .product-buy-row .ask-question span { display: inline-block; } .product-details .product-buy-row .ask-question:before { content: "\f059"; font-family: FontAwesome; margin-right: 10px; } #content #wl-prices table { margin-bottom: 0px; } #wl-prices table th { font-size: 14px; background-color: #006f44; color: #ffffff; } #content .ui-tabs-nav { padding: 0px; } #content .ui-tabs-nav li { border-radius: 0px; background: none; margin: 0px -1px -1px 0px; padding: 0px; border: 0px none transparent; position: static; } #content .ui-tabs-nav li a { padding: 15px 30px; background-color: #fcfcfc; border: 1px solid #e6e6e6; color: #2d2222; font-size: 14px; } #content .ui-tabs-nav li.ui-tabs-selected a { border-bottom: 1px solid #ffffff; background-color: #ffffff; } #product-tabs-container .ui-tabs-panel { padding: 30px; } #content #product-tabs-container ul.products-list { margin-bottom:-25px; } #content #product-tabs-send2friend table { margin:0; } button.add-to-cart-button span { font-size:14px!important; } .add-to-cart-popup p { line-height: 1.5; margin: 10px 0px; } .add-to-cart-popup .buttons { border-top: 1px solid #e6e6e6; padding-top: 15px; padding-bottom: 10px; margin-top: 10px; text-align: center; } .add-to-cart-popup .buttons .button { color: #ffffff; } .add-to-cart-popup .buttons .button.red { float: left; } .add-to-cart-popup .buttons .button.close { float: right; } .recommended-products { border-top: 1px solid #e3e3e3; background-color: #ffffff; padding: 35px 0px 20px 0px; overflow: hidden; position: relative; z-index: 1; } .recommended-products .bg_shape { position: absolute; z-index: -1; left: -5px; top: -5px; width: calc(100% + 10px); height: calc(100% + 10px); pointer-events: none; } .recommended-products h2 { margin: 0px 0px 30px 0px; text-align: center; } .recommended-products .products-list li { width: calc((100% / 4) - 30px); box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.1); } .recommended-products .products-list li:hover { box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.2); } /* Shopping Cart */ .cart .item { } #content .cart .item table { margin:0; } .cart th { background: #006f44; color: #ffffff; vertical-align: middle; white-space: nowrap; padding: 15px 15px; text-transform: capitalize; } .cart th:first-child { border-top-left-radius: 4px; } .cart th:last-child { border-top-right-radius: 4px; } .cart .item > tbody > tr > td { border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; padding: 15px 15px; vertical-align: middle; color: #666666; } .cart .item > tbody > tr > td:last-child { border-right: 1px solid #cccccc; } .cart .item .image { padding: 10px; width: 1%; } .cart .item .image a, .cart .item .image img { display: block; max-width: 130px; } .cart .item .details { border-left: 0px none transparent; vertical-align: top; width: 56%; } .cart .product-title { text-decoration:none; font-size: 18px; line-height: 1.1; font-weight: normal; color: #666666; } .cart .poptions-list { margin-bottom: 5px; } .cart .simple-button { color: inherit; text-decoration: none; } .cart .item .qty_col .mobile-price { display: none; } .cart input[type="text"] { width:auto; background-color: #fafafa; box-shadow: none; margin-bottom: 5px; } .cart .item .currency { font-weight: bold; font-size: 14px; } .cart .item .refresh span { text-decoration: none; font-weight: normal; font-size: 13px !important; } .cart .item .taxes { padding: 0px; font-size: 10px; line-height: 1.5; } .cart .buttons { margin-top: 0; position: static; } .cart .buttons .button { width: 100%; text-align: center; box-sizing: border-box; padding-top: 13px; padding-bottom: 13px; } .cart .totals-side { float: right; width: 350px; padding-left: 50px; box-sizing: border-box; margin-bottom: 50px; color: #666666; } .cart .totals-side .totals { width: 100%; } .cart .totals-side table { width: 100%; } .estimator-container { text-align: right; width: 100%; margin-bottom: 20px; color: #666666; } .estimator-container .simple-button { color: #006f44 !important; margin-right: 10px; margin-top: 1px; } .cart-total-row { color: #666666; } .cart-total-row .shipping-method { color: inherit; font-weight: normal; margin-bottom: 20px; } .cart-total-row .shipping-method select { width: 100%; } .cart-total-row .right-box table { margin-bottom: 0px !important; } .totals tr { display: block; } .totals td { padding-right: 0; display: inline-block; padding: 0px; } .totals .total, .totals .total-name { color: inherit; font-weight: bold; } .totals .total-value { color: inherit; font-weight: normal; } .totals .big-number td { text-transform: none; font-size: 18px; font-weight: bold; padding-top: 20px; color: #000000; } .cartSpecialOffers, .redeemDiscount { max-width: calc(100% - 350px); width: 600px; float: left; padding: 0px; background: transparent !important; border-radius: 0px; margin: 10px 0px 30px 0px !important; color: #666666; } .cartSpecialOffers .dialog { padding: 0px; } .cartSpecialOffers .title, .redeemDiscount .title { padding: 20px; background-color: #f7f7f7; border: 1px solid #dedede; border-radius: 3px; font-size: 18px; font-weight: bold; font-family: Hind, Arial, Helvetica, sans-serif; color: inherit; height: auto; } .cartSpecialOffers .title h2, .redeemDiscount .title h2 { font-size: inherit !important; font-weight: inherit; font-family: inherit; text-shadow: none; color: inherit; line-height: 1.1; } .cartSpecialOffers .content, .redeemDiscount .content { font-size: 14px; line-height: 1.5; padding: 0px; padding-top: 20px !important; } .cartSpecialOffers p, .redeemDiscount p { margin-bottom: 20px !important; } .redeemDiscount form { width: 100%; } .redeemDiscount input, .redeemDiscount .button { height: 40px; box-sizing: border-box; float: left; } .redeemDiscount input[type="text"] { width: calc(100% - 130px); padding-left: 20px; padding-right: 20px; box-shadow: none; } .redeemDiscount .button { width: 110px !important; margin-left: 20px; font-size: 14px; } /* Checkout pages */ div.flc-tabs { position: static; margin-bottom: 20px; } ul.flc-progress-bar { width: 600px; margin: 0px auto !important; } .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img1, .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img2, .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img3, .flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img1, .flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img3 { background-color: #006f44; } .flc-tab-links a:link, .flc-tab-links a:visited, .flc-tab-links a:hover, .flc-tab-links a:active { text-decoration: none; } .flc-left-dialog, .flc-right-dialog { box-shadow: none; border-radius: 4px; border: 1px solid #e3e3e3; background-color: #fcfcfc; margin: 0px 0px 30px 0px !important; } .flc-left-dialog .title, .flc-right-dialog .title { margin-bottom: 20px; } .flc-left-dialog h2, .flc-right-dialog h2 { font-size: 24px !important; } .flc-left-dialog table, .flc-right-dialog table, .flc-left-dialog input, .flc-right-dialog input { width: 100% !important; box-sizing: border-box; } .flc-checkout-container h3 { color: #3a3a3c; padding-bottom: 10px; margin-bottom: 10px; } .checkout-payments tr td label { vertical-align: inherit; } table.cart-content { border-left: 0px none transparent; border-right: 0px none transparent; } table.cart-content td { border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } table.cart-content td:first-child { border-left: 1px solid #e3e3e3; } .flc-checkout-products table.cart-content td { width: 10% } .flc-checkout-products table.cart-content .cart-column-product { width: 60%; } .flc-checkout-products table.cart-content .cart-column-total { text-align: center; } .flc-checkout-products table.cart-content td:first-child a { color: #999999; font-weight: bold; } .flc-checkout-products .text-pre-block { margin-top: 0px; } .flc-checkout-products .cart-total-row { float: right; margin-bottom: 30px; } .flc-checkout-products .cart-total-row .totals { width: 100%; } .cart .terms_n_conditions label, .cart .terms_n_conditions input { vertical-align: middle; } .cart .customer-notes { width: 100%; } .cart .customer-notes textarea { width: 100%; box-sizing: border-box; } /* Register Form */ input[type="text"], input[type="password"], select, textarea, .input-style { border: 1px solid #e3e3e3; padding: 4px 6px; border-radius: 5px; } input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border-color:#006f44; } .register-table { max-width: 600px; width: 100%; margin: 0px auto !important; } .register-section-title div { border-color: #eeeeee; padding-bottom: 10px; } .register-section-title label { font-size: 18px; text-transform: capitalize; color: #3a3a3c; font-family: 'Bree Serif', serif; font-weight: normal; } .data-required { color: #EEA82A!important; } /* Order Invoice */ .invoice-data-box { padding:0; } .invoice-products { border-left:1px solid #eee; border-right:1px solid #eee; } .invoice-products tr th { background:#eee; padding:3px 10px; } .invoice-products tr td { border-bottom:1px solid #eee; padding: 3px 10px; } .invoice-products tr td td { border-bottom: 0px none transparent; } .invoice-totals tr .invoice-total-name-fin, .invoice-totals tr .invoice-total-value-fin { background:none; } td.invoice-line img { display:none; } /* #Media Queries ================================================== */ .mob_gal_only { display: none; } .desktop_gal_only { display: block; } /*CSS for serving the retina image to devices with a high "device-pixel-ratio":*/ @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 1008px) { } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 1008px) { .dialog .content { width: 100%!important; } .productImage span { width: 100%!important; display: inline-block!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .productImage { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .productImage img, img.featurePageImage { max-width: 100%; width: auto!important; height: auto!important; max-height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-left: 0!important; margin-top: 0!important; } .dialog .content { width: 100%!important; } .dialog .title { height: auto; } .list-dialog .title h2 { width: 100%; text-align: left; } a.productText { height: 80px!important; } ul.simple-list, ul.simple-list-left { margin-left: 0!important; } .ui-tabs .ui-tabs-nav li a { padding: 3px; } #dialog-message .message-e { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu-dialog .content { width: auto!important; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .dialog .content { width: 100%!important; } .dialog .title { height: auto; } .list-dialog .title h2 { width: 100%; text-align: center; } ul.simple-list, ul.simple-list-left{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-left: 0!important; } .list-dialog .title div.sort-box { height: auto; position: static; width: 100%; overflow: visible; } .search-sort-bar { text-align: center; } a.productText, .dialog .title h2 { text-align: center; } .productImage { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .productImage span { width: auto!important; display: inline-block!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .productImage img, img.featurePageImage { max-width: 100%; width: auto!important; height: auto!important; max-height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-left: 0!important; margin-top: 0!important; } .product-details .product-title.mobile { display: block; } .product-details .product-title.desktop { display: none; } table.product-properties .property-value, .products table .product-subtitle, table.product-properties .property-name, .dpimages-icons-box, .data-table td.data-name, .data-table td, input.send2friend, textarea.send2friend, .ui-widget-overlay table, .ui-widget-overlay table tr, .ui-widget-overlay table tr td{ width: 100%!important; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } table.product-properties .product-input { height: auto; padding-right: 10px; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui-tabs-panel .productlist { margin: 0!important; } a.productText { height: 80px!important; } .ui-tabs .ui-tabs-nav li a { padding: 5px; } .data-table td.data-required { display: none; } ul.address-container { margin-left: 0!important; } li.address-box { max-width: 280px; width: 48%!important; margin-right: 2%!important; margin-left: 0!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } li.address-box div.address-bg { width: 100%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #antibot_input_str { margin-bottom: 15px; } table.data-table tr td.iv-box, table.data-table tr td.iv-box .button-row{ text-align: center; } table.data-table tr td.iv-box .button-row .button, .button-row .button { display: inline-block; } table.register-table td.data-name { text-align: left; } table tr td.button-row { padding-top: 0; text-align: center; } .ui-widget-overlay { width: 100%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui-dialog { left: 0!important; right: 0!important; } #dialog-message { width: 100%!important; margin-bottom: 20px; } .mob_gal_only { display: block; } .desktop_gal_only { display: none; } .mob_gal_wrapper { width: 50%; text-align: center; float: left; } .mob_gal_wrapper img{ margin: 0; } #slideshowGallery .gallerySlide, #slideshowGallery .gallerySlide img { width: 100%!important; } #slideshowGallery .caption { height: auto; } .checkout-buttons .button, .checkout-buttons .checkout-3-button { display: none!important; } .checkout .cartitem .image, .checkout tr.cart-title td:first-child { display: none!important; } .checkout tr td, .cart .item .image { padding: 5px!important; vertical-align: top; } .cart .right-buttons-row { position: static; width: 100%; } .products { margin-top: 0; } .products.cart table .image img { display: none; } .products.cart table tr td{ } .cart .right-buttons-row .checkout-button { margin: 30px auto 20px; width: 100%; z-index: 999; } .cart .right-buttons-row .checkout-button a{ line-height: 29px; } ul.flc-progress-bar li { width: 100%; } .flc-tabs-container { display: none; } #content ul.flc-progress-bar { margin: 0!important; display: none; } .flc-tab-marks-line { display: none; } #dialog-message .message-e, .flc-checkout-container .flc-address, .flc-checkout-options{ width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-left: 0!important; margin-bottom: 20px; } .flc-checkout-container { padding-bottom: 0!important; } textarea[name=Customer_Notes] { width: 100%!important; } .terms_n_conditions.center { margin-bottom: 25px; } .flc-checkout-box-info { padding-left: 0; } .flc-checkout-address-left, .flc-checkout-address-right, .dialog.flc-left-dialog, .dialog.flc-right-dialog { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-left: 0!important; } .dialog.flc-left-dialog, .dialog.flc-right-dialog { float: none; height: auto; } .flc-right-dialog .content { line-height: normal!important; } form[name=authform] .data-table { text-align: center; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .data-table { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .flc-checkout-box-info { padding: 0 0 0 0; } .cartSpecialOffers { width: 100%; margin: 10px 0!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .flc-left-dialog, .flc-right-dialog { min-height: 0; padding-bottom: 20px; } .cart .totals-side { padding-left: 0px; width: auto; max-width: 500px; } .cartSpecialOffers, .redeemDiscount { width: 100%; max-width: 100%; } .cartSpecialOffers .title h2, .redeemDiscount .title h2 { text-align: left; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .cart .item .price_col, .cart .item .total_col { display: none; } .cart .item .qty_col { border-right: 1px solid #cccccc; } .cart .item .qty_col .mobile-price { display: block; } li.address-box { max-width: 280px; width: 100%!important; margin-right: auto!important; margin-left: auto!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } } /* CSS Document */ /* Body and Universal Reset */ * { margin: 0; padding: 0; } html { background: #ffffff; } body, .onCanvas{ background: #ffffff; } #popupWindowCaller { display:none; } .clear { clear: both; display: block; height: 0px; } img { border: none; } /* Mini Grid */ .container_24 { width: 100%; max-width: 1160px; margin-left: auto; margin-right: auto; } .container_24.inner { padding-left: 10px; padding-right: 10px; } /* Typography */ /* Header */ #top_header { background: #ffffff; height: 35px; text-align: center; } #top_header, .top_account_links { color: #006f44; font-weight: bold; font-size: 14px; } #top_header a, .top_account_links a { color: inherit; } #top_header a:hover, .top_account_links a:hover { color: #009159; } #top_header .phone, #top_header .visit, #top_header .account { padding: 8px 0px; line-height: 19px; height: 19px; } #top_header .phone { float: left; } #top_header .phone .fa { font-size: 1.5em; vertical-align: middle; margin: -0.1em 0.2em 0 0; } #top_header .visit { display: inline-block; } #top_header .account { float: right; } #top_header .account iframe { height: 100%; width: 185px; } .top_account_links { text-align: right; } .top_account_links img { vertical-align: middle; margin-right: 5px; } #header { margin: 0 auto; width: 100%; background-color: #006f44; margin-bottom: 30px; } .header_content { min-height: 80px; padding-top: 10px; padding-bottom: 10px; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between; display: flex; align-items: center; justify-content: space-between; } #header a.logo { margin: 0px; padding: 0px; display: inline-block; margin-right: 20px; -webkit-order: -1; order: -1; } .h-title { display: block; float: left; position: absolute; text-indent: -9999em; } #productSearch { width: 180px; height: 36px; position: relative; margin-left: 30px; -webkit-order: 3; order: 3; } #productSearch input { vertical-align:middle; margin:0; } #productSearch input[type="text"] { border-radius: 3px; height: 100%; width: 100%; padding: 5px 10px; font-size: 14px; border: 1px solid rgba(255,255,255,0.2); background-color: rgba(255,255,255,0.1); box-shadow: none; box-sizing: border-box; color: rgba(255,255,255,0.5); transition: all 0.2s ease; } #productSearch input[type="text"]:focus { border: 1px solid rgba(255,255,255,0.3); background-color: rgba(255,255,255,0.2); color: rgba(255,255,255,1); } #productSearch button { position: absolute; right: 8px; top: 8px; background: #ef7521 !important; padding: 0px !important; border-radius: 50%; height: 20px; width: 20px; font-size: 11px; } .menu-minicart { height: 40px; width: 130px; margin-left: 30px; -webkit-order: 2; order: 2; } .minicart { display: block; height: 40px; } .minicart.empty { opacity: 0.2; filter: grayscale(100%); /* visually centre the cart */ position: relative; margin-top: -4px; } .minicart .cart_icon { float: left; height: 40px; width: 45px; padding: 12px 5px 4px 15px; position: relative; box-sizing: border-box; } .minicart .cart_icon .count { position: absolute; top: 2px; left: 2px; min-width: 18px; height: 18px; line-height: 19px; background-color: #ffffff; border-radius: 20px; color: #006f44; font-size: 12px; font-weight: bold; text-align: center; padding-left: 2px; padding-right: 2px; box-sizing: border-box; } .minicart .cart_text { padding-top: 12px; line-height: 16px; } .minicart .cart_value { line-height: 12px; font-size: 16px; font-weight: 700; color: #ffffff; } .minicart .cart_link { display: inline-block; text-transform: uppercase; color: rgba(255,255,255,0.5); font-size: 12px; line-height: 8px; } /* Main Navigation */ #mainNav { margin: 0px -20px; -webkit-order: 1; order: 1; } #mainNav li { list-style:none; float:left; position:relative; } #mainNav li a { padding: 8px 20px; color: #333333; display: block; font-size: 14px; transition: all 0.1s ease; } #mainNav > li > a { height: 20px; line-height: 20px; padding: 5px 20px; font-size:16px; font-weight:bold; background:none; opacity: 0.8; color: #ffffff; transition: all 0.2s ease; } #mainNav > li > a .subpage-indicator { color: inherit; font-size: 0.6em; vertical-align: middle; transition: all 0.2s ease; transform: rotate(0deg); } #mainNav li:hover > a, #mainNav li.current > a { opacity: 1; } #mainNav li:hover > a .subpage-indicator, #mainNav li.menu-item > a .subpage-indicator { transform: rotate(180deg); } #mainNav ul { position:absolute; width:160px; /* left offset of submenus need to match (see below) */ top:-999px; background-color: #ffffff; box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); } #mainNav ul li { width:100%; } #mainNav li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ } #mainNav li:hover ul, #mainNav li.sfHover ul { left:0; top:36px; /* match top ul list item height */ z-index:99; } #mainNav li:hover li ul, #mainNav li.sfHover li ul { top:-999em; } #mainNav li li:hover ul, #mainNav li li.sfHover ul { left:160px; /* match ul width */ top:0; } #mainNav li li:hover li ul, #mainNav li li.sfHover li ul { top:-999em; } #mainNav li li li:hover ul, #mainNav li li li.sfHover ul { left:160px; /* match ul width */ top:0; } #mainNav ul li a:hover { background-color: #006f44; color: #ffffff; } /* Breadcrumbs */ #breadcrumbs { color: #999999; font-size: 12px; list-style: none; padding: 10px 0px; margin-top: -30px; } #breadcrumbs li { display:inline; } #breadcrumbs a { color:#B3B3B3; } #breadcrumbs li a:hover, #breadcrumbs li.currentPage a { color:#0F4318; } /* Sidebar */ #sidebar { float: left; width: 350px; padding-right: 50px; box-sizing: border-box; } .fbBoxTitle { color:#fff; font-weight:bold; font-size:14px; background:#3B5998; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; padding:7px 15px 5px 11px; display:inline-block; } .fbBoxTitle:hover { background:#133783; color:#fff; } .fb-like-box { border-top:2px solid #3B5998; background:url(/images/backgrounds/fb_shadow.jpg) no-repeat bottom; padding-bottom:16px; margin:0 0 21px 0; } .fb-like-box, .fb-like-box > span, .fb-like-box iframe { width: 100% !important; } .nutritionalAdviceButton { overflow:hidden; display:block; height:186px; margin:0 0 20px 0; } .nutritionalAdviceButton img { display:block; } .askExpertButton { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; position:relative; margin:-45px 0 0 0; top:-67px; left:-34px; } .nutritionalAdviceButton:hover .askExpertButton { left:-12px; } #sbSubscribeForm { margin:0 0 25px 0; } #sbSubscribeForm strong { text-transform:uppercase; line-height:16px; display:block; } #sbSubscribeForm input { box-shadow: none; border-radius: 0; padding: 6px 4px; font-size: 11px; margin: 6px 0 0 0; width: 100%; box-sizing: border-box; } #sbSubscribeForm input[type="submit"] { padding: 3px 24px 3px 6px!important; background: url(/images/backgrounds/submit_arrow.gif) no-repeat right center #000!important; font-size: 12px; text-transform: uppercase; color: #fff; text-shadow: none; font-weight: bold; letter-spacing: 0; cursor: pointer; box-shadow: none; border: none; width: 100%; } /* Sub Nav */ #subNav { margin: 0 0 15px 0; list-style: none; } #subNav li { border-bottom: 1px solid #e3e3e1; } #subNav li.subNavHeading { border: none; } #subNav li.subNavHeading a, #subNav li.subNavHeading a:hover { color: #ffffff; font-family: 'Bree Serif', serif; font-size: 18px; background: #ef7521; padding: 25px; border-radius: 5px 5px 0px 0px; transition: border-radius 0.2s ease; } #subNav li.subNavHeading a.has-arrow { position: relative; padding-right: 50px; } #subNav li.subNavHeading a.has-arrow:after { content: "\f106"; font-family: FontAwesome; font-size: 30px; color: #ffffff; position: absolute; right: 30px; top: 25px; transform: rotate(0deg); transform-origin: 50% 60%; transition: all 0.2s ease; } #subNav.collapsed li.subNavHeading a { border-radius: 5px; } #subNav.collapsed li.subNavHeading a.has-arrow:after { transform: rotate(180deg); } #subNav li a { color: #3a3a3c; display: block; padding: 15px 30px; font-size: 14px; transition: all 0.1s ease; } #subNav li a:hover, #subNav li a.down { color: #006f44; background-color: #ffffff; } #subNav li.parent-path > a { color: #006f44; } #subNav li a.down { box-shadow: inset 2px 0px 0px 0px #ef7521; } #subNav li ul { background-color: #f7f7f7; padding-left: 30px; margin-bottom: -1px; box-shadow: inset 0px -1px 0px 0px #e3e3e1; border-top: 1px solid #e3e3e1; } #subNav li li a { padding: 8px 30px; } #subNav li ul ul { background-color: rgba(0,0,0,0.02); } /* Cycle Banner */ #homeBanner { margin-top: -30px; margin-bottom: -1px; position: relative; overflow: hidden; } #homeBanner .bg_shape { position: absolute; z-index: 1; left: -5px; bottom: -5px; width: calc(100% + 10px); height: calc(100% + 10px); pointer-events: none; } #homeBanner .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 50px; height: 50px; line-height: 48px; color: #ffffff; font-size: 48px; text-align: center; cursor: pointer; box-sizing: border-box; } #homeBanner .slick-arrow.prev { left: 50px; padding-right: 5px; } #homeBanner .slick-arrow.next { right: 50px; padding-left: 5px; } #homeBanner .slick-arrow .fa { vertical-align: middle; } #homeBanner .banner_images:not(.slick-initialized) .slide:nth-child(n+2) { display: none; } #homeBanner .slide { float: left; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; min-height: 560px; } #homeBanner .slide img { visibility: hidden; float: left; margin-right: -100%; width: 100%; height: auto; } #homeBanner .slide .bg_overlay { position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #090b0a; opacity: 0.3; pointer-events: none; } #homeBanner .slide .banner_text_wrapper { position: absolute; z-index: 2; top: 45%; left: 0px; width: 100%; transform: translateY(-50%); color: #ffffff; font-size: 18px; } #homeBanner .slide .banner_text_wrapper .banner_text { max-width: 600px; } #homeBanner .slide .banner_text .subtitle { text-transform: uppercase; font-size: 16px; line-height: 1; margin-bottom: 0px; } #homeBanner .slide .banner_text .title { font-size: 60px !important; line-height: 1; color: inherit; margin-bottom: 30px; } #homeBanner .slide .banner_text .description { position: relative; padding-top: 30px; } #homeBanner .slide .banner_text .description:before { content: ''; width: 50px; height: 2px; background-color: #ffffff; position: absolute; top: 0px; left: 0px; } #homeBanner .button { padding: 13px 30px; margin: 5px; } #homeBanner .buttonoutline { padding: 11px 28px; margin: 5px; } #innerBanner { margin-bottom: 20px; } #innerBanner.unready > a:nth-of-type(n+2) { display: none; } #innerBannerWrapper { position: relative; } #innerBanner_nav { position: absolute; z-index: 50; top: 50%; left: 0px; width: 100%; } #innerBanner_nav .pager { position: absolute; top: 0px; color: #ffffff; text-shadow: 0px 0px 3px rgba(0,0,0,0.3); cursor: pointer; width: 40px; height: 40px; line-height: 40px; font-size: 40px; margin-top: -15px; text-align: center; } #innerBanner_nav .pager.prev { left: 0px; } #innerBanner_nav .pager.next { right: 0px; } .banner_images { overflow: hidden; } .banner_images img { top: 0; left: 0; width: 100%; height: 100%; } /* Content */ #content { float: right; width: calc(100% - 350px); margin-bottom: 30px; } .home_page #content, .full_width #content { width: 100%; } #content p, #content table, #content ul, #content ol { margin:0 0 18px 0; } #content ul, #content ol { margin-left:18px; } /* Next Previous */ .nextprevnav { line-height: 32px; height: 32px; padding: 20px 0px; margin: 0 0 20px 0; border-top: 1px solid #e3e3e1; border-bottom: 1px solid #e3e3e1; } .siteHQnextprevnav { margin:20px 0 0 0; text-align:center; } .nextprevnav_items { float: right; border: 1px solid #e3e3e3; height: 32px; box-sizing: border-box; } .nextprevnav_items > a, .nextprevnav_items > span { display: inline-block; vertical-align: middle; height: 30px; line-height: 32px; border-left: 1px solid #e3e3e3; margin: 0px !important; padding: 0px 15px; } .nextprevnav_items > *:first-child { border-left: 0px none transparent; } .nextprevnav a, .nextprevnav span { color: #000; margin: 0 5px; transition: all 0.1s ease; } .nextprevnav a:hover, .nextprevcurrentpage { color: #006f44; } .nextprevcurrentpage { font-weight:bold; } .nextprevlink, .prevlink { font-size: 24px; } /* Products List */ .dialog-category-products-list .title, .boxSubheader { height: 32px; line-height: 32px; padding: 10px 0px; font-size: 24px; border-bottom: 1px solid #e3e3e1; margin-bottom: 20px; } .dialog-category-products-list .title h2, .dialog-category-products-list .title a { display: none; } .dialog-category-products-list .title a:hover, .boxSubheaderLink a { color: #999999; text-decoration: underline; } .boxSubheaderLink { float: right; width: auto; color: #fff; line-height: 36px; height: 36px; padding: 0 10px; } .boxSubheaderLink a { line-height: 36px; } .boxSubheaderLink a:hover { color:#fff; } #content ul.products-list { margin: 0px -15px 0px -15px; font-size: 0px; line-height: 0px; width: calc(100% + 30px); display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; } .products-list li { font-size: 16px; line-height: 24px; list-style: none; width: calc((100% / 3) - 30px); padding: 0px; margin: 0px 15px 30px 15px; display: inline-block; vertical-align: top; box-sizing: border-box; border-radius: 5px; box-shadow: 0px 2px 6px 0px rgba(0,0,0,0); transition: all 0.2s ease; display: -webkit-flex; -webkit-flex-direction: column; display: flex; flex-direction: column; } .products-list li:hover { box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.05); } .products-list li.clear { display: none; } .products-list .image { width: 100%; padding: 0px; float: none; -webkit-flex-grow: 0; -webkit-flex-shrink: 0; flex-grow: 0; flex-shrink: 0; } .products-list .image a { display: block; border: 1px solid #e6e6e6; border-bottom: 0px none transparent; border-radius: 5px 5px 0px 0px; width: 100%; position: relative; box-sizing: border-box; background-color: #ffffff; background-size: contain; background-position: center; background-repeat: no-repeat; } .products-list .image a:before { content: ''; display: block; width: 100%; height: 0px; padding-top: 66.666%; } img.specialIcon { position: absolute; top: 20px; left: -10px; } .products-list .productListDesc { background-color: #f7f7f7; border: 1px solid #e6e6e6; border-radius: 0px 0px 5px 5px; padding: 25px 15px; text-align: center; -webkit-flex-grow: 1; flex-grow: 1; } .products-list h3 { border: none; margin-bottom: 0px; font-size: 16px; font-family: Hind, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.3; color: #333333; transition: all 0.1s ease; } .products-list li:hover h3 { color: #006f44; } .products-list h3 a { color: inherit; } .products-list li .price-value { display: inline-block; background-color: #006f44; color: #ffffff; font-weight: bold; padding: 5px 15px; border-radius: 5px; } .products-list li .market-price-value { display: inline-block; background-color: #dedede; color: #999999; font-weight: bold; padding: 5px 15px; border-radius: 5px; } .market-price-value { text-decoration: line-through; color: #999999; } .productListDesc .button-row, .productListDesc .quantity { margin:5px 0 0 0; } /* Blog */ .displaying { text-align:center; } .blogListingThumb { float:left; border:1px solid #E6E6E6; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding:4px; background:url(/images/backgrounds/product_list_bg.gif) repeat-x bottom left #fff; } .blogListingThumb:hover { border-color:#0F4318; } .blogListingThumb img { display:block; } .blogListingContainerWImage { margin-left:150px; min-height:128px; } #content .blogListingContainer p { margin:0 0 10px 0; } .blogDate { color:#B3B3B3; } .blogAddThisTop { float:right; } /* Contact Us */ .contactTable td { padding:0 20px 5px 0; vertical-align:top } .contactTable h2 { margin-top:10px; margin-bottom:5px; } /* Homepage Latest Promotions */ .latest_promotions { min-height: 100px; } .latest_promotions, .latest_promotions .container_24 { position: relative; } .latest_promotions:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; bottom: 80px; background-color: #fcfcfc; border-bottom: 1px solid #e6e6e6; } .latest_promotions h1, .latest_promotions h2 { text-align: center; margin: 0px; padding: 30px 0px; line-height: 1; } .latest_promotions .promotions_wrapper { margin-left: -15px; margin-right: -15px; margin-bottom: 30px; display: flex; } .latest_promotions .promotion_outer { padding: 15px; flex: 1 1 0; height: 400px; display: flex; } .latest_promotions .promotion { width: 100%; height: 100%; border-radius: 5px; background-position: center; background-size: cover; background-repeat: no-repeat; box-shadow: 0 0 0 0 rgba(0,0,0,0.1); transition: all 0.2s ease; } .latest_promotions .promotion:hover { box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.1); } .latest_promotions .promotion img { display: block; visibility: hidden; border-radius: 5px; width: 100%; } @media screen and (max-width: 1199px) { .latest_promotions .promotion_outer { height: 325px; } } @media screen and (max-width: 1007px) { .latest_promotions .promotions_wrapper { flex-wrap: wrap; } .latest_promotions .promotion_outer { min-width: calc(50% - 30px); height: auto; } .latest_promotions .promotion img { visibility: visible; } } @media screen and (max-width: 767px) { .latest_promotions { min-height: 50px; } .latest_promotions:before { bottom: 30px; } } @media screen and (max-width: 479px) { .latest_promotions .promotion_outer { min-width: calc(100% - 30px); } } /* Homepage popular products */ .homepage-products-popular { position: relative; overflow: hidden; } .homepage-products-popular:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; bottom: 80px; background-color: #fcfcfc; border-bottom: 1px solid #e6e6e6; } .homepage-products-popular h1, .homepage-products-popular h2{ text-align: center; margin: 0px; padding: 30px 0px; line-height: 1; } .homepage-products-popular .container_24 { position: relative; } .homepage-products-popular .container_24 .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 50px; height: 50px; line-height: 48px; color: #999999; font-size: 48px; text-align: center; cursor: pointer; box-sizing: border-box; } .homepage-products-popular .container_24 .slick-arrow.prev { right: 100%; padding-right: 5px; } .homepage-products-popular .container_24 .slick-arrow.next { left: 100%; padding-left: 5px; } .homepage-products-popular .container_24 .slick-arrow .fa { vertical-align: middle; } @media screen and (min-width: 1200px) and (max-width: 1300px), screen and (min-width: 1024px) and (max-width: 1124px), screen and (max-width: 868px) { .homepage-products-popular .container_24 .slick-arrow { border-radius: 50%; background-color: rgba(0,0,0,0.05); } .homepage-products-popular .container_24 .slick-arrow.prev { left: 0px; right: auto; } .homepage-products-popular .container_24 .slick-arrow.next { left: auto; right: 0px; } } #content .homepage-products-popular .products-list { overflow: hidden; margin-bottom: 20px; } .homepage-products-popular .products-list .slick-track { display: -webkit-flex; display: flex; } .homepage-products-popular .products-list li { width: calc((100% / 4) - 30px); box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.1); } .homepage-products-popular .products-list .image a { border: 0px none transparent; } .homepage-products-popular .products-list .productListDesc { background-color: #ffffff; border: 0px none transparent; border-top: 1px solid #e6e6e6; } #content ul.products-list.slick-initialized { display: block; } .homepage-products-popular .products-list:not(.slick-initialized) li:nth-child(n+5) { display: none; } /* Homepage block banners */ .home_block_images { margin: -15px; font-size: 0px; line-height: 0px; text-align: center; } .home_block_images .block_holder { display: inline-block; vertical-align: middle; padding: 15px; width: 50%; box-sizing: border-box; font-size: 16px; line-height: 1; } .home_block_images .block_holder a { display: block; position: relative; overflow: hidden; border-radius: 5px; } .home_block_images .block_holder img { display: block; width: 100%; } .home_block_images .block_holder .block_text { position: absolute; left: 0px; bottom: 0px; right: 0px; background-color: rgba(0, 111, 68, 0.9); color: #ffffff; padding: 20px 30px; text-align: left; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-align-items: center; display: flex; flex-wrap: wrap; align-items: center; } .home_block_images .block_holder .block_text h1, .home_block_images .block_holder .block_text h2{ font-size: 36px; line-height: 0.9; color: inherit; margin: 10px auto 10px 0px; font-weight: normal; padding-right: 20px; min-width: 50%; } .home_block_images .block_holder .block_text h1 small, .home_block_images .block_holder .block_text h2 small{ font-family: Hind, Arial, Helvetica, sans-serif; font-size: 16px; display: block; text-transform: uppercase; } .home_block_images .block_holder .block_text .button { float: right; border: 2px solid #ffffff !important; background-color: rgba(255,255,255,0.2); padding: 13px 30px; margin: 10px 0px; -webkit-flex-shrink: 0; flex-shrink: 0; } .home_block_images .block_holder .block_text .button:hover { background-color: rgba(255,255,255,0.4); } /* Featured Articles */ .home-featured-articles { clear: both; position: relative; overflow: hidden; padding: 0px 0px 90px 0px; } .home-featured-articles .bg_shape { position: absolute; z-index: -1; left: -5px; top: -5px; width: calc(100% + 10px); height: calc(100% + 10px); pointer-events: none; } .home-featured-articles .block-title { margin-bottom: 30px; line-height: 50px; } .home-featured-articles .block-title h1, .home-featured-articles .block-title h2{ display: inline-block; vertical-align: middle; color: #ef7521; margin-right: 10px; margin-bottom: 0px; line-height: 30px; font-size:30px !important; } .home-featured-articles .block-title span { font-size: 18px; color: #333333; vertical-align: text-top; display: inline-block; line-height: 30px; } .home-featured-articles .block-title .button { border: 2px solid #999999 !important; color: #999999; background-color: #ffffff; float: right; line-height: 30px; } .home-featured-articles .block-title .button:hover { border-color: #006f44 !important; color: #006f44; } .home-featured-articles .block-title .button:active { background-color: #fcfcfc; } .home-featured-articles .article-listings { display: block; margin: -15px; font-size: 0px; line-height: 0px; display: -webkit-flex; display: flex; } .home-featured-articles .article-listings .article { width: calc((100% / 3) - 30px); background: #ffffff; border: 1px solid #e3e3e3; border-radius: 5px; margin: 15px; box-sizing: border-box; position: relative; display: inline-block; vertical-align: top; font-size: 14px; line-height: 1.5; } .home-featured-articles .article .image { display: block; border-bottom: 1px solid #e3e3e3; border-radius: 4px 4px 0px 0px; padding: 10px; text-align: center; overflow: hidden; } .home-featured-articles .article .details { padding: 20px; } .home-featured-articles .article .details .title { color: #333333; font-weight: bold; font-size: 18px; line-height: 1.3; display: block; float: left; } .home-featured-articles .article .details .date { clear: left; display: block; margin-bottom: 10px; font-size: 14px; color: #999999; } .home-featured-articles .article .details .summary { display: block; padding-bottom: 20px; font-size: 16px; } .home-featured-articles .article .details .button { position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); padding: 13px 30px; text-align: center; white-space: nowrap; } /* Our Brands Scroller */ #ourBrands { border:2px solid #F2F2F2; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin:0 0 15px 0; height:100px; } #ourBrands h4 { color:#CCCCCC; text-shadow:1px 1px 0 #fff; font-size:20px; padding:10px; margin:0; } #ourBrands .slides { margin:0 35px; } #ourBrandsHeading { color:#fff; background:#68DFFF; text-transform:uppercase; text-align:center; line-height:22px; margin-bottom:2px; } #ourBrands .flex-direction-nav a { width: 34px; height: 34px; background: url(/images/buttons/nav_left.png) no-repeat 0 0; top:70px; cursor: pointer; opacity: 1; -webkit-transition: none; transition: none; } #ourBrands .flex-direction-nav .flex-prev { left:3px; } #ourBrands .flex-direction-nav .flex-next { background-image:url(/images/buttons/nav_right.png); right:3px; } #ourBrands li li { margin:0 9px; height:55px; line-height:55px; width:94px; float: left; list-style:none; text-align:center; } #ourBrands li li img { max-height:100%; display:inline; max-width:100%; width:auto; vertical-align:middle; } #ourBrands li li a { -moz-transition : all linear 0.1s; -webkit-transition : all linear 0.1s; -o-transition : all linear 0.1s; transition : all linear 0.1s; } #ourBrands li li a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5 } .brand-list-container { background-color: #ffffff; border-top: 1px solid #e3e3e3; clear: both; padding: 50px 0px; text-align: center; position: relative; } .brand-list-container h1 { position: absolute; top: 0px; left: 50%; transform: translate(-50%, -50%); display: inline-block; background-color: #ffffff; box-shadow: 0px -1px 0px 0px #e3e3e3; border-radius: 60px; padding: 15px 30px; line-height: 30px; } .brand-list-container .brand-list { font-size: 0px; line-height: 0px; margin: -10px; } .brand-list-container .brand-list li { display: inline-block; vertical-align: middle; list-style: none; width: calc(100% / 7); box-sizing: border-box; padding: 10px; } .brand-list-container .brand-list li a { display: block; border: 1px solid #e3e3e3; background: #ffffff; padding: 20px; box-sizing: border-box; position: relative; } .brand-list-container .brand-list li a:before { content: ''; display: block; width: 100%; height: 0px; padding-top: 100%; } .brand-list-container .brand-list li a img { position: absolute; top: 50%; left: 50%; max-width: calc(100% - 40px); max-height: calc(100% - 40px); transform: translate(-50%, -50%); } /* Products Slider */ .productSliderContainer { margin:0 0 20px 0; position:relative; } .productsSlider { height: 190px; width: 200px; overflow: hidden; margin: 0px auto; } .productSliderContainer img.specialIcon { top: 10px; left: 50%; margin-left: -110px; } .productsSlider ul { float:left; margin:0; overflow:hidden; } .productsSlider ul li { width: 200px; height:190px; display: block; float: left; list-style: none; } .productsSlider ul li a { display:block; } .productsSlider ul li a.productImage { height:162px; line-height:162px; text-align:center; } .productsSlider ul li a.productImage * { vertical-align:middle; } .productsSlider ul li a.productTitle { background:#F56710; color:#fff; font-weight:bold; padding:5px 7px; height:17px; overflow:hidden; } #productSliderPrev { position: absolute; top: 80px; left:5px; } .sliderButtonRight { position: absolute; right: 5px; top: 80px; } /* Footer */ #footerTop { background-color: #006f44; color: #ffffff; padding: 20px 0px; } #footerTop .container_24 { display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center; } #footerTop .social_links { float: left; margin: 0px -5px; white-space: nowrap; font-size: 0px; } #footerTop .social_links a { display: inline-block; width: 50px; height: 50px; line-height: 55px; border-radius: 50%; text-align: center; font-size: 20px; color: #ffffff; background-color: #009159; transition: background-color 0.1s linear; margin: 0px 5px; } #footerTop .social_links a.twitter:hover { background-color: #55ACEE; } #footerTop .social_links a.facebook:hover { background-color: #4862A3; } #footerTop .social_links a.pinterest:hover { background-color: #CD2D34; } #footerTop .social_links a.instagram:hover { background-color: #4E7BA0; } #footerTop .social_links a.youtube:hover { background-color: #CC181E; } #footerTop .social_links a.google_plus:hover { background-color: #DD4B39; } #footerTop .social_links a.rss:hover { background-color: #E5AF0C; } #footerTop .subscribe_form { float: right; margin-left: auto; display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center; } #footerTop .subscribe_form label { font-size: 24px; font-family: 'Bree Serif', serif; line-height: 1.1; padding: 0px 20px; text-align: right; } #footerTop .subscribe_form form { display: inline-block; -webkit-flex-shrink: 0; flex-shrink: 0; display: -webkit-flex; display: flex; } #footerTop .subscribe_form input { height: 50px; border: 0px none transparent; border-radius: 5px 0px 0px 5px; padding: 10px 20px; box-sizing: border-box; float: left; font-size: 16px; line-height: 30px; } #footerTop .subscribe_form button { height: 50px; border-radius: 0px 5px 5px 0px; box-sizing: border-box; float: right; } #footerLocations .footer_contact_wrapper { width: calc(100% + 20px); margin-left: -15px; margin-right: -5px; display: flex; flex-wrap: nowrap; } #footerLocations .footer_contact { width: 0; -webkit-flex-grow: 1; flex-grow: 1; padding: 0 5px 0 15px; margin: 20px 0; } #footerLocations .footer_contact + .footer_contact { border-left: 1px solid #e3e3e3; } #footerLocations .footer_contact .contact_title { display: block; font-size: 16px; margin: 10px 0; } #footerLocations .footer_contact .contact_row { margin-bottom: 10px; color: #999999; } #footerLocations .footer_contact .contact_row .icon { width: 20px; text-align: center; padding-right: 10px; float: left; } #footerLocations .footer_contact .contact_row .text { overflow: hidden; display: block; line-height: 1.3; } #footerLocations .footer_contact .contact_row .text a { color: inherit; } #footer { background-color: #fcfcfc; clear: both; margin: 0 auto; font-size: 14px; color: #333333; overflow: hidden; } #footer a { color: inherit; } #footer a:hover { color: #009159; } #footer .container_24 { display: -webkit-flex; display: flex; } #footer .footer_left { float: left; padding: 30px 30px 30px 0px; width: calc(100% - 255px); box-sizing: border-box; display: -webkit-flex; display: flex; } #footer .footer_menus { -webkit-flex-grow: 1; flex-grow: 1; } #footer .footer_right { text-align: right; float: right; padding: 30px 0px; position: relative; z-index: 1; width: 255px; box-sizing: border-box; } #footer .footer_right p.crt_tagline { display: inline-block; position: relative; margin-right: 30px; font-family: Helvetica; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; } #footer .footer_right p.crt_tagline::after { content: ""; position: absolute; top: calc(50% - 20px); right: -15px; width: 1px; height: 40px; background: #e3e3e3; } #footer .main_menu_nav { font-size: 16px; font-weight: bold; margin-right: -20px; } #footer .main_menu_nav ul { margin-bottom: 10px; } #footer .main_menu_nav li { margin-right: 20px; margin-bottom: 0px; } #footer .footer_nav { color: #999999; } .footerNav { float: left; margin-bottom: 30px; margin-right: -10px; } .footerNav li { list-style: none; margin: 0px 10px 2px 0px; display: inline-block; } #footerLogos { font-size: 12px; color: #999999; } #footerLogos img { display: inline-block; vertical-align: middle; margin-bottom: 10px; } #footerLogos img + img { margin-left: 20px; } #footerLogos .disclaimer { line-height: 1.1; margin-top: 10px; font-style: italic; } .securePayments { font-size: 16px; color: #999999; float: left; line-height: 1.1; } .securePayments span { display: inline-block; vertical-align: middle; margin-right: 10px; } .securePayments span img { margin-right: 10px; } .securePayments img { vertical-align: middle; } .footerCredits { clear: both; text-align: left; font-size: 12px; color: #999999; line-height: 1.2; margin-top: -2px; } /* Online Enquiry Form */ .onlineEnquiryTable td { padding-bottom:5px; } .yourDetails { padding:7px 0 0 0; height:30px; font-weight:bold; font-size:13px; white-space:nowrap; } .requiredFields { text-align:right; padding:4px 0 0 0; font-size:11px; } .required { text-align:center; vertical-align:middle; padding-left:15px; padding-right:5px; } input, textarea, select { font-family: Hind, Arial, Helvetica, sans-serif; font-size: 14px; outline: none; } input[type="text"], input[type="password"], input.textinput, input.textinputhover, textarea { width:440px; -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:6px; border:1px solid #CCCCCC; } input[type="text"]:focus, input[type="password"]:focus, .textinputhover, textarea:focus { border:1px solid #000; } .onlineEnquiryTable .errorInput { background: url(/images/icons/error.gif) no-repeat right 3px #fff; } .submit { text-align:right; width: 100%; } .submit a, .submit input[type="submit"], .submit button { float:right; } .errorText { color:#FF0000; } input.hintText { color: #999999; } /***** BUTTONS *****/ input[type="submit"], button, .button, button.button, .checkout-button .button, div.checkout-3-button, div.main-button { padding: 8px 20px; background: #006f44; display: inline-block; font-size: 16px; border-radius: 5px; color: #fff; font-weight: bold; cursor: pointer; border: none !important; transition: all 0.1s ease; font-family: Hind, Arial, Helvetica, sans-serif; } input[type="submit"]:hover, button:hover, .button:hover, button.button:hover, .checkout-button .button:hover, .checkout-3-button:hover, div.main-button:hover { background: #009159; color: #fff; } input[type="submit"]:active, button:active, .button:active, button.button:active, .checkout-button .button:active, div.checkout-3-button:active, div.main-button:active { background: #00804e; color: #fff; } .button.red { background-color: #ef7521; } .button.red:hover { background-color: #de6410; } .button.red:active { background-color: #be560e; } .smallButton { padding:4px 11px 3px!important; } .buttonoutline { padding: 6px 20px; display: inline-block; border: 2px solid #ffffff; color: #ffffff; border-radius: 5px; font-weight: bold; font-size: 16px; transition: all 0.1s ease; font-family: Hind, Arial, Helvetica, sans-serif; background-color: rgba(255,255,255,0.2); } .buttonoutline:hover { background-color: rgba(255,255,255,0.4); color: #ffffff; } /***** Error / Info / Caution Boxes *****/ .error_box, .info_box { margin:0 0 15px 0; padding:15px; border-width: 3px; border-style: solid; } .error_box { border-color: #CC0000; background-color: #f3d8d8; color:#CC0000; } .info_box { border-color: transparent; background-color: #006f44; color: #ffffff; } .info_box h1, .info_box h2, .info_box h3, .info_box a, .info_box a:hover { color: inherit; } #content .error_box ul { margin-bottom:0; } /* Classes Reserved for the TinyMCE Editor */ .editor { width: 100%; } .mini_editor {} /* * jQuery Off Canvas Menu v1.2 * http://codepen.io/mcnamee/pen/Wbvoew * Copyright (c) 2014 Matt Mcnamee * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ /* Move Other Items */ .onCanvas { width: 100%; min-height: 100%; position: relative; height: 100%; float: left; z-index: 2; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; transition-property: transform; transition-duration: 0.4s; transform: translateX(0); } .overflow_hidden, .overflow_hidden body, .overflow_hidden .onCanvas { overflow: hidden !important; height: 100%; } html.offCanvas_open body .onCanvas { transform: translateX(-260px); box-shadow: 1px 0px 0px 0px #e6e6e6; } html.offCanvas_open body .onCanvas.onCanvas_left { transform: translateX(260px); } @media screen and (min-width:365px) { html.offCanvas_open body .onCanvas { transform: translateX(-300px); } html.offCanvas_open body .onCanvas.onCanvas_left { transform: translateX(300px); } } /* Trigger / Button */ a.offCanvas_trigger { display: none; outline: none; width: 30px; height: 19px; padding: 10px 0px; margin-left: 30px; } .offCanvas_trigger .offCanvas_trigger_item { background: #ef7521; } .offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item { background: #ef7521; } .offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item:first-child { transform: translateY(8px) rotate(45deg); transform-origin: 50%; } .offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item:nth-child(2) { opacity: 0; } .offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item:nth-child(3) { transform: translateY(-8px) rotate(-45deg); transform-origin: 50%; } .offCanvas_trigger_item { -moz-transition: all linear 0.4s; -o-transition: all linear 0.4s; -webkit-transition: all linear 0.4s; transition: all linear 0.4s; display: block; width: 30px; height: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin: 0 0 5px; background: #FFFFFF; } @media screen and (max-width:767px) { a.offCanvas_trigger { display: block; cursor: pointer; } } /* offCanvas Menu */ .offCanvas { padding: 20px 5px 20px 35px; height: 100%; overflow-y: hidden; visibility: hidden; position: fixed; right: 0; top: 0; z-index: 1; width: 235px; background-color: #fcfcfc; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s; -moz-transition: -moz-transform .4s 0s, visibility 0s .4s; transition: transform .4s 0s, visibility 0s .4s; -webkit-transform: translateX(80px); -moz-transform: translateX(80px); -ms-transform: translateX(80px); -o-transform: translateX(80px); transform: translateX(80px); -webkit-overflow-scrolling: touch; } .offCanvas.offCanvas_left { left: 0; -webkit-transform: translateX(-80px); -moz-transform: translateX(-80px); -ms-transform: translateX(-80px); -o-transform: translateX(-80px); transform: translateX(-80px); } @media screen and (min-width:365px) { .offCanvas { width: 275px } } html.offCanvas_open .offCanvas.offCanvas_menu_open { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); visibility: visible; -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s; -moz-transition: -moz-transform .4s 0s, visibility 0s 0s; transition: transform .4s 0s, visibility 0s 0s; overflow-y: scroll; } ul.offCanvas_menu { width: 100%; position: relative; padding: 0; margin: 0; display: block; } ul.offCanvas_menu, ul.offCanvas_menu ul { -webkit-transform: translateZ(0); transform: translateZ(0); list-style: none; float: left; width: 100%; display: block; margin: 0 0 20px; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } ul.offCanvas_menu ul { padding: 0 0 15px 20px; margin: 0; display: none; } ul.offCanvas_menu li { list-style: none; display: block; margin: 0; padding: 0; width: 100%; float: left; cursor: pointer; position: relative; } ul.offCanvas_menu li a { display: block; float: left; width: 75%; padding: 7px 0; font-size: 14px; font-weight: bold; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all 0.1s ease; } ul.offCanvas_menu > li > a { text-transform: uppercase; font-size: 18px; } ul.offCanvas_menu li a:hover { color: #006f44; } /* offCanvas Sub-Menu Indicator */ ul.offCanvas_menu li .offCanvas_menu_has_children_indicator { display: block; float: left; width: 25%; height: 20px; position: absolute; right: 0; top: 8px; text-align: center; } ul.offCanvas_menu li > .offCanvas_menu_has_children_indicator svg { fill: #333333; width: 11px; height: 11px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform ease 0.2s; -moz-transition: -moz-transform ease 0.2s; -ms-transition: -ms-transform ease 0.2s; -o-transition: -o-transform ease 0.2s; transition: transform ease 0.2s; } ul.offCanvas_menu li.offCanvas_menu_sub_open > .offCanvas_menu_has_children_indicator svg { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } /* Social Icons */ ul.offCanvas_menu_social, ul.offCanvas_menu_social li { list-style: none; text-align: center; margin: 0; padding: 0; } ul.offCanvas_menu_social { width: 90%; float: left; margin-bottom: 80px; } ul.offCanvas_menu_social li { display: inline-block; padding: 0 8px; } ul.offCanvas_menu_social li a { color: #6EBF7D; font-size: 28px; } ul.offCanvas_menu_social li a:hover { color: #CCFAD7; } /* ================================= */ /* Enquiry Form */ /* ================================= */ .float_left { float: left; } .required_fields_heading { float: right; font-size: 11px; } .form_required i, .required_fields_heading i { color: #FF0000; } .form_label, .form_required, .form_field { margin: 6px 0; } .form_label { width: 20%; padding: 7px 0 0 0; clear: both; } .form_required { width: 5%; padding: 10px 0 0 0; } .form_field { width: 75%; min-height: 30px; } .shopping_cart_ic { display: none; } .text_align_right { text-align: right; } .contact_button { width: 87%; text-align: right; } .mob_phone { display: none; } /* #Media Queries ================================================== */ /*CSS for serving the retina image to devices with a high "device-pixel-ratio":*/ @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { } /* Smaller than medium desktop (devices and browsers) */ @media only screen and (max-width: 1199px) { /* Header */ .header_content { -webkit-flex-wrap: wrap; flex-wrap: wrap; } #mainNav { width: calc(100% + 40px); margin-top: 10px; -webkit-order: 5; order: 5; display: -webkit-flex; -webkit-justify-content: space-between; display: flex; justify-content: space-between; } .menu-minicart { margin-left: auto; } } /* Medium Desktop size */ @media only screen and (min-width: 1008px) and (max-width: 1199px) { /* Mini Grid */ .container_24 { max-width: 960px; } #footerTop .subscribe_form label { font-size: 20px; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 1007px) { /* Homepage */ .home_block_images .block_holder .block_text { position: static; } .home_block_images .block_holder .block_text h1 { font-size: 24px; } /* Product View */ .product-details .product-buy-row .price-part { width: 100%; margin-bottom: 20px; text-align: center; } .product-details .product-buy-row .price-part table { width: 100%; } .product-details .product-buy-row .button { -webkit-flex-grow: 1; flex-grow: 1; } /* Footer */ .securePayments { margin-bottom: 20px; } .securePayments, .footerCredits { float: none; clear: both; text-align: left; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 1007px) { /* Mini Grid */ .container_24 { max-width: 720px; } #paperTop { right: 0; height: 41px; width: 166px; background-size: contain; left: auto; padding-top: 5px; padding-bottom: 10px; } #paperTop iframe { width: 120px; } #bgHearts { display: none; } #breadcrumbs { font-size: 11px; padding: 10px 0 10px; } #sidebar { width: 250px !important; } .sidebarTop, .sidebarBottom, #sidebar hr, .productsSlider, .fb-like-box, .fb_iframe_widget span { width: 200px !important; box-sizing: border-box; } #content { width: calc(100% - 250px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .homepage-products-popular .products-list li { width: calc((100% / 3) - 30px); } .homepage-products-popular .products-list:not(.slick-initialized) li:nth-child(n+4) { display: none; } .floatLeft { width: 30%; margin-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .securePayment { width: 100%; } .floatRight { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 36%; } .sidebarBottom { background-repeat: no-repeat; background-color: #FFFFFF; } .sidebarTop, #sidebar, .sidebarBottom { background-size: contain; } #smallBanners .BannerHolder img { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } ul.categories a, #sidebar ul a { font-size: 14px; } .contactus div > p { font-size: 40px; } .form_label { width: auto; padding: 0; } .form_required { width: 5%; padding: 5px 0 0 10px; } .form_field { width: 100%; float: none; margin-top: 0; } input[type="text"], input[type="password"], input.textinput, input.textinputhover, textarea { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* Product styles */ .productlist { width: 32%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-right: 2%; } .productImage, .categorylist .productImage span { width: 100%; } .products-list li, .recommended-products .products-list li { width: calc((100% / 2) - 30px); } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { /* Mini Grid */ .container_24 { max-width: 90%; } html, body { font-size: 14px; line-height: 20px; background-image: none !important; min-width: 0!important; } .onCanvas { background: #FFFFFF; } .mob_phone { background: url(/images/backgrounds/mainnav_bg.png) top left repeat-x #F55612; display: block; color: #fff; font-size: 18px; width: 100%; margin: 0 auto 10px; text-align: center; padding: 10px 0; -webkit-backface-visibility: hidden; -moz-transition: opacity .25s ease; -webkit-transition: opacity .25s ease; transition: opacity .25s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .mob_phone:hover { color: #fff; opacity: 0.8; } .mob_phone:active { color: #fff; opacity: 0.9; } .hidden_phone { display: none; } .menu-minicart { display: none; } #productSearch { display: none; } .pageImageRight, .pageimageright { width: auto; max-width: 100%; display: block!important; margin: 0px auto 20px!important; float: none!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .pageImageRight img, .pageimageright img, .pageImageRight iframe, .pageimageright iframe{ max-width: 100%!important; height: auto!important; } .shopping_cart_ic { display: inline-block; font-size: 30px; color: #ef7521; margin-left: auto; } .shopping_cart_ic:hover { color: #CCFAD7; } .shopping_cart_ic.extra_top { top: 38px; } a.offCanvas_trigger { display: block; } .sidebarTop, #sidebar, .sidebarBottom { display: none; } #top_header .visit { display: none; } #header { width: 100%!important; margin-left: auto; margin-right: auto; } .header_content { min-height: 50px; } .products-list li { width: calc((100% / 2) - 30px); } .homepage-products-popular .products-list:not(.slick-initialized) li:nth-child(n+3) { display: none; } #mainNav { display: none; } #breadcrumbs { display: none!important; } #homeBanner .slick-arrow { visibility: hidden; } #homeBanner .slide { min-height: 0px; } #homeBanner .slide .banner_text_wrapper { position: relative; top: 0px; transform: none; padding: 30px 0px 50px 0px; } #homeBanner .slide .banner_text .subtitle { font-size: 14px; } #homeBanner .slide .banner_text .title { margin-top: 0px; font-size: 30px !important; } #homeBanner .button { padding: 8px 15px; margin: 5px; } #homeBanner .buttonoutline { padding: 6px 13px; } .homepage-products-popular .products-list li { width: calc((100% / 2) - 30px); } .home_block_images .block_holder { width: 100%; } .floatLeft { width: 100%; text-align: center; } .floatRight { width: 100%; text-align: center; border-left: 0; } .securePayments { width: 100%; text-align: center; margin: 0 0 20px; padding: 0; } #content { width: 100%; padding: 0 0 0px 0; float: none; } #content h1 { margin-top: 20px; } .form_label { width: auto; padding: 0; } .form_required { width: 5%; padding: 5px 0 0 10px; } .form_field { width: 100%; float: none; margin-top: 0; } .brand-list-container .brand-list li { width: 25%; } .brand-list-container .brand-list li:nth-child(n+13) { display: none; } .brand-list-container .brand-list li a { padding: 10px; } .brand-list-container .brand-list li a img { max-width: calc(100% - 20px); max-height: calc(100% - 20px); } #footerTop .container_24 { -webkit-flex-wrap: wrap; flex-wrap: wrap; } #footerTop .social_links { float: none; width: 100%; text-align: center; margin-bottom: 20px; } #footerTop .subscribe_form { -webkit-flex-wrap: wrap; flex-wrap: wrap; } #footerTop .subscribe_form label { padding: 0px; width: 100%; text-align: center; margin-bottom: 10px; font-size: 18px; } #footerTop .subscribe_form form { width: 100%; } #footerTop .subscribe_form input { width: 100%; } #footerLocations .footer_contact_wrapper { flex-wrap: wrap; width: 100%; margin: 0; } #footerLocations .footer_contact { width: 50%; min-width: 180px; margin: 0; padding: 0; } #footerLocations .footer_contact + .footer_contact { border-left: 0px none transparent; border-top: 1px solid #e3e3e3; } #footer .container_24 { -webkit-flex-wrap: wrap; flex-wrap: wrap; } #footer .footer_left { float: none; width: 100%; padding-right: 0px; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #footer .footer_right { float: none; width: 100%; text-align: center; padding-top: 0; } #footer .footer_menus { width: 100%; padding-right: 0px; text-align: center; } .footerNav { float: none; } .footerCredits { text-align: center; } input[type="text"], input[type="password"], input.textinput, input.textinputhover, textarea { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .contact_button { width: 100%; } #content .blogListingContainer p { word-wrap: break-word; } .product-details .image { width: 100%; padding-right: 0px; margin-bottom: 30px; } .product-details .ask-question { float: none; text-align: center; } .ui-tabs .ui-tabs-nav li { width: 100%; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .ui-tabs .ui-tabs-nav li a { float: none; display: block; padding: 6px 5px; text-transform: capitalize; } .buttons-row-right, .buttons-row { text-align: center; } .product-details .details { width: 100%; } .buttons-auto-separator .button, .buttons-auto-separator button.simple-button, .buttons-auto-separator a.simple-button { float: none; } textarea.send2friend { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .recommended-products .products-list li { width: calc((100% / 2) - 30px); } .flc-left-dialog input { max-width: 320px; width: 100%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .register-section-title { height: auto; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .home-featured-articles .article-listings .article { width: 50%; } .home-featured-articles .article-listings .article:nth-child(n+3) { display: none; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { #header a.logo img { width: 150px; height: auto; } .homepage-products-popular .products-list li { width: calc((100% / 2) - 30px); } .home-featured-articles .article-listings { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .home-featured-articles .article-listings .article { width: 100%; } .contactTable { width: 100%!important; } .contactTable td { font-size: 11px; padding: 0; } .products-list li { width: calc(100% - 30px); } .dialog-category-products-list .title, .boxSubheader { height: auto; } .list-dialog .title div.sort-box .search-sort-title, .list-dialog .title div.sort-box .search-sort-cell { color: #fff; padding-right: 5px; } .search-sort-bar { text-align: left; } .list-dialog .title div.sort-box { width: 100%; height: auto; font-size: 10px; position: relative; text-transform: uppercase; color: #000; z-index: 999; } .product-details .product-buy-row { padding-bottom: 20px; } .product-details .product-buy-row .button { width: 100%; margin-right: 0px; margin-bottom: 10px; -webkit-flex-grow: 1; flex-grow: 1; } .recommended-products .products-list li { width: calc(100% - 30px); } } .profile-form input, .profile-form select { margin-left: 15px; } /* Extra tiny breakpoint for extra tiny styles */ @media only screen and (max-width: 390px) { #top_header .phone .text_part { display: none; } }body, td { font-family: Hind, Arial, Helvetica, sans-serif; font-size: 14px; color: #2d2222; line-height: 24px; } h1, h2, h3, h4 { font-family: 'Bree Serif', serif; font-style: normal; line-height: 1; } h1 { font-size: 30px; color: #3a3a3c; font-weight: 400; margin: 0 0 20px 0; } h2 { font-size: 24px !important; color: #2d2222; font-weight: 400; margin: 0 0 10px 0; } h3 { font-size: 18px; color: #3a3a3c; font-weight: 400; margin: 0 0 10px 0; border: none; } h4 { font-size: 16px; color: #0F4318; font-weight: 400; } a { color: #006f44; text-decoration: none; outline: none; } a:hover { color: #009159; text-decoration:none; } hr { margin: 30px 0; height: 1px; border: none; border-top: 1px solid #E6E6E6; color: #E6E6E6; } /* Custom Styles for dropdown */ .textHighlightGreen { font-weight:bold; color:#006f44; } .textHighlightOrange { font-weight:bold; color:#ef7521; } .pageImageRight, .pageimageright { float:right; clear:right; margin:0 0 30px 15px; border: 1px solid #E6E6E6; border-radius: 6px; padding: 4px; background:url(/images/backgrounds/product_list_bg.gif) repeat-x bottom left #fff; text-align:center; } .cataloguelist, #content ul.cataloguelist { list-style:none; margin-left:0; padding-top:10px; } .cataloguelist li { display:inline; margin:0 20px 0 0; } .button, .buttonoutline { display: inline-block; } #tinymce .button { padding: 8px 20px; background-color: #006f44; color: #ffffff; border-radius: 5px; font-weight: bold; } #tinymce .buttonoutline { padding: 6px 20px; border: 2px solid #006f44; color: #006f44; border-radius: 5px; font-weight: bold; } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0 0 20px; background: #fff; position: relative; zoom: 1; overflow:hidden;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1; margin:0;} .carousel li {margin-right: 5px} .flexslider ul, .flexslider ol { margin-bottom:0!important; } .flexslider ul li { margin-bottom:0!important; padding:0!important; } /* Direction Nav */ .flex-direction-nav a {width: 36px; height: 39px; margin: -20px 0 0; display: block; background: url(/images/backgrounds/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 0 -39px; right: -36px;} .flex-direction-nav .flex-prev {left: -36px;} .flexslider:hover .flex-next {opacity: 1; right: 0;} .flexslider:hover .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {position: absolute; bottom: 10px; right:20px; text-align: center;} .flex-control-nav li {display: inline-block; zoom: 1; *display: inline; margin:0 0 0 10px!important;} .flex-control-paging li a {width: 12px; height: 12px; display: block; background: #000; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); border: 2px solid #fff;} .flex-control-paging li a:hover {background: #68AFFF;} .flex-control-paging li a.flex-active {background: #6DE0FD; cursor: default; position: relative; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .active {opacity: 1; cursor: default;}.dpimages-icons-box {width: 330px; } .dpimages-icons-box a, .dpimages-icons-box a:link, .dpimages-icons-box a:visited, .dpimages-icons-box a:hover, .dpimages-icons-box a:active {width: 106px; height: 48px; }