/** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) YAML core stylesheet * (de) YAML Basis-Stylesheet * * Don't make any changes in this file! * Your changes should be placed in any css-file in your own stylesheet folder. * * @copyright Copyright 2005-2011, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.3.1 * @revision $Revision: 501 $ * @lastmodified $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $ */ @media all { /** * @section browser reset * @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html */ /* (en) Global reset of paddings and margins for all HTML elements */ /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */ * { margin: 0; padding: 0; } /* (en) Correction:margin/padding reset caused too small select boxes. */ /* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */ option { padding-left: 0.4em; } /* LTR */ select { padding: 1px; } /** * (en) Global fix of the Italics bugs in IE 5.x and IE 6 * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6 * * @bugfix * @affected IE 5.x/Win, IE6 * @css-for IE 5.x/Win, IE6 * @valid yes */ * html body * { overflow: visible; } body { /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */ /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */ font-size: 100.01%; /* (en) Standard values for colors and text alignment */ /* (de) Vorgabe der Standardfarben und Textausrichtung */ background: #ffffff; color: #000000; text-align: left; /* LTR */ } /* (en) avoid visible outlines on DIV containers in Webkit browsers */ /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */ div { outline: 0 none; } /* (en) HTML 5 - adjusting visual formatting model to block level */ /* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */ article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } /* (en) Clear borders for
and elements */ /* (de) Rahmen für
und Elemente löschen */ fieldset, img { border: 0 solid; } /* (en) new standard values for lists, blockquote and cite */ /* (de) Neue Standardwerte für Listen & Zitate */ ul, ol, dl { margin: 0 0 1em 1em; } /* LTR */ li { line-height: 1.5em; margin-left: 0.8em; /* LTR */ } dt { font-weight: bold; } dd { margin: 0 0 1em 0.8em; } /* LTR */ blockquote { margin: 0 0 1em 0.8em; } /* LTR */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } /*------------------------------------------------------------------------------------------------------*/ /** * @section clearing methods * @see http://yaml.de/en/documentation/basics/general.html */ /* (en) clearfix method for clearing floats */ /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */ .clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; } /* (en) essential for Safari browser !! */ /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */ .clearfix { display: block; } /* (en) alternative solution to contain floats */ /* (de) Alternative Methode zum Einschließen von Float-Umgebungen */ .floatbox { display: table; width: 100%; } /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */ /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */ #ie_clearing { display: none; } /*------------------------------------------------------------------------------------------------------*/ /** * @section hidden elements | Versteckte Elemente * @see http://www.yaml.de/en/documentation/basics/skip-links.html * * (en) skip links and hidden content * (de) Skip-Links und versteckte Inhalte */ /* (en) classes for invisible elements in the base layout */ /* (de) Klassen für unsichtbare Elemente im Basislayout */ .skip, .hideme, .print { position: absolute; top: -32768px; left: -32768px; /* LTR */ } /* (en) make skip links visible when using tab navigation */ /* (de) Skip-Links für Tab-Navigation sichtbar schalten */ .skip:focus, .skip:active { position: static; top: 0; left: 0; } /* skiplinks:technical setup */ #skiplinks { position: absolute; top: 0px; left: -32768px; z-index: 1000; width: 100%; margin: 0; padding: 0; list-style-type: none; } #skiplinks .skip:focus, #skiplinks .skip:active { left: 32768px; outline: 0 none; position: absolute; width: 100%; } } @media screen, projection { /** * @section base layout | Basis Layout * @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html * * |-------------------------------| * | #col1 | #col3 | #col2 | * | 20% | flexible | 20% | * |-------------------------------| */ #col1 { float: left; width: 20%; } #col2 { float: right; width: 20%; } #col3 { width: auto; margin: 0 20%; } /* (en) Preparation for absolute positioning within content columns */ /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */ #col1_content, #col2_content, #col3_content { position: relative; } /*------------------------------------------------------------------------------------------------------*/ /** * @section subtemplates * @see http://www.yaml.de/en/documentation/practice/subtemplates.html */ .subcolumns { display: table; width: 100%; table-layout: fixed; } .subcolumns_oldgecko { width: 100%; float: left; } .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float: left; } .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float: right; margin-left: -5px; } .c20l, .c20r { width: 20%; } .c40l, .c40r { width: 40%; } .c60l, .c60r { width: 60%; } .c80l, .c80r { width: 80%; } .c25l, .c25r { width: 25%; } .c33l, .c33r { width: 33.333%; } .c50l, .c50r { width: 50%; } .c66l, .c66r { width: 66.666%; } .c75l, .c75r { width: 75%; } .c38l, .c38r { width: 38.2%; } .c62l, .c62r { width: 61.8%; } .subc { padding: 0 0.5em; } .subcl { padding: 0 1em 0 0; } .subcr { padding: 0 0 0 1em; } .equalize, .equalize .subcolumns { table-layout: fixed; } .equalize > div { display: table-cell; float: none; margin: 0; overflow: hidden; vertical-align: top; } } @media print { /** * (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE * (de) Float Clearing für Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden */ .subcolumns, .subcolumns > div { overflow: visible; display: table; } /* (en) make .print class visible */ /* (de) .print-Klasse sichtbar schalten */ .print { position: static; left: 0; } /* (en) generic class to hide elements for print */ /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */ .noprint { display: none !important; } } /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) Screen layout for YAML examples * (de) Bildschirmlayout für YAML-Beispiele * * @copyright Copyright 2005-2011, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.3.1 * @revision $Revision:426 $ * @lastmodified $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $ */ @media screen, projection { /** * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera * * @workaround * @affected IE8, FF, Webkit, Opera * @css-for all * @valid CSS3 */ body { overflow-y: scroll; } /*------------------------------------------------------------------------------------------------------*/ /** * (en) Formatting YAML's basic layout elements * (de) Gestaltung des YAML Basis-Layouts */ /* (en) Marginal areas & page background */ /* (de) Randbereiche & Seitenhintergrund */ body { background: #4d87c7 url("../../images/bg_blue.png") repeat-x top left fixed; padding: 0; } /* (en) Centering layout in old IE-versions */ /* (de) Zentrierung des Layouts in alten IE-versionen */ body { text-align: center; } .page_margins { text-align: left; margin: 0 auto; } /* (en) Layout:width, background, borders */ /* (de) Layout:Breite, Hintergrund, Rahmen */ .page_margins { min-width: 991px; max-width: 991px; background: #ffffff; } .page { border: 0 none; margin: 0; padding: 0 10px 20px 10px; } #header { color: #000000; background: #ffffff repeat-x top left; /* padding:45px 2em 1em 20px; */ position: relative; } /* (en) #topnav gets absolute positioning within #header */ /* (de) #topnav wird innerhalb von #header absolut positioniert */ /* (en) adjustment of main navigation */ /* (de) Anpassung der Hauptnavigation */ #nav ul { margin-left: 20px; } #main { background: #ffffff; padding: 10px 0; } #footer { color: #666666; background: #f9f9f9; padding: 10px 20px; border-top: 5px #efefef solid; line-height: 1.5em; } /* (en) Backup for correct positioning */ /* (de) Absicherung korrekte Positionierung */ #header, #nav, #main, #footer { clear: both; } /*------------------------------------------------------------------------------------------------------*/ /** * (en) Formatting content container * (de) Formatierung der Inhalts-Container * * |-------------------------------| * | #header | * |-------------------------------| * | #col1 | #col3 | #col2 | * | 25% | flexible | 25% | * |-------------------------------| * | #footer | * |-------------------------------| */ #col1 { width: 25%; } #col1_content { padding: 10px 10px 10px 20px; } #col2 { width: 25%; } #col2_content { padding: 10px 20px 10px 10px; } #col3 { margin: 0 25%; } #col3_content { padding: 10px; } /** * ------------------------------------------------------------------------------------------------- # * * (en) Styling of layout specific elements * (de) Gestaltung layoutabhängiger Elemente */ #header h1 { font-weight: bold; font-size: 2.5em; letter-spacing: -2px; line-height: 65%; color: #000000; } #header span { color: #999999; } #topnav a { color: #999999; font-weight: normal; background: transparent; text-decoration: none; } #topnav a:focus, #topnav a:hover, #topnav a:active { text-decoration: underline; background-color: transparent; } #footer a { color: #999999; background: transparent; font-weight: bold; } #footer a:focus, #footer a:hover, #footer a:active { color: #4d87c7; background-color: transparent; text-decoration: underline; } /** * ------------------------------------------------------------------------------------------------- # * * Skiplinks * * (en) Visual styling for skiplink navigation * (de) Visuelle Gestaltung der Skiplink-Navigation * * @section content-skiplinks */ #skiplinks a.skip:focus, #skiplinks a.skip:active { color: #ffffff; background: #333333; border-bottom: 1px #000000 solid; padding: 10px 0; text-decoration: none; } } /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) Variation of screen layout (basemod.css) for layout example "flexible_grids" * (de) Variation des Screenlayouts (basemod.css) für Layoutbeispiel "flexible_grids" * * @copyright Copyright 2007, Sven Kausche * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.3.1 * @revision $Revision: 494 $ * @lastmodified $Date: 2011-06-03 14:23:57 +0200 (Fr, 03 Jun 2011) $ */ @media screen, projection { #main { padding: 10px 20px; } #footer { color: #666666; background: #efefef; padding: 20px; margin: 0 0px; border-top: 5px #dfdfdf solid; } .coolsubcol { color: #666666; background: #f9f9f9; padding-top: 15px; border-top: 2px #efefef solid; } .coolsubcol .subcl { padding: 0 0 0 10px; } .coolsubcol .subcr { padding: 0 10px 0 10px; } } /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) print stylesheet * (de) Druck-Stylesheet * * @copyright Copyright 2005-2011, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.3.1 * @revision $Revision:302 $ * @lastmodified $Date:2008-12-14 11:23:55 +0100 (So, 14. Dez 2008) $ */ @media print { /** * @section basic layout preparation * @see http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html */ /* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers */ /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */ body { font-size: 10pt; } /* (en) Hide unneeded container of the screenlayout in print layout */ /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */ #topnav, #nav, #search, nav { display: none; } /*------------------------------------------------------------------------------------------------------*/ /* (en) Avoid page breaks right after headings */ /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */ h1, h2, h3, h4, h5, h6 { page-break-after: avoid; } /*------------------------------------------------------------------------------------------------------*/ /* (en) optional output of acronyms and abbreviations*/ /* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */ /* abbr[title]:after, acronym[title]:after { content:'(' attr(title) ')'; } */ /*------------------------------------------------------------------------------------------------------*/ /* (en) optional URL output of hyperlinks in print layout */ /* (de) optionale Ausgabe der URLs von Hyperlinks */ /* a[href]:after { content:" "; color:#444; background:inherit; font-style:italic; } */ } @media all { a { color: #005a75; text-decoration: underline; } a:hover { text-decoration: none; } a.inv { color: #005a75; text-decoration: none; } a.inv:hover { text-decoration: underline; } html * { font-size: 100.01%; } textarea, pre, code, kbd, samp, var, tt { font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; } body { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 75%; color: #444444; background: #f9f9f9; } /*--- Headings | Überschriften ------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; color: #8baf0c; font-size: 1.8em; margin: 0 0 0.25em 0; } h1 { font-size: 250%; } /* 30px */ h2 { font-size: 200%; } /* 24px */ h3 { font-size: 150%; } /* 18px */ h4 { font-size: 133.33%; } /* 16px */ h5 { font-size: 116.67%; } /* 14px */ h6 { font-size: 116.67%; } /* 14px */ /* --- Lists | Listen -------------------------------------------------------------------------------- */ ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; } ul { list-style-type: disc; } ul ul { list-style-type: circle; margin-bottom: 0; } ol { list-style-type: decimal; } ol ol { list-style-type: lower-latin; margin-bottom: 0; } li { margin-left: 0.8em; line-height: 1.5em; } dt { font-weight: bold; } dd { margin: 0 0 1em 0.8em; } /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */ p { line-height: 1.5em; margin: 0 0 1em 0; } blockquote, cite, q { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } blockquote { margin: 0 0 1em 1.6em; color: #666666; } strong, b { font-weight: bold; } em, i { font-style: italic; } big, .big { font-size: 116.667%; } small { font-size: 91.667%; } pre { line-height: 1.5em; margin: 0 0 1em 0; } pre, code, kbd, tt, samp, var { font-size: 100%; } pre, code { color: #880000; } kbd, samp, var, tt { color: #666666; font-weight: bold; } var, dfn { font-style: italic; } acronym, abbr { border-bottom: 1px #aaaaaa dotted; font-variant: small-caps; letter-spacing: 0.07em; cursor: help; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } hr { color: #ffffff; background: transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border: 0; border-bottom: 1px #eeeeee solid; } .sidebar { border-left: 1px solid #cccccc; padding-left: 10px; } .sidebar .panelbox { margin-bottom: 10px; } .bc-home .sidebar, .bc-featured-grid .sidebar, .bc-lost-password .sidebar, .bc-checkout-success .sidebar { border-left: none; padding-left: 0; } /** * ------------------------------------------------------------------------------------------------- # * * Generic Content Classes * * (en) standard classes for positioning and highlighting * (de) Standardklassen zur Positionierung und Hervorhebung * * @section content-generic-classes */ .prevent-select { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; } .page { /* background: white; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px; -o-box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px; */ padding: 0 10px; margin-top: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; margin-top: 5px; } #main { padding: 10px 0; } #col3 { margin: 0 25% 0 0; } #col3_content { padding-left: 0; } .highlight { color: #cc3300; } .dimmed { color: #888888; } .info { background: #f8f8f8; color: #666666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; } .note { background: #eeffee; color: #004400; border: 2px #448844 solid; padding: 10px; margin-bottom: 1em; } .important { background: #ffffee; color: #444400; border: 2px #888844 solid; padding: 10px; margin-bottom: 1em; } .warning { background: #ffeeee; color: #440000; border: 2px #884444 solid; padding: 10px; margin-bottom: 1em; } .error { background: #ffeeee; color: #440000; border: 2px #884444 solid; padding: 0 10px; } .float_left { float: left; display: inline; margin-right: 1em; margin-bottom: 0.15em; } .float_right { float: right; display: inline; margin-left: 1em; margin-bottom: 0.15em; } .alignRight { text-align: right; } .center { display: block; text-align: center; margin: 0.5em auto; } .subcr { position: relative; } .c10l, .c15l, .c20l, .c30l, c90l { float: left; } .c10r, .c15r, .c20r, .c30r, c90r { float: right; margin-left: -5px; } .c10l, .c10r { width: 10%; } .c15l, .c15r { width: 15%; } .c20l, .c20r { width: 20%; } .c30l, .c30r { width: 28%; } .c90l, .c90r { width: 88%; } .label, .badge { font-size: 11.844px; font-weight: bold; line-height: 14px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; vertical-align: baseline; background-color: #999999; } .label { padding: 1px 4px 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { padding: 1px 9px 2px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } a.label:hover, a.badge:hover { color: #ffffff; text-decoration: none; cursor: pointer; } .label-important, .badge-important { background-color: #b94a48; } .label-important[href], .badge-important[href] { background-color: #953b39; } .label-warning, .badge-warning { background-color: #f89406; } .label-warning[href], .badge-warning[href] { background-color: #c67605; } .label-success, .badge-success { background-color: #468847; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-info, .badge-info { background-color: #3a87ad; } .label-info[href], .badge-info[href] { background-color: #2d6987; } .label-inverse, .badge-inverse { background-color: #333333; } .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert h4 { margin: 0; color: #c09853; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success h4 { color: #468847; } .alert-danger, .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .alert-danger h4, .alert-error h4 { color: #b94a48; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .alert-info h4 { color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } /************************************************************************* ******************************** ***************************************************************************/ .ui-icon { background-repeat: no-repeat; background-position: 0 0; border: none; display: inline-block; height: 16px; margin: 0; padding: 0; text-align: left; text-indent: -999em; vertical-align: text-bottom; width: 16px; } .icon-move, .icon-move-d, .icon-dropdown, .icon-dropdown-d, .icon-dropdown-active, .icon-dropdown-active-d, .icon-minimize, .icon-minimize-d, .icon-maximize, .icon-maximize-d { background-repeat: no-repeat; } .ui-icon.icon-move, .ui-icon.icon-move-d, .ui-icon.icon-dropdown, .ui-icon.icon-dropdown-d, .ui-icon.icon-dropdown-active, .ui-icon.icon-dropdown-active-d, .ui-icon.icon-minimize, .ui-icon.icon-minimize-d, .ui-icon.icon-maximize, .ui-icon.icon-maximize-d { background-position: 0 0 !important; height: 13px; vertical-align: baseline; width: 13px; } .icon-move { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAPUlEQVR42rWRMQoAMAjE+v9P29syBeFKs50YVDzGBKmbACKZACIV69G0ZqQJqwQJBcWk8iYD6eufTHha7wLFyOcZBIC2HgAAAABJRU5ErkJggg==); cursor: move; } .icon-move-d { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANAQMAAABIJXY/AAAABlBMVEUAAABtbW0GOOmzAAAAAXRSTlMAQObYZgAAACZJREFUCFtjYGJgYGdg4G9gADKUFBiSDBj+/wCRQDYTWBwoy8QAAF4LBNTKhGdbAAAAAElFTkSuQmCC); cursor: move; } .icon-dropdown { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAANUlEQVQoz2NgIBH8//8fziAKwDX9h2slypb/A6gJn1/w2oRLA0HnYdMwCAKCaE1kpQhy0h4AvZXuEh7/K88AAAAASUVORK5CYII=); } .icon-dropdown-d { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAOElEQVQoz2NgIBH8//8fwsjNzf1PDIZrgnGIASC1A6gJn1/w2oRLA0HnYdMwCAKCaE1kpQhy0h4AVz6Yhl8Qyr8AAAAASUVORK5CYII=); } .icon-dropdown-active { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAMElEQVQoz2NgIBH8//8fziAKwDX9Jx0MlCY8nsdvEwENuJ2HR8P/oRB6ZKUIctIeACdj9RnXT1HMAAAAAElFTkSuQmCC); } .icon-dropdown-active-d { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAANklEQVQokWNgIBH8//8fwsjNzf1PDIZrIlYDDA+gJlyeJ2gTPg14nYdLwwAHBNGayEoR5KQ9AH2/LqGCzCmZAAAAAElFTkSuQmCC); } .icon-minimize { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAJ0lEQVQoz2NgIBH8//8fziAKwDX9Jx3QWxMJgTCqCUUTWSmCnLQHAMrBNdnApUZIAAAAAElFTkSuQmCC); } .icon-minimize-d { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAALElEQVQoz2NgIBH8//8fwsjNzf1PDIZrIlYDDA+AJmIDYVQTuiayUgQ5aQ8AKzrBcoqP7AUAAAAASUVORK5CYII=); } .icon-maximize { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAMklEQVR42r3LMQoAAAhCUe9/aVulIZSivyk8pJFsh9EdwtAO0egOYUhxhHR/I6OO7BQVFiAd8RJdftsAAAAASUVORK5CYII=); } .icon-maximize-d { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAOElEQVQokWNgIBH8//8fVSA3N/c/IUw9TficRpkmYpxEPU2EnIQREMRoQuYPgCZiAwKuiVQA0gQAtaqzzogsN8sAAAAASUVORK5CYII=); } form.ui .icon-date, .ui-icon-date { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAElBMVEVwcHA7c6/e297////d3d3QRDeta2PvAAAANElEQVR42o3NMQoAMAgDwFrj/7+sNB2EOHhkCgaPMrqkxcAdLVOBLwrQLuJFCp3sv9BqIhIVkgJPMGXvIwAAAABJRU5ErkJggg==); } form.ui .icon-range, .ui-icon-range { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAD1BMVEVwcHA7c6/d3d3////QRDegIdLtAAAANUlEQVR42oWOsQkAMBAC8/r7zxyIjaCQw+pQ8CQjIFIUSFiaANZ4jbU0saJOQIbwiZ7+jwUX+3ECESZGRrwAAAAASUVORK5CYII=); } form.ui .icon-required, .ui-icon-required { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXklEQVR42u3MsQ2AIBSEYZnHAVjACZzkNUxA6yCOY2HhNnoXn6EggVxjRfHnQh75pmOJX/e7JTPrxo8JRQK+SQUyugj4ZhUIaCPgG1RgRida0c63ClQpQOs4gAH8Bzy5KFqGk8PBaQAAAABJRU5ErkJggg==); } form.ui .icon-users, .ui-icon-users { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAtUlEQVR42t2RMQrCQBBF9xparK138ATJaRYEPVWwj0o6m1zAJl1IOgvXJtX4ix9YZsKK2Fk8kn18HmHjQgg/sSh3+5MHNYh8+m8DZyAJTS5QgIEUDEQVmOAXt44HIUP+C+xWy5EBz8iLzw283TJQ8tDz3YmIAd5sc5e4BlcwgQtYffoLWzIHKnUHFbzdMnAAQo4MPFUgwtstA2MiHwyIBt5uGRBFLiCKfwncE9Ex0KrAjQGzfQN6A+Z5DlYHhgAAAABJRU5ErkJggg==); } form.ui .icon-help, .ui-icon-help, form.ui .icon-inline-help, .ui-icon-inline-help { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABOklEQVR42mXTv0rDUBTH8atDqYPi4mDRya3pAziIz+ETCDpoVt9BbKFRlFqfQGfBCukkODgIpREcddeiiCbR+A38ApfT4RNy/tzDzU3iwjC0mjjCGN8yVq5p+/1gDifIkWGIrgyVyxXX7IAaBihwgQac0UBfPTeo+QO6Kux7zZeYIMU11lTbVW9UDQiQa7qTe7xjG1t4wTNmVe9pTVAGbWRYVnEJBQ7g5FC5FTj1pmg7nXAM51lHXfcbeMNDtQOJkTi9pjMlrU184dEerNb8uPLiDbAGeMWiYjvgo7xJvEew7nBl8xJjNHWIxqrdujnEThm0kKNnmuYxkYUqb15jq0pEKLAHJ3UkUoeTHfzh2H7KtxrSN9uegVPuXD0DrZn6mU7xiwwxuhIjUy2yP5MVoIMnpPjESLnA9v8DHHysLnlPp3QAAAAASUVORK5CYII=); } .ui-message .icon-generic, .ui-icon-generic { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA00lEQVR42qWTUQqCQBCGe9KCuoiKPqj38iTpg4KeJbqFZHSNesgw6l/4F4ZBlrSFD5z/3xlmd8eNXkVRBOAIBvAkF2qB3KsTPVCDN/jMQa8Fu7nkk9jYgRxsSU7N+mfgyQINjRtIrG4TRByCK/VaihPF2Gi6gNIS6hMIjVDatjc/LnGc0gQDg4y+swPqGb3BBCMDf0EBn964tsCB3n3tEVJ6veMSnQU6epUJooXPGItnjFyDpJcepMY1yi1Iqe/53epR/vNncrdZsdUXeICeWqT3fwEp0i7HcWSJEgAAAABJRU5ErkJggg==); } .ui-message .icon-error { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAzUlEQVR42q2T3QqCQBBGvcqCehETvVBfM71QsGeJ3kIyeo260DC2b+CThoVdsFo44JzdGfZnDIwxNhE4gB4M5EIX2et1sAI1eBnH4FwLNnOeTj6phUdQgDUp6OZxlhxdoOHEDaSAnuMT78GVrhY3y4kyEekqQFK6SXJFlGrbgbcAUccpJegZ5AsK5PS9BCODcEGBkH78tsCO/u4+gp+MOd2vl1hJEC98xkQ9Y+xvJOJopMbXyi3I6Lf8bu1W/uvPZG+z4laf4AE6uthe/wbkrGRlM25n9wAAAABJRU5ErkJggg==); } .ui-icon-error { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA00lEQVR42qWTXQqCUBCFe+oHaiMm+qDSBlpf+qBga4n20INktI16yDDqDJwLwyAXzIEPnDM/zL13nFm77HcBOIAWvMiVWqBzbeEclOADvkMwVoPVUPFJJR5BBpYko+biZ6nRDSoG7iB2uitQ/hbcqJda7ClGotkGRoup91IrQu7GlgRvA5o6Ti5OSycd0SBlrBWno7MY0WDBWPdvgw1jD98RfDuTsKaZeomFOOHIZ4zUM4a+RbJmF6nyrXINEuprftd2lSf+TP4xC476Bk/QUAtt/g8cmyvPgMzXPwAAAABJRU5ErkJggg==); } .ui-message .icon-hint, .ui-icon-hint, .ui-message .icon-info, .ui-icon-info { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA1klEQVR42qWTUQqCQBCGfdKCuogu+qBeoot0kl7TBwU9S3QLyega9ZBh1L/wLyyDLGkLHzj/vzPM7o6eXLv9IQRH0IMnuVAL7b0y0QcVeIPPFPQasJ5KPlkbW5CDFcmpGf8MfLtATeMGEqObBCuOwJV6ZYsjxVhrsoDQEuojiLRQmLa9H5d1nEIHPYOMvrMD6hm9XgcDg2BGgYDesLTAlt596RFSep3jEp0FWnqlDtTMZ4ytZ1SuQZJLDlLtGuUGpNQ3/G7kKP/5M7nbLNnqCzxAR03J/V+HSh9XtOsatQAAAABJRU5ErkJggg==); } .ui-message .icon-success, .ui-icon-success { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA9klEQVR42qWTPQrCQBSErfwBhRQewDoGFYyHtDEWCSSVR8gBRDxCGjFi4xEstFBR4jyYYnmuK5LAB/vmzexuNpuGfvrzwAcLUIIb2VPzTa8ONkEMXqCywV4KOrbw2jBmYAbaZEatIhvJmBMkbBzB2LHLITjQG5vik+Ko8eORBeh9SlaEiELmCHmgACvWGTORFCWL8Et4IGF6TtRC1qUUdxYtNiOB4wk4s18Aj3qL2v1jAiOQ28L09Khf1CuoVS1heqbs7ayHyEm2INdhdYhLKYI/P+PI+IxBnYuUuK5yCqbUuxyn+irX/Jnc21xyqw9wBTtqgfa/Af067eG0xhemAAAAAElFTkSuQmCC); } .ui-message .icon-warning, .ui-icon-warning { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABA0lEQVR42p2QP0tCURiH7zdQRA3u4OJUiyDY4CDtTuEXuXs0JEQ4uDk5C0EuKoEu+SWcg5baLCS7tNTx98IzyMWjXoeHe95/z3vODdzi2kdTvIo30fL1+YbLIhYOfsV5GsFAOL59zsNjBRfij60lEXKbf1E5RvDExl4URYGwXJfc6JCgwqZYhBp2hs5n4odadZ9gzKYu2x1YrUPt2SeosWEtijsEBfGN5HKXYErxweKkAMk9PbOkoE5hJXI+AbUVvfVtwZzkHTECAGptel8cgisSnyJDk+8GRlZ8MdOwxITghoa9ArhlZmzB+/abDjwh+c8+LBgRnMLEBHnxKJYpBpfMFDbGjWcGPFD11gAAAABJRU5ErkJggg==); } .ui-message .icon-close, .ui-icon-close { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAUElEQVR42sWTQQoAIAgEe2ef6smW1wb0MEHBXtp1QLMREUpvAefMFIKFf5srBUjhI4AQPAJKCO/YQgdhMQGE9MUe4FvwQ/TP6BfJr/L/37gBAXQVT6UvFQUAAAAASUVORK5CYII=); } .ui-message .icon-close-inverted, .ui-message.error .icon-close, .ui-icon-close-inverted { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAUklEQVR42sWTQQoAIAgE/f8r+qkl0WlwLyu0IB1WR0qLzLRiDnBU56oICj4A13wCBL4AEEKPgDaxAwMguqFYAQhhsQ8Yu4L/iP4Y/UXyV/n/b9xWqa6H7L0OrwAAAABJRU5ErkJggg==); } .ui-icon-dropdown { border: 4px solid transparent; border-top-color: #333333; content: ""; display: inline-block; height: 0; overflow: hidden; text-align: left; text-indent: -999em; position: relative; vertical-align: baseline; width: 0; } .ui-icon-wait { background-image: url(data:image/gif;base64,R0lGODlhEAAQAPMPALu7u5mZmTMzM93d3REREQAAAHd3d1VVVWZmZqqqqoiIiO7u7kRERCIiIgARAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAPACwAAAAAEAAQAEAEcPDJtyg6dUrFetDTIopMoSyFcxxD1krD8AwCkASDIlPaUDQLR6G1Cy0SgqIkE1IQGMrFAKCcGWSBzwPAnAwarcKQ15MpTMJYd1ZyUDXSDGelBY0qIoBh/ZoYGgELCjoxCRRvIQcGD1kzgSAgAACQDxEAIfkEBQcADwAsAAAAAA8AEAAABF3wyfkMkotOJpscRKJJwtI4Q1MAoxQ0RFBw0xEvhGAVRZZJh4JgMAEQW7TWI4EwGFjKR+CAQECjn8DoN0kwDtvBT8FILAKJgfoo1iAGAPNVY9DGJXNMIHN/HJVqIxEAIfkEBQcADwAsAAAAABAADwAABFrwyfmColgiydpaQiY5x9Ith7hURdIl0wBIhpCAjKIIxaAUPQ0hFQsAC7MJALFSFi4SgC4wyHyuCYNWxH3AuhSEotkNGAALAPqqkigG8MWAjAnM4A8594vPUyIAIfkEBQcADwAsAAAAABAAEAAABF3wySkDvdKsddg+APYIWrcg2DIRQAcU6DJICjIsjBEETLEEBYLqYSDdJoCGiHgZwG4LQCCRECEIBAdoF5hdEIWwgBJqDs7DgcKyRHZl3uUwuhm2AbNNW+LV7yd+FxEAIfkEBQcACAAsAAAAABAADgAABEYQyYmMoVgeWQrP3NYhBCgZBdAFRUkdBIAUguVVo1ZsWFcEGB5GMBkEjiCBL2a5ZAi+m2SAURExwKqPiuCafBkvBSCcmiYRACH5BAUHAA4ALAAAAAAQABAAAARs0MnpAKDYrbSWMp0xZIvBKYrXjNmADOhAKBiQDF5gGcICNAyJTwFYTBaDQ0HAkgwSmAUj0OkMrkZM4HBgKK7YTKDRICAo2clAEIheKc9CISjEVTuEQrJASGcSBQcSUFEUDQUXJBgDBW0Zj34RACH5BAUHAA8ALAAAAAAQABAAAARf8Mn5xqBYgrVC4EEmBcOSfAEjSopJMglmcQlgBYjE5NJgZwjCAbO4YBAJjpIjSiAQh5ayyRAIDKvJIbnIagoFRFdkQDQKC0RBsCIUFAWsT7RwG410R8HiiK0WBwJjFBEAIfkEBQcADgAsAQABAA8ADwAABFrQybEWADXJLUHHAMJxIDAgnrOo2+AOibEMh1LN62gIxphzitRoCDAYNcNN6FBLShao4WzwHDQKvVGhoFAwGgtFgQHENhoB7nCwHRAIC0EyUcC8Zw1ha3NIRgAAIfkEBQcADwAsAAAAABAAEAAABGDwyfnWoljaNYYFV+Zx3hCEGEcuypBtMJBISpClAWLfWODymIFiCJwMDMiZBNAAYFqUAaNQ2E0YBIXGURAMCo1AAsFYBBoIScBJEwgSVcmP0li4FwcHz+FpCCQMPCFINxEAIfkEBQcADgAsAAABABAADwAABFzQyemWXYNqaSXY2vVtw3UNmROM4JQowKKlFOsgRI6ASQ8IhSADFAjAMIMAgSYJtByxyQIhcEoaBcSiwegpDgvAwSBJ0AIHBoCQqIAEi/TCIAABGhLG8MbcKBQgEQAh+QQFBwAPACwAAAEAEAAPAAAEXfDJSd+qeK5RB8fDRRWFspyotAAfQBbfNLCVUSSdKDV89gDAwcFBIBgywMRnkWBgcJUDKSZRIKAPQcGwYByAAYTEEJAAJIGbATEQ+B4ExmK9CDhBd8ThdHw/AmUYEQAh+QQFBwAPACwAAAEADwAPAAAEXvBJQIa8+ILSspdHkXxS9wxF4Q3L2aTBeC0sFjhAtuyLIjAMhYc2GBgaSKGuyNoBDp7czFAgeBIKwC6kWCAMxUSAFjtNCAAFGGF5tCQLAaJnWCTqHoREvQuQJAkyGBEAOw==); } .ui-dropdown2 .active .ui-icon-wait, .ui-button-primary .ui-icon-wait { background-image: url(data:image/gif;base64,R0lGODlhEAAQAPQAADtzr////0V6s5Sy01KDuMjX6KC72P///7rN4uLq8nmfyGyWwu7z94aozfr7/NTg7a7F3QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAkKAAAALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQJCgAAACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQJCgAAACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkECQoAAAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkECQoAAAAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAkKAAAALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAkKAAAALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQJCgAAACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQJCgAAACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==); } .ui-button-primary[aria-disabled="true"] .ui-icon-wait { background-image: url(data:image/gif;base64,R0lGODlhEAAQAPQAAJy72////6G+3MjZ6qfC3+Lr9M7d7f///9zm8fD0+bvQ5rTL4/b4+8HU6Pz8/env9tXi7wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAkKAAAALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQJCgAAACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQJCgAAACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkECQoAAAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkECQoAAAAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAkKAAAALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAkKAAAALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQJCgAAACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQJCgAAACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==); } .ui-message { background: #fcfcfc; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #333333; margin: 10px 0; padding: 10px 10px 10px 36px; position: relative; } .ui-message.shadowed { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ui-popup .ui-message.closeable, .ui-dialog .ui-message.closeable { z-index: 4000; } .ui-message.error { background: #d04437; border-color: #d04437; color: #ffffff; } .ui-message.warning { background: #fffdf6; border-color: #ffeaae; } .ui-message.info { background: #fcfcfc; border-color: #8c9fb2; } .ui-message.success { background: #f3f9f4; border-color: #91c89c; } .ui-message.hint { background: #fcfcfc; border-color: #aab8c6; } .ui-message.error a { color: #ffffff; text-decoration: none; border-bottom: 1px solid #ffffff; } .ui-message p.title { font-weight: bold; } .ui-message p.title strong { font-weight: inherit; } .ui-message .ui-icon { left: 10px; position: absolute; top: 10px; } .ui-message.closeable { padding-right: 36px; } .ui-message.closeable .icon-close { cursor: pointer; left: auto; right: 10px; top: 10px; } .ui-message .svg-icon { left: 10px; position: absolute; top: 10px; } .ui-message.closeable .svg-icon.close { cursor: pointer; left: auto; position: absolute; right: 10px; top: 10px; } #header .ui-message { border-bottom: none; border-left: none; border-right: none; border-width: 2px; margin: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #footer .ui-message { margin-left: 20px; margin-right: 20px; text-align: left; } /* --- Allgemeine Klassen --- */ .textLight { color: #969798; } .textSmall { font-size: 0.9em; line-height: 1.2em; } .fbDataSourceContainer { display: none; } /* --- Eingabefelder, ... --- */ input, textarea, select { font-size: 12px; padding: 2px; margin: 0; border: #c4c3bd 1px solid; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .stdButton { _display: block; background: url(../sprites/hg.png) 0 0 repeat-x; height: 28px; border: none; color: #ffffff; font-size: 1.1em; font-weight: bold; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 5px 1px 5px; margin-top: 15px; cursor: pointer; text-decoration: none; } .stdButton:hover { background-position: 0 -50px; cursor: pointer; } .stdButton .tx { position: relative; bottom: 3px; padding-left: 5px; } a.stdButton { line-height: 20px; } .stdButton.dimmed { background: url(../sprites/hg.png) 0 -300px repeat-x; } /* Login */ .bc-login .reg, .bc-login .new { border: 1px solid #cccccc; padding: 10px; margin: 5px; } .bc-login .reg label { display: block; width: 210px; padding-top: 10px; } .bc-login .reg input { width: 150px; } .bc-login .reg form { margin-bottom: 40px; } .bc-login h2 { border-bottom: 1px solid #cccccc; margin-bottom: 10px; } .bc-login h3 { border-bottom: 1px solid #eeeeee; margin-top: 10px; } .bc-login td { vertical-align: top; } .bc-login td.regPadding { height: 15px; } /* Passwort vergessen */ .bc-lost-password .big { width: 780px; font-size: 116.67%; } .bc-lost-password h2 { display: table; } .bc-lost-password .jump-to-login { display: block; background: url(../sprites/hg.png) 0 0 repeat-x; height: 28px; width: 90px; border: none; color: #ffffff; font-size: 1.1em; font-weight: bold; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 9px 0 1px 35px; margin-top: 15px; cursor: pointer; text-decoration: none; } .bc-lost-password .jump-to-login:hover { background-position: 0 -50px; } .bc-lost-password .icon.bigWhiteRightArrow { margin-right: 10px; position: relative; top: -18px; left: -20px; } /* -------------- Kontoverwaltung --------------------------- */ .account .account-content { border: 1px solid #cccccc; min-height: 500px; padding-right: 10px; } #account-nav ul { background: #fafafa; border: 1px solid #cccccc; border-top-width: 0; padding: 0; list-style: none; margin: 0; } #account-nav li { position: relative; padding: 10px; border-top: 1px solid #cccccc; z-index: 2; margin: 0; } #account-nav li:hover { background: #ffffff; } #account-nav .name { color: #ee8800; margin-left: 23px; font-weight: bold; } #account-nav a { text-decoration: none; color: #a9ba62; margin-left: 0; font-weight: bold; position: absolute; bottom: 20px; } #account-nav .fa { margin-right: 1em; color: #888888; } .acc-carts #account-nav .acc-carts .fa, #account-nav li:hover.acc-carts .fa { color: #a9ba62; } .acc-shoppinglists #account-nav .acc-shoppinglists .fa, #account-nav li:hover.acc-shoppinglists .fa { color: #a9ba62; } .acc-addresses #account-nav .acc-addresses .fa, #account-nav li:hover.acc-addresses .fa { color: #a9ba62; } .acc-archive #account-nav .acc-archive .fa, #account-nav li:hover.acc-archive .fa { color: #a9ba62; } .acc-costcenter #account-nav .acc-costcenter .fa, #account-nav li:hover.acc-costcenter .fa { color: #a9ba62; } .acc-usermanager #account-nav .acc-usermanager .fa, #account-nav li:hover.acc-usermanager .fa { color: #a9ba62; } .acc-password #account-nav .acc-password .fa, #account-nav li:hover.acc-password .fa { color: #a9ba62; } .acc-approve #account-nav .acc-approve .fa, #account-nav li:hover.acc-approve .fa { color: #a9ba62; } .acc-stats #account-nav .acc-stats .fa, #account-nav li:hover.acc-stats .fa { color: #a9ba62; } .acc-asrt #account-nav .acc-asrt .fa, #account-nav li:hover.acc-asrt .fa { color: #a9ba62; } .acc-carts #account-nav .acc-carts, .acc-shoppinglists #account-nav .acc-shoppinglists, .acc-addresses #account-nav .acc-addresses, .acc-archive #account-nav .acc-archive, .acc-costcenter #account-nav .acc-costcenter, .acc-usermanager #account-nav .acc-usermanager, .acc-approve #account-nav .acc-approve, .acc-stats #account-nav .acc-stats, .acc-asrt #account-nav .acc-asrt, .acc-password #account-nav .acc-password { background: #ffffff; overflow-y: visible; width: 223px; border-bottom: 1px solid #cccccc; } .acc-carts #account-nav .acc-shoppinglists, .acc-shoppinglists #account-nav .acc-addresses, .acc-addresses #account-nav .acc-archive, .acc-archive #account-nav .acc-approve, .acc-approve #account-nav .acc-costcenter, .acc-costcenter #account-nav .acc-usermanager, .acc-usermanager #account-nav .acc-password { border-top: none; } .acc-password #account-nav ul.account-nav { border-bottom: none; } .acc-shoppinglists .subcolumns { border-top: 1px solid #cccccc; padding: 5px; } .acc-shoppinglists .account-content { padding-right: 10px; } .acc-shoppinglists .productdetail.lazy { min-height: 157px; } .acc-shoppinglists .cmd2 { text-align: right; margin-bottom: 1em; } #account-nav ul.acc-logout { margin-top: 20px; } #account-nav li:hover.acc-logout { background: #ffe5c4; } #account-nav li:hover.acc-logout .fa { color: #a9ba62; } .acc-carts div.lable { display: inline-block; width: 100px; } .acc-archive div.lable { display: inline-block; width: 120px; } .acc-carts .controls, .acc-archive .controls, .acc-addresses .controls { margin-top: 1em; } .acc-archive .controls { margin-bottom: 1em; } .acc-archive.bc-cart #cart-main .subcolumns { width: 100%; } .acc-archive .icon.cart.inactive, .acc-archive .icon.notebook { margin-left: 15px; } .acc-addresses .lable { font-size: 116.67%; font-weight: bold; width: 150px; } .acc-addresses .fullheight { height: 80px; float: left; padding-right: 1em; } .acc-addresses .space { margin-bottom: 1em; } .acc-addresses .biginfo { margin-right: 1em; } .acc-approve .badge { margin-left: 20px; } /* -------------------------- */ #header { padding: 1em 0; } .imageHeader h3 { padding-top: 10px; } .more, .less { display: none; } li.more a, li.less a { font-weight: bold; } .categoryListingFull li { margin-left: 0; padding-bottom: 2px; } .categoryListingFull li, .categoryListingFull ul { list-style: none outside none; } #slideshow { z-index: 0; } #claim { float: left; height: 130px; width: 972px; margin-top: 15px; } #metanav-top { background: #f9f9f9; color: #777777; padding: 5px 3px 0 3px; height: 1.2em; } #metanav-top .fav { font-weight: bold; } #metanav-top .right { float: right; display: inline-block; } #phonebox { padding: 5px 0 0 5px; position: absolute; top: 10px; right: 0px; height: 35px; font-size: 1.5em; font-weight: bold; width: 195px; text-align: center; } .subcolumns.space { padding-top: 15px; } .subcolumns.big-space { padding-top: 50px; } .space { padding-top: 15px; } h1.space { padding-top: 15px; display: table; } .subcn { padding: 0; } .bp-panel { width: 241px; height: 221px; background: url(../img/bp-panel-blank.png) no-repeat; padding: 1em 1em 1em 4em; color: #ffffff; font-size: 10px; } .bp-panel h3 { color: #000000; } .bp-panel .highlight { color: #ffffff; } .bp-panel li.highlight { font-weight: bold; list-style-type: none; font-size: 14px; margin-left: 10px; } .panelbox.inhouse-contact { border-left: 1px solid #cccccc; padding-left: 10px; height: 220px; } .panelbox.inhouse-contact img { float: left; } .panelbox.inhouse-contact .addr { width: 100px; float: left; margin-left: 8px; } .panelbox.inhouse-contact h5 { color: #000000; font-weight: bold; } .panelbox.inhouse-contact .addr div { font-size: 0.8em; padding-top: 0.8em; } .panelbox.inhouse-contact .addr .first { margin-top: 15px; } .panelbox.inhouse-contact .addr span { display: block; } .panelbox.inhouse-contact .addr .header { font-weight: bold; } .panelbox.payment { margin: 15px 0; } /* --- Globale Includes --- */ /* --- Home --- */ .featured h3 { font-size: 12px; line-height: 14px; font-weight: bold; margin: 10px 0; height: 30px; max-height: 30px; overflow: hidden; position: relative; color: #777666; } .subcl.featured { border-right: 1px solid #cccccc; } .featured .subcr { padding: 7px 1em 0 1em; border-left: 1px solid #cccccc; overflow: hidden; margin-bottom: 10px; } .featured .subcr.brand { border-left: none; } .featured .subcr:hover { background-color: #f2f3f4; } .featured .subcr.first { border-left: none; } .featured .centerImage { display: table; vertical-align: middle; text-align: center; width: 100%; position: relative; } .featured .centerImage a { display: table-cell; } .featured .centerImage * { vertical-align: middle; } .featured .imageLink { width: 160px; height: 160px; background: transparent; } .featured p.productDescription { height: 50px; } .featured div.categoryPrice { /* margin: 0 90px; */ text-align: right; } .featured a.quickinfo { display: none; position: relative; left: 24px; bottom: 210px; width: 110px; padding: 2px 2px; text-align: center; background: #8baf0c; background: rgba(139, 175, 12, 0.8); color: #ffffff; cursor: pointer; } .featured a.quickinfo:hover { background: #9bbf1c; background: rgba(155, 191, 28, 0.8); } .featured .categoryPrice { padding-top: 10px; min-height: 80px; } .featured .categoryPrice .variantCount { display: block; text-align: center; padding-bottom: 3px; } .featured .categoryPrice .refprice { color: #999999; padding-right: 5px; } .featured .priceContainer-m, .featured .priceContainer-s { display: block; width: 76px; min-height: 20px; text-align: center; padding-bottom: 7px; } .featured .priceContainer-m { float: left; } .featured .pr-m { font-size: 16px; font-weight: bold; display: inline-block; width: 100%; } .featured .priceContainer-s { color: #1a406d; padding-left: 76px; } .featured .pr-s { font-size: 16px; font-weight: bold; display: inline-block; width: 100%; } .featured .promo, .featured .promo .pr-m, .featured .promo .pr-s { text-decoration: line-through; font-size: 100%; font-weight: normal; color: #999999; } .featured .promo .priceContainer-m, .featured .promo .price-m { text-decoration: line-through; } .featured .promo .freightInfo { display: none; } .featured .promo .price-m, .featured .promo .price-s { color: #999999; } .featured .gridAction { position: relative; } .featured .gridAction a { text-decoration: none; } .featured .gridAction .amount { float: left; margin-right: 25px; padding-top: 2px; } .featured .gridAction .infoTicker { display: none; position: absolute; z-index: 1000; bottom: 40px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #ffffff; border: 1px solid #8baf0c; text-align: center; padding: 3px 10px; } .subcolumns.featured-grid { border-bottom: 1px solid #cccccc; } .subcolumns.featured-grid .subcr { margin-bottom: 0; padding-bottom: 10px; } .subcl.featured .promotion-product { height: 180px; } .subcl.featured .promotion-product .productDescription { height: 120px; } .subcl.featured .promotion-product .categoryPrice { margin: 0; } .subcl.featured .featured-grid .inner { border: none; } .subcl.featured .standard-product.last-row { margin-bottom: 1em; } .subcl.featured .standard-product .gridAction { width: 160px; position: absolute; bottom: 20px; right: 0; text-align: right; padding-right: 10px; } .subcl.featured .featured-grid .gridAction .delivery-time h6 { font-size: 90%; } .subcl.featured .standard-product .gridAction .amount { float: right; margin-right: 0; } .subcl.featured .standard-product .categoryPrice { margin: 0; width: 240px; height: 190px; } .subcl.featured .standard-product .priceContainer-s { padding-left: 120px; } .subcl.featured .standard-product a.freightInfo { display: block; /* height: 25px; */ text-align: left; position: absolute; bottom: 4px; } .subcl.featured .standard-product .lastScaleBase { padding-right: 25px; } /* ---=== Markenübersicht ===--- */ #alphaMakesBanner { background: #fafafa; border: 1px solid #dfe0e1; width: 100%; padding: 5px; margin-bottom: 15px; } #alphaMakesBanner em { font-weight: bold; font-style: normal; color: #ee8800; } #alphaMakesBanner .jumpList { margin-top: 0.5em; } #alphaMakesBanner .jumpList ul { margin: 2px 0 0 0; } #alphaMakesBanner .jumpList li { list-style-type: none; display: inline; } #alphaMakesBanner .jumpList li { margin: 0; } #alphaMakesBanner .jumpList a { border-right-width: 1px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border: 1px solid #c4c3bd; min-width: 16px; padding: 3px 7px; text-align: center; margin-right: 4px; display: inline-block; font-size: 12px; font-weight: bold; margin-top: 4px; } #alphaMakesBanner .jumpList a:hover { background-color: #e0e0e0; text-decoration: none; } #alphaMakesList li { list-style-type: none; display: inline; } #alphaMakesList h2 { border: 1px solid #c4c3bd; padding: 5px; } #alphaMakesList li li a { min-width: 210px; display: inline-block; } #alphaMakesList .makes { padding-bottom: 10px; } #supplies-top-makes { margin: -1em 0 4em 0; } #supplies-top-makes li { list-style-type: none; display: inline-block; height: 80px; margin: 0 0 0 3em; } #supplies-top-makes .hlpr { display: inline-block; height: 100%; verical-align: middle; } #supplies-top-makes img { vertical-align: middle; max-height: 80px; } /* --- Top-Nav --- */ #navbar { width: 972px; color: #ffffff; position: relative; z-index: 100; } #nav-head { float: left; height: 50px; width: 250px; z-index: 100; } #search { float: left; height: 50px; padding: 0 0 0 10px; margin-left: 2px; } .cat-claim { margin: 0; padding: 0; width: 250px; font-size: 13px; font-weight: bold; display: block; margin-top: -4px; position: relative; } .cat-name { /* background: url("../img/icon/categories/sprite.png") no-repeat scroll 0 100px transparent; */ color: #ffffff; display: block; font-size: 1.1em; height: 16px; padding: 19px 0 17px 35px; width: 180px; } #toplevel-cat-dropdown { display: none; min-height: 315px; cursor: default; margin-top: 1px; padding-bottom: 5px; background-color: #ffffff; border-color: -moz-use-text-color #ee8800 #ee8800; border: 2px solid #ee8800; border-style: none solid solid; border-width: medium 2px 2px; position: absolute; } #toplevel-cat-dropdown.hover { display: block; } .toplevel-cat-lv1 { float: left; width: 246px; font-size: 13px; color: #4c4b3e; background-color: #eceeec; } .toplevel-cat-lv2 { float: left; display: none; width: 722px; font-size: 13px; color: #4c4b3e; background: #ffffff; } .toplevel-cat-lv2 h2 { padding-top: 0.5em; font-size: 14px; font-weight: bold; color: #4c4b3e; } .toplevel-cat-lv2 .c66r h2 { margin-left: 1em; } .toplevel-cat-lv2 .c33l .subcl { padding-left: 0.5em; } .toplevel-cat-lv2 .c66r .c50r .subcr { padding-right: 0.5em; } .toplevel-cat-lv2 a { text-decoration: none; color: #005a75; } .toplevel-cat-lv2 a:hover { text-decoration: underline; } .toplevel-cat-lv2 ul { margin-left: 0; } .toplevel-cat-lv2 li { list-style: none; margin: 0; padding: 0 0 0 10px; } .toplevel-cat-lv2.hover { display: block; } .toplevel-cat-lv1 a, .toplevel-cat-lv1 a:hover, .toplevel-cat-lv1 a:visited .toplevel-cat-lv1 a:active { text-decoration: none; color: #4c4b3e; } .toplevel-cat-lv1 ul, .toplevel-cat-lv1 li { list-style: none; margin: 0; padding: 0; } .toplevel-cat-lv1 li { margin: 0; cursor: pointer; height: 19px; letter-spacing: -0.02em; line-height: 24px; padding: 8px 0 7px 6px; line-height: 20px; font-weight: bold; white-space: nowrap; border-top: 1px solid #ffffff; } #navbar .toplevel-cat-lv1 li.hover a { color: #ee8800; } .toplevel-cat-lv1 li.first { border-top: none; } .roundBottom1 { -webkit-border-radius: 0 0 8px 8px; -khtml-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; } .roundTop1 { -webkit-border-radius: 8px 8px 0 0; -khtml-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; } .roundAll { -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } /** Warenkorb --------------------------------------------- */ #everCart { position: absolute; top: 0px; right: 0; padding: 5px 10px; margin: 5px 0; width: 196px; border-left: 1px solid #b9b9b9; height: 107px; } #cartTicker { width: 170px; padding-left: 30px; line-height: 35px; height: 100px; position: relative; } #everCartButton { padding-left: 20px; } #everCart a { color: #969798; text-decoration: none; font-size: 1.3em; font-weight: bold; } #everCart .icon.cart { position: absolute; left: 35px; top: 8px; } #cartTicker.active a, #cartTicker.active span { color: #ffffff; } #cartItemContainer { display: none; z-index: 1001; position: absolute; top: 123px; right: 0; background: #ffffff; border: 2px solid #8baf0c; width: 210px; } .costcenterInfo table { padding: 10px; border-bottom: 1px solid #c4c3bd; width: 100%; font-size: 11px; } .costcenterInfo h6 { padding: 10px 0 0 10px; } .costcenterInfo td.balance { text-align: right; font-weight: bold; } .costcenterInfo td.name { color: #969798; } #cartItems { max-height: 400px; overflow: auto; } #cartItems .item, #cartItems .item a { font-size: 11px; line-height: 1.2em; } #cartItems .item a:hover { text-decoration: underline; } #cartItems .item { padding: 10px; border-bottom: 1px dotted #c4c3bd; } #cartItems .item .image { width: 25px; overflow: hidden; margin: 2px 5px 0 0; float: left; } #cartItems .item .desc { padding-left: 30px; } #cartItems .item .amount { font-weight: bold; color: #000000; font-size: 12px; } #itemContainerFooter { padding: 10px; text-align: right; } #customerLogo { position: absolute; top: 10px; right: 10px; } .bc-cart h1 { display: table; height: 138px; } .bc-cart.bc-cart-editor h1 { display: block; height: auto; } .bc-cart .lable fieldset div { margin-bottom: 5px; } .bc-cart .lable fieldset lable { width: 150px; display: inline-block; } .bc-cart .lable fieldset input, .bc-cart .lable fieldset select { width: 295px; } .bc-cart #infobox { margin-top: 1em; margin-bottom: 2em; } .bc-cart #cart-main { width: 100%; } .bc-cart #cart-main .price { text-align: right; } .bc-cart #cart-main th { height: 28px; padding-left: 5px; padding-right: 5px; color: #ffffff; } .bc-cart #cart-main td { vertical-align: top; padding: 5px; } .bc-cart #cart-main td.img.odd-row { background-color: #ffffff; border: 2px solid #ececec; } .bc-cart #cart-main .odd-row { background-color: #ececec; } .bc-cart #cart-main .atpinfo { color: #ff0000; width: 150px; } .bc-cart #cart-main .icon.remove { margin-left: 15px; } .bc-cart #cart-main .subcolumns { width: 330px; } .bc-cart #cart-main textarea#positionText { width: 100%; } .bc-cart #cart-main .pos-main { margin-bottom: 1em; } .bc-cart #cart-main .positionText { margin-top: 0.8em; } .bc-checkout #cart-main { margin-top: 1.5em; } .bc-checkout div.header { font-weight: bold; margin-bottom: 1em; } .bc-cart-editor #cart-main .cart-matnr-container { padding-bottom: 5px; } .bc-cart-editor #cart-main .cart-matnr { font-weight: bold; } #address-select { margin-top: 2em; } #address-select li { list-style-type: none; display: inline-block; width: 270px; margin: 1em; vertical-align: top; min-height: 170px; border-bottom: 1px solid #cccccc; } #address-select li .cmd-bar { padding: 2em 0; } #address-select li a { text-decoration: none; } /** After Search Navigation ------------------------------- */ .facet ul, .facet li, .facetPopupCol ul, .facetPopupCol li { list-style: none; } #facetBar { background: #fafafa; border: 1px solid #dfe0e1; border-top-width: 0; padding: 0; } .facet { position: relative; padding: 10px; border-top: 1px solid #dedfe0; z-index: 2; } .facet .name { color: #ee8800; margin-left: 23px; font-weight: bold; } .facetCount { float: right; color: #999999; font-size: 0.8em; } #facetBar .facet .no-results { padding-left: 23px; color: #aaaaaa; } #facetBar ul { margin: 10px 0 0 0; } #facetBar ul ul { margin: 0 0 0 10px; } #facetBar li.closed ul { display: none; } .facet li.open, #facetBar .facet li.open span.facetLable { background-color: #edece4; } #facetBar .facet .open .facetFader { background: -webkit-gradient(linear, left top, right top, from(rgba(250, 250, 250, 0)), color-stop(50%, #edece4), to(#edece4)); background: -webkit-linear-gradient(left, rgba(250, 250, 250, 0), #edece4 50%, #edece4); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #edece4 50%, #edece4); } #facetBar .facet ul a, .facetPopupCol ul a { display: block; } #facetBar .facet ul li, .facetPopupCol ul li { line-height: 18px; margin: 0; padding: 0; } #facetBar .facet li .icon, .facetPopupCol li .icon { position: relative; float: left; } #facetBar .facet li span.facetLable { background-color: #fafafa; display: inline-block; padding-right: 3px; } #facetBar .facet li a { margin-left: 0; white-space: nowrap; overflow: hidden; word-wrap: normal; position: relative; text-decoration: none; } #facetBar a.facetLink { overflow: hidden; } #facetBar a.facetLink.revealed { overflow: visible; } #facetBar .facet li a.icon.topCategoryFacetBullet { background-position: 0 -116px; } #facetBar .facet li.active a.icon.topCategoryFacetBullet { background-position: -16px -116px; } #facetBar .facet li li.active a { font-weight: bold; } #facetBar .facet li li.active li a { font-weight: normal; } #facetBar .facet li li.active li.active a { font-weight: bold; } #facetBar .facet li a.checkable { margin-left: 18px; } #facetBar .facet li a.selected { padding-left: 18px; } #facetBar .facet li a.selected .facetLable { background: #9bbf1c; margin: 0 25px 5px 0; padding: 0 5px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #ffffff; font-weight: bold; } #facetBar .facet li a.selected:hover .facetLable .icon { background-position: -33px -80px; } #facetBar .facet ul input { float: left; position: relative; top: 3px; border: 0; } #facetBar .facet .facetFader { background: -webkit-gradient(linear, left top, right top, from(rgba(250, 250, 250, 0)), color-stop(50%, #fafafa), to(#fafafa)); background: -webkit-linear-gradient(left, rgba(250, 250, 250, 0), #fafafa 50%, #fafafa); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #fafafa 50%, #fafafa); display: block; position: absolute; right: 0; bottom: 0; width: 25%; text-indent: -999em; } #facetBar .facet p { margin: 5px 0 0 18px; font-size: 10px; } .facetPopupCol li a { margin-left: 0; word-wrap: normal; position: relative; text-decoration: none; } .facetPopupCol li span.facetLable { display: block; padding-right: 3px; } .facetPopupCol { text-align: left; max-width: 200px; min-width: 150px; float: left; border-right: 1px solid #dfe0e1; padding-right: 1em; } .facetPopupCol.last { border-right: none; } .facetPopupCol li a:hover { text-decoration: underline; } .facetPopupCol li a.selected { font-weight: bold; } .searchResultNav { background: #fafafa; border: 1px solid #dfe0e1; width: 705px; padding: 5px; margin-bottom: 15px; } .searchResultNav em { font-weight: bold; font-style: normal; } .searchResultNav .pager { margin-top: 0.5em; } .searchResultNav .pager span { font-size: 10px; font-weight: bold; } .searchResultNav .pager ul { margin: 2px 0 0 0; } .searchResultNav .pager li { list-style-type: none; display: inline; } .searchResultNav .pager li { margin: 0; } .searchResultNav .pager a { border-right-width: 1px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border: 1px solid #c4c3bd; } .searchResultNav .pager a, .searchResultNav .pager .elipsis { min-width: 16px; padding: 3px 7px; text-align: center; margin-right: 4px; display: inline-block; font-size: 12px; font-weight: bold; } .searchResultNav .pager a:hover { background-color: #e0e0e0; text-decoration: none; } .searchResultNav .pager a.active { color: #ffffff; background-color: #005a75; border: 1px solid #19434f; cursor: default; } .searchResultGrid h3, #sg-quickinfo h3 { font-size: 12px; line-height: 14px; font-weight: bold; margin: 10px 0; height: 30px; max-height: 30px; overflow: hidden; position: relative; color: #777666; } .searchResultGrid .subcr { padding: 7px 1em 0 1em; border-left: 1px solid #cccccc; min-height: 395px; overflow: hidden; margin-bottom: 10px; } .searchResultGrid .subcr:hover { background-color: #f2f3f4; } .searchResultGrid .subcr.first { border-left: none; } .searchResultGrid .centerImage { display: table; vertical-align: middle; text-align: center; } .searchResultGrid .centerImage a { display: table-cell; } .searchResultGrid .centerImage * { vertical-align: middle; } .searchResultGrid .imageLink { width: 160px; height: 160px; background: transparent; } .searchResultGrid p.productDescription { height: 50px; overflow: hidden; } .searchResultGrid div.categoryPrice { text-align: right; } .searchResultGrid a.quickinfo { display: none; position: absolute; left: 32px; bottom: 365px; width: 110px; padding: 2px 2px; text-align: center; background: #8baf0c; background: rgba(139, 175, 12, 0.8); color: #ffffff; cursor: pointer; } .searchResultGrid a.quickinfo:hover { background: #9bbf1c; background: rgba(155, 191, 28, 0.8); } .searchResultGrid .infoTicker { display: none; position: absolute; z-index: 1000; bottom: 40px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #ffffff; border: 1px solid #8baf0c; text-align: center; padding: 3px 10px; } .searchResultGrid .categoryPrice, .searchResultList .categoryPrice, #sg-quickinfo .categoryPrice, .variantPrice .categoryPrice { padding-top: 10px; min-height: 80px; } .searchResultGrid .categoryPrice .variantCount, .searchResultList .categoryPrice .variantCount, #sg-quickinfo .categoryPrice .variantCount, .variantPrice .categoryPrice .variantCount { display: block; text-align: center; padding-bottom: 3px; } .searchResultGrid .categoryPrice .refprice, .searchResultList .categoryPrice .refprice, #sg-quickinfo .categoryPrice .refprice, .variantPrice .categoryPrice .refprice { color: #999999; padding-right: 5px; } .searchResultGrid .categoryPrice .lastScaleBase, .searchResultList .categoryPrice .lastScaleBase, #sg-quickinfo .categoryPrice .lastScaleBase, .variantPrice .categoryPrice .lastScaleBase { margin-bottom: 10px; margin-top: 3px; } .searchResultGrid .priceContainer-m, .searchResultList .priceContainer-m, #sg-quickinfo .priceContainer-m, .variantPrice .priceContainer-m, .searchResultGrid .priceContainer-s, .searchResultList .priceContainer-s, #sg-quickinfo .priceContainer-s, .variantPrice .priceContainer-s { display: block; width: 76px; min-height: 20px; text-align: center; padding-bottom: 7px; } .searchResultGrid .priceContainer-m, .searchResultList .priceContainer-m, #sg-quickinfo .priceContainer-m, .variantPrice .priceContainer-m { float: left; } .searchResultGrid .priceContainer-s, .searchResultList .priceContainer-s, #sg-quickinfo .priceContainer-s, .variantPrice .priceContainer-s { color: #1a406d; padding-left: 76px; } .searchResultGrid .pr-s, .searchResultList .pr-s, #sg-quickinfo .pr-s, .variantPrice .pr-s, .searchResultGrid .pr-m, .searchResultList .pr-m, #sg-quickinfo .pr-m, .variantPrice .pr-m { font-size: 16px; font-weight: bold; display: inline-block; width: 100%; } .searchResultGrid .promo .pr-m, .searchResultList .promo .pr-m, #sg-quickinfo .promo .pr-m, .variantPrice .promo .pr-m, .searchResultGrid .promo .pr-s, .searchResultList .promo .pr-s, #sg-quickinfo .promo .pr-s, .variantPrice .promo .pr-s, .searchResultGrid .promo .price-m, .searchResultList .promo .price-m, #sg-quickinfo .promo .price-m, .variantPrice .promo .price-m, .searchResultGrid .promo .price-s, .searchResultList .promo .price-s, #sg-quickinfo .promo .price-s, .variantPrice .promo .price-s, .searchResultGrid .promo .refprice, .searchResultList .promo .refprice, #sg-quickinfo .promo .refprice, .variantPrice .promo .refprice { text-decoration: line-through; font-size: 100%; font-weight: normal; color: #999999; } .searchResultGrid .promo .freightInfo, .searchResultList .promo .freightInfo, #sg-quickinfo .promo .freightInfo, .variantPrice .promo .freightInfo { display: none; } .searchResultGrid .attribute-container, .searchResultList .attribute-container, #sg-quickinfo .attribute-container, .variantPrice .attribute-container { height: 76px; overflow: hidden; } .searchResultGrid .attribute-container span.name, .searchResultList .attribute-container span.name, #sg-quickinfo .attribute-container span.name, .variantPrice .attribute-container span.name { font-weight: bold; color: #aaaaaa; } .searchResultGrid .productInstanceName, .searchResultList .productInstanceName, #sg-quickinfo .productInstanceName, .variantPrice .productInstanceName { height: 30px; font-weight: bold; overflow: hidden; } .searchResultList { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #dedfe0; } .searchResultList .logo { height: 65px; } .searchResultList .logo img { float: right; } .searchResultList .attribute-container { height: auto; overflow: hidden; } .searchResultList .delivery-time h6 { font-size: 90%; margin-top: 1em; } .searchResultList .more { margin: 0 0 1em 0; display: block; } .searchResultList .centerImage { display: table; vertical-align: middle; text-align: center; position: relative; width: 100%; } .searchResultGrid .gridAction { position: relative; } .searchResultGrid .gridAction a { text-decoration: none; } #sg-quickinfo { display: none; position: absolute; width: 357px; padding: 5px; overflow: hidden; background: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); z-index: 100; } #sg-quickinfo .subcolumns.top { height: 195px; } #sg-quickinfo .subcolumns.bottom { border: 1px solid #cccccc; background: #fdfcfa; min-height: 90px; } #sg-quickinfo .subcolumns.bottom .c50l { min-height: 90px; } #sg-quickinfo .subcolumns.bottom .subcl, #sg-quickinfo .subcolumns.bottom .subcr { min-height: 85px; } #sg-quickinfo h3.brand { font-size: 0.9em; font-weight: bold; color: #000000; text-align: right; } #sg-quickinfo .logo { text-align: right; } #sg-quickinfo .centerImage { display: table; vertical-align: middle; text-align: center; width: 100%; position: relative; } #sg-quickinfo .centerImage .img { display: table-cell; } #sg-quickinfo .centerImage * { vertical-align: middle; } #sg-quickinfo .prod-thumbnail-container { display: table; width: 58px; height: 58px; text-align: center; position: relative; margin-bottom: 5px; border: 1px solid #cccccc; } #sg-quickinfo .prod-thumbnail-img { display: table-cell; vertical-align: middle; } #sg-quickinfo .prod-thumbnail-container.selected { border-color: #ee8800; } #sg-quickinfo .productDescription { max-height: 60px; overflow: hidden; } #sg-quickinfo .mainPrice .pricelableBig, .giveaways .mainPrice .pricelableBig { width: 100%; background-image: none; padding: 6px; height: auto; } #sg-quickinfo .freightInfo { display: block; padding-top: 10px; } #sg-quickinfo form { position: absolute; bottom: 0; } #sg-quickinfo .amount { text-align: left; height: 41px; position: relative; } #sg-quickinfo .amount span { padding-top: 5px; } #sg-quickinfo .amountInput { margin: 0 2px 0 6px; } #sg-quickinfo .icon-clr:hover { cursor: pointer; } #sg-quickinfo .icon-clr.amtDown { position: absolute; bottom: 0; right: 0; } #sg-quickinfo #wait-container { position: relative; height: 100%; } #sg-quickinfo #wait-container img { position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; } #sg-quickinfo .popover { width: 300px; } #sg-quickinfo .popover .arrow { left: 85%; } #sg-quickinfo .popover.small { width: 100px; } #sg-quickinfo .popover.small .arrow { left: 50%; } #sg-quickinfo .popover #amt-container { list-style-type: none; } #sg-quickinfo .popover #amt-container li { text-align: center; cursor: pointer; } #sg-quickinfo .popover #amt-container li:hover { background-color: #cccccc; } #sg-quickinfo .blurb { font-weight: bold; text-align: center; border: 2px solid #cccccc; background: #fdfcfa; padding: 5px; margin-bottom: 10px; } .gradient-container { position: relative; } #category-teaser-container #category-teaser { height: auto; } #category-teaser-container.collapsed #category-teaser { height: 150px; overflow: hidden; } #category-teaser-container { padding-bottom: 30px; } #category-teaser-container.collapsed .gradient { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; height: 50px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(70%, #ffffff)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 70%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 70%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 70%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 70%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); } /* ---------- Guided Selling -------- */ .bc-reasoning-wizzard ul.stages { margin-bottom: 3em; } .bc-reasoning-wizzard ul.stages li { list-style: none; display: inline-block; padding: 5px; border: 2px solid #cccccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bc-reasoning-wizzard ul.stages li.completed { border-color: #8baf0c; background-color: #9fd300; } .bc-reasoning-wizzard ul.stages li.active { border-color: #8baf0c; border-width: 4px; } .bc-reasoning-wizzard #wizzard { margin-bottom: 2em; } .bc-reasoning-wizzard #wizzard h3 { margin-bottom: 1em; } .bc-reasoning-wizzard .crd { text-align: center; font-size: 25px; font-weight: bold; } .bc-reasoning-wizzard .form-row { padding: 1em 0; } .bc-reasoning-wizzard .answer { margin-right: 1em; } .reasoning-result { min-height: 200px; } .searchResultGrid .reasoning-result .subcr { min-height: 200px; border-left: none; } .searchResultGrid .reasoning-result .subcr:hover { background-color: #ffffff; } .searchResultGrid .reasoning-result .attribute-container { height: auto; } /* ---------- Giveaways ------------- */ .subcolumns.giveaways { margin-bottom: 15px; margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #dddddd; } .giveaways .top { height: 170px; } .giveaways .mainPrice { margin-left: 45px; } .giveaways .pricelableBig .pr-m, .giveaways .pricelableBig .pr-s { font-size: 16px; } .giveaways > div > .subcr { border-left: 1px solid #cccccc; margin-left: 5px; } .giveaways .subcr.first { border-left: none; } .giveaways .nq-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.1); color: #ffffff; } .giveaways .nq-overlay .tx { display: inline-block; padding: 10px; position: relative; font-weight: bold; font-size: 14px; background: #cccccc; border: 1px solid #aaaaaa; top: 80px; left: 60px; color: #ff5555; } /* --- Produktseite --- */ .product-icons.hz { text-align: center; } .productdetail h1 { margin: 0 0 20px 0; font-size: 1.5em; font-style: normal; font-weight: bold; color: #4c4b3e; } .productdetail .blurb { font-weight: bold; text-align: center; border: 2px solid #cccccc; color: #b30000; background: #fdfcfa; padding: 5px; margin-bottom: 10px; margin-right: 10px; } #productDescription h2 { color: #4c4b3e; font-weight: bold; font-size: 1.3em; margin: 0.6em 0; line-height: 1em; } .productdetail .productimage { display: table; vertical-align: middle; text-align: center; padding: 1px; background-color: #c4c3bd; position: relative; } .productdetail .prod-thumbnail-container { display: table; width: 58px; height: 58px; text-align: center; position: relative; margin-bottom: 5px; border: 1px solid #cccccc; } .productdetail .prod-thumbnail-outer-container.hz { margin: 8px auto; overflow: hidden; } .productdetail .prod-thumbnail-outer-container .prod-thumbnail-container { float: left; } .prod-thumbnail-outer-container.hz .prod-thumbnail-container { margin-left: 5px; } .prod-thumbnail-outer-container.hz.c1 { width: 65px; } .prod-thumbnail-outer-container.hz.c2 { width: 130px; } .prod-thumbnail-outer-container.hz.c3 { width: 195px; } .prod-thumbnail-outer-container.hz.c4 { width: 260px; } .prod-thumbnail-outer-container.hz.c5 { width: 325px; } .prod-thumbnail-outer-container.hz.c6 { width: 390px; } .prod-thumbnail-outer-container.hz.c7 { width: 455px; } .prod-thumbnail-outer-container.hz.c8 { width: 520px; } .prod-thumbnail-outer-container.hz.c9 { width: 585px; } .prod-thumbnail-outer-container.hz.c10 { width: 650px; } .prod-thumbnail-outer-container.hz.c11 { width: 715px; } .prod-thumbnail-outer-container.hz.c12 { width: 780px; } .prod-thumbnail-outer-container.hz.c13 { width: 845px; } .prod-thumbnail-outer-container.hz.c14 { width: 910px; } .prod-thumbnail-outer-container.hz.c15 { width: 975px; } .productdetail .prod-thumbnail-img { display: table-cell; vertical-align: middle; } .productdetail .prod-thumbnail-container.selected { border-color: #ee8800; } .productdetail.quickinfo { width: 970px; text-align: left; } .productdetail .centerImage { display: table; vertical-align: middle; text-align: center; border: 1px solid #f2f3f4; position: relative; } .productdetail .centerImage a { display: table-cell; } .productdetail .centerImage * { vertical-align: middle; } .productdetail .centerImage .fa.fa-search { position: absolute; bottom: 0; right: 0; cursor: pointer; font-size: 14px; } .productdetail .imageLink { width: 265px; height: 265px; background: transparent; } .productdetail .subcr.actionBar { padding: 0; } .productdetail .subcr.actionBar h1 { text-align: right; } .productdetail .subcr.actionBar div.logo { overflow: auto; padding-bottom: 10px; } .productdetail .subcr.actionBar .logo img { float: right; } .productdetail .subcr.actionBar .buybox { border: 1px solid #cccccc; background: #fdfcfa; padding: 10px; } .productdetail .c62r .subcr { padding-right: 1em; } .productdetail .productvariants { padding: 10px; } .productdetail .productvariants .c20l, .productdetail .productvariants .c30l, .productdetail .productvariants .c50l { border-top: 1px solid #cccccc; padding-top: 10px; } .productdetail .productvariants table.scales { width: 180px; text-align: right; padding-bottom: 15px; } .productdetail .productvariants .productDescriptionText { margin-bottom: 1.2em; } .productdetail .productvariants .name { font-weight: bold; } .productdetail .variantPrice { text-align: right; } .productdetail .variantPrice { padding-top: 10px; min-height: 80px; } .productdetail .variantPrice .refprice { color: #999999; padding-right: 5px; } .productdetail .variantPrice .priceContainer-m, .productdetail .priceContainer-s { display: block; width: 76px; min-height: 20px; text-align: center; padding-bottom: 7px; } .productdetail .variantPrice .priceContainer-m { float: left; padding-left: 48px; } .productdetail .variantPrice .pr-m { font-size: 16px; font-weight: bold; display: inline-block; width: 100%; } .productdetail .variantPrice .priceContainer-s { color: #1a406d; padding-left: 124px; } .productdetail .variantPrice .pr-s { font-size: 16px; font-weight: bold; display: inline-block; width: 100%; } .productdetail .infoTicker { display: none; position: absolute; z-index: 1000; bottom: 40px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #ffffff; border: 1px solid #8baf0c; text-align: center; padding: 3px 10px; } .infoBox { border: 1px solid #cccccc; background: #fdfcfa; padding: 10px; margin: 5px 0 15px; } .mainPrice .pricelableBig { background: url("//d7wawvd1dp3nh.cloudfront.net/img/rlpZ1NFn73pNJn0rnKBKeA") no-repeat transparent; width: 210px; height: 95px; padding: 35px 8px 8px 6px; text-align: right; } .mainPrice .pricelableBig a { padding-right: 10px; } /* .actionBar .hint {text-align: right; margin-top:1.5em;} */ .actionBar .showMeMore { margin-top: 1.5em; } .actionBar .showMeMore a { text-decoration: underline; } .actionBar .showMeMore a:hover { text-decoration: none; } .pricelableBig .priceContainer-m, .pricelableBig .priceContainer-s { display: block; width: 110px; height: 30px; text-align: center; padding-bottom: 25px; } .pricelableBig .priceContainer-m { float: left; } .price-m { color: #b30000; } .pricelableBig .pr-m { font-size: 22px; font-weight: bold; display: inline-block; width: 100%; } .pricelableBig .priceContainer-s { color: #1a406d; padding-left: 110px; } .price-s { color: #1a406d; } .pricelableBig .pr-s { font-size: 22px; font-weight: bold; display: inline-block; width: 100%; } .pricelableBig .refprice { display: block; padding-right: 10px; } .mainPrice .lastScaleBase, #sg-quickinfo .lastScaleBase { text-align: right; margin-bottom: 10px; } .mainPrice table, #sg-quickinfo table { width: 100%; text-align: right; padding-bottom: 15px; } #sg-quickinfo table { padding-bottom: 0; } .mainPrice .scales th, .productvariants .scales th, #sg-quickinfo .scales th { border-bottom: 1px solid #cccccc; } .amount { margin-bottom: 5px; font-weight: bold; text-align: right; margin-right: 2px; } /* === Supplies === */ .supplies .buybox { text-align: right; margin-bottom: 25px; } .supplies .buybox .variantPrice { display: inline-block; margin-bottom: 10px; } .supplies { border-top: 1px dotted #cccccc; padding-top: 10px; } .supplies .name { font-weight: bold; } .supplies .scales { text-align: right; } .supplies table.scales { display: inline-block; margin-top: 10px; } .supplies .priceContainer-m, .supplies .priceContainer-s { width: 90px; } .supplies .priceContainer-s { padding-left: 90px; } .supplies .pr-m, .supplies .pr-s { font-size: 20px; } /* === Tabs ====== */ .nav { margin-bottom: 20px; margin-left: 0; list-style: none; } .nav > li > a { display: block; } .nav > li > a:hover { text-decoration: none; background-color: #eeeeee; } .tab-container { margin-top: 15px; } .nav-tabs, .nav-pills { *zoom: 1; } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; line-height: 0; content: ""; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs > li, .nav-pills > li { float: left; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #dddddd; } .nav-tabs > li { margin-bottom: -1px; } .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: #555555; cursor: default; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; text-decoration: none; } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nav-pills > .active > a, .nav-pills > .active > a:hover { color: #ffffff; background-color: #0088cc; } .nav-stacked > li { float: none; } .nav-stacked > li > a { margin-right: 0; } .nav-tabs.nav-stacked { border-bottom: 0; } .nav-tabs.nav-stacked > li > a { border: 1px solid #dddddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; } .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; } .nav-tabs.nav-stacked > li > a:hover { z-index: 2; border-color: #dddddd; } .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .nav .dropdown-toggle .caret { margin-top: 6px; border-top-color: #0088cc; border-bottom-color: #0088cc; } .nav .dropdown-toggle:hover .caret { border-top-color: #005580; border-bottom-color: #005580; } /* move down carets for tabs */ .nav-tabs .dropdown-toggle .caret { margin-top: 8px; } .nav .active .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .nav > .dropdown.active > a:hover { cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover { color: #ffffff; background-color: #999999; border-color: #999999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .tabs-stacked .open > a:hover { border-color: #999999; } .tabbable { *zoom: 1; } .tabbable:before, .tabbable:after { display: table; line-height: 0; content: ""; } .tabbable:after { clear: both; } .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #dddddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover { border-top-color: #dddddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover { border-color: transparent #dddddd #dddddd #dddddd; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #dddddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-color: #dddddd transparent #dddddd #dddddd; *border-right-color: #ffffff; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #dddddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color: #dddddd #dddddd #dddddd transparent; *border-left-color: #ffffff; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 0 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; } .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #f9f9f9; } .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #f5f5f5; } table [class*=span], .row-fluid table [class*=span] { display: table-cell; float: none; margin-left: 0; } .table .span1 { float: none; width: 44px; margin-left: 0; } .table .span2 { float: none; width: 124px; margin-left: 0; } .table .span3 { float: none; width: 204px; margin-left: 0; } .table .span4 { float: none; width: 284px; margin-left: 0; } .table .span5 { float: none; width: 364px; margin-left: 0; } .table .span6 { float: none; width: 444px; margin-left: 0; } .table .span7 { float: none; width: 524px; margin-left: 0; } .table .span8 { float: none; width: 604px; margin-left: 0; } .table .span9 { float: none; width: 684px; margin-left: 0; } .table .span10 { float: none; width: 764px; margin-left: 0; } .table .span11 { float: none; width: 844px; margin-left: 0; } .table .span12 { float: none; width: 924px; margin-left: 0; } .table .span13 { float: none; width: 1004px; margin-left: 0; } .table .span14 { float: none; width: 1084px; margin-left: 0; } .table .span15 { float: none; width: 1164px; margin-left: 0; } .table .span16 { float: none; width: 1244px; margin-left: 0; } .table .span17 { float: none; width: 1324px; margin-left: 0; } .table .span18 { float: none; width: 1404px; margin-left: 0; } .table .span19 { float: none; width: 1484px; margin-left: 0; } .table .span20 { float: none; width: 1564px; margin-left: 0; } .table .span21 { float: none; width: 1644px; margin-left: 0; } .table .span22 { float: none; width: 1724px; margin-left: 0; } .table .span23 { float: none; width: 1804px; margin-left: 0; } .table .span24 { float: none; width: 1884px; margin-left: 0; } .table tbody tr.success td { background-color: #dff0d8; } .table tbody tr.error td { background-color: #f2dede; } .table tbody tr.warning td { background-color: #fcf8e3; } .table tbody tr.info td { background-color: #d9edf7; } .table-hover tbody tr.success:hover td { background-color: #d0e9c6; } .table-hover tbody tr.error:hover td { background-color: #ebcccc; } .table-hover tbody tr.warning:hover td { background-color: #faf2cc; } .table-hover tbody tr.info:hover td { background-color: #c4e3f3; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert, .alert h4 { color: #c09853; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-success h4 { color: #468847; } .alert-danger, .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .alert-danger h4, .alert-error h4 { color: #b94a48; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert-info h4 { color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } .tooltip { position: absolute; z-index: 1030; display: block; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; } .tooltip.right { margin-left: 3px; } .tooltip.bottom { margin-top: 3px; } .tooltip.left { margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000000; border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000000; border-width: 0 5px 5px; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #ffffff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-title:empty { display: none; } .popover-content { padding: 9px 14px; } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px; content: ""; } .popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; } .popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; } } /* Resource not found: slideshow.css */ /*! * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('88389cb0-d6e0-11e8-be42-0242ac110004-fa-4.2.0/fontawesome-webfont.eot?v=4.2.0'); src: url('88389cb0-d6e0-11e8-be42-0242ac110004-fa-4.2.0/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('88389cb0-d6e0-11e8-be42-0242ac110004-fa-4.2.0/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('88389cb0-d6e0-11e8-be42-0242ac110004-fa-4.2.0/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('88389cb0-d6e0-11e8-be42-0242ac110004-fa-4.2.0/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eeeeee; border-radius: 0.1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .btn { display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 14px; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 20px; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; color: #ffffff; text-shadow: none; background-color: #a9ba62; background-image: -moz-linear-gradient(top, #e3e9cc, #a9ba62); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e3e9cc), to(#a9ba62)); background-image: -webkit-linear-gradient(top, #e3e9cc, #a9ba62); background-image: -o-linear-gradient(top, #e3e9cc, #a9ba62); background-image: linear-gradient(to bottom, #e3e9cc, #a9ba62); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe3e9cc', endColorstr='#ffa9ba62', GradientType=0); border-color: #a9ba62 #a9ba62 #81903f; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #a9ba62; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: none; *border: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 3px 3px 6px 2px #dddddd; -moz-box-shadow: 3px 3px 6px 2px #dddddd; box-shadow: 3px 3px 6px 2px #dddddd; } .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #ffffff; background-color: #a9ba62; *background-color: #9fb250; } .btn:active, .btn.active { background-color: #90a247 \9; } .btn.secondary-btn { color: #ffffff; text-shadow: none; background-color: #a8003a; background-image: -moz-linear-gradient(top, #ff4283, #a8003a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff4283), to(#a8003a)); background-image: -webkit-linear-gradient(top, #ff4283, #a8003a); background-image: -o-linear-gradient(top, #ff4283, #a8003a); background-image: linear-gradient(to bottom, #ff4283, #a8003a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff4283', endColorstr='#ffa8003a', GradientType=0); border-color: #a8003a #a8003a #5c0020; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #a8003a; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn.secondary-btn:hover, .btn.secondary-btn:focus, .btn.secondary-btn:active, .btn.secondary-btn.active, .btn.secondary-btn.disabled, .btn.secondary-btn[disabled] { color: #ffffff; background-color: #a8003a; *background-color: #8f0031; } .btn.secondary-btn:active, .btn.secondary-btn.active { background-color: #750028 \9; } .btn:hover, .btn:focus { color: #ffffff; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; } .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; } .btn-mini { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0044cc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0044cc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .btn-primary:active, .btn-primary.active { background-color: #003399 \9; } .btn-light { color: #333333; text-shadow: none; background-color: #999999; background-image: -moz-linear-gradient(top, #dddddd, #999999); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#999999)); background-image: -webkit-linear-gradient(top, #dddddd, #999999); background-image: -o-linear-gradient(top, #dddddd, #999999); background-image: linear-gradient(to bottom, #dddddd, #999999); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdddddd', endColorstr='#ff999999', GradientType=0); border-color: #999999 #999999 #737373; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #999999; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.active, .btn-light.disabled, .btn-light[disabled] { color: #333333; background-color: #999999; *background-color: #8c8c8c; } .btn-light:active, .btn-light.active { background-color: #808080 \9; } .btn-hollow { background: #ffffff; color: #a9ba62; border: 1px solid #a9ba62; } #footer { border: none; background: #f0f0f0; } #footer a { color: #a8003a; } #footer a:hover { color: #a9ba62; } #footer a.cobai-powered-by { display: block; margin-top: 1.5em; font-weight: 300; } #footer-categories { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; width: 991px; margin: auto; } #footer-categories > div { vertical-align: top; display: inline-block; *display: inline; zoom: 1; } #footer-categories > div h3 { color: #a8003a; font-size: 13px; font-weight: bold; } #footer-categories > div ul { color: #a8003a; list-style: none; margin-left: 0; padding-left: 0; } #footer-categories > div ul li { padding-left: 1em; text-indent: -1em; text-align: left; } #footer-categories > div ul li:before { content: ">"; padding-right: 2px; } #footer-categories > div a { font-weight: normal; } #footer-categories > div a:hover { color: #a9ba62; text-decoration: none; } #footer-categories:after { content: ''; width: 100%; display: inline-block; font-size: 0; line-height: 0; } #footernav { text-align: center; border-top: 1px solid #ff4283; } .bc-search-result #facetBar { border: 1px solid #ff4283; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #ffffff; } .bc-search-result #facetBar a { color: #a8003a; } .bc-search-result #facetBar .facet a:hover { color: #a9ba62; } .bc-search-result #facetBar .facet:first-child { border-top: none; } .bc-search-result #layout-top-container { background: none; border: none; padding: 0; } .bc-search-result #promotion-page-widget { margin: 1px 0 7px 7px; } .bc-search-result .search-result-container { padding: 2px 5px 0 2px; border: 1px solid #ff4283; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #ffffff; margin-left: 5px; } .bc-search-result .gridAction { text-align: center; } .bc-search-result .searchResultGrid h3 a, .bc-search-result #sg-quickinfo h3 a { font-weight: normal; color: #000000; text-decoration: none; } .bc-search-result .searchResultGrid .priceContainer-s, .bc-search-result #sg-quickinfo .priceContainer-s { color: #000000; } .bc-search-result .searchResultGrid .freightInfo, .bc-search-result #sg-quickinfo .freightInfo { color: #000000; } .bc-search-result .sidebar { border: none; padding: 10px 0 0 0; } #searchResultHeader.searchResultNav, #searchResultFooter.searchResultNav { border: none; background: none; } .searchResultNav .pager span { color: #ff4283; } .searchResultNav .pager ul { display: inline; margin-left: 10px; } .searchResultNav .pager a { border: 1px solid #ff4283; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; color: #ff4283; } .searchResultNav .pager a.active { background: #ff4283; color: #a9ba62; border: 1px solid #ff4283; } .searchResultNav .pager a:hover { border-color: #a9ba62; } /* * pc: #a9ba62; * sc: #a8003a; */ #dev-lbl { border: 1px solid #ff0000; color: #ff0000; margin: 0.5em; padding: 1em; text-align: center; } #search { width: 709px; } #search #search-container { position: absolute; left: 260px; top: 143px; width: 700px; } #search #search-container input { width: 580px; margin-left: 3px; height: 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; padding: 2px 0 2px 15px; color: #969798; font-size: 1.3em; line-height: 1.3em; -moz-box-shadow: inset 2px 2px 5px #666666; -webkit-box-shadow: inset 2px 2px 5px #666666; box-shadow: inset 2px 2px 5px #666666; } #search #search-container button { position: absolute; right: 1px; bottom: 1px; } #search .delivery-time h6 { font-size: 90%; margin-top: 1em; } #layout-top-container { background: #ffffff; border: 1px solid #ff4283; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-top: 10px; padding: 10px; } .bc-home #layout-top-container { background: none; border: none; margin-top: 0; padding: 10px 0 0 0; } .bc-home #slideshow.owl-theme .owl-controls .owl-buttons div { padding: 5px 9px; } .bc-home #slideshow.owl-theme .owl-buttons i { margin-top: 2px; } .bc-home #slideshow.owl-theme .owl-controls .owl-buttons div { position: absolute; } .bc-home #slideshow.owl-theme .owl-controls .owl-buttons .owl-prev { left: 0px; top: 115px; } .bc-home #slideshow.owl-theme .owl-controls .owl-buttons .owl-next { right: 0px; top: 115px; } .bc-home #slideshow .owl-pagination { position: absolute; width: 100%; bottom: 5px; } .bc-home #slideshow #bar { width: 0%; max-width: 100%; height: 4px; background: #a9ba62; } .bc-home #slideshow #progressBar { width: 100%; background: #ededed; } .pager .fa-2x { font-size: 1.2em; } .bc-cart #cart-main th { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #515151; background-image: -moz-linear-gradient(top, #656565, #515151); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#656565), to(#515151)); background-image: -webkit-linear-gradient(top, #656565, #515151); background-image: -o-linear-gradient(top, #656565, #515151); background-image: linear-gradient(to bottom, #656565, #515151); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff656565', endColorstr='#ff515151', GradientType=0); border-color: #515151 #515151 #2b2b2b; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .text-danger { color: #a94442; } .alert-free-of-charge { font-weight: bold; } .centerImage .blurb2, .fancybox-inner .blurb2, #cart-main .blurb2, .giveaways .blurb2 { width: 100%; padding: 15px 5px; text-align: center; position: absolute; min-height: 2em; font-size: 15px; color: #ffffff; background: #222222; background: -webkit-linear-gradient(top, rgba(68, 68, 68, 0.4), rgba(0, 0, 0, 0.4)); background: -moz-linear-gradient(top, rgba(68, 68, 68, 0.4), rgba(0, 0, 0, 0.4)); background: -o-linear-gradient(top, rgba(68, 68, 68, 0.4), rgba(0, 0, 0, 0.4)); background: linear-gradient(to bottom, rgba(68, 68, 68, 0.4), rgba(0, 0, 0, 0.4)); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bc-cart #cart-main td.img { position: relative; } .searchResultList .centerImage .blurb2, .searchResultGrid .centerImage .blurb2, #sg-quickinfo .centerImage .blurb2, #cart-main .centerImage .blurb2, .featured .centerImage .blurb2, .searchResultList .img .blurb2, .searchResultGrid .img .blurb2, #sg-quickinfo .img .blurb2, #cart-main .img .blurb2, .featured .img .blurb2 { padding: 5px 5px; font-size: 10px; color: #666666; background: -webkit-linear-gradient(top, rgba(68, 68, 68, 0.1), rgba(0, 0, 0, 0.1)); background: -moz-linear-gradient(top, rgba(68, 68, 68, 0.1), rgba(0, 0, 0, 0.1)); background: -o-linear-gradient(top, rgba(68, 68, 68, 0.1), rgba(0, 0, 0, 0.1)); background: linear-gradient(to bottom, rgba(68, 68, 68, 0.1), rgba(0, 0, 0, 0.1)); } .giveaways .img .blurb2 { padding: 5px 5px; font-size: 10px; } .searchResultGrid .centerImage .blurb2, #cart-main .blurb2 { width: 90%; } .giveaways .subcl.img { position: relative; } .label.label-opaque { border: 1px solid #cccccc; background-color: inherit; color: #999999; font-weight: normal; text-shadow: none; } .topbar { width: 100%; height: 30px; color: #ffffff; text-shadow: none; background-color: #a9ba62; background-image: -moz-linear-gradient(top, #f7f8f0, #a9ba62); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f8f0), to(#a9ba62)); background-image: -webkit-linear-gradient(top, #f7f8f0, #a9ba62); background-image: -o-linear-gradient(top, #f7f8f0, #a9ba62); background-image: linear-gradient(to bottom, #f7f8f0, #a9ba62); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f8f0', endColorstr='#ffa9ba62', GradientType=0); border-color: #a9ba62 #a9ba62 #81903f; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .topbar .page_margins { background: none; color: #ffffff; } .topbar .content { float: right; padding-top: 8px; margin-right: 20px; } .topbar .content a { text-decoration: none; color: #ffffff; } .topbar .content a:hover { text-decoration: underline; } .page, .page_margins { background: none; } .bc-home .subcl.featured, .bc-checkout-success .subcl.featured { background: #ffffff; border-radius: 4px; border: 1px solid #d3d3d3; } #search-box { position: absolute; left: 295px; top: 50px; width: 500px; } #search-box .input-append { display: inline-block; } #search-box input { width: 315px; height: 22px; line-height: 22px; border: 1px solid #cccccc; padding: 4px 6px; color: #000000; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; border-right: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } #search-box button { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; margin-left: -3px; margin-top: -1px; padding: 6px 12px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #navbar { width: 971px; height: 52px; } #navbar > ul { margin: 0; list-style: none; padding-left: 0; color: #ffffff; text-shadow: none; background-color: #a9ba62; background-image: -moz-linear-gradient(top, #f7f8f0, #a9ba62); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f8f0), to(#a9ba62)); background-image: -webkit-linear-gradient(top, #f7f8f0, #a9ba62); background-image: -o-linear-gradient(top, #f7f8f0, #a9ba62); background-image: linear-gradient(to bottom, #f7f8f0, #a9ba62); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f8f0', endColorstr='#ffa9ba62', GradientType=0); border-color: #a9ba62 #a9ba62 #81903f; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } #navbar > ul li { display: inline-block; margin: 0; } #navbar > ul li a { color: #ffffff; text-decoration: none; display: block; height: 12px; padding: 19px 25px 21px 25px; border-right: 2px solid #ffffff; } #navbar a.top-nav { width: 90px; text-align: center; } #navbar a.top-nav.i-0 { font-weight: bold; } #navbar .childcat a { display: inline; } #navbar .childcat ul { width: auto; } #navbar-dropdown { display: none; position: absolute; color: #000000; background: #ffffff; width: 960px; top: 50px; padding: 10px 0 10px 10px; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #navbar-dropdown::before { border-bottom: 12px solid rgba(0, 0, 0, 0.2); border-left: 12px solid transparent; border-right: 12px solid transparent; content: ""; display: inline-block; left: 39px; position: absolute; top: -12px; } #navbar-dropdown.i-0:before { left: 65px; } #navbar-dropdown.i-1:before { left: 208px; } #navbar-dropdown.i-2:before { left: 351px; } #navbar-dropdown.i-3:before { left: 494px; } #navbar-dropdown.i-4:before { left: 637px; } #navbar-dropdown.i-5:before { left: 780px; } #navbar-dropdown.i-6:before { left: 923px; } #navbar-dropdown::after { border-bottom: 11px solid #ffffff; border-left: 11px solid transparent; border-right: 11px solid transparent; content: ""; display: inline-block; left: 40px; position: absolute; top: -11px; } #navbar-dropdown.i-0:after { left: 66px; } #navbar-dropdown.i-1:after { left: 209px; } #navbar-dropdown.i-2:after { left: 352px; } #navbar-dropdown.i-3:after { left: 495px; } #navbar-dropdown.i-4:after { left: 638px; } #navbar-dropdown.i-5:after { left: 781px; } #navbar-dropdown.i-6:after { left: 924px; } #navbar-dropdown ul { list-style: none; float: left; width: 250px; } #navbar-dropdown ul.open { border-right: 1px solid #ff4283; } #navbar-dropdown ul.main li a:hover { /* color: @primary-color; &::after { color: @secondary-color; } */ } #navbar-dropdown ul.main li a::after { content: ">"; color: #ff4283; position: absolute; left: 250px; } #navbar-dropdown ul li { display: block; margin: 0; } #navbar-dropdown ul li a { color: #000000; padding: 0; border: none; text-decoration: none; display: block; line-height: 25px; height: 25px; font-size: 13px; /* &::after { content: ">"; color: @secondary-color-light; position: absolute; left: 250px; } */ } #navbar-dropdown ul li a:hover, #navbar-dropdown ul li a.active { color: #a9ba62; } #navbar-dropdown ul li a:hover::after, #navbar-dropdown ul li a.active::after { color: #a8003a; } #navbar-dropdown h3.catname { color: #a9ba62; } #navdd-detail { width: 724px; margin-left: 270px; padding-left: 20px; display: none; /* h3 { border-bottom: 1px solid @secondary-color-light; } */ } #navdd-detail .subcr { padding: 0; } #navdd-detail ul { margin-left: 0.5em; } #navdd-detail .subcolumns { width: 98%; } ul.makeBanner { margin: 0; list-style: none; padding-left: 0; } ul.makeBanner li { display: inline-block; margin: 0; } ul.makeBanner li a { color: #000000; text-decoration: none; height: 12px; padding: 19px 15px 21px 15px; border-right: 2px solid #ffffff; } ul.makeBanner li img { margin: 0 1em; vertical-align: middle; } .acc-archive .searchResultNav { width: 690px; margin-top: 1em; } #compaDev .centerImage { display: table; vertical-align: middle; text-align: center; position: relative; width: 100%; border: 0; } .custpr-info { border: 1px solid #a9ba62; border-radius: 6px; width: 100%; display: block; text-align: center; padding: 0.5em 0; font-size: 14px; color: #a9ba62; font-weight: 600; margin-bottom: 1em; } #cart-main .custpr-info { color: #000000; border-color: #000000; font-weight: 300; font-size: 100%; padding: 1px; margin-top: 1em; } #footer a.cobai-powered-by { display: block; margin-top: 1.5em; font-weight: 300; } .acc-archive .searchResultNav { width: 690px; margin-top: 1em; } #compaDev .centerImage { display: table; vertical-align: middle; text-align: center; position: relative; width: 100%; border: 0; } /*********************/ h1, h2, h3, h4, h5, h6, #phonebox, #navbar .toplevel-cat-lv1 li.hover a, .facet .name, .searchResultNav em { color: #a9ba62; } #facetBar .facet li a.facetRemoveLink.selected .facetLable { background: #a9ba62; } .featured a.quickinfo, .searchResultGrid a.quickinfo { background: #a9ba62; background: #ffffff; } .featured .gridAction .infoTicker, .searchResultGrid .infoTicker, .productdetail .infoTicker { border: 1px solid #a9ba62; } #cartItemContainer { border: 2px solid #a9ba62; top: 110px; } #toplevel-cat-dropdown { border-color: #a9ba62; } #metanav-top .fa.fa-home { color: #a9ba62; } .hg1 { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #a9ba62; background-image: -moz-linear-gradient(top, #bcca85, #a9ba62); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bcca85), to(#a9ba62)); background-image: -webkit-linear-gradient(top, #bcca85, #a9ba62); background-image: -o-linear-gradient(top, #bcca85, #a9ba62); background-image: linear-gradient(to bottom, #bcca85, #a9ba62); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbcca85', endColorstr='#ffa9ba62', GradientType=0); border-color: #a9ba62 #a9ba62 #81903f; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: none; } .hg2 { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #a9ba62; background-image: -moz-linear-gradient(top, #bcca85, #a9ba62); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bcca85), to(#a9ba62)); background-image: -webkit-linear-gradient(top, #bcca85, #a9ba62); background-image: -o-linear-gradient(top, #bcca85, #a9ba62); background-image: linear-gradient(to bottom, #bcca85, #a9ba62); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbcca85', endColorstr='#ffa9ba62', GradientType=0); border-color: #a9ba62 #a9ba62 #81903f; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: none; } .hg6 { background-color: #ebedeb; } #everCartButton .fa.fa-shopping-cart.active { color: #ffffff; } .primary-color { color: #a9ba62; } #footer-categories a, #footer-categories div h3, #footer-categories > div ul, .bc-search-result #facetBar a { color: #666666; }