/*!
 * @copyright Copyright (c) 2013 Tobias Bergmann
 */
/**
 * @copyright Copyright (c) 2013 Tobias Bergmann
 */
/* Set text-color / text-shadow depending on background-color
 ************************************************************************************************************************/
/* Theme colors + background patterns
 ************************************************************************************************************************/
/* $dominant-color-01: #17746a; dark green */
/* $dominant-color-01: #874a0e; chocolate */
/* $dominant-color-01: #7e0c0c; blood red */
/* $dominant-color-01: #08adc0; ice blue */
/* green */
/* main background color (required)
 * by default the color of the footer and secondary buttons etc. will be calculated from this value */
/* light beige */
/* dark beige */
/* light */
/* dark */
/*
 * Possible background values (for variables inluding "-bg")
 * 
 * Solid / transparent color:        #fff or white or rgba(255,255,255,0.5)
 * Background image:                 "#fff url(../images/bg_pattern_02.png) repeat" (quoted!)
 * Background image (with variable): "#e7e0c9 url(../images/bg_pattern_01.png)" (variables inside strings must be enclosed: variable)
 * Vertical gradient:                #fff, #000 (two values, comma separated)
 * 
 * 
 * Possible border values (for variables including "-border", but not "-border-color")
 * Border sides: top, right, bottom, left or all. Multiple values are possible (comma separated)
 * 
 * Border (all sides):  1px solid #000, all
 * Border top:          1px solid #000, top
 * Border top + bottom: 1px solid #000, top, bottom
 * 
 * 
 * Color calculations with "scale-color" or "change-color" function
 * 
 * $header-mb-bg: scale-color($dominant-color-01, $lightness: 25%), scale-color($dominant-color-01, $lightness: 8%);
 * > Variables inside these functions are not working > phpsass bug.
 * 
 * Workaround:
 * $header-mb-bg: unquote("scale-color(#005b33, $lightness: 25%)"), unquote("scale-color(#005b33, $lightness: 8%)");
 * > Wrapping the variable with another function (like rgba) works too:
 * $header-mb-bg: scale-color(rgba($dominant-color-01, 1), $lightness: 25%), scale-color(rgba($dominant-color-01, 1), $lightness: 8%);
 * 
 */
/* Required settings
 ************************************************************************************************************************/
/* Logo
 ------------------------------------------------------- */
/* Mobile (mb) */
/* half the width of your logo file */
/* half the height of your logo file */
/* left top */
/* Desktop (dt) */
/* half the width of your logo file */
/* half the height of your logo file */
/* Choose your image style:
 * Are you using isolated images (on white background)?
 * This will affect the spacing around images and if
 * borders between images are displayed or not.
 ------------------------------------------------------- */
/* true or false */
/* Set category page grid view item-info height:
 * Item-info = product name, price and rating
 ------------------------------------------------------- */
/* Set category page grid view image minimum-height:
 * Only required if your images have different aspect ratios.
 * Set the minimum-height to the height of you tallest image.
 ------------------------------------------------------- */
/* Internet Explorer 8 (logo + CSS3 PIE path)
 ------------------------------------------------------- */
/* Optional settings
 ************************************************************************************************************************/
/* Show tabs on product page in the right column
 * or stretch tabs over the entire width
 ------------------------------------------------------- */
/* true or false */
/* Rounded corners
 ************************************************************************************************************************/
/* Scaffolding
 ************************************************************************************************************************/
/* main background */
/* footer background */
/* Content boxes */
/* Sidebars */
/* required (for color calculations) */
/* Centered content boxes */
/* Borders
 ************************************************************************************************************************/
/* Sidebar modifications */
/* reference value: #ccc */
/* reference value: #dbdad7 */
/* Headings
 ************************************************************************************************************************/
/* Heading 1 */
/* complete list of heading properties */
/* available for all heading-styles ($hd1, $hd2 etc.) */
/* review details page */
/* account dashboard, forgot your password page */
/* Heading 2 */
/* Heading 2 alternate (with border-bottom) */
/* Heading 3 */
/* Heading 3 for cms pages + agreements */
/* Heading 4 (box heading) */
/* sidebar modification */
/* Heading 5 (box sub-heading) */
/* Heading 6 (product filter + one page checkout progress + cms pages navigation) */
/*opc */
/* Heading 7 (minicart + active product filter) */
/* Heading 9 (dashboard + paypal express review) */
/* Buttons
 ************************************************************************************************************************/
/* Primary buttons */
/* Secondary buttons */
/* Primary buttons (light) */
/* Dark buttons  */
/* Special buttons */
/* Sidebar modifications */
/* Links
 ************************************************************************************************************************/
/* complete list of link properties */
/* available for all link-styles ($link1, $link2 etc.) */
/* Form elements
 ************************************************************************************************************************/
/* Input fields (text, textarea) and select-boxes */
/* Disabled quantity input field */
/* Date of birth */
/* Datepicker */
/* Validation */
/* repeating gradient */
/* lists, tables */
/* Lists
 ************************************************************************************************************************/
/* Link list
 ------------------------------------------------------- */
/* Sidebar modifications */
/* Form elements list (for radio buttons / checkboxes)
 ------------------------------------------------------- */
/* terms and conditions checkbox */
/* Sidebar modifications */
/* Definition list (shipping methods)
 ------------------------------------------------------- */
/* Tag list (dashboard: my recent tags)
 ------------------------------------------------------- */
/* Tables
 ************************************************************************************************************************/
/* Table 1 (mobile) */
/* Table 1 (sidebar modifications) */
/* Stock quantity table on product page */
/* rgba($dominant-color-01, 0.4) */
/* Accordions / Tabs
 ************************************************************************************************************************/
/* for all levels */
/* Accordion level 1 */
/* Accordion level 2 */
/* Accordion level 3 */
/* Accordion toggle button */
/* Tabs */
/* Images
 ************************************************************************************************************************/
/* also used for slideshow img */
/* Slideshow / Carousel
 ************************************************************************************************************************/
/* Hide border of first carousel element */
/* Slider prev/next nav */
/* Slider caption */
/* Carousel prev/next nav */
/* Slider + carousel pager nav (dots) */
/* Carousel pager nav (dots) */
/* Lightbox
 ************************************************************************************************************************/
/* Main image */
/* Terms & conditions */
/* Breadcrumbs
 ************************************************************************************************************************/
/* links */
/* View toggle + pager + limiter
 ************************************************************************************************************************/
/* View toggle */
/* Pager */
/* to hide $pager-border */
/* Limiter (my account pages + reviews limiter) */
/* Badges
 ************************************************************************************************************************/
/* Rating
 ************************************************************************************************************************/
/* Prices and taxes
 ************************************************************************************************************************/
/* Messages / Notices
 ************************************************************************************************************************/
/* Success message */
/* Error message */
/* repeating gradient */
/* Notice message */
/* repeating gradient */
/* JavaScript / Cookies disabled */
/* repeating gradient */
/* Tooltips
 ************************************************************************************************************************/
/* Product options tooltip */
/* Card validation code (CVV) tooltip */
/* Loading indicator
 ************************************************************************************************************************/
/* Header
 ************************************************************************************************************************/
/* Welcome */
/* Language + currency dropdowns
 ------------------------------------------------------- */
/* Top navigation (my account, log in etc.)
 ------------------------------------------------------- */
/* Cart dropdown
 ------------------------------------------------------- */
/* Navbar
 ------------------------------------------------------- */
/* Mobile (mb) */
/* Desktop (dt) */
/*
$navbar-dt-bg:                      scale-color($dark-green-color, $lightness: 10%)  $dark-green-color;
$navbar-dt-box-shadow:              inset 0 1px 4px rgba(0,0,0,0.3), 0 0 7px rgba(0,0,0,0.3);
*/
/* Category navigation
 ------------------------------------------------------- */
/* Mobile (mb) */
/* > see section accordions / tabs */
/* Desktop (dt) */
/* rgba(0,0,0,0.2) */
/* Search
 ------------------------------------------------------- */
/* Search field (mobile) */
/* Search field (desktop) */
/* Search button */
/* Search suggest */
/* Footer
 ************************************************************************************************************************/
/* reference value: $gray-color-02 */
/* Footer top (mobile)
 * for links > see section accordions / tabs */
/* Footer top (desktop) */
/* reference value: $gray-color-05 */
/* reference value: rgba(0,0,0,0.1) */
/* Footer bottom (desktop) */
/* reference value: rgba(0,0,0,0.1) */
/* reference value: $gray-color-05 */
/* reference value: rgba(0,0,0,0.1) */
/* Copyright */
/* Newsletter */
/* reference value: #dbdbdb */
/* Category page
 ************************************************************************************************************************/
/* Product list */
/* Product grid */
/* Hide grid borders */
/* Product filter navigation
 ------------------------------------------------------- */
/* Desktop (dt) */
/* Active filter (mobile + desktop) */
/* Product page
 ************************************************************************************************************************/
/* "Shop-box" (price, add to cart button etc.)
 ------------------------------------------------------- */
/* required (for color calculations) */
/* Price label (from, to, price as configured) */
/* $border-style-01 rgba(0,0,0,0.2) */
/* rgba($dominant-color-01, 0.4) */
/* Reviews
 ------------------------------------------------------- */
/* One page checkout (opc)
 ************************************************************************************************************************/
/* Gift item */
/* Centinel logos */
/* Multiple address checkout (mac)
 ************************************************************************************************************************/
/* My account pages
 ************************************************************************************************************************/
/* My account navigation
 ------------------------------------------------------- */
/* Mobile (mb) */
/* > see section accordions / tabs */
/* Desktop (dt) */
/* Address book */
/* My order pages
 ------------------------------------------------------- */
/* Misc pages
 ************************************************************************************************************************/
/* CMS pages navigation */
/* Sitemap */
/* Email to a friend */
/* Sidebar boxes
 ************************************************************************************************************************/
/* also used for wishlist sidebar box */
/* also used for wishlist sidebar box */
/* Minimum advertised price (MAP) / Remember me
 ************************************************************************************************************************/
/* Captcha
 ************************************************************************************************************************/
/* Misc
 ************************************************************************************************************************/
/* box for small buttons (edit, remove) in sidebars */
/* | separator */
/* Media queries
 ************************************************************************************************************************/
/* Very very Small screens (mobile portrait) */
/* Very Small screens (mobile portrait) */
/* Small screens (mobile) */
/* Small screens (mobile) */
/* Medium screens (tablet) */
/* Large screens (desktop) 990px + 15px padding-right */
/*
	Vars that are not defined: 
	
*/
/*!
 * @copyright Copyright (c) 2013 Tobias Bergmann
 */
/* Variables and mixins */
/**
 * @copyright Copyright (c) 2013 Tobias Bergmann
 */
/* Gradients
 ************************************************************************************************************************/
/*
@mixin repeating-linear-gradient($angle, $color-stop1, $color-stop2, $color-stop3, $color-stop4, $important: false) {
    $important: if($important, $important);
    background-color: $color-stop1 $important;
    background-image: -webkit-repeating-linear-gradient($angle, $color-stop1, $color-stop2, $color-stop3, $color-stop4) $important;
    background-image:    -moz-repeating-linear-gradient($angle, $color-stop1, $color-stop2, $color-stop3, $color-stop4) $important;
    background-image:         repeating-linear-gradient($angle, $color-stop1, $color-stop2, $color-stop3, $color-stop4) $important;
}
*/
/* Background
 ************************************************************************************************************************/
/* Internet Explorer 8 rgba background support */
/* position:relative; is required. assign it in main stylesheet, because on some elements (cat navigation) it breaks the layout */
/* Borders
 ************************************************************************************************************************/
/* for individual border colors */
/* Border radius
 ************************************************************************************************************************/
/* Box shadow
 ************************************************************************************************************************/
/* Opacity
 ************************************************************************************************************************/
/* Transitions + Transforms
 ************************************************************************************************************************/
/* Position
 ************************************************************************************************************************/
/* Convert HSL saturation to HSB saturation
 ************************************************************************************************************************/
/* Buttons
 ************************************************************************************************************************/
/* Links
 ************************************************************************************************************************/
/* Lists
 ************************************************************************************************************************/
/* Forms
 ************************************************************************************************************************/
/* Headings
 ************************************************************************************************************************/
/* Fonts
 ************************************************************************************************************************/
/* Media queries
 ************************************************************************************************************************/
/* Set text-color / text-shadow depending on background-color
 ************************************************************************************************************************/
/**
 * @copyright Copyright (c) 2013 Tobias Bergmann
 */
/* Set text-color / text-shadow depending on background-color
 ************************************************************************************************************************/
/* Theme colors + background patterns
 ************************************************************************************************************************/
/* $dominant-color-01: #17746a; dark green */
/* $dominant-color-01: #874a0e; chocolate */
/* $dominant-color-01: #7e0c0c; blood red */
/* $dominant-color-01: #08adc0; ice blue */
/* green */
/* main background color (required)
 * by default the color of the footer and secondary buttons etc. will be calculated from this value */
/* light beige */
/* dark beige */
/* light */
/* dark */
/*
 * Possible background values (for variables inluding "-bg")
 * 
 * Solid / transparent color:        #fff or white or rgba(255,255,255,0.5)
 * Background image:                 "#fff url(../images/bg_pattern_02.png) repeat" (quoted!)
 * Background image (with variable): "#e7e0c9 url(../images/bg_pattern_01.png)" (variables inside strings must be enclosed: variable)
 * Vertical gradient:                #fff, #000 (two values, comma separated)
 * 
 * 
 * Possible border values (for variables including "-border", but not "-border-color")
 * Border sides: top, right, bottom, left or all. Multiple values are possible (comma separated)
 * 
 * Border (all sides):  1px solid #000, all
 * Border top:          1px solid #000, top
 * Border top + bottom: 1px solid #000, top, bottom
 * 
 * 
 * Color calculations with "scale-color" or "change-color" function
 * 
 * $header-mb-bg: scale-color($dominant-color-01, $lightness: 25%), scale-color($dominant-color-01, $lightness: 8%);
 * > Variables inside these functions are not working > phpsass bug.
 * 
 * Workaround:
 * $header-mb-bg: unquote("scale-color(#005b33, $lightness: 25%)"), unquote("scale-color(#005b33, $lightness: 8%)");
 * > Wrapping the variable with another function (like rgba) works too:
 * $header-mb-bg: scale-color(rgba($dominant-color-01, 1), $lightness: 25%), scale-color(rgba($dominant-color-01, 1), $lightness: 8%);
 * 
 */
/* Required settings
 ************************************************************************************************************************/
/* Logo
 ------------------------------------------------------- */
/* Mobile (mb) */
/* half the width of your logo file */
/* half the height of your logo file */
/* left top */
/* Desktop (dt) */
/* half the width of your logo file */
/* half the height of your logo file */
/* Choose your image style:
 * Are you using isolated images (on white background)?
 * This will affect the spacing around images and if
 * borders between images are displayed or not.
 ------------------------------------------------------- */
/* true or false */
/* Set category page grid view item-info height:
 * Item-info = product name, price and rating
 ------------------------------------------------------- */
/* Set category page grid view image minimum-height:
 * Only required if your images have different aspect ratios.
 * Set the minimum-height to the height of you tallest image.
 ------------------------------------------------------- */
/* Internet Explorer 8 (logo + CSS3 PIE path)
 ------------------------------------------------------- */
/* Optional settings
 ************************************************************************************************************************/
/* Show tabs on product page in the right column
 * or stretch tabs over the entire width
 ------------------------------------------------------- */
/* true or false */
/* Rounded corners
 ************************************************************************************************************************/
/* Scaffolding
 ************************************************************************************************************************/
/* main background */
/* footer background */
/* Content boxes */
/* Sidebars */
/* required (for color calculations) */
/* Centered content boxes */
/* Borders
 ************************************************************************************************************************/
/* Sidebar modifications */
/* reference value: #ccc */
/* reference value: #dbdad7 */
/* Headings
 ************************************************************************************************************************/
/* Heading 1 */
/* complete list of heading properties */
/* available for all heading-styles ($hd1, $hd2 etc.) */
/* review details page */
/* account dashboard, forgot your password page */
/* Heading 2 */
/* Heading 2 alternate (with border-bottom) */
/* Heading 3 */
/* Heading 3 for cms pages + agreements */
/* Heading 4 (box heading) */
/* sidebar modification */
/* Heading 5 (box sub-heading) */
/* Heading 6 (product filter + one page checkout progress + cms pages navigation) */
/*opc */
/* Heading 7 (minicart + active product filter) */
/* Heading 9 (dashboard + paypal express review) */
/* Buttons
 ************************************************************************************************************************/
/* Primary buttons */
/* Secondary buttons */
/* Primary buttons (light) */
/* Dark buttons  */
/* Special buttons */
/* Sidebar modifications */
/* Links
 ************************************************************************************************************************/
/* complete list of link properties */
/* available for all link-styles ($link1, $link2 etc.) */
/* Form elements
 ************************************************************************************************************************/
/* Input fields (text, textarea) and select-boxes */
/* Disabled quantity input field */
/* Date of birth */
/* Datepicker */
/* Validation */
/* repeating gradient */
/* lists, tables */
/* Lists
 ************************************************************************************************************************/
/* Link list
 ------------------------------------------------------- */
/* Sidebar modifications */
/* Form elements list (for radio buttons / checkboxes)
 ------------------------------------------------------- */
/* terms and conditions checkbox */
/* Sidebar modifications */
/* Definition list (shipping methods)
 ------------------------------------------------------- */
/* Tag list (dashboard: my recent tags)
 ------------------------------------------------------- */
/* Tables
 ************************************************************************************************************************/
/* Table 1 (mobile) */
/* Table 1 (sidebar modifications) */
/* Stock quantity table on product page */
/* rgba($dominant-color-01, 0.4) */
/* Accordions / Tabs
 ************************************************************************************************************************/
/* for all levels */
/* Accordion level 1 */
/* Accordion level 2 */
/* Accordion level 3 */
/* Accordion toggle button */
/* Tabs */
/* Images
 ************************************************************************************************************************/
/* also used for slideshow img */
/* Slideshow / Carousel
 ************************************************************************************************************************/
/* Hide border of first carousel element */
/* Slider prev/next nav */
/* Slider caption */
/* Carousel prev/next nav */
/* Slider + carousel pager nav (dots) */
/* Carousel pager nav (dots) */
/* Lightbox
 ************************************************************************************************************************/
/* Main image */
/* Terms & conditions */
/* Breadcrumbs
 ************************************************************************************************************************/
/* links */
/* View toggle + pager + limiter
 ************************************************************************************************************************/
/* View toggle */
/* Pager */
/* to hide $pager-border */
/* Limiter (my account pages + reviews limiter) */
/* Badges
 ************************************************************************************************************************/
/* Rating
 ************************************************************************************************************************/
/* Prices and taxes
 ************************************************************************************************************************/
/* Messages / Notices
 ************************************************************************************************************************/
/* Success message */
/* Error message */
/* repeating gradient */
/* Notice message */
/* repeating gradient */
/* JavaScript / Cookies disabled */
/* repeating gradient */
/* Tooltips
 ************************************************************************************************************************/
/* Product options tooltip */
/* Card validation code (CVV) tooltip */
/* Loading indicator
 ************************************************************************************************************************/
/* Header
 ************************************************************************************************************************/
/* Welcome */
/* Language + currency dropdowns
 ------------------------------------------------------- */
/* Top navigation (my account, log in etc.)
 ------------------------------------------------------- */
/* Cart dropdown
 ------------------------------------------------------- */
/* Navbar
 ------------------------------------------------------- */
/* Mobile (mb) */
/* Desktop (dt) */
/*
$navbar-dt-bg:                      scale-color($dark-green-color, $lightness: 10%)  $dark-green-color;
$navbar-dt-box-shadow:              inset 0 1px 4px rgba(0,0,0,0.3), 0 0 7px rgba(0,0,0,0.3);
*/
/* Category navigation
 ------------------------------------------------------- */
/* Mobile (mb) */
/* > see section accordions / tabs */
/* Desktop (dt) */
/* rgba(0,0,0,0.2) */
/* Search
 ------------------------------------------------------- */
/* Search field (mobile) */
/* Search field (desktop) */
/* Search button */
/* Search suggest */
/* Footer
 ************************************************************************************************************************/
/* reference value: $gray-color-02 */
/* Footer top (mobile)
 * for links > see section accordions / tabs */
/* Footer top (desktop) */
/* reference value: $gray-color-05 */
/* reference value: rgba(0,0,0,0.1) */
/* Footer bottom (desktop) */
/* reference value: rgba(0,0,0,0.1) */
/* reference value: $gray-color-05 */
/* reference value: rgba(0,0,0,0.1) */
/* Copyright */
/* Newsletter */
/* reference value: #dbdbdb */
/* Category page
 ************************************************************************************************************************/
/* Product list */
/* Product grid */
/* Hide grid borders */
/* Product filter navigation
 ------------------------------------------------------- */
/* Desktop (dt) */
/* Active filter (mobile + desktop) */
/* Product page
 ************************************************************************************************************************/
/* "Shop-box" (price, add to cart button etc.)
 ------------------------------------------------------- */
/* required (for color calculations) */
/* Price label (from, to, price as configured) */
/* $border-style-01 rgba(0,0,0,0.2) */
/* rgba($dominant-color-01, 0.4) */
/* Reviews
 ------------------------------------------------------- */
/* One page checkout (opc)
 ************************************************************************************************************************/
/* Gift item */
/* Centinel logos */
/* Multiple address checkout (mac)
 ************************************************************************************************************************/
/* My account pages
 ************************************************************************************************************************/
/* My account navigation
 ------------------------------------------------------- */
/* Mobile (mb) */
/* > see section accordions / tabs */
/* Desktop (dt) */
/* Address book */
/* My order pages
 ------------------------------------------------------- */
/* Misc pages
 ************************************************************************************************************************/
/* CMS pages navigation */
/* Sitemap */
/* Email to a friend */
/* Sidebar boxes
 ************************************************************************************************************************/
/* also used for wishlist sidebar box */
/* also used for wishlist sidebar box */
/* Minimum advertised price (MAP) / Remember me
 ************************************************************************************************************************/
/* Captcha
 ************************************************************************************************************************/
/* Misc
 ************************************************************************************************************************/
/* box for small buttons (edit, remove) in sidebars */
/* | separator */
/* Media queries
 ************************************************************************************************************************/
/* Very very Small screens (mobile portrait) */
/* Very Small screens (mobile portrait) */
/* Small screens (mobile) */
/* Small screens (mobile) */
/* Medium screens (tablet) */
/* Large screens (desktop) 990px + 15px padding-right */
/*
	Vars that are not defined: 
	
*/
/**
 * @copyright Copyright (c) 2013 Tobias Bergmann
 */
/* White-space
 ************************************************************************************************************************/
/* For elements inside sidebars */
/* Bottom spacing */
/* used for boxes, form-lists, tables, pager etc. */
/* used for p, address etc. */
/* Scaffolding
 ************************************************************************************************************************/
/* should not be less than 990px */
/* only for large screens */
/* only for large screens */
/* default */
/* for pages with multiple main content boxes (like home page) */
/* Header */
/* Content boxes */
/* all content boxes (inside sidebars + main area) */
/* content boxes inside main area (for pages with only 1 main content box) */
/* Centered content boxes */
/* to center */
/* Sidebars */
/* Footer */
/* Image style (isolated or not) settings
 ************************************************************************************************************************/
/* Boxes
 ************************************************************************************************************************/
/* Box 1 body */
/* Box 1 footer */
/* Footer for sidebar boxes */
/* Headings
 ************************************************************************************************************************/
/* Heading 1 */
/* Heading 4 (box heading) */
/* Heading 5 (box sub-heading) */
/* Heading 6 (product filter + one page checkout progress + cms pages navigation) */
/* Heading 7 (minicart + active product filter) */
/* Heading 9 (dashboard + paypal express review) */
/* Buttons
 ************************************************************************************************************************/
/* Buttons inside box 1 / box 2 footer */
/* right aligned buttons */
/* left aligned buttons */
/* Lists
 ************************************************************************************************************************/
/* Link list */
/* Form elements list (for radio buttons / checkboxes) */
/* Accordions / Tabs
 ************************************************************************************************************************/
/* Tabs
 ------------------------------------------------------- */
/* Sitemap */
/* Order dropdown/tabs */
/* Recurring profiles */
/* Slideshow / Carousel
 ************************************************************************************************************************/
/* Slider */
/* top right bottom left */
/* top right bottom left */
/* Carousel */
/* to align content */
/* top right bottom left */
/* top right bottom left */
/* Breadcrumbs
 ************************************************************************************************************************/
/* Messages / Notices
 ************************************************************************************************************************/
/* JavaScript / Cookies disabled */
/* Header
 ************************************************************************************************************************/
/* Footer
 ************************************************************************************************************************/
/* Newsletter */
/* Category page
 ************************************************************************************************************************/
/* Category image */
/* Product grid */
/* Product filter navigation
 ------------------------------------------------------- */
/* Small screens (inside main column) */
/* Medium screens (inside left column) */
/* Product page
 ************************************************************************************************************************/
/* Left column (product images) */
/* Right column (product info) */
/* "Shop-box" (price, add to cart button etc.)
 ------------------------------------------------------- */
/* Small screens */
/* Medium screens */
/* Large screens */
/* Accordions / Tabs
 ------------------------------------------------------- */
/* Small screens */
/* Medium screens */
/* Large screens */
/* One page checkout (opc)
 ************************************************************************************************************************/
/* opc progress-box */
/* Multiple address checkout (mac)
 ************************************************************************************************************************/
/* Alternate ft1: used for multiple address checkout */
/* My account pages
 ************************************************************************************************************************/
/* My account navigation (left sidebar) */
/* Misc pages
 ************************************************************************************************************************/
/* CMS pages navigation (left sidebar) */
/* Login page */
/* Sidebar boxes
 ************************************************************************************************************************/
/* also used for wishlist sidebar box */
/* also used for wishlist sidebar box */
/**
 * @copyright Copyright (c) 2013 Tobias Bergmann
 */
/* Scaffolding
 ************************************************************************************************************************/
/* Google webfonts (included in head.phtml) */
/* included font-weights: 300, 700 */
/* included font-weights: 400, 600 */
/* Headings
 ************************************************************************************************************************/
/* Heading 1 */
/* complete list of "font style" properties */
/* review details page */
/* account dashboard, forgot your password page */
/* Heading 2 */
/* Heading 2 alternate (with border-bottom) */
/* Heading 3 */
/* Heading 3 for cms pages + agreements */
/* Heading 4 (box heading) */
/* Heading 5 (box sub-heading) */
/* Heading 6 (product filter + one page checkout progress + cms pages navigation) */
/* Heading 7 (minicart + active product filter) */
/* Heading 9 (dashboard + paypal express review) */
/* Form elements
 ************************************************************************************************************************/
/* Accordions / Tabs
 ************************************************************************************************************************/
/* Header
 ************************************************************************************************************************/
/* Category navigation top-level (dt) */
/* Category page
 ************************************************************************************************************************/
/* Product page
 ************************************************************************************************************************/
/* One page checkout (opc)
 ************************************************************************************************************************/
p, .shopBxT .col-l {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

/* Core CSS */
/* Font face ---------------------- */
/* @import url("//fast.fonts.com/t/1.css?apiType=css&projectid=03b74b99-7e47-48a6-a263-f12eceb1f3ae"); */
@font-face {
  font-family: "Officina Sans";
  src: url("../../fonts/e4f88d1f-2f5e-49a0-9361-9fcdc5bfc795.eot?iefix") format("eot"); }
@font-face {
  font-family: "Officina Sans";
  src: url("../fonts/e4f88d1f-2f5e-49a0-9361-9fcdc5bfc795.eot?iefix");
  src: url("../fonts/60567f88-1ef5-4f2c-9951-3ce3845f9967.woff") format("woff"), url("../fonts/ec8c3086-5408-4f25-97d0-f1f4c7014668.ttf") format("truetype"), url("../fonts/d29fed54-ae01-49ef-94e2-3e3fb9df3f70.svg#d29fed54-ae01-49ef-94e2-3e3fb9df3f70") format("svg"); }
@font-face {
  font-family: "OfficinaSerifITCW01-Bol 734534";
  src: url("../fonts/377ad900-10be-4f48-a384-6d415b7a190a.eot?iefix") format("eot"); }
@font-face {
  font-family: "OfficinaSerifITCW01-Bol 734534";
  src: url("../fonts/377ad900-10be-4f48-a384-6d415b7a190a.eot?iefix");
  src: url("../fonts/c8ffa661-8ad8-4a47-a2f8-bdf1becae09b.woff") format("woff"), url("../fonts/dbdab976-8993-4b93-94cc-a8a15b6a855e.ttf") format("truetype"), url("../fonts/3bfbaef3-6eb6-4c59-b59e-d7d5fd624f8c.svg#3bfbaef3-6eb6-4c59-b59e-d7d5fd624f8c") format("svg"); }
@font-face {
  font-family: "OfficinaSerifITCW01-Boo 734540";
  src: url("../fonts/d29a1003-aa62-4492-a4ab-3b649c7efccd.eot?iefix") format("eot"); }
@font-face {
  font-family: "OfficinaSerifITCW01-Boo 734540";
  src: url("../fonts/d29a1003-aa62-4492-a4ab-3b649c7efccd.eot?iefix");
  src: url("../fonts/d8999082-96b7-4355-bab1-d135f4e4bee7.woff") format("woff"), url("../fonts/e0a4e45b-0b2e-4b30-82d9-808d85415dc9.ttf") format("truetype"), url("../fonts/9e9b325c-b638-44e5-9889-91dd0d826f86.svg#9e9b325c-b638-44e5-9889-91dd0d826f86") format("svg"); }
@font-face {
  font-family: "Officina Sans Bold";
  src: url("../fonts/2f0ec777-1dee-443a-8545-9f7f99463c7c.eot?iefix");
  src: url("../fonts/de07363b-ce31-46ce-aea6-f035147ac203.woff") format("woff"), url("../fonts/c2aa6294-4649-4459-8985-3ea6c56ca7a9.ttf") format("truetype"), url("../fonts/d6cda294-df79-4dd0-9a04-87653b44cb98.svg#d6cda294-df79-4dd0-9a04-87653b44cb98") format("svg"); }
/* hide desktop specific elements */
#colL,
#colR,
.topBar,
.currency,
.lang,
.nav-top,
.viewCart-dt,
.ftLinks,
.bCrumbs,
.compare,
.macProg,
.reviews .btnLi1,
.sales-order-history .showPP,
.review-customer-index .showPP,
.downloadable-customer-products .showPP {
  display: none; }

/*******************************************************************************************************************************************
    ICON FONTS
__________________________________________________________________________________________________________________________________________*/
@font-face {
  font-family: "icons";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/icons.eot");
  src: url("../fonts/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons.svg#icons") format("svg"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype"); }
.flex-next:before,
.flex-prev:before,
.btn1 .ico:before,
.btn2 .ico:before,
.prev .ico:before,
.next .ico:before,
.btn-toggle-g1:before,
.nav-rt-mobile .more:before,
.parent .topLvl span:after,
.search .pillR1 span:before,
.lyrdNav .hd4:after,
.lyrdNav .hd6:after,
.ftT .cmsLinks h3:after,
.pLinks a:before,
.lnk-rss:before,
.lnk-rss2:before,
.getFeed .ico:before,
.msg .ico:before,
.ratingBx:before,
.ratingBx .rating:before,
.datePickerJs .ico:before,
.resp-accordion:after,
.reviewForm thead th:after,
.dropdown-toggle > span:after,
.captchaReload:before,
.pList .lnk-more:before,
.viewCart .ico:before,
.discount-mobile .hd2:before,
.dropdown-cart .btn2-edit span:before,
.lnk-wishlist a:before, .pGrid .pLinks a:before {
  display: inline-block;
  line-height: 1;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  vertical-align: top;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none; }

/*******************************************************************************************************************************************
    RESET
__________________________________________________________________________________________________________________________________________*/
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, input, textarea, select, button, td, th {
  margin: 0;
  padding: 0;
  font-size: 100%; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  overflow-y: scroll; }

/*(1)*/
h1, h2, h3, h4, h5, h6, th, b {
  font-weight: 100; }

strong {
  font-family: "Officina Sans Bold", Arial;
  font-weight: normal; }

img, fieldset, iframe {
  border: 0; }

ul, ol {
  list-style: none; }

a {
  color: #61af32;
  text-decoration: none; }

a:hover, a:active, a:focus {
  outline: none;
  text-decoration: underline; }

input, textarea, button, select {
  color: inherit;
  font: 99.99% "Officina Sans", Arial, Helvetica, sans-serif; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

input[type=search] {
  -webkit-appearance: none;
  appearance: none; }

/*(2)*/
textarea {
  resize: vertical; }

th {
  text-align: inherit; }

/*(3)*/
i, em {
  font-style: italic; }

address {
  font-style: normal; }

small {
  font-size: 12px; }

::-moz-selection {
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #d9d9d9;
  text-shadow: none; }

/*(4)*/
::-webkit-selection {
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #d9d9d9;
  text-shadow: none; }

/*(4)*/
::selection {
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #d9d9d9;
  text-shadow: none; }

/*(4)*/
/* (1) force vertical scrollbar */
/* (2) reset webkits default css */
/* (3) fix non-inherited th text-align bug in IE8 */
/* (4) declarations have to be separate */
/*******************************************************************************************************************************************
    BASE LAYOUT
__________________________________________________________________________________________________________________________________________*/
body {
  color: #888;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #dcd7c7;
  line-height: 1.5;
  font-family: "Officina Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  overflow-x: hidden;
  /*(1)*/ }

#page {
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #e7e0c9 url(../images/bg_pattern_01.png); }

#hd {
  position: relative;
  z-index: 40; }

#hd * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#ft {
  /* background: $footer-bg; */
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #e7e0c9 url(../images/bg_pattern_01.png); }

.hdI {
  position: relative;
  z-index: 40;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); }

.ftI {
  padding: 0 0 25px; }

.main {
  position: relative;
  z-index: 1; }

.popUp {
  overflow-x: visible;
  background: #fff; }

.popUp #page {
  border-bottom: 0;
  background: none; }

/* white box */
#colM, .multi-bx .bx1, .emptyCart {
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15), inset 0 0 10px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15), inset 0 0 10px rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15), inset 0 0 10px rgba(0, 0, 0, 0.03); }

.multi-bx #colM, .emptyCart .bx1 {
  background: none; }

/*(2)*/
#colM .bx1 {
  margin-bottom: 0; }

h4 {
  font-size: 20px; }

/* (1) to prevent horizontal scrollbar (caused by negative margins) */
/* (2) remove white box, for pages with multiple white boxes */
/* clearing */
.clear:after,
#page:after,
.topBarI:after,
.hdI:after,
#bd:after,
#colL:after,
#colM:after,
.main:after,
#colR:after,
#ft:after,
.ftT:after,
.ftB:after,
.nav-cat:after,
.navBarI:after,
.bCrumbs:after,
.bx1:after, .bx2:after,
.hd1:after, .hd2:after, .hd2i:after, .hd3:after, .hd9:after, .resp-tabs-list:after, .tabs:after,
.bd1:after, .bd2:after,
.ft1:after, .ft2:after,
.wsHd3a:after, .wsHd3b:after, .wsHd3c:after, .wsHd3d:after,
.rowG1:after, .rowG2:after,
.filterAct li:after,
.pager:after,
.pages:after,
.pGrid2:after,
.pGrid .item:after,
.pList .item:after, .pList2 .item:after,
.pView:after,
.moreViews:after,
.pEssential:after,
.pCollateral:after,
.shopBxT:after,
.shopBxB:after,
.pView .shortDescr:after,
.pLinks:after,
.pOptions:after,
.resp-tab-content:after,
.reviewForm:after,
.linkLi1 .cArea:after,
.formLi1 dd:after,
.formLi1 label:after,
.btnLi1:after,
.tagLi1:after,
.tagLi2 li:after,
.commentLi li:after,
.a-item:after,
.viewToggle:after,
.giftItem li:after,
.priceBxBundle:after,
.macProg:after,
.macAddress:after,
.adviceBx1:before,
.adviceBx2:before,
.slides:after,
.copright:after,
.cft:after, .order-info:after,
.dropdown-cart ul:after,
.cartTable-mobile .td-pImg:after, .s-cats-blocks:after, .suggest li:after {
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden; }

.clear {
  clear: both; }

/*******************************************************************************************************************************************
    WHITE-SPACE + HELPER CLASSES
__________________________________________________________________________________________________________________________________________*/
/* white-space */
.wsBx1a {
  padding: 40px 15px 0; }

.wsBx1b {
  padding: 40px 15px 0; }

.wsBx1c {
  padding: 15px 15px 0; }

.wsBx1d {
  padding: 0 20px 0 15px; }

#colR .wsBx1d {
  padding: 0 15px 0 20px; }

.wsBx1e {
  padding: 40px 15px 15px; }

.paypalReview .wsBx1e {
  padding-top: 20px; }

.wsBx2a {
  padding: 16px 0 0; }

.wsBx2b {
  padding: 20px 0 0; }

.wsBx2c {
  padding: 16px 0 0; }

.wsHd3a {
  padding: 18px 1px 0; }

.wsHd3b {
  padding: 23px 1px 0; }

.wsHd3c {
  padding: 18px 1px 25px; }

.wsHd3d {
  padding: 23px 1px 0; }

.wsHd3e {
  padding: 18px 0 0; }

.wsDDa {
  padding: 20px 23px 10px; }

.wsDDb {
  padding: 20px 23px 5px; }

/* default main padding */
.main {
  padding: 40px 15px 35px; }

.multi-bx .main,
.center-bx .main,
.rss-index-index .main,
.customer-account .main,
.customer-account-create .main,
.checkout-onepage-index .main,
.checkout-onepage-success .main {
  padding: 0; }

/* .wsBx1a: for bx1, first content element = text */
/* .wsBx1b: for bx1, first content element = block/box */
/* .wsBx1c: for bx1, used for related products + up sells + cross sells etc. */
/* .wsBx1d: for bx1, used for sidebar boxes (empty compare products + empty wishlist + empty my cart + mini login + orders and returns box) */
/* .wsBx1e: for bx1, first content element = text, last content element = input-box
            used on contact us + forgot password + reset a password + send confirmation link + advanced search form + paypal express review page */
/* .wsBx2a: for bx2, first content element = text */
/* .wsBx2b: for bx2, first content element = block/box */
/* .wsBx2c: for bx2, first content element = text, last content element = input-box
            used for create an account, discount codes, estimate shipping and tax, email to a friend */
/* .wsHd3a: for content below hd3 heading, content elements = text only */
/* .wsHd3b: for content below hd3 heading, first content element = block/box */
/* .wsHd3c: for content below hd3 heading, content elements = text only + extra white-space bottom */
/* .wsHd3d: for content below hd3 heading, first content element = block/box + extra white-space bottom */
/* .wsHd3e: for content below hd3 heading, label + input-fields, first content element = label text */
/* .wsDDa:  white-space inside dd-element (for payment methods), last content element = input-field */
/* .wsDDb:  white-space inside dd-element (for payment methods), last content element = text (p, address) */
/* helper classes */
.flL {
  float: left; }

.flR {
  float: right; }

.alL {
  text-align: left !important; }

.alC {
  text-align: center !important; }

.alR {
  text-align: right !important; }

.no1 {
  float: left;
  width: 20px;
  margin: 0 11px 0 -13px;
  text-align: right; }

/*(1)*/
.sep1 {
  padding: 0 7px;
  color: #ccc;
  font-weight: normal; }

.noBr {
  white-space: nowrap; }

.br {
  white-space: normal !important; }

/*(2)*/
.brSku {
  display: inline-block;
  width: 120px;
  word-wrap: break-word; }

/*(2)*/
.noDisplay {
  display: none !important; }

.dBlock {
  display: block; }

/*(3)*/
.sOut1 {
  padding: 5px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  line-height: 1.417;
  text-transform: uppercase;
  clear: both; }

/*(4)*/
.lh1 {
  line-height: 1; }

/*(5)*/
.fs1 {
  font-size: 12px; }

/*(6)*/
.fs2 {
  font-size: 15px; }

/*(6)*/
/* (1) .no1: number, used on dashboard page for "my recent reviews" + "my recent tags" list */
/* (2) .br: break, used on my orders > refunds pages + recurring profiles page to break text in thead (overwrite white-space:nowrap; of thead)
       .brSku: break long sku's */
/* (3) .dBlock: used for widget-links (category, product, cms page) */
/* (4) .sOut1: stand-out, used on my orders > view order page for order date */
/* (5) .lh1: line-height */
/* (6) .fs1: used for my wishlist table
       .fs2: used for tagLi1 on popular search terms page (otherwise the links are too small because of the inline styles) */
/* bottom spacing */
.bx2,
.callout,
.gallery,
.limiter,
.main .pager,
.main .ts1,
.main .dl1,
.main .formLi1,
.main .linkLi1,
.main .tagLi2,
.main .sOut1,
.main iframe,
.pView > .colL,
.macProg,
.moreEntries,
.commentLi,
.checkout-multishipping-address-selectbilling .ft2 {
  margin-bottom: 15px; }

.bx1,
.multi-bx #colM .bx1 {
  margin-bottom: 15px; }

#colL .bx1 {
  margin-bottom: 20px; }

.main .tagLi1 {
  margin-bottom: 35px; }

.bulletLi1 {
  margin-bottom: 12px; }

p,
address,
.ts2,
.pView .tagLi1 {
  margin-bottom: 8px; }

/*******************************************************************************************************************************************
    BOXES
__________________________________________________________________________________________________________________________________________*/
.bx1 {
  position: relative; }

.ft1, .ft2 {
  text-align: center; }

/*(1)*/
.ft3 {
  text-align: right; }

/*(1)*/
.ft1 {
  padding: 0 15px 15px; }

.ft1v1 {
  padding: 30px 15px 10px; }

.ft3 {
  padding: 21px 20px 9px 15px; }

#colR .ft3 {
  padding: 21px 15px 9px 20px; }

.ft1 .btn1, .ft1 .btn2,
.ft2 .btn1, .ft2 .btn2 {
  width: 100%;
  margin: 0 0 20px 0; }

.ft3 .btn2 {
  margin: -6px 0 0;
  vertical-align: top; }

.ft3 .btn2 span {
  padding: 0 5px;
  line-height: 22px;
  font-size: 12px; }

.ft3 a {
  font-size: 12px; }

/* flexbox | reverse order of children */
/* space between property and value if value begins with "-" ! (required for sass) */
.ft1,
.ft1 .w33,
#review-buttons-container {
  width: 100%;
  /* ie */
  display: -ms-flexbox;
  -ms-flex-direction: column-reverse;
  /* safari */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  /* firefox 19- */
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-direction: reverse;
  /* chrome */
  display: -webkit-flex;
  -webkit-flex-direction: column-reverse;
  /* firefox 20+, opera 12.1 */
  display: flex;
  flex-direction: column-reverse; }

/* empty box */
.emptyBx .hd1 {
  margin-bottom: 25px; }

.emptyBx h1 {
  float: none !important; }

.emptyBx .bd1 {
  padding-top: 0;
  padding-bottom: 10px;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase; }

.sales-recurring-profile-index .emptyBx {
  padding-top: 25px;
  padding-bottom: 10px;
  text-align: left;
  font-size: 15px;
  text-transform: uppercase; }

.emptyBx, .emptyBx .ft1 {
  text-align: center; }

.emptyBx .ft1 .btn2 {
  float: none;
  margin-right: 0;
  margin-left: 0; }

.catalog-category-view .emptyBx .bd1,
.catalogsearch-result-index .emptyBx .bd1 {
  text-align: left; }

.actionBx {
  position: relative;
  float: right;
  padding: 5px 5px 4px;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: rgba(0, 0, 0, 0.05);
  line-height: 0;
  /*(2)*/ }

/*(3)*/
.scrollBx {
  padding-right: 25px;
  overflow: auto; }

/*(4)*/
/* (1) .ft1: footer inside bx1
       .ft2: footer inside bx2
       .ft3: footer for sidebar boxes */
/* (2) fix positioning problems */
/* (3) .actionBx: small box for buttons/links, used for minicart + wishlistBx + email to a friend page + compare page + order pages (giftMsgRow)
       + tTip2 + map-popup + remember me overlay */
/* (4) .scrollBx: used for checkout agreements + gift options */
/*******************************************************************************************************************************************
    HEADINGS
__________________________________________________________________________________________________________________________________________*/
.hd1, .hd2, .hd3, .hd9 {
  position: relative; }

.hd1 h1, .hd2 h2, .hd3 h3 {
  font-family: "Officina Sans Bold", Arial; }

.hd4, .hd5, .hd6, .hd7 {
  line-height: 1; }

/* heading 1 */
.hd1 {
  padding: 40px 15px 0;
  line-height: 1.4;
  color: #222; }

.hd1 h1, .cms-page-view .std h1 {
  line-height: 1;
  font-family: "Officina Sans", Arial, sans-serif;
  font-size: 32px;
  font-weight: 700;
  text-transform: none; }

.hd1 .subHd1 {
  display: block;
  padding-top: 5px;
  color: #61af32;
  font-weight: 300; }

.hd1 .subHd2 {
  display: block;
  padding-top: 13px;
  color: #888;
  font-size: 15px;
  text-transform: none;
  clear: both; }

.hd1 .btn1 {
  margin-right: 3px; }

.hd1v1 h1 {
  padding-bottom: 15px; }

.pView .hd1 h1 {
  color: #58ab27;
  font-weight: 100; }

.popUp .hd1,
.cms-page-view .hd1,
.cms-no-route .hd1,
.agreement .hd1 {
  margin-bottom: 35px;
  padding: 0; }

/* heading 2 */
.hd2 {
  margin-bottom: 4px;
  color: #222;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent;
  text-shadow: transparent;
  -webkit-box-shadow: transparent;
  -moz-box-shadow: transparent;
  box-shadow: transparent; }

.hd2i {
  float: left; }

.hd2-li {
  margin-bottom: 15px; }

.hd2-tbl {
  margin-bottom: 20px; }

.hd2 h2, .cms-page-view .std h2 {
  float: left;
  line-height: 1.1;
  font-family: "Officina Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-style: none;
  text-transform: none;
  color: #61af32; }

.cms-page-view .std h1, .cms-page-view .std h2 {
  display: block;
  clear: both;
  margin-top: 16px;
  margin-bottom: 6px;
  float: none; }

/* heading 2 above single input field / select box */
.pOptions .wsBx2a,
#co-billing-form .wsBx2a,
#co-shipping-form .wsBx2a,
.sales-billing-agreement-index .wsBx2b {
  padding-top: 11px; }

/* heading 2 with border-bottom */
.etaf .hd2,
.customer-account-create .hd2,
.customer-address-form .hd2,
#billing-new-address-form .hd2,
#shipping-new-address-form .hd2,
.checkout-multishipping-address-newshipping .hd2,
.checkout-multishipping-address-editshipping .hd2,
.checkout-multishipping-address-newbilling .hd2,
.paypalReview .hd2 {
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee; }

.etaf h2,
.customer-account-create h2,
.customer-address-form h2,
#billing-new-address-form h2,
#shipping-new-address-form h2,
.checkout-multishipping-address-newshipping h2,
.checkout-multishipping-address-editshipping h2,
.checkout-multishipping-address-newbilling h2,
.paypalReview .hd2 h2 {
  color: #61af32;
  line-height: default;
  font-family: "Officina Sans", Helvetica, Arial, sans-serif;
  font-size: default;
  font-weight: 400;
  font-style: none;
  text-transform: none; }

.hd2iV1 {
  float: none; }

.hd2iV1 h2 {
  border-right: 0; }

.hd2iV1 a,
.hd2iV1 .qtyBx,
.hd2iV1 .price-notice {
  float: right;
  line-height: 1; }

.hd2iV1 a {
  margin-top: 8px;
  color: #61af32; }

.hd2iV1 a:hover {
  text-decoration: underline; }

.hd2iV1 .price-notice {
  margin-top: 4px; }

.hd2iV1 .qtyBx {
  margin: -5px 0 -10px; }

.hd2iV1 .qtyBx label {
  float: none;
  display: inline;
  padding: 0 6px 0 0;
  text-transform: uppercase; }

.hd2iV1 .qty {
  width: 31px;
  height: 30px; }

/* heading 3 */
.hd3 {
  position: relative;
  padding-bottom: 3px;
  text-align: right;
  line-height: 21px;
  border-bottom: 1px solid #eee;
  color: #61af32;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.hd3 h3 {
  float: left;
  padding-right: 8px;
  text-align: left;
  line-height: default;
  font-family: "Officina Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: none;
  text-transform: none; }

.hd3 .ico {
  display: none; }

/* heading 3 without border-bottom */
.hd3-tbl, .hd3-li,
.reviews .hd3,
.shipping .hd3,
.sales-guest-form .hd3 {
  padding-bottom: 0;
  border-bottom: 0; }

/* heading 3 for cms pages + agreements */
.std h3, .agreement h3 {
  margin-bottom: 10px;
  color: #222;
  line-height: 22px;
  font-family: "Officina Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: none;
  text-transform: none; }

/* heading 4 - 9 */
.hd4 {
  padding: 20px 20px 20px 15px;
  border-bottom: 1px solid #eee;
  color: #222;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent;
  text-shadow: transparent;
  -webkit-box-shadow: transparent;
  -moz-box-shadow: transparent;
  box-shadow: transparent;
  line-height: default;
  font-family: "Officina Sans", Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-style: default;
  text-transform: none; }

#colL .hd4.cat-name {
  font-family: "Officina Sans Bold", Arial; }

.main .hd4 {
  padding: 12px 15px; }

#colL .hd4, #colR .hd4 {
  border-bottom: 0; }

#colR .hd4 {
  padding: 20px 15px 20px 20px; }

.hd5 {
  margin: -10px 0 0;
  padding: 0 20px 20px 15px;
  color: #61af32;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent;
  text-shadow: transparent;
  -webkit-box-shadow: transparent;
  -moz-box-shadow: transparent;
  box-shadow: transparent;
  line-height: 1.1;
  font-family: default;
  font-size: default;
  font-weight: normal;
  font-style: default;
  text-transform: none; }

#colR .hd5 {
  padding: 0 15px 20px 20px; }

.hd6 {
  padding: 7px 20px 7px 15px;
  color: #222;
  line-height: 1;
  font-family: "Officina Sans Bold", Arial;
  font-size: 14px;
  font-weight: normal;
  font-style: default;
  text-transform: none; }

#colR .hd6 {
  padding: 7px 15px 7px 20px; }

.hd7 {
  padding: 13px 20px 12px 15px;
  color: #fff;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent;
  text-shadow: transparent;
  -webkit-box-shadow: transparent;
  -moz-box-shadow: transparent;
  box-shadow: transparent;
  line-height: default;
  font-family: default;
  font-size: default;
  font-weight: bold;
  font-style: default;
  text-transform: none; }

#colR .hd7 {
  padding: 13px 15px 12px 20px; }

.hd8 {
  display: none; }

.hd8 h2 {
  color: #222;
  line-height: 1.1;
  font-family: "Open Sans Condensed", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase; }

.hd9 {
  padding: 35px 15px 0;
  color: #222;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent;
  text-shadow: transparent;
  -webkit-box-shadow: transparent;
  -moz-box-shadow: transparent;
  box-shadow: transparent; }

.hd9 h2 {
  line-height: 1.1;
  font-family: "Officina Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  font-style: default;
  text-transform: none; }

.hd9 .btn2 {
  margin: -3px 0 0 15px; }

/* hide headings */
.orderBxT .hd2,
.orderBxB .hd3-tbl,
.nav-account .hd4,
.defaultAddresses .hd2,
.customer-account-login .hd1,
.checkout-multishipping-login .hd1,
.checkout-multishipping-addresses .hd1,
.checkout-multishipping-shipping .hd1,
.checkout-multishipping-billing .hd1,
.checkout-multishipping-overview .hd1 {
  display: none; }

/* .hd1v1: for buttons/links beside/under headline */
/* .hd1 .subHd1: used on review details page */
/* .hd1 .subHd2: used on forgot your password page */
/* .hd2iV1: heading 2 with additional link, qty-field or price-notice */
/* .hd3v1: used for mac (shipping information), switch/solo */
/* .hd4: box heading */
/* .hd5: box sub-heading */
/* .hd6: layered nav + opc */
/* .hd7: green bg, used for layered nav selected + minicart */
/* .hd8: mpc */
/* .hd9: dashboard + paypal express review */
/*******************************************************************************************************************************************
    IMAGES (product image, category image, banner, callout)
__________________________________________________________________________________________________________________________________________*/
img {
  width: auto;
  /* IE8 */
  max-width: 100%;
  height: auto;
  vertical-align: top; }

.pImg, .catImg, .banner, .callout {
  position: relative;
  display: block; }

.ib1 {
  display: none; }

.catImgWrap {
  position: relative;
  margin: -30px -15px 25px; }

.catImg {
  display: inline-block;
  max-width: 100%; }

.catImg .ib1 {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

/*******************************************************************************************************************************************
    SLIDER / CAROUSEL
__________________________________________________________________________________________________________________________________________*/
.flex-viewport {
  display: inline-block;
  /*(1)*/
  max-height: 2000px;
  vertical-align: top;
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -ms-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.slides li {
  position: relative;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /*(2)->*/
  display: none;
  /*-webkit-backface-visibility:hidden;<-(2)*/ }

.slides li li {
  display: block; }

.slides img {
  display: block;
  margin: 0 auto;
  /* center */ }

.no-js .slides > li:first-child {
  display: block; }

/* no javascript fallback */
/* pager nav */
.flex-control-nav {
  text-align: center;
  vertical-align: top; }

.flex-control-nav li {
  display: inline-block;
  margin: 0 4px;
  vertical-align: top; }

.flex-control-nav li a {
  display: block;
  width: 11px;
  height: 11px;
  text-indent: -9999px;
  cursor: pointer;
  color: #dddddd;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: rgba(0, 0, 0, 0.1);
  text-shadow: #dddddd;
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }
  .flex-control-nav li a:hover {
    color: #dddddd;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: #dddddd;
    -moz-box-shadow: #dddddd;
    box-shadow: #dddddd; }

.flex-control-nav li a.flex-active {
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: rgba(0, 0, 0, 0.3); }

/* direction nav */
.flex-direction-nav a {
  position: absolute;
  font-size: 0;
  cursor: pointer;
  color: #888;
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -ms-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out; }
  .flex-direction-nav a:hover {
    color: #222; }

.flex-prev:before {
  content: "\e010";
  font-size: 21px; }

.flex-next:before {
  content: "\e001";
  font-size: 21px; }

.flex-disabled {
  opacity: 0 !important;
  cursor: default !important; }

/* slider */
.slider .flex-control-nav {
  position: absolute;
  left: 0;
  bottom: -27px;
  width: 100%; }

.slider .flex-direction-nav a {
  width: 28px;
  height: 28px;
  margin-top: -14px;
  text-align: center;
  opacity: 0;
  color: #222;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px; }

.slider .flex-prev {
  top: 50%;
  left: 15px; }

.slider .flex-next {
  top: 50%;
  right: 15px; }

.slider .flex-direction-nav a:before {
  margin-top: 6px;
  font-size: 16px; }

.slider .flex-prev:before {
  margin-left: -2px; }

.slider .flex-next:before {
  margin-right: -2px; }

.slider:hover .flex-prev,
.slider:hover .flex-next {
  opacity: 1; }

/* slider homepage: custom caption */
.slider-home .caption1 {
  position: absolute;
  top: 54.7%;
  right: 5.7%;
  bottom: auto;
  left: auto;
  padding: 0;
  color: #ac001f;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent;
  text-align: left;
  line-height: 1;
  font-family: "Officina Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: 100;
  text-transform: none; }

.slider-home .caption2 {
  position: absolute;
  top: 10%;
  right: auto;
  bottom: auto;
  left: 4%;
  padding: 0;
  width: 30%;
  color: #ac001f;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent;
  text-align: left;
  line-height: 1;
  font-family: "Officina Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: 100;
  text-transform: none; }

.slider-home .caption3 {
  position: absolute;
  top: 10%;
  left: auto;
  bottom: auto;
  right: 5.7%;
  padding: 0;
  width: 40%;
  color: #ac001f;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent;
  text-align: left;
  line-height: 1;
  font-family: "Officina Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: 100;
  text-transform: none; }

.slider-home .caption {
  z-index: 100; }

/* slider homepage */
.slider-home {
  position: relative;
  margin: -15px -15px 30px; }

.slider-home .slides li:after,
.slider-home .slides li > a:after {
  content: ""; }

.slides li > a {
  position: relative;
  display: block;
  z-index: 1; }

.slider-home {
  height: auto; }

/* carousel more views */
.moreViews {
  position: relative;
  margin: 0 -4px; }

.moreViews:before {
  content: "";
  display: block;
  height: 0;
  margin: 0 4px;
  font-size: 0; }

.moreViews .flex-viewport:before,
.moreViews .flex-viewport:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff;
  z-index: 1; }

.moreViews .flex-viewport:after {
  left: auto;
  right: 0; }

.moreViews .slides li {
  padding: 8px 4px 0; }

.moreViews .slides img {
  cursor: pointer; }

.moreViews .flex-control-nav {
  position: absolute;
  width: 100%;
  padding-top: 10px; }

.moreViews .flex-direction-nav a {
  top: 50%;
  width: 21px;
  /* Safari 5 ! */
  margin-top: -6px;
  opacity: 0; }

.moreViews .flex-prev {
  left: -24px; }

.moreViews .flex-next {
  right: -24px; }

/* carousel widgets (new etc.) */
.carousel {
  margin: 0 -10px 27px; }

.carousel .pGrid {
  width: 75%; }

.carousel .slides {
  position: relative;
  display: inline-block;
  /*(3)*/
  overflow: hidden;
  vertical-align: top; }

.carousel .flex-viewport:before,
.carousel .slides:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
  width: 3px;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff;
  z-index: 1; }

/*(4)*/
.carousel .flex-control-nav {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #e7e3d4; }

.carousel .flex-control-nav li {
  padding: 8px 0 7px; }

.carousel .flex-direction-nav a {
  width: 47px;
  /* Safari 5 ! */ }

.carousel .flex-prev {
  top: 0;
  left: 0;
  padding: 12px 14px 11px 12px; }

.carousel .flex-next {
  top: 0;
  right: 0;
  padding: 12px 12px 11px 14px; }

/* categorie link list */
.category-list {
  height: auto;
  margin-bottom: 30px; }

.category-list .nav-cat-dt .topLvl {
  color: #2d463b;
  /* fallback color only for non transparent gradients */
  background-color: #8eb16d;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#cae29e"/>\a         <stop offset="101%" stop-color="#8eb16d"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  /* Gradient + inset-shadow */
  display: block;
  color: #005b33; }
  .category-list .nav-cat-dt .topLvl:hover {
    color: #222; }

.category-list .nav-cat-dt .last {
  /* fallback color only for non transparent gradients */
  background-color: #8eb16d;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#cae29e"/>\a         <stop offset="101%" stop-color="#8eb16d"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>')); }

.category-list .nav-cat-dt .last .topLvl {
  color: #ac001f;
  font-family: "Officina Sans Bold", Arial; }

.category-list .nav-cat-dt .topLvl:hover {
  color: #fff; }

.category-list .nav-cat-dt .topLvl span {
  padding: 0 15px;
  line-height: 42px; }

.catlist-h4 {
  display: none; }

/* Categorie Blocks with images */
.s-cats-blocks {
  width: auto;
  margin-bottom: 40px; }

.s-cats-blocks li {
  width: 50%;
  height: 355px;
  float: left;
  padding-top: 15px;
  padding-bottom: 20px; }

.s-cats-blocks li .cat-b-wrapper {
  margin-right: 15px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.s-cats-blocks .image-wrapper {
  display: block;
  width: 100%;
  height: 110px;
  overflow: hidden; }

.s-cats-blocks .image-wrapper:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  text-align: center; }

.s-cats-blocks li img {
  max-width: none;
  width: 100%;
  margin-left: -3px;
  height: auto;
  vertical-align: middle; }

.s-cats-blocks .h5 {
  font-size: 22px;
  display: block;
  padding: 8px 15px;
  background: url(../images/bg_breadcrumb.gif);
  border-top: 1px solid #ddd; }

.s-cats-blocks li .bestseller-products li {
  padding-top: 0;
  text-align: center;
  position: relative; }

.s-cats-blocks li .bestseller-products li img {
  width: 70px; }

.s-cats-blocks li .bestseller-products .savings-label {
  display: none; }

.s-cats-blocks li .bestseller-products li .pName {
  height: 18px;
  clear: both;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.s-cats-blocks li .bestseller-products .price {
  font-size: 17px;
  font-family: "Officina Sans Bold", Arial; }

.s-cats-blocks li .bestseller-products {
  height: 180px;
  overflow: hidden;
  padding: 3px 10px; }

.s-cats-blocks li .bestseller-products .price-info-holder {
  line-height: 10px;
  color: #c5c5c5; }

.s-cats-blocks li .bestseller-products .price-info-holder a {
  text-decoration: underline;
  color: #c5c5c5; }

.s-cats-blocks li .bestseller-products .price-box.priceBx1 {
  line-height: 18px; }

.s-cats-blocks li .bestseller-products .s-info {
  display: inline-block;
  font-size: 10px;
  line-height: 10px;
  color: #c5c5c5;
  width: auto;
  height: auto; }

.main .hd4.s-cats-bh {
  font-size: 25px;
  padding-left: 0; }

.category-marken .s-cats-blocks .image-wrapper {
  text-align: center; }

.category-marken .s-cats-blocks li img {
  width: auto;
  height: 100%; }

/* (1) center items */
/* (2) hide the slides before the JS is loaded. avoids image jumping
       if -webkit-backface-visibility:hidden; is set (flexslider default),
       safari 5 renders some fonts / radio buttons strange (even outside the slideshow!) */
/* (3) center if there is just one item */
/* (4) hide border of first element */
/*******************************************************************************************************************************************
    TABS + ACCORDIONS + DROPDOWN-MENU
__________________________________________________________________________________________________________________________________________*/
.resp-tabs {
  clear: both; }

.resp-tabs-list, .resp-tab-content {
  display: none; }

.resp-accordion,
.resp-tabs-list li {
  position: relative;
  padding: 0 15px;
  cursor: pointer;
  line-height: 42px;
  font-family: "Officina Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: none;
  text-transform: none; }

.resp-accordion {
  border-top: 1px solid #cbc8be;
  border-bottom: 1px solid #cbc8be;
  color: #2d463b;
  /* fallback color only for non transparent gradients */
  background-color: #d7d2c4;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  /* Gradient + inset-shadow */ }
  .resp-accordion:hover {
    color: #222; }

.resp-tabs-list li {
  line-height: 38px;
  color: #2d463b;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #e8e2cc url(../images/tab-normal-bg.gif); }
  .resp-tabs-list li:hover {
    color: #222; }

.resp-accordion:after {
  content: "\e006";
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px; }

h2.resp-tab-active:after {
  content: "\e007"; }

.resp-accordion-closed {
  display: none; }

.tabs {
  padding-left: 15px;
  border-bottom: 1px solid #eee; }

.tabs li {
  float: left;
  margin: 0 -1px -1px 0; }

.tabs a,
.tabs span {
  display: block;
  padding: 0 11px;
  line-height: 38px;
  font-size: 14px;
  color: #2d463b;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #e8e2cc url(../images/tab-normal-bg.gif); }
  .tabs a:hover,
  .tabs span:hover {
    color: #222; }

.tabs span {
  padding-bottom: 1px;
  border-bottom: 0;
  color: #fff;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #8f8777 url(../images/tab-active-bg.gif); }

.sitemapTabs {
  margin: 0 0 30px -15px; }

.rpTabs {
  padding-top: 60px;
  margin: 0 15px 0 0; }

.resp-tabs-list li .rating-short-holder {
  display: block;
  position: absolute;
  width: 100px;
  top: 3px;
  right: 5px; }

#resp-tab-reviews {
  padding-right: 115px;
  position: relative; }

.pView .resp-tabs-list li .ratings {
  margin-bottom: 0; }

#resp-tab-reviews .ratingLinks {
  padding-top: 2px; }

.resp-tab-active .rating-short-holder .ratingBx .rating::before, .resp-tabs-list li:hover .rating-short-holder .ratingBx .rating::before, .resp-tab-active .ratingLinks, .resp-tabs-list li:hover .ratingLinks {
  color: #fff; }

.resp-tab-active .rating-short-holder .ratingBx:before, .resp-tabs-list li:hover .rating-short-holder .ratingBx:before {
  color: #aea392; }

/* order tabs / order dropdown */
.dropdown.orderTabs {
  position: relative;
  margin: 0 15px; }

.orderTabs .dropdown-toggle,
.orderTabs .dropdown-menu a,
.orderTabs .dropdown-menu span {
  display: block;
  line-height: 42px;
  font-family: "Officina Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: none;
  text-transform: none; }

.orderTabs .dropdown-toggle > span {
  position: relative;
  display: block;
  padding: 0 15px;
  border-top: 0;
  border-top: 1px solid #cbc8be;
  border-bottom: 1px solid #cbc8be;
  color: #2d463b;
  /* fallback color only for non transparent gradients */
  background-color: #d7d2c4;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  /* Gradient + inset-shadow */ }
  .orderTabs .dropdown-toggle > span:hover {
    color: #222; }

.orderTabs .dropdown-toggle > span:after {
  content: "\e002";
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 15px; }

.orderTabs .dropdown-toggle .current {
  padding-right: 19px; }

.orderTabs .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 50; }

.orderTabs .dropdown-menu a,
.orderTabs .dropdown-menu span {
  margin-bottom: -1px;
  padding: 0 15px;
  border-top: 1px solid #c4c1b8;
  border-bottom: 1px solid #c4c1b8;
  color: #2d463b;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #cdcac0; }
  .orderTabs .dropdown-menu a:hover,
  .orderTabs .dropdown-menu span:hover {
    color: #222; }

.orderTabs.open .dropdown-toggle,
.orderTabs.open .dropdown-menu {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.orderTabs.open .dropdown-toggle > span {
  z-index: 51; }

.orderTabs.open > .dropdown-menu {
  display: block; }

/*******************************************************************************************************************************************
    LISTS
__________________________________________________________________________________________________________________________________________*/
/* bullet-list 1 */
.bulletLi1 {
  margin-left: 14px;
  list-style: disc outside; }

.bulletLi1 li {
  padding-bottom: 6px; }

.indented {
  margin-left: 26px; }

/* ordered-list 1 */
.ol1 {
  margin-left: 17px;
  list-style: decimal outside; }

/* link-list 1 */
.linkLi1 .cArea,
.linkLi1 .note {
  position: relative;
  display: block;
  padding: 7px 0 8px;
  line-height: 15px; }

.linkLi1 .note {
  padding: 15px 14px; }

.main .linkLi1 li {
  border-bottom: 1px dotted #ddd;
  /* color for form-lists */
  color: #888; }
  .main .linkLi1 li > a.cArea {
    color: #888; }
  .main .linkLi1 li:hover {
    border-top: 1px solid #e7e7e7 !important;
    border-bottom: 1px solid #e7e7e7 !important;
    margin-top: -1px;
    /* color for form-lists */
    color: #222;
    -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.1), 0 -3px 3px -3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.1), 0 -3px 3px -3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.1), 0 -3px 3px -3px rgba(0, 0, 0, 0.1); }
    .main .linkLi1 li:hover.laB1 {
      margin-bottom: -1px; }
    .main .linkLi1 li:hover.laB2 {
      margin-bottom: -1px; }
    .main .linkLi1 li:hover > a.cArea {
      color: #222;
      text-shadow: #dddddd;
      text-decoration: #dddddd; }

/* sidebar modifications */
#colL .linkLi1,
#colR .linkLi1 {
  border-top: 1px dotted #e2e0c1;
  border-bottom: 1px dotted #e2e0c1; }

#colL .linkLi1 li,
#colR .linkLi1 li {
  border-bottom: 1px dotted #e2e0c1;
  /* color for form-lists */
  color: #888; }
  #colL .linkLi1 li > a.cArea,
  #colR .linkLi1 li > a.cArea {
    color: #888; }
  #colL .linkLi1 li:hover,
  #colR .linkLi1 li:hover {
    /* color for form-lists */
    color: #222;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: #fff; }
    #colL .linkLi1 li:hover > a.cArea,
    #colR .linkLi1 li:hover > a.cArea {
      color: #222;
      text-shadow: #dddddd;
      text-decoration: #dddddd; }

#colL .linkLi1 .cArea {
  padding: 7px 20px 8px 15px; }

#colR .linkLi1 .cArea {
  padding: 7px 15px 8px 20px; }

/* (1) used on sitemap: "There are no products/categories available." */
/* form-list 1 */
.formLi1 {
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd; }

.main ul.formLi1 li,
.main .formLi1 dt,
.main .formLi1 .note,
.main .formLi1 .hidden {
  line-height: 15px;
  border-bottom: 1px dotted #ddd;
  /* color for form-lists */
  color: #888; }
  .main ul.formLi1 li > a.cArea,
  .main .formLi1 dt > a.cArea,
  .main .formLi1 .note > a.cArea,
  .main .formLi1 .hidden > a.cArea {
    color: #888; }
  .main ul.formLi1 li:hover,
  .main .formLi1 dt:hover,
  .main .formLi1 .note:hover,
  .main .formLi1 .hidden:hover {
    border-top: 1px solid #e7e7e7 !important;
    border-bottom: 1px solid #e7e7e7 !important;
    margin-top: -1px;
    /* color for form-lists */
    color: #222;
    -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.1), 0 -3px 3px -3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.1), 0 -3px 3px -3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.1), 0 -3px 3px -3px rgba(0, 0, 0, 0.1); }
    .main ul.formLi1 li:hover.laB1,
    .main .formLi1 dt:hover.laB1,
    .main .formLi1 .note:hover.laB1,
    .main .formLi1 .hidden:hover.laB1 {
      margin-bottom: -1px; }
    .main ul.formLi1 li:hover.laB2,
    .main .formLi1 dt:hover.laB2,
    .main .formLi1 .note:hover.laB2,
    .main .formLi1 .hidden:hover.laB2 {
      margin-bottom: -1px; }
    .main ul.formLi1 li:hover > a.cArea,
    .main .formLi1 dt:hover > a.cArea,
    .main .formLi1 .note:hover > a.cArea,
    .main .formLi1 .hidden:hover > a.cArea {
      color: #222;
      text-shadow: #dddddd;
      text-decoration: #dddddd; }

ul.formLi1 li label, .formLi1 dt label {
  position: relative;
  float: none;
  padding: 8px 0 8px 23px;
  line-height: 15px; }

.formLi1 .label {
  float: left; }

/*(1)*/
.formLi1 .price-notice {
  float: right; }

/*(1)*/
.formLi1 .radio, .formLi1 .checkbox {
  float: left;
  margin: 9px 0 0 0; }

.formLi1 dd > div {
  position: relative;
  /*(2)*/
  border-bottom: 1px dotted #ddd; }

.formLi1 dt.la + dd > div {
  border-bottom: 0; }

/*(3)*/
.formLi1 .note {
  padding: 8px 0; }

/*(4)*/
.formLi1 .hidden label {
  padding: 8px 0;
  cursor: default; }

/*(5)*/
/* form-list 1 variant 1 (important) (6) */
.main ul.formLi1v1 li {
  color: #222; }

.main ul.formLi1v1 li label {
  padding-right: 60px;
  font-weight: normal; }

/* sidebar modifications */
#colL .formLi1,
#colR .formLi1 {
  border-top: 1px dotted #e2e0c1;
  border-bottom: 1px dotted #e2e0c1; }

#colL ul.formLi1 li,
#colR ul.formLi1 li {
  border-bottom: 1px dotted #e2e0c1;
  /* color for form-lists */
  color: #888; }
  #colL ul.formLi1 li > a.cArea,
  #colR ul.formLi1 li > a.cArea {
    color: #888; }
  #colL ul.formLi1 li:hover,
  #colR ul.formLi1 li:hover {
    /* color for form-lists */
    color: #222;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: #fff; }
    #colL ul.formLi1 li:hover > a.cArea,
    #colR ul.formLi1 li:hover > a.cArea {
      color: #222;
      text-shadow: #dddddd;
      text-decoration: #dddddd; }

#colL ul.formLi1 li label {
  padding: 7px 20px 7px 38px; }

#colR ul.formLi1 li label {
  padding: 7px 15px 7px 43px; }

#colL .formLi1 .radio {
  margin-left: 15px; }

#colR .formLi1 .radio {
  margin-left: 20px; }

/* (1) used for shipping methods + downloadable product options + bundle options */
/* (2) to position loading animation, for partial authorization (paygate\form\cc.phtml) */
/* (3) no border for last dd (IE8 compatible selector) */
/* (4) used for shipping method note (checkout) */
/* (5) if there is just one radio-button or checkbox > adjust padding-left from label */
/* (6) used for terms and conditions checkbox (opc + mac) */
/* definition-list 1 (1) */
.dl1 dt {
  padding-bottom: 6px;
  color: #222;
  line-height: 15px;
  font-family: "Officina Sans Bold", Arial;
  text-transform: uppercase; }

.dl1 .formLi1 {
  margin-bottom: 30px; }

/* (1) used for shipping methods */
/* button-list 1 (1) */
.btnLi1 li {
  float: left;
  line-height: 37px; }

.btnLi1 a,
.btnLi1 .act {
  position: relative;
  display: block;
  padding: 0 9px;
  text-transform: uppercase;
  color: #61af32;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent;
  text-shadow: transparent;
  -webkit-box-shadow: transparent;
  -moz-box-shadow: transparent;
  box-shadow: transparent; }
  .btnLi1 a:hover,
  .btnLi1 .act:hover {
    color: #222;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: transparent;
    -webkit-box-shadow: transparent;
    -moz-box-shadow: transparent;
    box-shadow: transparent; }

.btnLi1 .act {
  color: #222; }

/* (1) used for limiter */
/* tag-list 1 (1) */
.tagLi1 {
  margin-right: -3px;
  /*(2)*/ }

.tagLi1 li {
  display: inline-block;
  margin: 0 3px 12px 0; }

/* tag-list 2 (3) */
.tagLi2 > li {
  padding: 15px 0 11px;
  border-bottom: 1px dotted #ddd;
  line-height: 15px; }

.tagLi2 .ml {
  margin-left: 17px; }

/*(4)*/
.tagLi2 .pName {
  margin-bottom: 8px; }

.tagLi2 .tagLi1 {
  margin-bottom: 0; }

.pView .tagLi1 li, .tagLi2 .tagLi1 li {
  line-height: 25px; }

/*(5)*/
/* (1) used for shop by tag, popular search terms, product tags (product detail page), my recent tags (dashboard) */
/* (2) to compensate margin-right:3px; + 4px default space of display:inline-block; elements from .tagLi1 li */
/* (3) used for my recent tags (dashboard), contains tag-list 1 */
/* (4) .ml = margin-left */
/* (5) px-value for same button height */
/* comment-list 1 (1) */
.commentLi li {
  padding: 16px 0 0; }

.commentLi strong {
  color: #222; }

/* (1) used for order comments */
/*******************************************************************************************************************************************
    TABLES
__________________________________________________________________________________________________________________________________________*/
.ts1 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
  text-align: left; }

.ts1 td, .ts1 th {
  padding: 14px 10px;
  border-left: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
  vertical-align: top; }

.ts1 td.no-lborder {
  border-left: none; }

th {
  color: #222; }

.thd1 {
  line-height: 1;
  white-space: nowrap; }

.thd1 th {
  vertical-align: middle; }

.tbd1 {
  line-height: 17px; }

.tft1 td, .tft1 th {
  padding: 4px 10px;
  border-bottom: 0;
  text-align: right;
  line-height: 17px;
  /*vertical-align:middle;*/ }

.valM td, .valM th {
  vertical-align: middle; }

/*(1)*/
.ts1 .pImg img {
  max-width: none; }

/*(2)*/
/* special formatting */
.compareTable {
  position: relative; }

.compareTable th {
  padding-right: 30px; }

.ts1Compact td, .ts1Compact th {
  padding: 5px 10px; }

/*(3)*/
.ts1Compact .thd1 th {
  padding: 10px; }

.ts1Compact2 td, .ts1Compact2 th {
  padding: 8px 8px; }

/*(3)*/
.ts1Compact2 .tft1 td {
  padding: 3px 8px; }

.ts1Compact2 .totalRow td {
  padding: 8px 8px 7px; }

.pGroupedTable td {
  padding: 8px 10px; }

.tbd1 .radio, .tbd1 .checkbox {
  margin-top: 3px;
  vertical-align: top; }

.ts1 .pOptions {
  font-size: 12px; }

.ts1 .pOptions dt {
  padding-top: 10px;
  font-family: "Officina Sans Bold", Arial; }

.bundleLabel td {
  padding: 5px 10px 2px;
  font-family: "Officina Sans Bold", Arial; }

/*(4)*/
.bundleValue td {
  padding: 0 10px 10px; }

/*(4)*/
.updRow td {
  padding: 9px 10px; }

.updRow .btn2 {
  width: 100%;
  margin: 0 0 20px; }

.ts1 .btn2-toggle {
  margin: -1px 4px 0 0;
  vertical-align: top; }

.totalRow td, .totalRow th {
  padding: 10px;
  border-top: 1px dotted #ddd;
  color: #222;
  line-height: 17px;
  font-size: 16px;
  font-family: "Officina Sans Bold", Arial;
  text-transform: uppercase; }

.summary-details td {
  border-top: 1px dotted #ddd; }

.nomRow td, .nomRow th {
  color: #222; }

.nomHdRow th {
  line-height: 35px;
  font-size: 16px; }

.nomRow.spacerRow td {
  border-top: 1px dotted #ddd; }

.baseTotalRow td {
  color: #222; }

.ts1 .ratingBx {
  margin-right: 0; }

/* first / last modifications */
.ts1 td.first, .ts1 th.first {
  padding-left: 0;
  border-left: 0; }

.ts1 td.last, .ts1 th.last {
  padding-right: 0; }

.thd1 th.first {
  border-left: 0; }

.thd1 th.last {
  border-right: 0; }

/*(5)*/
.tbd1 .RB-B td, .tbd1 .RB-B th,
.tbd1 .B-B td, .tbd1 .B-B th {
  border-bottom: 0; }

/*(6)*/
/* second row in thead (7) */
.taxRow th {
  padding: 4px 5px 5px;
  border-top: 1px dotted #ddd;
  font-size: 12px;
  font-weight: normal; }

/* sidebar modifications */
#colL .ts1, #colR .ts1 {
  border-color: #e2e0c1; }

#colL .ts1 td, #colL .ts1 th,
#colR .ts1 td, #colR .ts1 th {
  padding: 7px 10px;
  border-color: #e2e0c1; }

#colL .ts1 td.first, #colL .ts1 th.first {
  padding-left: 15px; }

#colL .ts1 td.last, #colL .ts1 th.last {
  padding-right: 20px; }

#colR .ts1 td.first, #colR .ts1 th.first {
  padding-left: 20px; }

#colR .ts1 td.last, #colR .ts1 th.last {
  padding-right: 15px; }

/* no border for these tables */
.pGroupedTable,
.sales-order-history #my-orders-table,
#product-attribute-specs-table,
#my-downloadable-products-table,
#my-reviews-table,
#my-tags-table,
#downloadable-links-list {
  border: 0; }

/* table-style 2 (8) */
.ts2 {
  border-collapse: collapse;
  text-align: left; }

.ts2 td, .ts2 th {
  padding-bottom: 2px;
  vertical-align: top; }

.ts2 th {
  padding-right: 10px; }

/* table-style 3 (9) */
.ts3 {
  border-collapse: collapse;
  text-align: left; }

.ts3 td, .ts3 th {
  padding: 2px 0;
  vertical-align: top; }

.ts3 td {
  border-top: 1px dotted #64e2ab; }

.ts3 tr .first {
  padding-right: 10px; }

/* mobile specific */
.ts1-mobile tbody th, .ts1-mobile tbody td {
  padding: 3px 10px;
  border: 0;
  color: #888;
  text-align: left !important; }

.ts1-mobile tbody td {
  padding-right: 0; }

.ts1-mobile tbody th {
  padding-left: 0;
  font-weight: normal;
  white-space: nowrap; }

.ts1-mobile .begin th, .ts1-mobile .begin td {
  padding-top: 22px;
  color: #222;
  font-family: "Officina Sans Bold", Arial; }

.ts1-mobile tbody .first th,
.ts1-mobile tbody .first td {
  padding-top: 22px; }

.ts1-mobile .end th, .ts1-mobile .end td {
  padding-bottom: 20px;
  border-bottom: 1px dotted #ddd; }

.ts1-mobile tbody .last th,
.ts1-mobile tbody .last td {
  padding-bottom: 20px;
  border: 0; }

.ts1-mobile tfoot .first td {
  border-top: 1px dotted #ddd; }

.ts1-mobile.cartTable-mobile tfoot .first td {
  border: none; }

.ts1-mobile tfoot td {
  min-width: 140px;
  padding: 3px 10px;
  border-left: 0;
  text-align: left; }

.ts1-mobile .updRow td {
  padding-top: 20px;
  padding-bottom: 0; }

.ts1-mobile .summary-collapse {
  float: left; }

.ts1-mobile .btn2-toggle {
  float: right;
  margin-left: 7px; }

.ts1-mobile .pOptions {
  color: #888; }

.ts1-mobile .pOptions dd {
  font-weight: normal; }

.ts1-mobile .totalRow td {
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: none; }

.ts1-mobile.no-thead th {
  color: #222;
  font-family: "Officina Sans Bold", Arial; }

.ts1-mobile .giftMsgRow {
  padding-left: 0; }

/* buttons / links inside mobile tables */
.ts1-mobile .lnk-ba,
.ts1-mobile .lnk-review,
.ts1-mobile .lnk-download,
#my-tags-table.ts1-mobile .lnk-wishlist,
#my-orders-table.ts1-mobile .lnk-order,
#related-orders-table.ts1-mobile .lnk-order,
.cartTable-mobile .lnk-mtw,
.cartTable-mobile .lnk-edit {
  display: inline-block;
  margin: 4px 0;
  padding: 0 10px;
  line-height: 27px;
  color: #005b33;
  /* fallback color only for non transparent gradients */
  background-color: #d7d2c4;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  text-shadow: 0 1px 0 #fff;
  /* Gradient + inset-shadow */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  .ts1-mobile .lnk-ba:hover,
  .ts1-mobile .lnk-review:hover,
  .ts1-mobile .lnk-download:hover,
  #my-tags-table.ts1-mobile .lnk-wishlist:hover,
  #my-orders-table.ts1-mobile .lnk-order:hover,
  #related-orders-table.ts1-mobile .lnk-order:hover,
  .cartTable-mobile .lnk-mtw:hover,
  .cartTable-mobile .lnk-edit:hover {
    color: #005b33;
    /* fallback color only for non transparent gradients */
    background-color: #d7d2c4;
    background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
    /* Gradient + inset-shadow */
    -webkit-box-shadow: 0 0 5px rgba(0, 91, 51, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 91, 51, 0.5);
    box-shadow: 0 0 5px rgba(0, 91, 51, 0.5);
    /* Gradient + inset-shadow + box-shadow */ }

.ts1-mobile .btn2-remove span {
  height: 27px;
  width: 27px; }

.ts1-mobile .btn2-remove .ico:before {
  top: 2px;
  font-size: 22px; }

#my-tags-table.ts1-mobile .pLinks a:before {
  margin: 7px 6px 0 0; }

.lyrdNav .btn-remove {
  background: url(../images/close.png) no-repeat;
  width: 12px;
  height: 12px;
  overflow: hidden;
  text-indent: -99999px;
  display: block;
  position: absolute;
  right: 10px; }

.currently {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd; }

.currently li {
  padding: 0 15px;
  position: relative; }

.currently .block-subtitle {
  padding: 0 15px;
  color: #222;
  margin-bottom: 5px; }

/* mobile tables with no border top + bottom */
.ts1-mobile.no-border,
.sales-order-history #my-orders-table {
  border: 0; }

.ts1-mobile.no-border .first th,
.ts1-mobile.no-border .first td,
.sales-order-history .ts1-mobile .first th,
.sales-order-history .ts1-mobile .first td {
  padding-top: 0; }

#my-orders-table thead {
  white-space: normal; }

#my-reviews-table.ts1-mobile td,
#wishlist-table.ts1-mobile td {
  padding-left: 0; }

.sales-recurring-profile-view .ts1-mobile th {
  white-space: normal; }

/* shopping cart table mobile */
.cartTable-mobile colgroup,
.cartTable-mobile thead,
.cartTable-mobile .td-remove,
.cartTable-mobile .td-pName,
.cartTable-mobile .td-edit,
.cartTable-mobile .td-wishlist,
.cartTable-mobile .td-qty {
  display: none; }

.cartTable-mobile {
  border-top: 0; }

.cartTable-mobile tr, .cartTable-mobile td {
  display: block; }

.cartTable-mobile tbody tr {
  margin-bottom: 15px; }

.cartTable-mobile tbody td {
  padding: 2px 0 !important;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff; }

.cartTable-mobile tbody td.last {
  padding-bottom: 20px !important;
  border-bottom: 1px dotted #ddd; }

.cartTable-mobile tbody tr.last td.last {
  padding-bottom: 10px !important;
  border-bottom: 0; }

.cartTable-mobile .td-label {
  display: inline-block;
  /*min-width:90px;*/
  padding-right: 10px;
  font-family: "Officina Sans Bold", Arial; }

.cartTable-mobile .td-qty-label {
  display: none;
  width: auto;
  padding-right: 5px; }

.cartTable-mobile .cart-price {
  display: inline-block; }

.cartTable-mobile .td-pImg {
  padding: 10px 0 !important;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff; }

.cartTable-mobile .pImg {
  float: left;
  margin-right: -115px; }

.cartTable-mobile .pInfo {
  float: left;
  margin-left: 115px; }

.cartTable-mobile .qty {
  margin-top: 15px;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff; }

.cartTable-mobile .td-actions {
  padding: 10px 0 0 !important; }

.cartTable-mobile .btn2-remove,
.cartTable-mobile .lnk-mtw {
  margin: 0 10px 10px 0;
  vertical-align: top; }

.cartTable-mobile .lnk-edit {
  margin: 0 0 10px 0; }

.cartTable-mobile tfoot tr {
  overflow: hidden; }

.cartTable-mobile tfoot td.first {
  float: left;
  width: 70%;
  min-width: 0; }

.cartTable-mobile tfoot td.last {
  float: left;
  width: 30%;
  min-width: 0; }

.cartTable-mobile .updRow td {
  width: 100% !important;
  border-bottom: 1px dotted #ddd; }

.cartTable-mobile tr {
  border-bottom: 1px dotted #ddd; }

/* my tags table */
#my-tags-table .ratings {
  margin-top: 5px; }

#my-tags-table .price-box {
  margin: 15px 0; }

#my-tags-table .btn1-atc {
  margin-bottom: 7px; }

/* my tags table mobile */
#my-tags-table.ts1-mobile .pImg {
  text-align: center; }

/* wishlist table */
#wishlist-table .pImg {
  margin-bottom: 8px; }

#wishlist-table .pName {
  padding-bottom: 8px;
  margin-top: 5px; }

#wishlist-table .shortDescr {
  margin-bottom: 10px; }

#wishlist-table .addToCart,
#wishlist-table .tTipTrigger {
  margin-bottom: 12px; }

#wishlist-table .pLinks {
  padding-top: 12px; }

.wishlistTable .s-info li {
  font-size: 12px;
  display: inline-block; }

.wishlistTable .s-info {
  padding-bottom: 6px; }

.wishlistTable .product-icons {
  margin: 5px 0; }

.wishlistTable .help-icon .icon.action-to-date {
  text-indent: -9999px; }

.wishlistTable .addToCart {
  padding-top: 5px; }

.wishlistTable .btn1-atc .ico {
  font-size: 33px; }

.wishlistTable .addToCart label {
  position: relative;
  top: -5px; }

.wishlistTable .addToCart .btn1 > span {
  line-height: 30px; }

.wishlistTable .addToCart .btn1-atc .ico:before {
  margin-right: 0; }

#wishlist-table .thd1 {
  text-transform: none; }

/* wishlist table mobile */
#wishlist-table.ts1-mobile .end td,
#wishlist-table.ts1-mobile .addToCart br {
  display: none; }

#wishlist-table.ts1-mobile .pImg {
  margin-top: 15px;
  text-align: center; }

#wishlist-table.ts1-mobile .btn2-edit {
  margin-left: 10px; }

#wishlist-table.ts1-mobile .btn2-edit span {
  padding: 0 10px 1px;
  line-height: 26px; }

#wishlist-table.ts1-mobile .end .alC {
  text-align: left; }

#wishlist-table.ts1-mobile .addToCart {
  margin-bottom: 20px; }

#wishlist-table.ts1-mobile .pImg img {
  width: 85%;
  height: auto; }

#wishlist-table.ts1-mobile tr {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 40%;
  display: block;
  float: left; }

#wishlist-table.ts1-mobile tr.begin {
  clear: both;
  width: 20%; }

#wishlist-table.ts1-mobile td.last .btn2-remove {
  display: none; }

/* (1) default table-cell alignment is vertical-align:top;, with .valM this can be changed, used for tbody of shopping cart table */
/* (2) reset max-width: chrome shrinks images with max-width:100%; inside tables */
/* (3) .ts1Compact : used for downloadable product options table + product review table
       .ts1Compact2: used for refund table */
/* (4) for bundle products at my orders pages */
/* (5) .RB-T: used for tables without thead */
/* (6) .RB-B: used for tables without tfoot
       .B-B : used for tables without tfoot and without rounded border bottom (reorder-box table) */
/* (7) for shopping cart table, order review table: shows only if Tax > Display > Display Cart/Order Prices "Including and excluding tax" is enabled */
/* (8) .ts2: used for customer reviews table (on product detail page) */
/* (9) .ts3: used for stockQtyTable */
/*******************************************************************************************************************************************
    FORM ELEMENTS
__________________________________________________________________________________________________________________________________________*/
.input-box {
  padding-bottom: 19px; }

label {
  float: left;
  display: block;
  padding: 1px 12px 3px 0;
  line-height: 17px;
  font-family: "Officina Sans Bold", Arial; }

input, button, label {
  cursor: pointer; }

.txtIn, textarea {
  padding: 5px 10px 3px; }

.txtIn, textarea, select {
  width: 100%;
  height: 36px;
  font-weight: normal;
  cursor: text;
  border: 1px solid;
  border-color: #d3d1cc #f3f1ec #f3f1ec #d3d1cc;
  color: inherit;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #faf9f4;
  -webkit-box-shadow: inset 2px 2px 3px -1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 2px 2px 3px -1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 2px 2px 3px -1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  .txtIn:focus, textarea:focus, select:focus {
    border-color: #c7ceba #e5eed7 #e5eed7 #c7ceba;
    color: #000;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: #edf7dc; }

textarea, textarea.txtIn {
  height: auto;
  line-height: 1.5;
  /* 18px */ }

select {
  padding: 9px 1px 6px 2px;
  line-height: 30px;
  /* safari */ }

optgroup {
  font-style: normal; }

option {
  padding: 0 10px 0 4px; }

.multiselect {
  height: auto; }

.multiselect option {
  padding: 1px 10px 1px 4px; }

.radio {
  vertical-align: middle; }

/*(1)*/
.qty {
  width: 37px;
  text-align: center; }

.req em {
  padding-left: 3px;
  color: #005b33;
  font-family: "Officina Sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 0.80em; }

.input-box .hint1 {
  margin: 6px 2px 0;
  line-height: 1.2;
  font-size: 12px; }

/*(2)*/
.input-box .hint2 {
  float: left;
  line-height: 17px;
  cursor: help; }

/*(2)*/
.txtIn.readonly, .txtIn.readonly:focus {
  background: #dcdcdc;
  color: inherit; }

/* focus states webkit */
button:focus, input:focus,
textarea:focus, select:focus {
  outline: none; }

/*(3)*/
/* disabled fields */
.qty-disabled, .qty-disabled:hover {
  width: 15px !important;
  padding-left: 0;
  padding-right: 0;
  text-align: right;
  border-color: transparent;
  color: #ccc;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

/*(4)*/
/* color modifications */
.shopBxT .qty, .shopBxB .qty,
.pConfigurable .shopBx select {
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff; }

/* validation */
.validation-advice {
  position: relative;
  padding: 7px 2px 1px;
  color: #ff0042;
  line-height: 14px;
  font-size: 12px;
  font-family: "Officina Sans Bold", Arial; }

.validation-advice .ico {
  display: none; }

.adviceBx1 {
  position: relative;
  top: -45px;
  /*(6)->*/
  display: table;
  width: 100%;
  /*<-(6)*/ }

/*(5)*/
.adviceBx2 {
  position: relative;
  top: -19px;
  clear: both; }

/*(5)*/
ul.validation-failed li label {
  padding: 7px 10px 7px 33px; }

ul.validation-failed .radio,
ul.validation-failed .checkbox {
  margin-left: 10px; }

table.validation-failed td.first {
  padding-left: 10px; }

table.validation-failed td.last {
  padding-right: 10px; }

.txtIn.validation-failed,
textarea.validation-failed,
select.validation-failed {
  -webkit-box-shadow: inset 2px 2px 3px -1px rgba(0, 0, 0, 0.1), 0 3px 4px -4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 2px 2px 3px -1px rgba(0, 0, 0, 0.1), 0 3px 4px -4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 2px 2px 3px -1px rgba(0, 0, 0, 0.1), 0 3px 4px -4px rgba(0, 0, 0, 0.1); }

ul.validation-failed,
table.validation-failed {
  -webkit-box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.1); }

/* dob */
.customer-dob .rowG2 {
  margin: 0 -7px; }

.customer-dob .w33 {
  float: left;
  width: 33.3333%; }

.customer-dob .wsG2 {
  margin: 0 7px; }

.customer-dob .input-box {
  position: relative; }

.customer-dob .txtIn {
  padding-right: 43px; }

.customer-dob label {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 0 6px;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: rgba(0, 0, 0, 0.07);
  line-height: 34px;
  font-size: 12px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

.customer-dob .input-box .validation-advice {
  display: none; }

/*(7)*/
/* input range (8) */
.inputRange {
  clear: both;
  overflow: hidden; }

.inputRange .input-box {
  float: left;
  width: 30%; }

.inputRange .sep1, .inputRange .label {
  float: left;
  line-height: 37px; }

.inputRange .sep1 {
  color: #888; }

.inputRange .label {
  padding-left: 8px; }

/* date picker (8) */
.datePickerJs {
  position: relative; }

.datePickerJs .txtIn {
  padding-right: 40px; }

.datePickerJs .ico {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 6px 0 9px;
  line-height: 34px;
  cursor: pointer;
  border: 1px solid #c2b9a0;
  color: #2d463b;
  /* fallback color only for non transparent gradients */
  background-color: #d7d2c4;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  /* Gradient + inset-shadow */
  -webkit-box-shadow: -3px 0 2px -2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: -3px 0 2px -2px rgba(0, 0, 0, 0.25);
  box-shadow: -3px 0 2px -2px rgba(0, 0, 0, 0.25);
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }

.datePickerJs .ico:before {
  content: "\e014";
  padding-top: 9px;
  font-size: 16px; }

.datePickerJs .ico img {
  display: none; }

.datePickerWs {
  margin-right: 20px; }

.calendar {
  z-index: 10; }

/* (1) to vertical-align radio-buttons inside table-cells */
/* (2) hint1: hint below input-field, used for "Use spaces to separate tags ..." hint
       hint2: hint next to label, used for "What is this?" link (payment information) */
/* (3) outline-style "auto": webkit only */
/* (4) used for bundled products */
/* (5) wrapper-element for validation-advice
       .adviceBx1: advice below other elements than input-boxes, used for #product-review-table (product review page), bundled product options and downloadable products options table
       .adviceBx2: one advice for multiple input-boxes. used for dob, switch/maestro + solo, custom options: date/time, reorderBx */
/* (6) clearing with display:table; + width:100%;, for Safari + Chrome (clearing with .adviceBx1:before is not working in webkit) */
/* (7) used for dob-widget */
/* (8) .inputRange: used on advanced search page
       .datePicker: used on advanced search page */
/*******************************************************************************************************************************************
    LINKS
__________________________________________________________________________________________________________________________________________*/
.lnk1,
.lnk1-m a {
  color: #61af32; }
  .lnk1:hover,
  .lnk1-m a:hover {
    text-decoration: underline; }

.lnk2 {
  color: #61af32;
  text-shadow: #ddd;
  text-decoration: #ddd; }
  .lnk2:hover {
    text-shadow: #ddd;
    text-decoration: #ddd; }

.lnk3 {
  color: #61af32;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #ddd;
  text-shadow: #ddd;
  text-decoration: #ddd;
  font-family: "Officina Sans Bold", Arial; }
  .lnk3:hover {
    color: #ddd;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: #ddd;
    text-shadow: #ddd;
    text-decoration: #ddd; }

.lnk4 {
  color: #61af32;
  text-shadow: #ddd;
  text-decoration: #ddd;
  font-family: "Officina Sans Bold", Arial; }
  .lnk4:hover {
    color: #61af32;
    text-shadow: #ddd;
    text-decoration: #ddd; }

.lnk5 {
  color: #888;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #ddd;
  text-shadow: #ddd;
  text-decoration: #ddd; }
  .lnk5:hover {
    color: #ddd;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: #ddd;
    text-shadow: #ddd;
    text-decoration: #ddd; }

.lnk6 {
  color: #888;
  text-shadow: #ddd;
  text-decoration: #ddd; }
  .lnk6:hover {
    text-shadow: #ddd;
    text-decoration: underline; }

.lnk-removeAll {
  border: 0;
  line-height: 1; }

.lnk-forgotpw {
  float: none;
  line-height: 40px; }

.lnk-review {
  font-family: "Officina Sans Bold", Arial; }

.lnk-giftMsg {
  display: inline-block;
  margin-top: 15px;
  line-height: 1;
  font-size: 12px; }

/* click for price */
.lnk-stockQty:hover {
  border: 0; }

/* billing agreement */
/* recurring profile */
/* move to wishlist */
/* widgets */
.lnk-cat a, .lnk-product a, .lnk-cms a {
  color: #61af32; }

.lnk-cat a:hover, .lnk-product a:hover, .lnk-cms a:hover {
  text-decoration: underline; }

/* cms lists */
ul.disc {
  list-style: disc;
  margin: 10px 0 16px 30px; }

ol.listing {
  list-style: decimal;
  margin: 10px 0 16px 30px; }

ol.listing li, ul.listing li {
  margin-bottom: 8px; }

ul.listing {
  list-style: disc;
  margin: 10px 0 16px 30px; }

/* add to wishlist, add to compare + email to a friend link */
.pLinks {
  font-size: 12px; }

.pLinks a {
  color: #61af32; }

.pLinks a:before {
  margin: 6px 6px 0 0;
  font-size: 14px; }

.lnk-wishlist a:before {
  content: "\e017";
  margin: 6px 4px 0 -1px;
  line-height: 15px; }

a.lnk-wishlist:before {
  content: "\e017";
  margin: 2px 4px 0 0; }

.lnk-etaf a:before {
  content: "\e00f"; }

.lnk-compare {
  display: none; }

.lnk-compare a:before {
  content: "\e00e"; }

/* .lnk1:   accent color + underlined on hover */
/* .lnk1-m: like .lnk1, but for parent element (to style multiple links) */
/* .lnk2:   accent color */
/* .lnk3:   accent color + bold */
/* .lnk4:   accent color + bold + underlined on hover */
/* .lnk5:   default color + underlined */
/* .lnk6:   default color + accent color on hover */
/*******************************************************************************************************************************************
    BUTTONS
__________________________________________________________________________________________________________________________________________*/
.btn1, .btn2 {
  position: relative;
  display: inline-block;
  border: 0;
  background: none;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.btn1 > span, .btn2 > span {
  display: block;
  padding: 0 20px;
  line-height: 38px;
  font-size: 15px;
  font-weight: 100;
  text-transform: none; }

.btn1 b, .btn2 b {
  display: inline-block;
  font-weight: 100; }

button.btn1 {
  border: 1px solid #8aa05f;
  color: #2d463b;
  /* fallback color only for non transparent gradients */
  background-color: #a7ba84;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ccdcab"/>\a         <stop offset="101%" stop-color="#a7ba84"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  /* Gradient + inset-shadow */
  -webkit-box-shadow: inset 1px 1px 0 rgba(230, 249, 190, 0.5), 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 1px 1px 0 rgba(230, 249, 190, 0.5), 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 1px 0 rgba(230, 249, 190, 0.5), 0 2px 5px rgba(0, 0, 0, 0.2); }
  button.btn1:hover {
    color: #ffffff;
    /* fallback color only for non transparent gradients */
    background-color: #9ab05c;
    background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#86a447"/>\a         <stop offset="101%" stop-color="#9ab05c"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
    /* Gradient + inset-shadow */
    -webkit-box-shadow: inset 1px 1px 0 rgba(196, 240, 105, 0.5), 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 1px 0 rgba(196, 240, 105, 0.5), 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 1px 0 rgba(196, 240, 105, 0.5), 0 2px 5px rgba(0, 0, 0, 0.2); }

.btn2 {
  border: 1px solid #c2b9a0;
  color: #2d463b;
  /* fallback color only for non transparent gradients */
  background-color: #d7d2c4;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  /* Gradient + inset-shadow */
  -webkit-box-shadow: inset 1px 1px 0 rgba(252, 244, 221, 0.5), 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 1px 1px 0 rgba(252, 244, 221, 0.5), 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 1px 0 rgba(252, 244, 221, 0.5), 0 2px 5px rgba(0, 0, 0, 0.2); }
  .btn2:hover {
    /* fallback color only for non transparent gradients */
    background-color: #ded9ca;
    background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#f5f3e9"/>\a         <stop offset="101%" stop-color="#ded9ca"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
    /* Gradient + inset-shadow */
    -webkit-box-shadow: inset 1px 1px 0 rgba(249, 248, 242, 0.5), 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 1px 0 rgba(249, 248, 242, 0.5), 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 1px 0 rgba(249, 248, 242, 0.5), 0 2px 5px rgba(0, 0, 0, 0.2); }

/* special buttons with additional class */
.btn1-checkout span {
  line-height: 50px;
  font-size: 19px; }

.btn1-atc b {
  font-weight: 100; }

.btn1-atc .ico:before {
  content: "\e013";
  margin: 5px 9px 0 -2px;
  font-size: 27px; }

.btn1-cont .ico:before,
.btn2-cont .ico:before {
  content: "\e004";
  margin: 7px -10px 0 5px;
  font-size: 24px; }

.btn2-back .ico:before {
  content: "\e003";
  margin: 7px 5px 0 -9px;
  font-size: 24px; }

.btn1-add .ico:before,
.btn2-add .ico:before {
  content: "\e006";
  margin: 9px 10px 0 -3px;
  font-size: 20px; }

.btn1-remove .ico:before {
  content: "\e00f";
  margin: 7px 8px 0 -4px;
  font-size: 22px; }

.btn2-mac {
  text-align: center; }

.btn2-removeAll .ico:before {
  content: "\e00f";
  margin: 8px 8px 0 -5px;
  font-size: 22px; }

.btn2-removeAll:hover {
  color: #ff0042; }

/* hide icons on small screens */
.btn1-cont .ico,
.btn2-back .ico,
.btn1-add .ico,
.btn2-add .ico,
.btn1-remove .ico {
  display: none; }

/* small buttons | "update cart" + "clear cart" button */
.btn2-update span,
.updRow .btn2-removeAll span {
  padding: 0 9px;
  line-height: 26px;
  font-size: 10px; }

.btn2-update .ico:before {
  content: "\e009";
  margin: 5px 7px 0 0;
  font-size: 16px; }

.updRow .btn2-removeAll .ico:before {
  margin: 4px 3px 0 -3px;
  font-size: 19px; }

/* mini buttons | "edit" button (minicart + my wishlist page) + "add to cart" button (wishlist sidebar) */
.btn2-edit span,
.btn2-atc span {
  padding: 0 5px 1px;
  line-height: 16px;
  font-size: 10px; }

/* fixed size buttons */
.btn2-remove span,
.btn2-back2 span,
.btn2-toggle span {
  width: 17px;
  height: 17px;
  padding: 0;
  text-indent: -50000px; }

.btn2-remove .ico:before,
.btn2-back2 .ico:before,
.btn2-toggle .ico:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 17px;
  text-indent: 0; }

.btn2-remove .ico:before {
  content: "\e00f"; }

.btn2-back2 .ico:before {
  content: "\e005"; }

.btn2-toggle .ico:before {
  content: "\e006"; }

.dropdown-cart .btn2-edit span,
.dropdown-cart .btn2-remove span {
  width: 27px;
  height: 27px;
  padding: 0;
  text-indent: -50000px; }

.dropdown-cart .btn2-edit span:before {
  content: "\e017";
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 17px;
  text-indent: 0; }

.dropdown-cart .btn2-remove .ico:before {
  top: 2px;
  font-size: 22px; }

/* close button */
.cart-tax-total-expanded .ico:before,
.summary-collapse .show-details .ico:before {
  content: "\e007"; }

/* color modifications */
#colL .btn2, #colR .btn2 {
  border-color: #e4e0c4; }

.filterAct .btn2 {
  color: #005b33;
  /* fallback color only for non transparent gradients */
  background-color: #d7d2c4;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  text-shadow: 0 1px 0 #fff;
  /* Gradient + inset-shadow */ }
  .filterAct .btn2:hover {
    color: #005b33;
    /* fallback color only for non transparent gradients */
    background-color: #d7d2c4;
    background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
    /* Gradient + inset-shadow */
    -webkit-box-shadow: 0 0 5px rgba(0, 91, 51, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 91, 51, 0.5);
    box-shadow: 0 0 5px rgba(0, 91, 51, 0.5);
    /* Gradient + inset-shadow + box-shadow */ }

#colL .actionBx .btn2,
#colR .actionBx .btn2 {
  border-color: #c4beab; }

.no-checkout {
  border-color: #ccc;
  cursor: default; }

/*(1)*/
.no-checkout span, .no-checkout:hover span {
  color: #999;
  background: #e5e5e5;
  text-shadow: none; }

/* (1) .no-checkout: for "place order" button (paypal express review page), if no shipping method is selected (class added in checkout\review.js) */
/* tag-list buttons */
.tagLi1 a {
  float: left;
  padding: 0 9px;
  line-height: 1.7;
  border: 1px solid #c2b9a0;
  color: #2d463b;
  /* fallback color only for non transparent gradients */
  background-color: #d7d2c4;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  /* Gradient + inset-shadow */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  /* Gradient + inset-shadow + box-shadow */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  .tagLi1 a:hover {
    /* fallback color only for non transparent gradients */
    background-color: #ded9ca;
    background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#f5f3e9"/>\a         <stop offset="101%" stop-color="#ded9ca"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
    /* Gradient + inset-shadow */
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    /* Gradient + inset-shadow + box-shadow */ }

.tagLi1 b {
  padding-left: 2px;
  font-weight: normal; }

.popTags .tagLi1 a {
  color: #005b33;
  /* fallback color only for non transparent gradients */
  background-color: #d7d2c4;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  text-shadow: 0 1px 0 #fff;
  /* Gradient + inset-shadow */ }
  .popTags .tagLi1 a:hover {
    color: #005b33;
    /* fallback color only for non transparent gradients */
    background-color: #d7d2c4;
    background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
    /* Gradient + inset-shadow */
    -webkit-box-shadow: 0 0 5px rgba(0, 91, 51, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 91, 51, 0.5);
    box-shadow: 0 0 5px rgba(0, 91, 51, 0.5);
    /* Gradient + inset-shadow + box-shadow */ }

/* make links / icons / divs look like buttons */
.pView .pLinks a {
  float: left;
  padding: 0 12px 0 10px;
  line-height: 26px;
  color: #005b33;
  /* fallback color only for non transparent gradients */
  background-color: #d7d2c4;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  text-shadow: 0 1px 0 #fff;
  /* Gradient + inset-shadow */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  .pView .pLinks a:hover {
    color: #005b33;
    /* fallback color only for non transparent gradients */
    background-color: #d7d2c4;
    background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
    /* Gradient + inset-shadow */
    -webkit-box-shadow: 0 0 5px rgba(0, 91, 51, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 91, 51, 0.5);
    box-shadow: 0 0 5px rgba(0, 91, 51, 0.5);
    /* Gradient + inset-shadow + box-shadow */ }

.lnk-rss,
.lnk-rss2:before,
.getFeed .ico {
  border: 0 !important;
  color: #2d463b;
  /* fallback color only for non transparent gradients */
  background-color: #a7ba84;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ccdcab"/>\a         <stop offset="101%" stop-color="#a7ba84"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  /* Gradient + inset-shadow */ }

.lnk-rss {
  position: relative;
  float: left;
  width: 18px;
  height: 18px;
  margin: 1px 0 0 10px;
  text-indent: -50000px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.lnk-rss:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 14px;
  text-indent: 0; }

.lnk-rss2 {
  position: relative;
  margin-left: 25px; }

.lnk-rss2:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -24px;
  width: 16px;
  height: 16px;
  padding: 2px 0 0 2px;
  font-size: 14px; }

.getFeed .ico {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 10px;
  vertical-align: bottom; }

.getFeed .ico:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 14px; }

.captchaReload {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 23px;
  height: 23px;
  cursor: pointer;
  border: 1px solid #8aa05f;
  color: #2d463b;
  /* fallback color only for non transparent gradients */
  background-color: #a7ba84;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ccdcab"/>\a         <stop offset="101%" stop-color="#a7ba84"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  /* Gradient + inset-shadow */
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }

.captchaReload:before {
  content: "\e009";
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 16px; }

.opcProg .lnk-edit {
  display: inline-block;
  margin-top: 3px;
  padding: 6px 7px;
  line-height: 15px;
  border: 1px solid #c2b9a0;
  color: #2d463b;
  /* fallback color only for non transparent gradients */
  background-color: #d7d2c4;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  /* Gradient + inset-shadow */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  /* Gradient + inset-shadow + box-shadow */
  border-color: #e4e0c4; }
  .opcProg .lnk-edit:hover {
    /* fallback color only for non transparent gradients */
    background-color: #ded9ca;
    background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#f5f3e9"/>\a         <stop offset="101%" stop-color="#ded9ca"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
    /* Gradient + inset-shadow */
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    /* Gradient + inset-shadow + box-shadow */ }

.hd3 .lnk-edit {
  padding: 6px 7px;
  border: 1px solid #c2b9a0;
  color: #2d463b;
  /* fallback color only for non transparent gradients */
  background-color: #d7d2c4;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  /* Gradient + inset-shadow */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  /* Gradient + inset-shadow + box-shadow */ }
  .hd3 .lnk-edit:hover {
    /* fallback color only for non transparent gradients */
    background-color: #ded9ca;
    background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#f5f3e9"/>\a         <stop offset="101%" stop-color="#ded9ca"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
    /* Gradient + inset-shadow */
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    /* Gradient + inset-shadow + box-shadow */ }

/*******************************************************************************************************************************************
    PRICES AND TAXES
__________________________________________________________________________________________________________________________________________*/
/*.priceBold .price,*/
.tierPrices .price,
.pList .price, .pList2 .price,
.price-notice .price, .compareTable .price,
#my-tags-table .price, .mac .grandTotal .price {
  font-family: "Officina Sans Bold", Arial; }

.price {
  color: #005b33; }

.price, .priceBx1 .weee {
  white-space: nowrap; }

.old-price .price {
  text-decoration: line-through; }

.special-price .price {
  padding: 1px 3px;
  color: #fff;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #ff0042; }

.price-box .label2, .weee {
  color: #888; }

/*(1)*/
.priceFrom, .priceTo {
  overflow: hidden; }

.mac .grandTotal {
  margin-bottom: 20px;
  color: #222;
  line-height: 38px;
  font-size: 16px;
  text-transform: uppercase; }

/* priceBx1 | for price excl. or incl. tax */
.priceBx1 .old-price {
  padding-right: 10px; }

.priceBx1 .weee {
  display: inline-block;
  padding-left: 4px; }

.priceBx2 .regular-price {
  display: block;
  overflow: hidden; }

/*(2)*/
.weeeBx {
  display: block;
  margin: 2px 0;
  border-bottom: 1px solid #ccc; }

/*(2)*/
.pas {
  display: inline-block; }

/* priceBx2 | for both prices */
.priceBx2 {
  display: inline-block;
  line-height: 1;
  vertical-align: top; }

.priceBx2 .old-price, .priceBx2 .special-price {
  display: block; }

.priceBx2 .old-price {
  margin-bottom: 4px; }

.priceBx2 .weee, .weeeTotal, .priceBlock,
.price-excluding-tax, .price-including-tax {
  display: block;
  padding: 1px 0 2px;
  overflow: hidden; }

/*(3)*/
.price-excluding-tax {
  border-bottom: 1px solid #ccc; }

.priceBlock {
  padding: 0; }

.priceBx2 .weee {
  border-top: 1px solid #ccc; }

.priceBx2 .label {
  float: left;
  padding-top: 1px;
  font-size: 10px;
  white-space: nowrap; }

.priceBx2 .label2 {
  display: block;
  padding-bottom: 4px; }

.priceBx2 .price {
  float: right;
  padding-left: 8px; }

.priceBx2 .old-price .price {
  float: none;
  padding: 0 !important; }

.priceBx2 .priceFrom {
  margin-bottom: 10px; }

.noB-noWs {
  padding: 0 !important;
  border: 0; }

/*(4)*/
/* (1) .label2: "as low as", " from - to", "price as configured", "starting at" */
/* (2) .priceBx2 + .weeeBx: for price incl. or excl. tax and "Excluding FPT, FPT description, final price" */
/* (3) .weeeTotal: used at minicart for "Excluding FPT, FPT description, final price" */
/* (4) .noB-noWs: for products with special-price + weee, overwrite .price-excluding-tax / .price-including-tax */
/* product view page */
.pView .priceBx2 .weee,
.pView .price-excluding-tax, .pView .price-including-tax {
  padding: 2px 0; }

.pView .shopBx .price-excluding-tax, .pView .shopBx .weee {
  border-color: #92c0e0; }

.pView .priceBx2 {
  padding-bottom: 18px; }

.pView .priceBx1 .price, .pView .priceBx2 .price {
  line-height: 35px;
  font-size: 30px;
  font-family: "Officina Sans Bold", Arial; }

.pView .priceBx1 .old-price {
  display: inline-block;
  padding: 0 15px 20px 0; }

.pView .priceBx1 .special-price .price {
  padding: 3px 5px; }

.pView .priceBx2 .old-price {
  margin-bottom: 10px; }

.pView .priceBx2 .label {
  padding-top: 4px; }

.priceBxBundle {
  padding-bottom: 18px; }

.priceBxBundle .price-box {
  float: left; }

.pView .priceFrom, .pView .priceTo {
  float: left;
  margin: 0 40px 0 0; }

.priceFrom .weeeBx, .priceTo .weeeBx, .pas .weee {
  clear: both; }

.pas .priceBlock {
  padding-bottom: 2px; }

.pView .priceMin {
  margin-right: 40px; }

.pView .label2 {
  display: block;
  margin-bottom: 3px;
  padding: 4px 0 2px;
  border-bottom: 1px dotted #8cc6ad;
  color: #000;
  line-height: 1;
  font-size: 12px; }

.pView .weee {
  color: #777; }

.pView .weee .label {
  padding-top: 1px;
  font-size: 10px; }

.pView .weee .price {
  font-size: 12px; }

.tierPrices {
  margin-bottom: 20px;
  white-space: nowrap; }

.pOptions .tierPrices {
  margin-top: -40px;
  margin-bottom: 60px; }

.pGroupedTable .tierPrices {
  padding-top: 5px; }

.pGroupedTable .price-box .price {
  font-size: 12px; }

.pGroupedTable .old-price {
  padding: 0 !important; }

.pGroupedTable .special-price {
  display: inline-block; }

.shopBxT .price-box {
  margin-top: -2px;
  padding-bottom: 2px; }

.no-touch .info-mobile {
  display: none; }

.pView .colL {
  position: relative; }

.pView .price-percentage {
  top: 20px;
  right: 20px;
  background: url(../images/vaa_sprite.png) no-repeat -120px -73px;
  height: 70px;
  width: 70px;
  font-size: 23px;
  line-height: 73px;
  left: 5px;
  top: 5px; }

.price-percentage {
  position: absolute;
  top: 0;
  right: 10px;
  background: url(../images/vaa_sprite.png) no-repeat -197px -5px;
  height: 55px;
  width: 55px;
  text-align: center;
  color: #fff;
  line-height: 55px;
  z-index: 100;
  font-size: 16px; }

.bestseller-products .price-percentage {
  background-position: -198px -69px;
  height: 37px;
  width: 37px;
  line-height: 38px;
  right: 0; }

.s-cats-blocks li .bestseller-products .price-percentage .price {
  font-size: 12px; }

.price-percentage .price {
  font-family: "Officina Sans Bold", Arial;
  font-weight: 100; }

.carousel .price-percentage .price {
  font-size: inherit;
  font-family: "Officina Sans Bold", Arial; }

.price-percentage span {
  font-weight: 100; }

.savingprice .small {
  font-family: "Officina Sans", Arial, Helvetica, sans-serif; }

.price-percentage .price {
  color: #fff;
  text-decoration: underline; }

.price-percentage .price:hover {
  text-decoration: underline;
  cursor: pointer;
  border-bottom: 1px solid #fff; }

.p-titl {
  padding: 20px 30px 0; }

.action-to-date {
  display: block;
  font-size: 12px;
  margin-bottom: 4px; }

.action-to-date .ico:before {
  content: "%";
  padding: 1px 4px;
  margin-right: 5px;
  font-size: 14px;
  background: #f6f6f6;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: inline-block;
  font-family: "Officina Sans Bold", Arial;
  color: #005b33; }

.help-icon .icon.action-to-date:before {
  content: "%";
  padding: 0;
  font-size: 15px;
  margin-top: -3px;
  display: inline-block;
  font-family: "Officina Sans Bold", Arial;
  color: #888; }

.help-icon .icon.action-to-date {
  background: none;
  width: 16px;
  height: 17px;
  text-indent: 0; }

.shopBxT .help-icon .icon.action-to-date {
  display: none; }

.shopBxT .col-r {
  width: 66%;
  float: right; }

.shopBxT .col-l {
  width: 30%;
  float: left; }

.shopBxT .s-info .pack, .more-packing {
  font-family: "Officina Sans Bold", Arial, Arial;
  padding-bottom: 5px;
  color: #000; }

.shopBxT .s-info .manu {
  margin-bottom: 10px; }

.shopBxT .s-info li {
  color: #636363;
  font-size: 12px;
  line-height: 14px;
  padding-bottom: 6px; }

.cartTable .s-info li {
  font-size: 12px;
  line-height: 14px; }

.more-packing {
  font-size: 14px; }

.more-packing {
  margin-bottom: 0;
  padding-bottom: 0; }

.packeges {
  font-family: "Officina Sans Bold", Arial;
  font-size: 14px; }

.shopBxT .btn1-atc > span {
  padding: 5px 46px 0; }

.pView.single .shopBxT .btn1-atc > span {
  padding: 5px 20px 0; }

.pView.single .addToCart .qty {
  margin-right: 10px; }

.pView.single .bd1 {
  clear: both; }

.pView.single .lmivlink {
  margin-bottom: 9px; }

.pView.single .lmivlink a {
  cursor: pointer;
  font-size: 12px;
  line-height: 16px; }

.shopBxT .delv {
  margin: 10px 0; }

.pGrid .s-info {
  font-size: 10px;
  line-height: 11px; }

.pGrid .s-info li {
  display: inline; }

.price-info-holder {
  line-height: 11px; }

.pGrid .help-icon {
  clear: both; }

.pGrid .product-icons {
  width: auto;
  margin: 0 auto;
  display: inline-block; }

.pGrid .delivery-time {
  display: none; }

.manulogo {
  display: inline-block;
  float: right;
  margin-top: -17px;
  margin-bottom: -10px; }

/* minicart + wishlist box */
.pList3 .priceBx2 .weee, .weeeTotal, .pList3 .priceBlock,
.pList3 .price-excluding-tax, .pList3 .price-including-tax {
  padding: 1px 0; }

.pList3 .priceBx1 {
  display: inline-block; }

.pList3 .priceBx2 {
  display: block; }

.pList3 .price-box .label {
  padding-top: 2px;
  font-size: 9px; }

.pList3 .priceBx2 .price {
  padding-left: 4px; }

.weeeTotal {
  border-top: 1px solid #ccc; }

/* wishlist box */
.wishlistBx .priceBx1, .wishlistBx .priceBx2 {
  margin-bottom: 10px; }

.wishlistBx .pas .price {
  font-family: "Officina Sans Bold", Arial; }

.wishlistBx .priceBx1 .weee {
  padding-left: 0; }

/* my wishlist */
#wishlist-table .price-box {
  margin-bottom: 10px; }

#wishlist-table .pas .price {
  font-family: "Officina Sans Bold", Arial; }

/* prices in sales tables */
.exclTax2 .label, .inclTax2 .label {
  display: block;
  line-height: 16px;
  /*(1)*/
  font-size: 12px;
  white-space: nowrap; }

.cart-tax-total {
  cursor: pointer; }

.cart-tax-info, .cart-tax-total .label {
  padding-top: 6px; }

.cart-tax-total .label {
  padding-bottom: 2px; }

.cart-tax-total .btn2-toggle {
  margin-top: -1px; }

/* (1) align label-text with toggle button */
/* Savings */
.savings-label {
  /* background: $savings-color;  */
  background: url(../images/red-bg.gif);
  color: #fff;
  border-radius: 5px;
  font-family: "Officina Sans Bold", Arial;
  display: inline-block;
  padding: 2px 10px;
  font-size: 16px;
  text-decoration: underline; }

.savings-label:hover .sa-price {
  text-decoration: underline;
  cursor: pointer;
  line-height: normal;
  border-bottom: 1px solid #fff; }

.shopBxT .savings-label {
  padding: 5px 20px;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 30px; }

/* savings popup */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  width: 100%;
  height: 100%;
  background: url(../images/bg_black_halftrans.png);
  color: #000;
  line-height: 17px; }

.popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 600px;
  height: auto;
  margin: -200px 0 0 -300px;
  background: #fff;
  border-radius: 5px;
  padding: 20px; }

.popup .close {
  float: right;
  cursor: pointer; }

.popup h3 {
  font-size: 16px;
  margin: 10px 0; }

.popup h4 {
  font-family: "Officina Sans Bold", Arial;
  font-size: 14px; }

.popup .pName {
  font-size: 22px;
  margin-bottom: 20px;
  padding: 10px 0 10px; }

.popup .w75 .s-info li {
  padding-left: 20px; }

.popup .ft2 {
  padding: 20px 0; }

.poup.add-to-cart-popup img {
  max-width: 75px;
  height: auto; }

.popup .info-texts {
  clear: both;
  padding: 10px 0; }

.add-to-cart-popup .w75 {
  width: 75%;
  float: left; }

.add-to-cart-popup .w25 {
  width: 25%;
  float: left; }

.add-to-cart-popup .w50 {
  width: 48%;
  float: left; }

.add-to-cart-popup .hd5 {
  font-size: 16px;
  font-family: "Officina Sans Bold", Arial;
  padding-top: 15px; }

/*******************************************************************************************************************************************
    RATING
__________________________________________________________________________________________________________________________________________*/
.ratings {
  line-height: 17px;
  overflow: hidden; }

.ratingBx {
  position: relative;
  float: left;
  height: 15px;
  margin: 1px 9px 0 0;
  text-align: left;
  white-space: nowrap; }

.ratingBx .rating {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  overflow: hidden; }

.ratingBx:before,
.ratingBx .rating:before {
  content: "\e011\e011\e011\e011\e011";
  margin-top: -1px;
  color: #ccc;
  font-size: 16px;
  letter-spacing: -2px; }

.ratingBx .rating:before {
  color: #61af32; }

.ratingLinks {
  float: left; }

.ratingsShort {
  margin-top: 3px;
  font-size: 12px;
  vertical-align: top; }

.ratingsShort .ratingBx {
  margin-right: 5px; }

.ratingsShort > div {
  position: relative;
  display: inline-block;
  color: #61af32;
  vertical-align: top;
  overflow: hidden; }

/*******************************************************************************************************************************************
    MESSAGES / NOTICES
__________________________________________________________________________________________________________________________________________*/
.gNotice {
  position: relative;
  border-top: 1px dotted rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.1);
  z-index: 42; }

.demoNotice {
  font-family: "Officina Sans Bold", Arial; }

.cookieNotice {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999; }

.noticeI {
  padding: 11px 15px 14px;
  color: #222; }

.noticeI p {
  margin: 0; }

.noticeI a {
  border-bottom: 1px dotted #222;
  color: #222;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent;
  text-shadow: transparent;
  text-decoration: transparent; }

.msg {
  position: relative;
  padding: 15px 15px 4px;
  font-size: 14px;
  /* text-transform:uppercase; */ }

.msg li {
  position: relative;
  padding: 1px 0 11px 45px; }

.msg .ico {
  position: absolute;
  top: -6px;
  left: -1px;
  line-height: 1;
  font-size: 34px; }

.error-msg {
  color: #cc0033;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #f6dce2;
  border: 1px solid #cc0033; }

.error-msg .ico:before {
  content: "\e00c"; }

.error-msg a {
  border-bottom: 1px dotted #cc0033;
  color: #cc0033;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent;
  text-shadow: transparent;
  text-decoration: none; }

.success-msg {
  color: #3d6611;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #eff5ea;
  border: 1px solid #3d6611; }

.success-msg .ico:before {
  content: "\e00b"; }

.success-msg a {
  border-bottom: 1px dotted #3d6611;
  color: #3d6611;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent;
  text-shadow: transparent;
  text-decoration: none; }

.notice-msg {
  color: #222; }

.notice-msg .ico:before {
  content: "\e00a"; }

.notice-msg a {
  border-bottom: 1px dotted #222;
  color: #222;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent;
  text-shadow: transparent;
  text-decoration: transparent; }

.item-msg.error {
  color: #cc0033; }

.msg {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

/*******************************************************************************************************************************************
    TOOLTIPS
__________________________________________________________________________________________________________________________________________*/
.tTipTrigger {
  position: relative; }

.pOptions .tTipTrigger {
  display: inline; }

/*(1)*/
.tTip1, .tTip2 {
  position: absolute;
  z-index: 20;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.tTip1 {
  left: -99999px;
  width: 250px;
  padding: 5px 15px 15px;
  color: #fff;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #222;
  text-align: left; }

.tTipShow {
  top: -16px;
  left: 100%; }

.tTip1 .ico {
  position: absolute;
  top: 15px;
  left: -9px;
  width: 0;
  height: 0;
  border-right: 9px solid #222;
  border-top: 8px inset transparent;
  border-bottom: 8px inset transparent; }

.tTip1 dt {
  padding-top: 10px;
  font-family: "Officina Sans Bold", Arial; }

.tTip2 {
  max-width: 100%;
  padding: 15px;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff; }

.tTip2 .actionBx {
  padding: 0 0 20px;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff; }

.tTip2 .bd {
  clear: both; }

/* (1) for custom options tooltip, to place tooltip at the end of the text and not at the end of the table-cell */
/* .tTip1: tooltip on mouseover (product options) */
/* .tTip2: tooltip on click (cvv) */
/*******************************************************************************************************************************************
    VIEW TOGGLE + PAGER + LIMITER (used at my orders page)
__________________________________________________________________________________________________________________________________________*/
.viewToggle {
  position: relative;
  margin: 0 0 35px;
  clear: both; }

.viewToggle .dropdown {
  position: relative; }

.viewToggle .dropdown-toggle {
  display: block;
  border: 1px solid #eee;
  color: #61af32;
  line-height: 37px; }

.viewToggle .dropdown-toggle > span {
  position: relative;
  display: block;
  padding: 0 15px; }

.viewToggle .dropdown-toggle > span:after {
  content: "\e002";
  position: absolute;
  top: 13px;
  right: 15px;
  color: #b3b3b3;
  font-size: 12px; }

.viewToggle .dropdown-toggle .label {
  display: none;
  padding-right: 5px; }

.viewToggle .dropdown-toggle .current {
  padding-right: 22px;
  color: #222;
  font-family: "Officina Sans Bold", Arial; }

.viewToggle .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 7px;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  z-index: 110;
  min-width: 150px; }

.viewToggle .dropdown-menu a {
  display: block;
  padding: 0 8px;
  text-align: left;
  line-height: 37px;
  text-transform: none;
  white-space: nowrap;
  color: #61af32;
  text-shadow: transparent;
  text-decoration: none; }
  .viewToggle .dropdown-menu a:hover {
    color: #222;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: #d9d4c6;
    text-shadow: transparent;
    text-decoration: transparent; }

.viewToggle .dropdown-menu .selected {
  color: #222;
  font-family: "Officina Sans Bold", Arial; }

.viewToggle .open .dropdown-toggle {
  border: 0;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.viewToggle .open .dropdown-toggle > span {
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff;
  z-index: 51; }

.viewToggle .open > .dropdown-menu {
  display: block; }

.viewToggle .viewAs {
  display: none; }

.viewToggle .sortBy {
  float: left;
  width: 65%; }

.viewToggle .showPP {
  float: right;
  width: 30%; }

.pager, .limiter {
  line-height: 34px; }

.pager {
  position: relative; }

.shownQtyL {
  display: block;
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
  color: #61af32;
  text-transform: uppercase; }

.cur-cat-info {
  line-height: 37px;
  font-size: 14px;
  color: #222; }

.shownQtyR {
  display: none; }

.pager .shownQtyL {
  text-align: center; }

.pages {
  margin-bottom: 20px;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff; }

.pages li {
  display: none;
  font-size: 14px; }

.pages .next a, .pages .prev a {
  display: block;
  padding: 0px 2px 0;
  color: #fff;
  /* fallback color only for non transparent gradients */
  background-color: #968a7b;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#b4a99c"/>\a         <stop offset="101%" stop-color="#968a7b"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  /* Gradient + inset-shadow */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #665b49;
  cursor: pointer; }

.pages a {
  color: #665b49;
  display: block;
  padding: 1px 8px 0; }

.pager-bottom {
  border-top: 1px dotted #ddd;
  padding-top: 13px; }

div.pager-top {
  line-height: 37px;
  padding-top: 3px; }

.pages strong {
  float: left;
  padding: 1px 8px 0;
  color: #005b33;
  font-size: 18px;
  position: relative;
  top: -2px; }

.pages b {
  display: inline-block; }

.pages .prev, .pages .next {
  display: block;
  float: left;
  width: 48%;
  text-align: center;
  cursor: pointer;
  margin-top: 4px; }

.pages .next {
  float: right; }

.prevOnly .prev, .nextOnly .next {
  width: 100%; }

.prev a {
  line-height: 10px; }

.prev .ico:before {
  content: "\e003";
  margin-top: 0;
  font-size: 24px; }

.prev .icoOnly {
  margin-right: 0; }

.next a {
  line-height: 10px; }

.next .ico:before {
  content: "\e004";
  font-size: 24px; }

.next .icoOnly {
  margin-left: 0; }

.limiter .showPP {
  margin-right: -9px; }

/*******************************************************************************************************************************************
    HEADER
__________________________________________________________________________________________________________________________________________*/
.logo {
  float: left;
  width: 159px;
  height: 48px;
  background: url(../images/logo_mobile@2x.png) 12px 6px no-repeat #fff;
  -webkit-background-size: 159px 33px;
  -moz-background-size: 159px 33px;
  background-size: 159px 33px;
  image-rendering: optimizeQuality; }

.logo strong {
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  text-indent: -50000px; }

.nav-mobile {
  float: right;
  /* @include border($navbar-mb-border...); */ }

.btn-toggle-g1, .nav-mobile .viewCart {
  position: relative;
  float: left;
  width: 50px;
  height: 48px;
  text-align: center;
  text-indent: -50000px;
  cursor: pointer;
  color: #a5a5a5;
  border-left: 1px solid rgba(0, 55, 31, 0.2); }

.btn-toggle-g1:before,
.nav-mobile .viewCart .ico:before {
  position: absolute;
  right: 0;
  left: 0;
  text-indent: 0; }

.btn-cat:before {
  content: "\e015";
  top: 13px;
  font-size: 21px; }

.btn-wish:before {
  content: "\e017";
  top: 15px;
  font-size: 21px; }

.btn-search:before {
  content: "\e012";
  top: 14px;
  font-size: 20px; }

.btn-account:before {
  content: "\e016";
  top: 12px;
  font-size: 22px; }

.nav-mobile .viewCart .ico:before {
  content: "\e013";
  top: 8px;
  font-size: 30px; }

.nav-mobile .viewCart .qty, .nav-mobile .btn-wish .qty {
  background: #50a31f;
  border: 2px solid #fff;
  position: absolute;
  top: 2px;
  left: 29px;
  min-width: 20px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  text-align: center;
  color: #fff;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14);
  width: auto;
  line-height: 17px;
  font-size: 12px;
  height: 20px;
  text-indent: 0;
  line-height: 17px; }

.headerpromo p {
  margin-bottom: 0;
  padding: 0 10px; }

.hdI .nav-mobile .btn-wish .qty {
  background: rgba(255, 255, 255, 0.52);
  color: #50a31f; }

.nav-mobile p.empty-top {
  display: none; }

.nav-cat-mobile .popTags {
  display: none; }

.nav-cat-mobile .sub {
  position: absolute;
  left: -50000px; }

/*(1)*/
.nav-cat-mobile .hover > .sub {
  position: static; }

/*(2)*/
/* all levels */
.nav-cat-mobile a {
  display: block;
  margin-bottom: -1px;
  color: #2d463b; }

.nav-cat-mobile span {
  display: block;
  padding: 0 15px;
  line-height: 42px;
  font-family: "Officina Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: none;
  text-transform: none; }

.nav-cat-mobile .more {
  position: relative;
  float: right;
  width: 50px;
  height: 43px;
  text-align: center;
  cursor: pointer;
  color: #2d463b;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: rgba(0, 0, 0, 0.04);
  text-shadow: #ddd;
  -webkit-box-shadow: transparent;
  -moz-box-shadow: transparent;
  box-shadow: transparent; }
  .nav-cat-mobile .more:hover {
    color: #222;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: transparent;
    -webkit-box-shadow: transparent;
    -moz-box-shadow: transparent;
    box-shadow: transparent; }

.nav-cat-mobile .more:before {
  content: "\e006";
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  font-size: 20px; }

.nav-cat-mobile .more-active:before {
  content: "\e007"; }

.nav-cat-mobile .parent > a {
  padding-right: 50px; }

/* 1st level */
.nav-cat-mobile .topLvl {
  border-top: 1px solid #cbc8be;
  border-bottom: 1px solid #cbc8be;
  color: #2d463b;
  /* fallback color only for non transparent gradients */
  background-color: #d7d2c4;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  /* Gradient + inset-shadow */ }
  .nav-cat-mobile .topLvl:hover {
    color: #222; }

/* 2nd level */
.nav-cat-mobile .level1 a {
  border-top: 1px solid #c4c1b8;
  border-bottom: 1px solid #c4c1b8;
  color: #2d463b;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #cdcac0; }
  .nav-cat-mobile .level1 a:hover {
    color: #222; }

/* 3rd level */
.nav-cat-mobile .level2 a {
  border-top: 1px solid #bcbab3;
  border-bottom: 1px solid #bcbab3;
  color: #2d463b;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #c4c1b8; }
  .nav-cat-mobile .level2 a:hover {
    color: #222; }

.nav-mobile .subLinks {
  display: none; }

/* (1) hide all submenus */
/* (2) show submenu */
/* search */
.search {
  display: inline-block;
  width: 100%;
  padding: 0;
  clear: both;
  /* fallback color only for non transparent gradients */
  background-color: #d7d2c4;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  vertical-align: top; }

.search form {
  position: relative; }

.search .txtIn {
  position: relative;
  /*(1)*/
  z-index: 30;
  /*(1)*/
  float: left;
  width: 98%;
  height: 40px;
  margin-right: 3px;
  padding-right: 45px;
  border: none;
  border-color: transparent;
  color: #000;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff;
  -webkit-box-shadow: inset 2px 2px 3px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 2px 2px 3px -1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 2px 2px 3px -1px rgba(0, 0, 0, 0.2);
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px; }
  .search .txtIn:focus {
    border-color: transparent;
    color: #000;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: #fff !important;
    -webkit-box-shadow: transparent;
    -moz-box-shadow: transparent;
    box-shadow: transparent; }

.search .pillR1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  border: 0;
  z-index: 31;
  /*(2)*/
  color: transparent;
  /* fallback color only for non transparent gradients */
  background-color: #fafafa;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#fff"/>\a         <stop offset="101%" stop-color="#fafafa"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  text-shadow: transparent;
  /* Gradient + inset-shadow */
  -webkit-box-shadow: -3px 0 2px -2px transparent;
  -moz-box-shadow: -3px 0 2px -2px transparent;
  box-shadow: -3px 0 2px -2px transparent;
  /* Gradient + inset-shadow + box-shadow */
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }

.search .pillR1 span {
  line-height: 40px;
  text-indent: -50000px; }

.search .pillR1 span:before {
  content: "\e012";
  position: absolute;
  top: 11px;
  left: 11px;
  font-size: 19px;
  text-indent: 0;
  color: #61af32; }

.suggest {
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  background: #FFF;
  border: 1px solid #ccc;
  border-top: none;
  position: absolute;
  right: 0;
  top: 30px;
  width: 354px;
  z-index: 102; }

.suggest li {
  padding: 5px;
  /* color:$search-suggest-list-item-color; */
  cursor: pointer;
  display: block;
  text-align: left; }

.suggest li:hover, .suggest li.selected {
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #eee; }

.suggest .qty {
  width: auto;
  color: #888; }

.suggest .title, .suggest .title:hover {
  cursor: default;
  color: #2d463b;
  font-family: "Officina Sans Bold", Arial;
  border-bottom: 1px dotted #ddd;
  background: none; }

.suggest .searchautocomlete-image {
  float: left;
  margin: 0px 10px 5px 0px;
  width: 80px; }

.suggest .price-box {
  font-weight: bold;
  font-size: 13px;
  color: #C76200;
  float: right; }

.suggest.info-col {
  padding-left: 95px; }

.suggest .price {
  font-size: 20px; }

.mobile-search {
  border-bottom: 2px solid #8eb16d;
  background: #fff; }

.suggest .all-results {
  text-align: right; }

/* (1) to position search-box over suggest-box */
/* (2) to position button over input-field */
/* my account navigation */
.nav-account-mobile {
  margin: 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

.nav-account-mobile a {
  display: block;
  margin-bottom: -1px;
  padding: 0 15px;
  border-top: 1px solid #cbc8be;
  border-bottom: 1px solid #cbc8be;
  color: #2d463b;
  /* fallback color only for non transparent gradients */
  background-color: #d7d2c4;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  /* Gradient + inset-shadow */
  line-height: 42px;
  font-family: "Officina Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: none;
  text-transform: none; }
  .nav-account-mobile a:hover {
    color: #222; }

/* dropdown-cart */
.viewCart-mb {
  float: left; }

.dropdown-cart {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  z-index: 50;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); }

.dropdown.open > .dropdown-cart {
  display: block; }

.dropdown-cart .hd {
  padding: 11px 15px 10px;
  line-height: 17px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  /* fallback color only for non transparent gradients */
  background-color: #005b33;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#00854a"/>\a         <stop offset="101%" stop-color="#005b33"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  text-shadow: transparent;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); }

.dropdown-cart .actions {
  padding: 15px 15px 20px;
  border-bottom: 1px solid #eee;
  color: #222;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #e7e0c9; }

.dropdown-cart .actions ul {
  padding-top: 10px; }

.dropdown-cart .actions .btn1 > span,
.dropdown-cart .actions .btn2 > span {
  line-height: 30px; }

.dropdown-cart .actions .btn1 {
  width: 48%; }

.dropdown-cart .actions .btn2 {
  float: right;
  width: 48%;
  text-align: center;
  border-color: transparent; }

.dropdown-cart .actionBx .btn2.qty > span {
  line-height: 10px;
  font-size: 20px;
  padding: 5px 0 0; }

.dropdown-cart .actionBx .btn2.qty.qty-inc {
  margin-bottom: 0; }

.dropdown-cart .actionBx .txtIn {
  padding: 2px 10px 0px;
  height: 26px;
  margin: 3px 0; }

.dropdown-cart .actionBx .btn2.qty:hover {
  text-decoration: none; }

.dropdown-cart .pList4 li {
  padding: 12px 15px !important;
  border-bottom: 1px solid #eee; }

.dropdown-cart .pList4 .pImg {
  width: 50px; }

.dropdown-cart .pList4 .pInfo {
  margin: 0 45px 0 52px;
  font-size: 12px; }

.dropdown-cart .pList4 .pName {
  margin-bottom: 3px;
  font-family: "Officina Sans Bold", Arial; }

.dropdown-cart .pInfo .price-box {
  display: inline-block; }

/* .dropdown-cart .pList4 .pName a       {@include border($minicart-product-list-item-name-border...);  font-family: "OfficinaSansITCW01-Bold", Arial; } */
.dropdown-cart .actionBx {
  padding: 0;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent; }

.dropdown-cart .actionBx a {
  display: block;
  margin-bottom: 10px; }

.dropdown-cart .tTip1 {
  display: none; }

.dropdown-cart .empty {
  padding: 15px 15px 0; }

/* language + currency switcher */
.locale {
  position: relative;
  float: left;
  padding-top: 11px;
  font-size: 10px;
  text-transform: uppercase; }

.locale .dropdown-toggle {
  display: inline-block;
  color: #fff; }

.locale .dropdown-toggle > span {
  position: relative;
  display: block;
  padding: 0 15px;
  line-height: 25px; }

.locale .dropdown-toggle > span:after {
  content: "\e002";
  position: absolute;
  top: 7px;
  right: 15px;
  color: #fff;
  font-size: 12px; }

.locale .dropdown-toggle .label {
  display: none; }

.locale .dropdown-toggle .current {
  padding-right: 19px;
  -webkit-font-smoothing: antialiased;
  /* Safari 5 */ }

.locale .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 150px;
  padding: 10px;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff;
  z-index: 50; }

.locale .dropdown-menu a {
  display: block;
  padding: 0 5px;
  line-height: 21px;
  color: #61af32;
  text-shadow: transparent;
  text-decoration: none; }
  .locale .dropdown-menu a:hover {
    color: #666;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: #d9d4c6;
    text-shadow: transparent;
    text-decoration: transparent; }

.locale.open .dropdown-toggle,
.locale.open .dropdown-toggle > span:after {
  color: #999; }

.locale.open .dropdown-toggle,
.locale.open .dropdown-menu {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.locale.open .dropdown-toggle > span {
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff;
  z-index: 51; }

.locale.open > .dropdown-menu {
  display: block; }

/* prevent fouc of navBar children */
.js .toggle-target-g1,
.js #hd .nav-account {
  display: none; }

/*******************************************************************************************************************************************
    FOOTER
__________________________________________________________________________________________________________________________________________*/
.ftT {
  margin: 0 0 0; }

.ftB {
  line-height: 11px;
  font-size: 10px;
  text-transform: uppercase; }

.cmsLinks-mobile h3 {
  position: relative;
  margin-bottom: -1px;
  padding: 0 15px;
  cursor: pointer;
  border-top: 1px solid #cbc8be;
  border-bottom: 1px solid #cbc8be;
  color: #2d463b;
  /* fallback color only for non transparent gradients */
  background-color: #d7d2c4;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  /* Gradient + inset-shadow */
  line-height: 42px;
  font-family: "Officina Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: none;
  text-transform: none; }
  .cmsLinks-mobile h3:hover {
    color: #222; }

.cmsLinks-mobile h3:after {
  content: "\e006";
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px; }

.cmsLinks-mobile.open h3:after {
  content: "\e007"; }

.cmsLinks-mobile a {
  display: block;
  margin-bottom: -1px;
  padding: 0 15px;
  border-top: 1px solid #c4c1b8;
  border-bottom: 1px solid #c4c1b8;
  color: #2d463b;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #cdcac0;
  line-height: 42px;
  font-family: "Officina Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: none;
  text-transform: none; }
  .cmsLinks-mobile a:hover {
    color: #222; }

.nLetter {
  padding: 25px 15px 40px; }

.nLetter .input-box {
  padding-bottom: 10px; }

.nLetter label {
  padding-bottom: 17px; }

.nLetter .txtIn {
  height: 29px;
  padding-bottom: 2px;
  border-color: #ddd;
  color: #888;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #f9f7f5;
  -webkit-box-shadow: transparent;
  -moz-box-shadow: transparent;
  box-shadow: transparent; }
  .nLetter .txtIn:focus {
    border-color: #d3d1cc #f3f1ec #f3f1ec #d3d1cc;
    color: #000;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: #fff;
    -webkit-box-shadow: transparent;
    -moz-box-shadow: transparent;
    box-shadow: transparent; }

.nLetter .btn2 {
  width: 100%;
  border-color: #ccc5ae; }

.nLetter .btn2 span {
  line-height: 31px;
  padding-top: 3px; }

.nLetter .validation-advice {
  margin-right: 0; }

.copr {
  display: block;
  text-align: center; }

.cft {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 11px;
  line-height: 14px;
  overflow: hidden;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #e7e0c9 url(../images/bg_pattern_01.png); }

.cft p {
  padding-bottom: 0;
  margin-bottom: 0; }

#ft h4 {
  font-size: 22px;
  color: #58ab27; }

#footer-links {
  padding-top: 15px; }

#ft .tick-list li {
  padding: 4px 0 4px 30px;
  position: relative; }

#ft .tick-list li:before {
  display: block;
  background: url(../images/vaa_sprite.png) -141px -5px no-repeat;
  width: 20px;
  height: 23px;
  position: absolute;
  top: 8px;
  left: 0;
  content: ' '; }

.ftBlock {
  margin-bottom: 20px;
  width: 30%;
  float: left; }

.ftBlock.snd {
  margin-left: 5%; }

/* ts siegel */
.ftBlock .ts-siegel {
  margin-top: 15px; }

.icon-ts {
  display: block;
  width: 70px;
  height: 70px;
  background: url(../images/vaa_sprite.png) -120px -153px no-repeat;
  float: left;
  margin-right: 10px; }

/* dimdi seal footer */
a.footer-dimdi-seal {
  background: url(../images/vaa_sprite.png) -8px -237px no-repeat;
  width: 122px;
  height: 102px;
  text-indent: -9999px;
  display: block; }

/* social footer */
.tpl-social-footer {
  height: 75px;
  /* background: url(../images/social_text.png) 30px 7px no-repeat; */
  padding: 0;
  width: auto;
  clear: right;
  float: right; }

.tpl-social-footer a.footer-fb-link {
  display: block;
  width: 58px;
  height: 58px;
  text-indent: -9999px;
  float: left; }

.tpl-social-footer a.footer-fb-link {
  background: url(../images/vaa_sprite.png) -73px -5px no-repeat; }

/*******************************************************************************************************************************************
    PRODUCT LISTINGS + LAYERED NAV
__________________________________________________________________________________________________________________________________________*/
.catalog-category-view .main,
.tag-product-list .main,
.catalogsearch-result-index .main,
.catalogsearch-advanced-result .main {
  padding: 30px 15px 0; }

/* category heading */
.hd1.catHd,
.tag-product-list .hd1,
.catalogsearch-result-index .hd1,
.catalogsearch-advanced-result .hd1 {
  margin-bottom: 24px;
  padding: 0; }

.catImgWrap .catHd {
  margin-top: 25px; }

.catHd h1,
.tag-product-list h1,
.catalogsearch-result-index h1,
.catalogsearch-advanced-result h1 {
  float: left;
  font-size: 20px; }

/* misc */
.catDescr {
  margin-bottom: 35px;
  text-align: center;
  line-height: 1.334;
  font-size: 15px;
  clear: both; }

.catImgWrap + .catDescr {
  margin-top: -20px; }

.item {
  position: relative;
  text-align: center;
  font-size: 12px;
  vertical-align: top; }

/*(1)*/
.pName a {
  color: #222; }

/* .item .pName a:hover                    {@include border($product-listing-item-name-border-hover...);} */
.new-badge {
  position: absolute;
  top: 4px;
  right: 3px;
  min-width: 35px;
  line-height: 34px;
  padding: 0 6px;
  color: #fff;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #005b33;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px; }

/* product listing (grid + list) */
.pListing .btn1-atc {
  float: right; }

.pListing .btn1-atc span {
  padding: 0 40px 0 12px;
  font-size: 14px;
  text-transform: none;
  line-height: 34px; }

.pListing .btn1-atc .ico {
  display: block; }

.pListing .btn1-atc .ico::before {
  margin-top: 0; }

.btn1-atc .ico::before {
  margin-top: 4px; }

.pListing .pLinks {
  float: left; }

.pListing .pLinks li {
  float: left; }

/* .pListing .btn1-atc, */
.pListing .pLinks a, .pGrid .lnk-wishlist a {
  position: relative;
  display: block;
  width: 36px;
  height: 34px;
  text-align: center;
  text-indent: -50000px;
  cursor: pointer;
  border: 1px solid #c2b9a0;
  color: #2d463b;
  /* fallback color only for non transparent gradients */
  background-color: #d7d2c4;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  /* Gradient + inset-shadow */
  -webkit-box-shadow: inset 1px 1px 0 rgba(252, 244, 221, 0.5), 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 1px 1px 0 rgba(252, 244, 221, 0.5), 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 1px 0 rgba(252, 244, 221, 0.5), 0 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }
  .pListing .pLinks a:hover, .pGrid .lnk-wishlist a:hover {
    /* fallback color only for non transparent gradients */
    background-color: #ded9ca;
    background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#f5f3e9"/>\a         <stop offset="101%" stop-color="#ded9ca"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
    /* Gradient + inset-shadow */
    -webkit-box-shadow: inset 1px 1px 0 rgba(249, 248, 242, 0.5), 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 1px 0 rgba(249, 248, 242, 0.5), 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 1px 0 rgba(249, 248, 242, 0.5), 0 2px 5px rgba(0, 0, 0, 0.2); }

body .pGrid .lnk-wishlist a {
  width: 35px;
  height: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #005b33; }

.pListing .btn1-atc .ico::before {
  position: relative;
  float: left; }

.pListing .pLinks a:before, .pGrid .pLinks a:before, .pGrid .lnk-wishlist a:before {
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  margin: 0;
  text-align: center;
  font-size: 17px;
  text-indent: 0; }

.pListing .btn1-atc .ico:before {
  top: 4px;
  font-size: 24px; }

.pListing .pLinks .lnk-compare a:before {
  top: 7px; }

.item h4.pName, .item h2.pName {
  font-size: 20px;
  color: #000; }

/* product grid */
.pGrid {
  position: relative;
  margin: -6px -6px 0;
  /*(2)->font-size:0; letter-spacing:-1px;<-(2)*/ }

.pGrid .item {
  display: inline-block;
  padding: 6px;
  /*(3)->*/
  font-size: 12px;
  letter-spacing: normal;
  /*<-(3)*/ }

.pGrid .item:before {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -ms-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  content: "";
  /*(4)*/
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  z-index: 2; }

.pGrid .item:hover:before {
  opacity: 1;
  filter: alpha(opacity=100); }

.pGrid .pImg {
  min-height: 0;
  height: 172px; }

.col2L .pGrid .pImg {
  height: 164px; }

.pGrid .pInfo {
  position: relative;
  min-height: 88px;
  padding: 8px 2px 0;
  z-index: 2; }

.pGrid .pName {
  line-height: 15px; }

.pGrid .price-box {
  margin-top: 6px;
  cursor: pointer; }

.pGrid .price-box .price, .carousel .price {
  font-size: 25px;
  font-family: "Officina Sans Bold", Arial;
  font-weight: normal; }

.pr-ov-link {
  display: none;
  /* position: absolute; background: rgba(0, 0, 0, 0.41); width: 100%; height: 35px; */ }

.pGrid .lnk-more {
  display: none; }

.pGrid .holder {
  position: relative;
  overflow: hidden;
  z-index: 2; }

.pGrid .actions {
  width: 100%; }

.no-touch .pGrid .actions {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  padding: 3px; }

.no-touch .pGrid .item:hover .actions {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.pGrid .actions .w33 {
  width: 33.3333%; }

.pGrid .actions .w50 {
  width: 50%; }

.pGrid .actions .w75 {
  width: 75%; }

.pGrid .actions .w66 {
  width: 66.6666%; }

.pGrid .actions .w100 {
  width: 100%; }

.pGrid .pLinks a {
  width: auto; }

.pGrid .pLinks.w50 a,
.pGrid .pLinks.w66 a,
.pGrid .pLinks.w100 .w50:first-child a {
  margin-right: -1px; }

.pGrid .btn1-atc {
  float: right;
  z-index: 10; }

.pGrid .stock {
  margin: 0;
  padding: 3px 0;
  background: #222; }

.pGrid .ooSt {
  white-space: normal; }

.touch .pGrid .stock {
  position: absolute;
  bottom: 34px;
  left: 0;
  width: 100%; }

.hideCart .pGrid .item:hover::before {
  opacity: 0; }

.widget-featured .widget-title .hd4 {
  padding: 0 0 8px; }

/* crosssell box checkout cart */
.cartTable .pGrid .pInfo {
  display: block;
  margin-left: 0; }

.cartTable .pGrid .pImg {
  height: 100px; }

.cartTable .pGrid img {
  width: 100px; }

.cartTable-mobile .pGrid .pImg {
  margin-right: 0;
  float: none; }

.updRow td.crosssell {
  padding: 0; }

.cartTable .pGrid .item {
  width: 33.333%; }

.cartTable-mobile .crosssellBx {
  display: none; }

.cartTable .pGrid .item .lnk-wishlist {
  display: none; }

.crosssellBx .pGrid .img-n-wr {
  margin-bottom: 0; }

.pGrid .savings-label {
  display: none; }

.popup-content .carousel-container .pGrid .img-n-wr {
  height: 90px;
}

.pGrid .img-n-wr {
  height: 48px;
  overflow: hidden;
  position: relative;
  margin-bottom: -10px; }

.pGrid .img-n-wr .pName {
  /* position: absolute; bottom: 0; */
  width: 100%;
  font-size: 16px;
  line-height: 16px; }

.pGrid .actions {
  padding: 0 1px; }

.pGrid .btn1 > span {
  font-size: 12px;
  padding: 0 9px;
  line-height: 29px; }

.pGrid .btn1-atc .ico::before {
  margin-top: 2px;
  margin-right: 4px;
  font-size: 23px;
  top: 0; }

/* .pGrid .rating-short-holder */
.pGrid .ratingsShort {
  height: 20px;
  overflow: hidden;
  margin: 7px 0 -11px; }

.featuredBx.feature-cat .rating-short-holder {
  height: 20px; }

.feat-block .pGrid .ratingsShort {
  margin-bottom: -4px; }

.pGrid .tax-details.shipping-costs {
  display: block; }

/* no transitions fallback */
.no-csstransitions .pGrid .actions {
  display: none; }

.no-csstransitions .pGrid .item:hover .actions {
  display: block; }

/* hide grid-borders */
.pGrid:before, .pGrid:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 6px;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent;
  z-index: 1; }

.pGrid:after {
  left: auto;
  right: -1px;
  width: 7px; }

.catalog-category-view .pager,
.tag-product-list .pager,
.catalogsearch-result-index .pager,
.catalogsearch-advanced-result .pager {
  margin-top: -1px;
  padding-top: 35px;
  border-top: 1px solid transparent; }

/* product list */
.pList {
  margin-top: -15px; }

.pList .item {
  padding: 15px 0 15px 0;
  border-bottom: 1px solid #eee;
  text-align: left;
  font-size: 12px;
  cursor: pointer; }

.pList .pImg {
  float: left;
  max-width: 100%;
  width: 130px;
  /*(5)*/ }

.pList .pInfo {
  width: 310px;
  float: left; }

.pList .pName {
  margin-bottom: 5px;
  line-height: 1.1;
  font-size: 14px; }

.pList .ratings {
  margin: 0 0 17px 0; }

.pList .price-box {
  margin: 0 0 0 0; }

.pList .shortDescr {
  display: none; }

.pList .lnk-more {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  text-indent: -50000px;
  border-bottom: 0 !important; }

.pList .lnk-more:before {
  content: "\e001";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -9px;
  color: #ddd;
  font-size: 21px;
  text-indent: 0; }

.pList .lnk-more:hover:before {
  color: #222; }

.pList .pLinks li {
  margin-right: 10px; }

.pList .pLinks a, .pList .btn1-atc {
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.pList .pAddInfo {
  width: 200px;
  float: right; }

.pList .price-box .price {
  font-size: 25px; }

.delv {
  color: #61af32; }

.pList .item .s-info .pack {
  color: #000; }

.msrp, .baseprice {
  display: inline-block;
  font-size: 10px;
  margin-bottom: 0; }

.pList .pAddInfo p {
  margin-bottom: 0; }

.pGrid .tax-details-holder {
  display: block; }

.pGrid .baseprice .seperator, .pGrid .seperator.no-baseprice {
  display: none; }

.tax-details-holder, .tax-details-holder a {
  font-size: 11px; }

.tax-details-holder .tax-details, .tax-details-holder .shipping-costs {
  display: inline; }

.pList .pAddInfo .delivery-time {
  display: none; }

.add-to-cart-list {
  padding-top: 20px; }

.pList .pAddInfo .priceBx1 {
  margin-bottom: -5px;
  margin-top: 5px; }

.msrp .savingprice {
  cursor: pointer;
  border-bottom: 1px solid #E68099; }

.msrp .savingprice:hover {
  text-decoration: underline; }

/* related products, up-sell, cross-sell, recently viewed + recently compared + new products widgets (grid) */
.pGrid2 .item {
  float: left;
  width: 164px;
  padding: 0 10px 15px; }

.pGrid2 .item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: -100px; }

.pGrid2 .pName {
  padding: 8px 0 0;
  line-height: 15px; }

.pGrid2 .price-box {
  margin-top: 6px; }

/* recently viewed + recently compared + new products widgets (list) */
.pList2 {
  margin: 0 27px; }

.pList2 .item {
  padding: 24px 0 25px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #d6d6d6;
  text-align: left;
  font-size: 12px; }

.pList2 .pImg {
  float: left; }

.pList2 .pInfo {
  margin-left: 137px; }

.pList2 .price-box {
  margin-top: 17px; }

.tax-details {
  font-size: 10px; }

/* ICON LIST */
/* Help Icon ------------------- */
.help-icon {
  overflow: hidden; }

.help-icon ul {
  overflow: hidden;
  margin: 0;
  padding-left: 0px; }

.help-icon li, .packeges li {
  margin-right: 12px;
  float: left;
  list-style: none; }

.item .help-icon .icon-label {
  display: none; }

.icon-extra {
  display: none; }

.shopBxT .icon-extra {
  display: inline; }

.help-icon .icon {
  background-image: url(../images/help-icon.png);
  background-repeat: no-repeat;
  height: 17px;
  display: block;
  text-indent: -10000px; }

.help-icon a.icon {
  cursor: default; }

.help-icon a.icon-tooltip {
  cursor: hand; }

.mobile-tooltip {
  display: none; }

.reimportation {
  background-position: 0 0;
  width: 14px; }

.food-purchases {
  background-position: -14px 0;
  width: 16px; }

.pharmacies, .arznei {
  background-position: -69px 0;
  width: 13px; }

/*
.arznei {
    width: 10px;
    background-position: -84px 0;
}
*/
.prescription-required {
  background-position: -30px 0;
  width: 15px; }

.alcohol-content {
  background-position: -45px 0;
  width: 10px; }

.bio {
  background-position: -55px 0;
  width: 13px; }

.tooltip {
  display: none;
  background: url("../images/tooltip.png") no-repeat 100% 100% transparent;
  font-size: 12px;
  height: auto;
  width: 185px;
  padding: 5px 10px 12px 10px;
  color: #cc0033;
  margin-left: 10px;
  line-height: 14px;
  z-index: 100; }

.tooltip p {
  margin-bottom: 0; }

.help-icon li {
  font-size: 12px;
  color: #636363; }

.pView .help-icon {
  margin-top: 5px;
  margin-bottom: 10px; }

.shopBxT .help-icon li {
  margin-bottom: 5px; }

.shopBx .icon-label.action-to-date {
  display: none; }

/* (1) info: no float:left; for .item */
/* (2) to remove the 3px space between the (non-floated) li-elements. letter-spacing:-1px; is only needed for webkit
       > better solution: add an empty comment between li-tags to remove whitespace (list.phtml) */
/* (3) reset font-size:0; and letter-spacing:-1px; from .pGrid */
/* (4) don't insert the content just on hover, insert it always > otherwise Firefox fires transitions only on mouseout,
       but not on mouseover (even for child elements) */
/* (5) resize images (smaller) if grid view is enabled */
/* layered nav mobile */
#colM .lyrdNav {
  margin-bottom: 35px; }

#colM .lyrdNav .hd4,
#colM .lyrdNav .hd6 {
  position: relative;
  padding: 0 15px;
  cursor: pointer;
  line-height: 42px;
  font-family: "Officina Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: none;
  text-transform: none; }

#colM .lyrdNav .hd4 {
  border-top: 1px solid #cbc8be;
  border-bottom: 1px solid #cbc8be;
  color: #2d463b;
  /* fallback color only for non transparent gradients */
  background-color: #d7d2c4;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  /* Gradient + inset-shadow */
  border-top: 0; }
  #colM .lyrdNav .hd4:hover {
    color: #222; }

#colM .lyrdNav .hd6 {
  margin-bottom: -1px;
  border-top: 1px solid #c4c1b8;
  border-bottom: 1px solid #c4c1b8;
  color: #2d463b;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #cdcac0; }
  #colM .lyrdNav .hd6:hover {
    color: #222; }

#colM .lyrdNav .hd4:after,
#colM .lyrdNav .hd6:after {
  content: "\e006";
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px; }

#colM .lyrdNav .hd4.open:after,
#colM .lyrdNav .hd6.open:after {
  content: "\e007"; }

#colM .lyrdNav .filterBy a {
  display: block;
  margin-bottom: -1px;
  padding: 0 15px;
  border-top: 1px solid #bcbab3;
  border-bottom: 1px solid #bcbab3;
  color: #2d463b;
  line-height: 42px;
  font-family: "Officina Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: none;
  text-transform: none; }
  #colM .lyrdNav .filterBy a:hover {
    color: #222; }

#colM .filterBy .empty {
  display: block;
  margin-bottom: -1px;
  padding: 0 15px;
  border-top: 1px solid #bcbab3;
  border-bottom: 1px solid #bcbab3;
  color: #2d463b;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #c4c1b8;
  line-height: 42px;
  font-family: "Officina Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: none;
  text-transform: none; }

#colM .lyrdNav .filterBy .qty {
  float: right;
  width: auto; }

#colM .filterAct li {
  padding: 7px 15px 7px 15px; }

.filterBy .filter-Category, .aponeo-manufacturer-index-view .filter-Hersteller {
  display: none; }

#colM .catName {
  margin-top: -5px;
  padding-top: 0; }

#colM .filterBy .m-filter-css-checkboxes .max-visible a {
  color: #61af32; }

#colM .filterBy .m-filter-css-checkboxes .max-visible a, #colM .filterBy .m-filter-css-checkboxes .max-visible a:hover,
#colL .filterBy .m-filter-css-checkboxes .max-visible a, #colL .filterBy .m-filter-css-checkboxes .max-visible a:hover {
  background: none; }

/* layered nav dt + mobile */
.filterAct {
  margin-bottom: 20px;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #aff8d8 url(../images/bg_stripe_pattern.gif);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

.filterAct ul {
  padding: 5px 0 2px; }

.filterAct li {
  padding: 7px 20px 7px 15px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #cafee7 transparent #b0e6ce transparent;
  color: #222; }

.filterAct .label {
  margin: 0 26px 0 0;
  padding-top: 2px;
  line-height: 13px;
  font-size: 12px;
  font-weight: normal; }

.filterAct .value {
  margin: 0 26px 0 0;
  font-family: "Officina Sans Bold", Arial; }

.filterAct .btn2-remove {
  float: right;
  margin-top: 3px; }

.filterAct .btn2-back2 {
  float: right;
  margin: 3px 4px 0 0; }

.filterAct .hd7 {
  color: #000; }

.hidden-filter {
  display: none; }

.show-all-filters, .show-less-filters {
  cursor: pointer; }

#colM .lnk-removeAll {
  font-weight: normal;
  font-family: "Officina Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding-left: 10px; }

/*******************************************************************************************************************************************
    PRODUCT DETAIL PAGE
__________________________________________________________________________________________________________________________________________*/
.pView .bd1 > .colL {
  padding: 15px 15px 20px; }

.pView .bd1 > .colR {
  padding: 35px 15px 0; }

.catalog-product-view .hd1 {
  margin-bottom: 6px;
  padding: 0; }

/* shop-box */
.shopBxT, .shopBxB,
.pConfigurable .shopBx {
  margin: 0 -15px;
  padding: 22px 15px 0;
  color: #000;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: url(../images/bg_stripe_pattern.gif);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15); }

.shopBxB {
  margin-top: -5px; }

.pConfigurable .shopBxT,
.pConfigurable .shopBxB {
  margin: 0;
  padding: 0;
  background: none; }

.shopBxB > .colL {
  padding-bottom: 20px; }

/* images */
.pImgWrap {
  max-width: 310px;
  margin: 0 auto;
  text-align: center; }

.pImgWrap .pImgMain {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: -o-zoom-in;
  cursor: zoom-in; }

/* space between property and value, for phpsass */
.pImgWrap img {
  max-width: 100%;
  height: auto; }

.pImgWrap .info {
  font-size: 11px; }

/* rating */
.pView .ratings {
  margin-bottom: 30px; }

.pView .ratings.empty {
  margin-bottom: 18px; }

.pView .ratingTable {
  margin: 15px 0 30px; }

/* short description */
.pView .shortDescr {
  margin-bottom: 15px; }

/* availability + alerts */
.stock, .alerts {
  margin-bottom: 20px; }

.inSt, .ooSt {
  font-family: "Officina Sans Bold", Arial;
  white-space: nowrap; }

.ooSt {
  display: inline-block;
  color: #ff0042; }

.groupedStock .ooSt {
  margin-top: 4px; }

.pGroupedTable .ooSt {
  margin-top: 0; }

.stock .sep1 {
  padding: 0 4px;
  font-size: 0; }

.stockQty, .lnk-stockQty {
  padding: 3px 5px 3px 4px;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fffccc; }

.stockQtyTable {
  margin-top: 20px; }

/* add to cart */
.addToCart {
  margin-bottom: 20px;
  vertical-align: middle; }

.addToCart label {
  /*(1)->*/
  float: none;
  display: inline;
  padding: 1px 5px 0 0;
  /*<-(1)*/
  font-family: "Officina Sans Bold", Arial;
  vertical-align: middle; }

.addToCart .qty {
  margin-right: 13px;
  vertical-align: middle; }

.shopBx .paypal {
  display: block;
  margin-top: 25px; }

.shopBx .bml-checkout-type {
  margin-top: 15px; }

.shopBx .paypal .or {
  padding-right: 12px;
  line-height: 30px; }

.paypal a:hover {
  border-bottom: 0;
  text-decoration: none; }

.paypal img {
  vertical-align: middle; }

/* add to wishlist, add to compare + email to a friend link */
.pView .pLinks {
  margin-bottom: 15px; }

.pView .pLinks li {
  float: left;
  margin: 0 10px 10px 0; }

.pView .pLinks .last {
  margin-right: 0; }

/* product options */
.pView .pOptions {
  padding-top: 40px; }

.pView .pOptions h2, .pSamples h2 {
  line-height: default;
  font-family: "Officina Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: default;
  text-transform: none; }

.pView .pOptions .input-box {
  padding-bottom: 0; }

.pView .pOptions .bx2,
.pView .pOptions .formLi1 {
  margin-bottom: 60px; }

.fileUpload .fileName {
  padding-right: 8px; }

.fileUpload .fileRemove {
  float: right; }

.fileUpload .checkbox {
  margin: 2px 3px 0 2px;
  vertical-align: top; }

/* configurable product */
.pConfigurable .shopBxB > .colL {
  display: none; }

.pConfigurable .pOptions {
  margin: 2px 0 25px;
  padding-top: 19px;
  border-top: 1px dotted #64e2ab;
  border-bottom: 1px dotted #64e2ab; }

.pConfigurable .pOptions .hd2 {
  float: left;
  margin: 0;
  padding: 0 12px;
  color: inherit;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: rgba(0, 91, 51, 0.15);
  clear: left; }

.pConfigurable .pOptions h2 {
  height: 36px;
  line-height: 36px; }

.pConfigurable .pOptions .bx2 {
  float: left;
  width: 182px;
  margin-bottom: 0;
  padding: 0 0 19px; }

.pConfigurable .pOptions select {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }

/* grouped product + product samples */
.pGroupedTable, .pSamples .linkLi1 {
  margin-bottom: 30px !important; }

.pGroupedTable .qty {
  width: 31px;
  height: 30px; }

/* tabs */
.tagsBx .hd2,
#resp-tab-content-description .hd2,
#resp-tab-content-additional .hd2 {
  display: none; }

.pView .resp-tabs {
  padding: 0 15px 0; }

.pView .resp-accordion {
  margin: 0 -15px -1px;
  padding: 0 15px; }

.resp-tab-content {
  padding: 25px 0 0 0; }

.resp-tab-content .bx2 {
  margin-bottom: 10px; }

#product-attribute-specs-table {
  margin-bottom: 25px; }

.resp-tab-content .bd2 {
  padding-top: 0; }

.resp-tab-content .bd2 b, .resp-tab-content .bd2 strong {
  font-family: "Officina Sans Bold", Arial; }

.tagsBx .btn2-add {
  width: 100%;
  margin-bottom: 20px; }

.pView .tagLi1 {
  padding-top: 5px; }

#addTagForm {
  padding-top: 10px; }

/* reviews */
.reviews .ft2 {
  padding: 5px 0 0;
  text-align: left;
  font-size: 12px; }

.reviews .hd3 {
  padding-top: 30px;
  border-top: 1px dotted #ddd; }

.reviews .wsBx2b {
  padding-top: 0; }

.reviewForm .wsBx2a {
  padding-top: 16px; }

.reviewForm .wsHd3d {
  padding-bottom: 10px; }

.reviewForm .rowG1 {
  margin: 0 -10px; }

.reviewForm .wsG1 {
  padding: 0 10px; }

.reviewForm thead th:after {
  content: "\e011";
  padding: 0 0 0 2px;
  color: #61af32; }

.reviewForm thead th.first:after {
  content: ""; }

.free-shipping-info {
  color: #61af32;
  font-family: "Officina Sans Bold", Arial;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-bottom: 12px;
  padding: 3px; }

/* (1) overwrite default label style */
/*******************************************************************************************************************************************
    CHECKOUT PROCESS
__________________________________________________________________________________________________________________________________________*/
/* one page checkout (opc) */
.main .hd4.opc-title {
  font-size: 25px;
  color: #61af32;
  padding-top: 20px; }

.step-title {
  display: block;
  padding: 15px 15px;
  cursor: default;
  border-top: 1px solid #eee;
  color: #61af32;
  line-height: 1;
  font-family: "Officina Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: none;
  text-transform: none; }
  .step-title:hover {
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: transparent;
    -webkit-box-shadow: transparent;
    -moz-box-shadow: transparent;
    box-shadow: transparent; }

.a-item {
  position: relative; }

.allow .step-title:hover {
  cursor: pointer; }

.allow .step-title:hover .edit {
  display: block;
  color: #61af32; }

.step-title .edit, .act .step-title:hover .edit {
  display: none;
  font-weight: normal; }

.act .step-title, .act .step-title:hover {
  border-top: 0;
  color: #2D463B;
  /* fallback color only for non transparent gradients */
  background-color: #8eb16d;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#cae29e"/>\a         <stop offset="101%" stop-color="#8eb16d"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  cursor: default;
  -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3); }

.act .step-title .sep1 {
  color: #2D463B; }

.opc .disabled .btn1, .opc .disabled .btn2 {
  visibility: hidden; }

/*(1)*/
.opc .formLi1 #checkout-payment-method-load {
  margin: 0;
  border: 0; }

/*(2)*/
.opc .tTip2 {
  left: 15px;
  right: 15px; }

/* opc progress-box */
.opcProg .bd1 {
  padding: 0 15px 0 20px; }

.opcProg dt {
  padding: 7px 0 !important;
  color: #61af32;
  font-weight: normal; }

.opcProg dt.complete {
  color: #222;
  font-family: "Officina Sans Bold", Arial; }

/*(3)*/
.opcProg dd {
  padding: 9px 0 25px; }

.opcProg dd.laB1 {
  padding-bottom: 0; }

.opcProg p, .opcProg address,
.opcProg .banktransfer {
  margin-bottom: 6px; }

.opcProg .pmTitle {
  margin-bottom: 15px; }

.opcProg table {
  font-size: 12px; }

/*(4)*/
/* opc checkout method step */
.opc-newUser .formLi1 {
  margin-bottom: 25px; }

/* opc review step */
#opc-review .ft1 {
  line-height: 38px; }

.back-to-cart {
  display: inline-block; }

/* mac */
.macBx {
  margin-bottom: 45px; }

.macBx > .colL {
  padding: 35px 15px 0;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #cae29e; }

.macBx .wsBx1b {
  padding: 35px 15px 0; }

.macBx2 .wsBx1b {
  padding-left: 15px;
  padding-right: 15px; }

.macBx2 .formLi1 {
  margin-bottom: 0; }

.macBx > .colL .hd3 {
  border-color: #e4e0c4; }

.macBx > .colL .hd3 .lnk-edit {
  border-color: #e4e0c4; }

.macShipping {
  margin: 0 -15px; }

.macShipping .hd3 {
  padding: 8px 15px;
  color: #222;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fffccc; }

.macShipping .wsHd3b {
  padding-left: 15px;
  padding-right: 15px; }

.macShipping .formLi1,
.macShipping .formLi1 li {
  border-color: #e2e0c1; }

.macShipping ul.formLi1 li:hover {
  border-color: #e4e0c4 !important; }

.mac .tTip2 {
  top: 30%;
  left: 15px;
  right: 15px; }

/*(5)*/
.checkout-multishipping-address-selectbilling .ft1 {
  padding-top: 45px; }

/* mac progress-box */
.macProg {
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #cae29e; }

.macProg span {
  display: block;
  color: #61af32;
  text-align: center;
  line-height: 39px;
  font-family: "Officina Sans Bold", Arial;
  text-shadow: 0 1px 0 #fff;
  white-space: nowrap; }

.macProg .act {
  margin: -3px 0;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }

.macProg .act span {
  color: #222;
  line-height: 45px; }

.dhl-packstation-select {
  height: 80px; }

#shipping-packstationbuttons button > span {
  line-height: 30px;
  font-size: 14px; }

#dhlaccount_shipping_packstation {
  margin-bottom: 30px; }

#payment_form_bankpayment td, #bankpayment_info td {
  vertical-align: top; }

/* (1) during loading animation the buttons inside the footer are hidden (disabled class, see opcheckout.js setLoadWaiting function) */
/* (2) the element <dl class="formLi1" id="checkout-payment-method-load"> (checkout\onepage\payment\methods.phtml) exists twice in generated sourcecode. bug?
       remove formatting from the second formLi1 */
/* (3) .opcProg .nm: for last uncompleted dt */
/* (4) used for ccTable (authorize.net partial authorization) */
/* (5) for cvv-tooltip */
/* loading animation */
.loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #005b33;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: url(../images/bg_breadcrumb.gif);
  text-align: center;
  z-index: 15;
  opacity: 0.5;
  filter: alpha(opacity=50); }

.loading span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 20px;
  font-family: "Officina Sans Bold", Helvetica; }

.loading img {
  display: none; }

.loading .spinner {
  top: -40px !important;
  left: 50% !important; }

/* gift options */
.giftItem {
  height: 210px;
  margin-bottom: 26px; }

.giftItem li {
  padding: 35px 0 20px;
  border-bottom: 1px solid #eee; }

.giftItem .fiT1 {
  padding-top: 0; }

.giftItem .laB1 {
  padding-bottom: 0; }

.giftItem .colL {
  margin-bottom: 25px;
  text-align: center; }

.giftItem .pImg {
  float: none;
  margin: 0 auto 8px; }

/* centinel */
.centinel iframe {
  width: 100%;
  height: 400px;
  background: #fff; }

.centinelLogos {
  padding: 10px 0 25px; }

.centinelLogos a {
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #eee; }

/* misc */
#co-billing-form .wsBx2a {
  margin-bottom: 35px; }

#co-shipping-form .wsBx2a {
  margin-bottom: 15px; }

.mac .w50-auto {
  width: auto; }

/*(1)*/
.switchSolo {
  padding-top: 15px; }

.pmTitle {
  font-family: "Officina Sans Bold", Arial; }

#checkout-agreements .hd2 {
  padding-top: 20px; }

#checkout-agreements .bx2 {
  margin-bottom: 20px; }

.lnk-agreement {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 0 7px 10px;
  color: #005b33; }

.lnk-agreement:hover {
  text-decoration: underline; }

.ccTableHd {
  display: block;
  padding: 18px 0 4px;
  border-top: 1px solid #d6d6d6; }

/*(2)*/
.ccTable th {
  font-weight: normal; }

/*(2)*/
.releaseAmounts .btn1 {
  margin: 3px 15px 0 0; }

/*(2)*/
/* review table */
#checkout-review-table-wrapper {
  background: #e5dbc4 url(../images/stripe-tr.png);
  padding: 0 20px; }

#checkout-review-table-wrapper tbody td {
  background: #fff;
  padding: 10px 5px; }

#checkout-review-table-wrapper .pName {
  color: #000; }

#checkout-review-table-wrapper .ts1 tfoot td, #checkout-review-table-wrapper tfoot .price {
  color: #636363; }

.main .ts1#checkout-review-table-wrapper {
  margin-bottom: 0; }

.agree {
  clear: both; }

.agree label {
  color: #ff0042;
  position: relative;
  float: none; }

.agree.newsletter label {
  color: #636363; }

.agree .checkbox {
  float: left;
  margin: 5px 9px 0 0; }

/* snd review */
.order-info {
  padding-bottom: 20px; }

.order-info .hd6 {
  padding-left: 0; }

#checkout-review-submit-top {
  padding-bottom: 15px; }

.paymentlogo-container {
  display: inline-block;
  margin-left: 20px;
  padding-top: 0;
  margin-top: -10px; }

.paymentlogo-container img {
  max-height: 30px;
  width: auto; }

.what-is-pp {
  float: right; }

.pplogo-container {
  display: inline; }

.pplogo-container img {
  margin-top: -5px; }

#co-payment-form .wsDDb {
  background: #fff;
  margin-top: -1px;
  padding-top: 5px;
  border-bottom: 1px dotted #ddd; }

#co-payment-form #payment_form_debit.wsDDb {
  border-bottom: none; }

#discount-coupon-form-checkout .input-box {
  padding-bottom: 6px; }

#discount-coupon-form-checkout .messages {
  padding: 15px 0 0 0; }

/* (1) w50-auto: dual classname, value depends on parent selector, used for payment method form width */
/* (2) for authorize.net partial authorization */
/*******************************************************************************************************************************************
    MISC PAGES
__________________________________________________________________________________________________________________________________________*/
/* review details page */
.reviewDetails .colL {
  margin-bottom: 45px; }

.reviewDetails .hd1 {
  padding: 0 0 20px 0; }

.reviewDetails .pImg {
  margin-bottom: 13px; }

/* contact page */
.contacts-index-index .main .w50 {
  width: 100%; }

/* rss feeds page */
.rss-index-index .linkLi1 .cArea {
  line-height: 1.5; }

/* compare products popup */
.popUp .hd1 {
  text-align: right; }

.popUp h1 {
  float: left;
  text-align: left; }

.popUp .hd1 .btn2 {
  margin: -3px 0 0 10px; }

.popUp .loading span {
  bottom: auto;
  top: 85px; }

.compareTable .actionBx {
  float: none;
  top: -11px;
  display: inline-block;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent; }

.compareTable .pImg {
  width: 117px;
  /*(1)*/
  margin: 15px auto 10px; }

.compareTable .price-box {
  margin: 0 0 15px; }

.compareTable .addToCart {
  margin: 0 0 10px; }

.compareTable .ratings {
  margin-top: 6px; }

/* dashboard */
.customer-account-index .hd1 {
  padding-bottom: 35px; }

.customer-account-index .hd9 {
  border-top: 1px solid #eee; }

.customer-account-index .wsBx1a {
  padding-top: 25px; }

.customer-account-index .ft1 .btn2 {
  float: left;
  margin-left: 0; }

.ratingLi .ratingBx {
  margin-top: 0; }

/*(2)*/
.ratingLi .pName {
  margin-left: 97px; }

.customer-id {
  font-family: "Officina Sans Bold", Arial;
  font-size: 16px;
  color: #888;
  padding-top: 6px; }

/* account information */
.customer-account-edit .wsBx1e {
  padding-bottom: 26px; }

.changePw {
  margin: 22px 0 0 !important;
  border-bottom: 0; }

.changePw dt {
  margin-bottom: 5px; }

.changePw .wsDDa {
  padding: 16px 0 0;
  border-bottom: 0; }

/* address book */
.defaultAddresses .wsBx2b {
  padding-top: 0; }

.defaultAddresses .w50 {
  padding-bottom: 20px; }

.defaultAddresses .bx2 {
  margin-bottom: 25px; }

.moreEntries {
  padding: 20px 0 5px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee; }

.moreEntries .bx2 {
  margin: 0; }

.moreEntries address {
  margin-bottom: 6px; }

/* sitemap (treeview) */
.tree {
  margin: -20px 0 45px; }

.tree a,
.tree .note {
  position: relative;
  display: inline-block;
  padding: 7px 0;
  line-height: 15px;
  /* color for form-lists */
  color: #888; }
  .tree a > a.cArea,
  .tree .note > a.cArea {
    color: #888; }
  .tree a:hover,
  .tree .note:hover {
    /* color for form-lists */
    color: #222; }
    .tree a:hover > a.cArea,
    .tree .note:hover > a.cArea {
      color: #222;
      text-shadow: #dddddd;
      text-decoration: #dddddd; }

.tree .lvl-0 {
  padding-top: 20px; }

.tree .lvl-0 a {
  color: #222;
  font-family: "Officina Sans Bold", Arial; }

.tree .lvl-1, .tree .lvl-2 {
  margin-left: 15px;
  border-left: 1px dotted #ddd; }

.tree .lvl-1 a {
  padding-left: 10px; }

.tree .lvl-2 a {
  margin-left: 20px;
  padding: 4px 0 4px 10px;
  border-left: 1px dotted #ddd; }

.tree .lvl-2 + .lvl-1 {
  padding-top: 12px; }

.tree .lvl-1 a:before,
.tree .lvl-2 a:before {
  content: "\2013";
  position: absolute;
  left: -1px;
  color: #ddd; }

/* email to a friend (etaf) */
.etaf .w50, .etaf .btn2-add {
  width: 100%; }

#recipients_options .wsBx2c {
  padding-bottom: 28px; }

.etaf .recipient {
  position: relative;
  border-top: 1px solid #eee;
  padding-top: 40px; }

.etaf .actionBx {
  position: absolute;
  top: 0;
  right: 0; }

.etaf .ft2 {
  padding-bottom: 25px; }

.etaf .maxRecip {
  padding: 5px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  line-height: 1.417; }

/* order pages */
.orderBxT .bx2 {
  margin-bottom: 25px; }

.orderBxT .w50 {
  margin-bottom: 20px; }

.orderBxB .wsHd3b {
  padding-top: 0; }

.orderShipment .tracking {
  margin-bottom: 35px; }

.orderShipment .tracking .btn1 {
  margin-right: 12px; }

.shipping-tracking-popup .wsBx1b {
  padding: 0; }

.giftMsgRow {
  padding-top: 25px !important; }

.giftMsgRow .sender {
  padding-right: 25px; }

.giftMsgRow .actionBx {
  margin-top: -26px; }

/* my tags */
.tag-customer-view h1 {
  float: left;
  padding-right: 15px; }

.hd1 .btn2-remove {
  margin-top: 3px; }

.hd1 .btn2-remove span {
  height: 27px;
  width: 27px; }

.hd1 .btn2-remove .ico:before {
  top: 3px;
  font-size: 22px; }

/* my wishlist */
.wishlist-index-index h1 {
  float: left; }

.wishlist-index-index .hd1 .lnk-rss {
  margin-top: 6px; }

.wishlistTable .price, #wishlist-table.ts1-mobile .price {
  font-size: 25px;
  line-height: 30px;
  font-family: "Officina Sans Bold", Arial; }

/* shopping cart */
.checkoutBtnsB .wsBx1b {
  padding-bottom: 40px; }

/* .checkoutBtnsB li, */
.rezept-button {
  padding-bottom: 16px; }

.checkoutBtnsB .paypal {
  text-align: center; }

.checkoutBtnsB .bml-checkout-type {
  padding-top: 15px; }

.checkoutBtnsB button,
.checkoutBtnsB a {
  width: 100%; }

.checkoutBtnsB .btn1 .ico,
.checkoutBtnsB .btn2 .ico,
.shipping {
  display: none; }

.shipping #co-shipping-method-form {
  padding-top: 25px; }

.shipping .ft2 .btn2,
.discount .ft2 .btn2 {
  width: 100%;
  margin: 0; }

.discount-mobile .bd1 {
  padding-bottom: 41px; }

.discount-mobile .bx2 {
  margin-bottom: 0; }

.discount-mobile .hd2 {
  cursor: pointer;
  border-top: 1px solid #cbc8be;
  border-bottom: 1px solid #cbc8be;
  color: #2d463b;
  /* fallback color only for non transparent gradients */
  background-color: #d7d2c4;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  /* Gradient + inset-shadow */
  border-top: 0; }
  .discount-mobile .hd2:hover {
    color: #222; }

.note_pharmacies {
  font-family: "Officina Sans Bold", Arial, Arial;
  color: #E74855;
  padding-top: 10px; }

.pView .note_pharmacies {
  color: #999;
  padding-top: 4px;
  font-family: "Officina Sans", Arial, Helvetica, sans-serif; }

.note_nem, .note_pharmacies {
  font-size: 11px;
  line-height: 11px; }

a.pdf {
  cursor: pointer;
  background: url("../images/pdf.gif") no-repeat left 0;
  padding-left: 24px;
  color: #636363;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 9px;
  display: block; }

.cartTable .item-msg {
  margin-top: 6px; }

.discount-mobile .hd2:before {
  content: "\e006";
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px; }

.discount-mobile .open .hd2:before {
  content: "\e007"; }

.discount-mobile h2 {
  position: relative;
  padding: 0 15px;
  color: inherit;
  line-height: 42px;
  font-family: "Officina Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: none;
  text-transform: none; }

#shopping-cart-table .pName {
  font-size: 20px;
  color: #000;
  padding-bottom: 10px; }

#shopping-cart-table .pName a {
  border-bottom: none; }

#shopping-cart-table .crosssellBx {
  position: relative; }

.cart.hd1 h1 {
  float: left; }

.cart.hd1 .btn1-checkout span {
  font-size: 14px;
  line-height: 30px; }

.crosssellBx {
  text-align: left; }

.crosssellBx .pGrid2 .item {
  width: 200px; }

.crosssellBx .wsBx1c {
  padding: 0; }

#shopping-cart-table .crosssellBx .pName {
  font-size: 14px; }

.crosssellBx .hd5 {
  padding-top: 20px;
  font-family: "Officina Sans Bold", Arial; }

.no-lborder .button-wrapper {
  width: 317px; }

/* login page */
.customer-account-login .main .bx1 {
  margin-bottom: 0 !important; }

.w50.newUser {
  position: relative;
  z-index: 1; }

/* logout page */
.customer-account-logoutsuccess .main {
  text-align: center; }

.customer-account-logoutsuccess .bd1 {
  padding-top: 25px;
  padding-bottom: 30px;
  font-size: 15px;
  text-transform: uppercase; }

/* create account */
.customer-account-create .formLi1 {
  margin-top: -22px; }

/* billing agreements */
.newBA .btn1 {
  width: 100%;
  margin-bottom: 20px; }

/* advanced search result page */
.catalogsearch-advanced-result .hd1 {
  margin-bottom: 40px; }

/* (1) width of image + 1px space for border-left and 1px for border-right */
/* (2) ratingLi = additional class for "my recent reviews" linkLi1 */
/*******************************************************************************************************************************************
    WIDGETS / SIDEBAR BOXES
__________________________________________________________________________________________________________________________________________*/
/* horizontal alignment */
.relatedBx,
.upsellBx,
.newBx,
.viewedBx,
.comparedBx,
.relatedBxWide,
.featuredBx {
  text-align: center; }

.namesLi {
  text-align: left; }

/* single widget */
.featuredBx.single {
  margin-bottom: 30px; }

.single.featuredBx .item {
  text-align: left; }

.single.featuredBx .holder {
  float: right;
  width: 60%; }

.single.featuredBx .price {
  font-size: 30px;
  padding: 10px 0;
  font-family: "Officina Sans Bold", Arial; }

.single.featuredBx .price-percentage {
  position: static;
  background: url(../images/vaa_sprite.png) no-repeat -5px -73px;
  height: 105px;
  width: 105px;
  font-size: 24px;
  line-height: 26px;
  padding-top: 31px; }

.single.featuredBx .price-percentage .price {
  padding: 10px 0 0; }

.single.featuredBx .discount-text {
  display: block;
  margin-top: 0;
  font-family: "Officina Sans", Arial, Helvetica, sans-serif; }

.single .help-icon {
  float: left;
  width: auto; }

/*******************************************************************************************************************************************
    MINIMUM ADVERTISED PRICE (MAP)
__________________________________________________________________________________________________________________________________________*/
/* MAP info / link */
.miniCart .priceHideMsg {
  display: block; }

.pView .map-info {
  padding-bottom: 20px; }

.pView .map-info .old-price {
  display: block; }

.pView .map-info .price {
  line-height: 28px;
  font-size: 22px; }

.pView .map-info .lnk-cfp {
  padding-right: 5px; }

.tierPrices .priceHideMsg {
  font-size: 12px;
  white-space: normal; }

.priceBxBundle .map-info {
  float: none;
  clear: both; }

.pGroupedTable .map-info {
  width: 150px; }

/* MAP popover */
.mapPopup {
  position: absolute;
  width: 340px;
  margin-top: 12px;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: left;
  z-index: 20; }

.mapPopup .icoArrow {
  position: absolute;
  left: 50%;
  top: -10px;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-bottom: 10px solid #444;
  border-left: 10px inset transparent;
  border-right: 10px inset transparent;
  z-index: 1; }

.mapPopup .actionBx {
  position: absolute;
  top: 9px;
  right: 20px;
  padding: 0;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent; }

.mapPopup .btn2-remove {
  color: #222; }

.mapPopup .hd {
  position: relative;
  padding: 11px 60px 10px 20px;
  line-height: 17px;
  font-size: 14px;
  text-transform: uppercase;
  word-wrap: break-word;
  color: #fff;
  /* fallback color only for non transparent gradients */
  background-color: #222;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#444"/>\a         <stop offset="101%" stop-color="#222"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  text-shadow: none;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0; }

.mapPopup h2 {
  font-weight: normal; }

.mapPopup .bd {
  padding: 20px 20px 25px;
  overflow: hidden; }

.mapPopup .content {
  padding-top: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  color: #222;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #e7e0c9; }

.mapPopup .content strong {
  display: block; }

.mapPopup .msrp {
  padding: 0 0 12px; }

.mapPopup .priceBx2 {
  padding-top: 8px; }

.mapPopup .checkout {
  float: right;
  text-align: center; }

.mapPopup .paypal {
  display: inline-block;
  padding-top: 7px; }

.mapPopup .paypal .or {
  display: block;
  padding-bottom: 3px; }

.mapPopup .paypal img {
  display: block; }

/*******************************************************************************************************************************************
    REMEMBER ME
__________________________________________________________________________________________________________________________________________*/
.rememberMe {
  padding: 5px 0;
  margin: 10px 0 30px;
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd; }

.customer-account-create .rememberMe {
  margin: 25px 0 22px; }

.rememberMe .input-box {
  padding-bottom: 0;
  line-height: 1; }

.rememberMe label {
  float: none;
  display: inline;
  padding: 0 3px 0 0; }

.rememberMe .checkbox {
  margin: 2px 3px 0 2px;
  vertical-align: top; }

.windowOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 990; }

.rememberMePopup {
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 400px;
  margin: -85px 0 0 -200px;
  text-align: left;
  z-index: 1000;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.rememberMePopup .actionBx {
  position: absolute;
  top: 9px;
  right: 20px;
  padding: 0;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: transparent; }

.rememberMePopup .btn2-remove {
  color: #222; }

.rememberMePopup .hd {
  padding: 11px 60px 10px 20px;
  line-height: 17px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  /* fallback color only for non transparent gradients */
  background-color: #222;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#444"/>\a         <stop offset="101%" stop-color="#222"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  text-shadow: none;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0; }

.rememberMePopup h3 {
  font-weight: normal; }

.rememberMePopup .bd {
  padding: 20px 20px 10px; }

.rememberMePopup .ft {
  display: none; }

/*******************************************************************************************************************************************
    CAPTCHA
__________________________________________________________________________________________________________________________________________*/
.captchaBx .input-box {
  width: 202px; }

.captcha {
  position: relative;
  display: inline-block; }

.captchaImg {
  border: 1px solid #eee; }

.captchaNote {
  padding-top: 4px;
  font-size: 12px; }

.regUser .captchaBx,
.opc-regUser .captchaBx,
.customer-account-forgotpassword .captchaBx {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #ddd; }

/*******************************************************************************************************************************************
    FIRST/LAST + ROUNDED CORNERS
__________________________________________________________________________________________________________________________________________*/
/* .fiT1: first top, border-top:0; + border-radius (top-left, top-right) */
/* .laB1: last bottom, border-bottom:0; + border-radius (bottom-left, bottom-right) */
/* .fiT2: first top, border-top:0; */
/* .laB2: last bottom, border-bottom:0; */
/* .fiL1: first left, border-radius (top-left, bottom-left) */
/* .laR1: last right, border-radius (top-right, bottom-right) */
/* .fiL2: first left, border-radius (top-left) */
/* .laR2: last right, border-radius (top-right) */
/* .fiL3: first left, border-left:0; */
/* .laR3: last right, border-right:0; */
/* .noB-T:   no border top */
/* .noB-B:   no border bottom */
/* .noB-TB:  no border top + bottom */
/* .noRB:    no rounded border */
/* .noRB-T:  no rounded border top */
/* .noRB-TL: no rounded border top-left */
.fiT1, .fiT1 .cArea {
  border-top: 0 !important;
  /*-moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px;*/ }

/*(1)*/
.laB1, .laB1 .cArea {
  border-bottom: 0 !important;
  /*-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px;*/ }

/*(1)*/
.fiT2, .fiT2 .cArea, .noB-T td, .noB-T th {
  border-top: 0 !important; }

/*(2)*/
.laB2, .laB2 .cArea, .noB-B, .noB-B td, .noB-B th {
  border-bottom: 0 !important; }

/*(2)*/
.noB-TB td {
  border-top: 0 !important;
  border-bottom: 0 !important; }

/*(2)*/
.fiL1 {
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-radius: 4px 0 0 4px; }

.laR1, .laR1 strong {
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-radius: 0 4px 4px 0; }

/*(3)*/
.fiL2, .fiL2 a, .fiL2 strong {
  /*-moz-border-radius:4px 0 0 0; -webkit-border-top-left-radius:4px; border-radius:4px 0 0 0;*/ }

/*(4)*/
.laR2, .laR2 a, .laR2 strong {
  /*-moz-border-radius:0 4px 0 0; -webkit-border-top-right-radius:4px; border-radius:0 4px 0 0;*/ }

/*(4)*/
.fiL3 {
  border-left: 0 !important; }

.laR3 {
  border-right: 0 !important; }

.noRB {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }

.noRB-T {
  /*-moz-border-radius:0 0 4px 4px; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; border-radius:0 0 4px 4px;*/ }

/*(5)*/
.noRB-TL, .noRB-TL > .bi1 {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0; }

/*(6)*/
/* (1) no shorthand properties (if there's just one li-element) */
/* (2) .noB-T td, .noB-T th, .noB-B td, .noB-B th, .noB-TB td: used for compare products table + my order pages tables (bundle products)
       .noB-B: used for minicart (both prices + weee) */
/* (3) .laR1 strong: used for active limiter */
/* (4) .fiL2 a, .fiL2 strong, .laR2 a, .laR2 strong: used for viewToggle buttons, active limiter (.act or .act2) */
/* (5) .noRB-T : used for recently viewed box + new names list widget + more */
/* (6) .noRB-TL: used for bx1 under tabs */
/*******************************************************************************************************************************************
    BOX-SHADOW
__________________________________________________________________________________________________________________________________________*/
.multi-bx #colM,
.popUp #colM,
.emptyCart .bx1,
.pConfigurable .shopBxT,
.pConfigurable .shopBxB,
.qty-disabled,
.qty-disabled:hover,
.search .pillR1:hover span {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

/*******************************************************************************************************************************************
    BROWSER FIXES
__________________________________________________________________________________________________________________________________________*/
/* fix webkit collapsing margins */
#bd,
.bx2,
.bd2,
.ts1,
.dl1,
.formLi1,
.main,
.shopBx,
.shopBxT,
.shopBxB,
.pView .ratings,
.resp-tab-content,
.slider,
.carousel {
  -webkit-margin-bottom-collapse: separate; }

/**
 * safari 5 flexslider fix (1)
 * - disable flexslider CSS transitions for safari 5 via JavaScript
 * - to many rendering problems (outside of flexslider)
 */
/*.navBar                                  {-webkit-backface-visibility:hidden;}  show hd#, otherwise #hd is not visible! */
/*  .hdI, .slides li > h4, .slides li > div,
.nav-cat-dt ul.level0, .nav-cat-dt .tags {-webkit-font-smoothing:antialiased;} fix font rendering */
/* (1) don't set .slides li to -webkit-backface-visibility:hidden; (flexslider default)! */
/*******************************************************************************************************************************************
    MEDIA QUERIES
__________________________________________________________________________________________________________________________________________*/
@media screen and (min-width: 600px) {
  /* footer
   ************************************************************************************************************************/
  .ftT {
    padding: 27px 0 0 15px; }

  .ftT .cmsLinks {
    width: 50%; }

  .nLetter {
    float: right;
    width: 30%;
    padding: 12px 15px 0 5px; }

  .nLetter p {
    line-height: 14px;
    font-size: 12px;
    padding-top: 15px;
    margin-bottom: 0; }

  .nLetter.unsubscribe {
    float: none;
    margin: 0 auto;
    width: 60%; }

  /* dropdown-cart */
  .viewCart-mb {
    position: relative; }

  .dropdown-cart {
    right: -120px;
    width: 290px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

  .dropdown-cart:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -10px;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-bottom: 10px solid #00854a;
    border-left: 10px inset transparent;
    border-right: 10px inset transparent;
    z-index: 1; }

  .dropdown-cart .hd {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0; } }
.ftT h4 {
  color: #61af32; }

.nLetter {
  margin: 0;
  padding: 20px 25px 25px;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: url(../images/bg_breadcrumb.gif);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius: 4px 4px 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px 4px 4px;
  color: #3b5248;
  border: 1px solid #fff; }

.footer-cms-links {
  clear: both; }

/* Tharuka */
.THwelc {
  font-size: 25px;
  padding-bottom: 10px;
  color: #58AB27;
  font-family: inherit;
  font-weight: normal; }

#tharuka .button {
  border: 1px solid #c2b9a0;
  color: #2d463b;
  /* fallback color only for non transparent gradients */
  background-color: #d7d2c4;
  background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#ece6d4"/>\a         <stop offset="101%" stop-color="#d7d2c4"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
  /* Gradient + inset-shadow */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  /* Gradient + inset-shadow + box-shadow */
  position: relative;
  display: inline-block;
  border: 0;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 2px 6px 3px 6px;
  margin-top: 15px; }
  #tharuka .button:hover {
    color: #2d463b;
    /* fallback color only for non transparent gradients */
    background-color: #ded9ca;
    background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#f5f3e9"/>\a         <stop offset="101%" stop-color="#ded9ca"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
    /* Gradient + inset-shadow */
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    /* Gradient + inset-shadow + box-shadow */ }

#tharuka button.button:hover span span {
  color: #2d463b; }

#tharuka .button > span {
  padding: 0 20px; }

#tharuka .THang {
  width: auto; }

#tharuka .THtext {
  text-align: left; }

/* free shipping */
td.free-shipping-info, td.free-shipping-info .price {
  font-size: 12px;
  color: #61af32; }

.cooling h3 {
  color: red;
  font-family: "Officina Sans Bold", Arial;
  padding-top: 5px; }

.cooling p {
  line-height: normal; }

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-target {
  position: relative;
  direction: ltr; }

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative; }

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }

.noUi-handle {
  position: relative;
  z-index: 1; }

.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
     its values is > 50%. */
  z-index: 10; }

.noUi-stacking + .noUi-origin {
  /* Fix stacking order in IE7, which incorrectly
     creates a new context for the origins. */
  *z-index: -1; }

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px; }

.noUi-horizontal .noUi-handle {
  width: 14px;
  height: 28px;
  left: -7px;
  top: -6px; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px; }

/* Styling;
 */
.noUi-background {
  background: #FAFAFA;
  box-shadow: inset 0 1px 1px #f0f0f0; }

.noUi-connect {
  background: #8eb16d;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms; }

.noUi-origin {
  border-radius: 2px; }

.noUi-target {
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }

.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB; }

/* Handles and cursors;
 */
.noUi-dragable {
  cursor: w-resize; }

.noUi-vertical .noUi-dragable {
  cursor: n-resize; }

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }

/* Handle stripes;
 */
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px; }

.noUi-handle:after {
  left: 5px; }

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px; }

.noUi-vertical .noUi-handle:after {
  top: 17px; }

.price-slider-wrapper {
  padding: 4px 20px;
  text-align: center; }

.price-slider-wrapper .a-right {
  float: right; }

.price-slider-wrapper .a-left {
  float: left; }

.price-slider-wrapper .a-center {
  text-align: center; }

.price-slider-wrapper span {
  line-height: 35px; }

#colM .price-slider-wrapper {
  margin-top: 20px; }

#colM .filterBy .m-filter-css-checkboxes a {
  padding-left: 35px;
  background-position: 15px 13px;
  background-image: url(../images/checkbox.png);
  background-repeat: none; }

#colM .filterBy .m-filter-css-checkboxes a:hover,
#colM .filterBy .m-filter-css-checkboxes a.m-checkbox-checked {
  background-image: url(../images/checkbox_checked.png);
  background-position: 15px 13px; }

#colM .m-filter-css-checkboxes, #colM .price-slider-wrapper {
  display: none; }

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled] .noUi-handle {
  cursor: not-allowed; }

/* Magnific popup
 ************************************************************************************************************************/
.mfp-bg, .mfp-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.mfp-bg {
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #f7f5f2;
  overflow: hidden;
  z-index: 502;
  opacity: 0.6;
  filter: alpha(opacity=60); }

.mfp-bg.mfp-dark {
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #000;
  opacity: 0.6;
  filter: alpha(opacity=60); }

.mfp-wrap {
  z-index: 503;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* center vertically (default) | inline content */
.mfp-dark .mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

/* center vertically | images */
.mfp-figure:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-figure {
  height: 100%;
  text-align: center; }

img.mfp-img {
  padding: 25px 0;
  vertical-align: middle;
  /* no display:block; */ }

.mfp-content {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  text-align: left;
  vertical-align: middle;
  z-index: 505; }

.mfp-image-holder .mfp-content {
  max-width: 100%;
  width: 100%;
  height: 100%; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

/* background / shadow */
.mfp-figure:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }

/* cursor */
.mfp-zoom-out-cur {
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

/* misc */
.mfp-close, .mfp-arrow,
.mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-hide {
  display: none !important; }

/* loading states */
.mfp-loading button,
.mfp-loading .mfp-img,
.mfp-loading .mfp-bottom-bar,
.mfp-s-error .mfp-arrow,
.mfp-s-error .mfp-img,
.mfp-s-error .mfp-bottom-bar,
.mfp-s-ready .mfp-preloader {
  display: none !important; }

.mfp-s-error .mfp-loading .mfp-close {
  display: block !important; }

/* preloader */
.mfp-preloader {
  position: absolute;
  top: 50%;
  right: 8px;
  left: 8px;
  width: auto;
  margin-top: -1em;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  z-index: 506;
  cursor: auto; }

.mfp-preloader a {
  color: #005b33; }

/* close button */
button.mfp-close, button.mfp-arrow {
  display: block;
  border: 0;
  background: transparent;
  cursor: pointer;
  z-index: 506;
  -webkit-appearance: none; }

.mfp-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 36px;
  color: #fff;
  text-align: center;
  line-height: 1;
  font-family: "Open Sans Condensed", Arial, sans-serif;
  font-size: 70px;
  font-weight: 300; }

.mfp-close-btn-in .mfp-close {
  color: #61af32; }

.mfp-close:hover, .mfp-close:focus {
  color: #222; }

/* navigation buttons */
.mfp-arrow {
  position: absolute;
  top: 50%;
  width: 90px;
  height: 125px;
  margin-top: -67px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  margin-top: 35px;
  border: 28px inset transparent; }

.mfp-arrow-left:before {
  left: 0;
  padding-left: 10px;
  border-right: 24px solid #61af32; }

.mfp-arrow-left:after {
  left: 1px;
  padding-left: 10px;
  border-right: 24px solid #fff; }

.mfp-arrow-right:before {
  right: 0;
  padding-right: 10px;
  border-left: 24px solid #61af32; }

.mfp-arrow-right:after {
  right: 1px;
  padding-right: 10px;
  border-left: 24px solid #fff; }

.mfp-arrow-left:hover:before {
  border-right-color: #222; }

.mfp-arrow-right:hover:before {
  border-left-color: #222; }

/* image */
img.mfp-img {
  /*display:block;*/
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  /*padding:40px 0;*/
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* bottom bar (title + counter) */
.mfp-bottom-bar {
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
  text-align: center;
  cursor: auto; }

.mfp-counter {
  line-height: 18px; }

/* animate overlay */
.mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out; }

.mfp-slide-bottom.mfp-bg.mfp-ready {
  opacity: 0.6;
  filter: alpha(opacity=60); }

.mfp-slide-bottom.mfp-bg.mfp-removing {
  opacity: 0; }

/* animate content */
.mfp-slide-bottom .mfp-content {
  opacity: 0;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  transform: translateY(-20px) perspective(600px) rotateX(10deg); }

.mfp-slide-bottom.mfp-ready .mfp-content {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  -ms-transform: translateY(0) perspective(600px) rotateX(0);
  -o-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0); }

.mfp-slide-bottom.mfp-removing .mfp-content {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg); }

@media screen and (min-width: 990px) {
  .mfp-image-holder .mfp-content {
    width: 30%;
    min-width: 500px;
    margin-left: -15px;
    height: auto; } }
/* terms and conditions */
.agreement {
  position: relative;
  width: auto;
  max-width: 600px;
  margin: 20px auto;
  padding: 40px 30px 25px;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #fff;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); }

.mfp-close-btn-in .agreement .mfp-close {
  padding: 0 8px 3px;
  line-height: 0.7;
  font-size: 40px;
  color: #fff;
  /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
  /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
  background: #222; }

/**
 * @copyright Copyright (c) 2013 Tobias Bergmann
 */
/* Print view
 ************************************************************************************************************************/
@media print {
  #hd, #colL, #colR, #ft, .btn1 .ico, .btn2 .ico, .ts1 .btn2-toggle, .gNotice {
    display: none; }

  * {
    background: none !important; }

  body {
    color: #000 !important;
    background: #fff;
    text-align: left !important;
    font-size: 10pt; }

  .printPage #hd, .cart-tax-info {
    display: block !important; }

  #page {
    padding: 0 !important; }

  .main {
    margin: 0 !important;
    padding: 0 !important; }

  .hd2 {
    border: 0; }

  a {
    color: #2976c9 !important; }

  .ts1, .btn1 span, .btn2 span {
    border: 1px solid #ccc !important; }

  .ts1 {
    border-collapse: collapse; }

  .bx1, .bx2, .hd2i, th, td {
    border-color: #ccc !important; }

  .thd1 th, .tbd1 .last td {
    border-bottom: 1px solid #ccc !important; }

  .bx1, .bx2, .hd2i {
    border-color: #ccc !important; }

  .pageBreak {
    display: block;
    page-break-before: always; } }
/* CSS for medium screens (tablet) */
/* @include media-query($mq-m) { @import "components/mq_medium"; } */
@media screen and (min-width: 768px) {
  /**
   * @copyright Copyright (c) 2013 Tobias Bergmann
   */
  /* show desktop specific elements */
  .currency,
  .lang {
    display: block; }

  /*******************************************************************************************************************************************
      BASE LAYOUT
  __________________________________________________________________________________________________________________________________________*/
  .bdI {
    display: table;
    table-layout: fixed;
    /*(1)*/
    width: 100%;
    /*(2)*/ }

  #colM {
    position: relative;
    display: table-cell;
    width: 100%;
    vertical-align: top;
    z-index: 1; }

  #colL, #colR {
    display: table-cell;
    width: 205px;
    background: url(../images/bg_breadcrumb.gif);
    vertical-align: top; }

  #colL {
    padding: 10px 0 20px; }

  #colR {
    padding: 10px 0 20px; }

  /* (1) for responsive images inside table */
  /* (2) setting just max-width for the display:table; element doesn't work */
  /*******************************************************************************************************************************************
      WHITE-SPACE + HELPER CLASSES
  __________________________________________________________________________________________________________________________________________*/
  /* white-space */
  .wsBx1a {
    padding: 40px 50px 0; }

  .wsBx1b {
    padding: 40px 50px 0; }

  .wsBx1c {
    padding: 10px 30px 0; }

  .wsBx1e {
    padding: 40px 50px 15px; }

  .wsHd3d {
    padding-bottom: 25px; }

  .main {
    padding: 40px 50px 35px; }

  /*******************************************************************************************************************************************
      BOXES
  __________________________________________________________________________________________________________________________________________*/
  .ft1 {
    padding: 0 50px 15px; }

  .ft1v1 {
    padding: 30px 35px 10px; }

  #footer-links {
    clear: both; }

  #ft .leftcol {
    width: 35%;
    float: left; }

  #ft .rightcol {
    float: left;
    width: 28%; }

  .ftBlock {
    width: 30%;
    float: left; }

  .inline-list li {
    display: inline-block;
    padding-right: 10px; }

  /*******************************************************************************************************************************************
      HEADINGS
  __________________________________________________________________________________________________________________________________________*/
  .hd1 {
    padding: 40px 50px 0; }

  .main .hd4 {
    padding: 12px 50px; }

  .hd9 {
    padding: 35px 50px 0; }

  /*******************************************************************************************************************************************
      IMAGES (product image, category image, banner, callout)
  __________________________________________________________________________________________________________________________________________*/
  .catImgWrap {
    margin: -30px -30px 25px; }

  /*******************************************************************************************************************************************
      SLIDER / CAROUSEL
  __________________________________________________________________________________________________________________________________________*/
  /* slider homepage */
  .slider-home {
    margin: 0 0 30px; }

  .slider-wrapper {
    float: right;
    width: 75%; }

  /* Category List */
  .category-list {
    float: left;
    width: 25%;
    height: 355px;
    color: #000;
    /* fallback color only for non transparent gradients */
    background-color: #8eb16d;
    background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#cae29e"/>\a         <stop offset="101%" stop-color="#8eb16d"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    border-radius: 0;
    margin-bottom: 0; }

  .category-list li {
    width: 100%;
    float: none; }

  .category-list .nav-cat-dt .topLvl span {
    padding: 0; }

  .category-list .nav-cat-dt .topLvl {
    background: none;
    color: #005b33;
    text-shadow: none;
    font-size: 18px;
    border: none; }

  .catlist-h4 {
    padding: 10px 25px;
    margin-bottom: 5px;
    font-size: 18px;
    /* fallback color only for non transparent gradients */
    background-color: #8eb16d;
    background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#cae29e"/>\a         <stop offset="101%" stop-color="#8eb16d"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
    display: block;
    font-family: "Officina Sans Bold", Arial;
    color: #005b33; }

  .nav-cat-dt span {
    margin: 0 20px; }

  .slider-home {
    height: 325px; }

  .slider-home .caption2, .slider-home .caption1, .slider-home .caption3 {
    font-size: 27px;
    width: 40%; }

  /*******************************************************************************************************************************************
      TABS + ACCORDIONS + DROPDOWN-MENU
  __________________________________________________________________________________________________________________________________________*/
  .tabs {
    padding-left: 20px; }

  .sitemapTabs {
    margin: 0 0 30px -20px; }

  .dropdown.orderTabs {
    margin: 0 50px; }

  .rpTabs {
    margin: 0 50px 0 30px; }

  #colL .nav-account {
    display: block !important; }

  /*******************************************************************************************************************************************
      TABLES
  __________________________________________________________________________________________________________________________________________*/
  .cartTable .td-label,
  .cartTable .td-actions,
  .cartTable .pInfo {
    display: none; }

  /*******************************************************************************************************************************************
      LINKS
  __________________________________________________________________________________________________________________________________________*/
  .lnk-compare {
    display: block; }

  /*******************************************************************************************************************************************
      BUTTONS
  __________________________________________________________________________________________________________________________________________*/
  /* compare button */
  #colL .compare {
    display: block;
    padding: 0 20px 45px 15px; }

  #colL .btn-compare {
    width: 100%; }

  .checkout-cart-index .compare,
  .mac .compare,
  .checkout-onepage-index .compare {
    display: none; }

  /* hide on cart + checkout */
  /*******************************************************************************************************************************************
      VIEW TOGGLE + PAGER + LIMITER (used at my orders page)
  __________________________________________________________________________________________________________________________________________*/
  .viewToggle {
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
    /* text-align:center; */ }

  .viewToggle .dropdown-toggle {
    display: inline-block;
    border: 0; }

  .viewToggle .viewAs {
    float: left;
    display: block;
    margin-left: -13px; }

  .viewToggle .sortBy {
    float: left;
    width: auto;
    display: inline-block;
    vertical-align: top; }

  .viewToggle .showPP {
    width: auto;
    margin-right: -14px; }

  .viewToggle .cur-cat-info {
    width: auto;
    float: left; }

  /*******************************************************************************************************************************************
      PRODUCT LISTINGS + LAYERED NAV
  __________________________________________________________________________________________________________________________________________*/
  .catalog-category-view .main,
  .tag-product-list .main,
  .catalogsearch-result-index .main,
  .catalogsearch-advanced-result .main {
    padding: 30px 30px 0; }

  /* product grid */
  .pGrid .item {
    width: 33.3333%; }

  /* product list */
  .pList {
    margin-top: -25px; }

  .pList .item {
    padding: 25px 0 25px 0;
    cursor: default; }

  .pList .shortDescr {
    display: block; }

  /* layered nav */
  #colL .filterBy ul {
    margin: 6px 0 20px;
    line-height: 16px;
    font-size: 14px; }

  #colL .filterBy ul.laB2 {
    margin-bottom: 0; }

  #colL .filterBy a {
    display: block;
    padding: 3px 5px 3px 15px;
    color: #539f24;
    text-decoration: none; }

  .m-filter-slider, .m-slider-values {
    width: 170px;
    margin-left: 15px; }

  #colL .filterBy .m-filter-css-checkboxes a {
    padding-left: 35px;
    background-position: 15px 4px;
    background-image: url(../images/checkbox.png);
    background-repeat: none; }

  #colL .filterBy .m-filter-css-checkboxes a:hover {
    text-decoration: none; }

  #colL .filterBy a:hover {
    text-decoration: underline; }

  #colL .lnk-removeAll {
    display: block;
    font-weight: normal;
    font-family: "Officina Sans", Arial, Helvetica, sans-serif;
    padding-top: 15px;
    font-size: 14px; }

  #colL .filterBy .m-filter-css-checkboxes a:hover,
  #colL .filterBy .m-filter-css-checkboxes a.m-checkbox-checked {
    background-image: url(../images/checkbox_checked.png); }

  #colL .filterBy .empty {
    display: block;
    padding: 3px 5px 3px 15px;
    color: #539f24;
    text-decoration: none; }

  #colL .filterBy .qty {
    color: #67c62d; }

  .m-filter-css-checkboxes {
    margin-bottom: 15px; }

  #colL .hd5 {
    color: #2d463b;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 10px;
    margin-top: 15px;
    font-size: 16px;
    font-family: "Officina Sans Bold", Arial;
    border-top: 1px dotted #ddd; }

  #colL .subtheme-info {
    margin-bottom: -15px; }

  #colL .subtheme-info .hd5 {
    padding: 8px 0 8px; }

  #colL .subtheme-info .hd4.cat-name {
    padding: 5px 0; }

  #colL .subtheme-info .show-all-cats {
    font-size: 14px;
    padding: 5px 0; }

  #colL .hd4.cat-name {
    background: none;
    padding: 5px 15px;
    margin: 0; }

  #colL .show-all-cats {
    padding: 5px 15px; }

  #colL p {
    padding: 5px 15px; }

  #colL .category-desc p {
    font-size: 12px;
    line-height: 14px; }

  /* category list image */
  .s-cats-blocks li {
    width: 33.3%;
    height: 355px;
    float: left;
    padding-top: 15px;
    padding-bottom: 20px; }

  /*******************************************************************************************************************************************
      PRODUCT DETAIL PAGE
  __________________________________________________________________________________________________________________________________________*/
  .pView .bd1 > .colL {
    float: left;
    width: 370px;
    /*(1)*/
    margin-right: -370px;
    padding: 30px 30px 35px; }

  .pView .bd1 > .colR {
    /*float:left;*/
    overflow: hidden;
    /*(2)*/
    margin-left: 370px;
    padding: 0 30px 0;
    /*  @include border($product-view-col-right-border...); */ }

  .pView .resp-tabs {
    padding: 0 15px; }

  .pView .resp-accordion {
    margin: 0 -15px;
    padding: 0 15px;
    border-left: 0; }

  .resp-tab-content {
    padding: 15px 0 0; }

  /* shop-box */
  .shopBxT, .shopBxB,
  .pConfigurable .shopBx {
    margin: 0 -30px;
    padding: 22px 30px 0; }

  .p-titl {
    padding: 20px 30px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: -1px; }

  /* (1) a fixed width is important for the more-views to display, otherwise after first page load the carousel items are hidden.
         width:0; is set as inline style */
  /* (2) overflow:hidden; instead float:left; otherwise the column is not stretched over the entire width (if there is less content) */
  /*******************************************************************************************************************************************
      CHECKOUT PROCESS
  __________________________________________________________________________________________________________________________________________*/
  /* mac */
  .macBx {
    display: table;
    table-layout: fixed;
    width: 100%; }

  .macBx > .colL {
    display: table-cell;
    width: 33.3333%;
    vertical-align: top; }

  .macBx > .colR {
    display: table-cell;
    width: 66.6666%;
    vertical-align: top; }

  .mac .tTip2 {
    top: 40%;
    left: 0;
    right: auto;
    width: 40%; }

  .macBx > .colL,
  .macBx .wsBx1b,
  .macShipping .hd3,
  .macShipping .wsHd3b,
  .macBx2 .wsBx1b {
    padding-left: 35px;
    padding-right: 35px; }

  .macShipping {
    margin: 0 -35px; }

  /* gift options */
  .giftItem .colL {
    float: left;
    width: 117px;
    margin-right: -117px;
    margin-bottom: 0;
    padding-top: 21px; }

  .giftItem .colR {
    float: right;
    width: 100%; }

  .giftItem .colRi {
    margin-left: 137px; }

  .giftItem .pImg {
    float: left; }

  /* misc */
  .opc .w50-auto {
    width: 50%; }

  /*(1)*/
  .order-info .w33 {
    width: 33.3333%;
    float: left; }

  /* (1) w50-auto: dual classname, value depends on parent selector, used for payment method form width */
  /*******************************************************************************************************************************************
      MISC PAGES
  __________________________________________________________________________________________________________________________________________*/
  /* cms pages */
  .cms-page-view #colL {
    padding-top: 51px; }

  #colL .cmsLinks {
    margin-bottom: 25px; }

  #colL .cmsLinks:last-child {
    margin-bottom: 15px; }

  #colL .cmsLinks h3 {
    padding: 7px 20px 7px 15px;
    color: #222;
    line-height: 1;
    font-family: "Officina Sans Bold", Arial;
    font-size: 14px;
    font-weight: normal;
    font-style: default;
    text-transform: none; }

  #colL .cmsLinks a {
    display: block;
    padding: 5px 20px 5px 15px;
    line-height: 16px;
    font-size: 12px;
    border-bottom: 1px dotted #e2e0c1;
    color: #539f24;
    text-decoration: none; }
    #colL .cmsLinks a:hover {
      /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
      /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
      background: #fff;
      text-shadow: none;
      text-decoration: none; }

  /* login page */
  .customer-account-login .w50 {
    float: left;
    width: 50%; }

  .customer-account-login .main .bx1 {
    min-height: 450px; }

  .newUser .bd2, .regUser .bd2 {
    min-height: 237px; }

  /* order print pages */
  .printPage {
    background: #fff;
    overflow-x: visible; }

  .printPage #page {
    width: 990px;
    margin: 0 auto;
    padding: 34px 15px 35px;
    background: #fff; }

  .printPage #hd {
    margin-bottom: 40px;
    overflow: hidden; }

  .printPage #colM {
    display: block; }

  .printPage #colM, .printPage #ft {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

  .printPage .main {
    padding: 0; }

  .printPage .sender {
    margin: 0 0 0 15px;
    padding: 41px 0 0 15px;
    border-left: 1px solid #ddd;
    line-height: 1; }

  .printPage h1 {
    margin-bottom: 6px;
    color: #222;
    font-size: 20px; }

  .printPage h3 {
    margin-bottom: 10px;
    color: #222;
    text-transform: uppercase; }

  .printPage p {
    margin-bottom: 18px; }

  .printPage .pmTitle {
    margin-bottom: 0; }

  .printPage .pmDetail,
  .printPage .lnk-giftMsg {
    display: none; }

  /*******************************************************************************************************************************************
      SIDEBAR BOXES
  __________________________________________________________________________________________________________________________________________*/
  /* minicart */
  .miniCart .hd4 .qty {
    display: none; }

  .miniCart .hd5 {
    margin-top: 0;
    padding-top: 18px !important;
    padding-bottom: 16px !important; }

  .miniCart .small {
    font-size: 12px;
    font-weight: normal; }

  .miniCart .actions {
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: #aff8d8 url(../images/bg_stripe_pattern.gif);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

  .miniCart .actions li {
    padding: 11px 20px 11px 15px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #cafee7 transparent #b0e6ce transparent;
    color: #222;
    line-height: 15px; }

  .miniCart .paypal {
    margin-top: 15px; }

  .miniCart .bml-checkout-type {
    margin-top: 6px; }

  .miniCart .qty {
    padding-right: 5px; }

  .miniCart .tTipShow {
    top: 29px; }

  #colR .miniCart .actions li {
    padding: 11px 15px 11px 20px; }

  #colR .miniCart .tTipShow {
    left: -250px; }

  #colR .miniCart .tTip1 .ico {
    left: auto;
    right: -9px;
    border-right: 0;
    border-left: 9px solid #222;
    border-top: 8px inset transparent;
    border-bottom: 8px inset transparent; }

  .dropdown-cart .linkLi1 {
    width: 100%; }

  /* product listing for minicart + wishlist box */
  .pList3 .cArea {
    padding: 39px 20px 12px 15px !important; }

  #colR .pList3 .cArea {
    padding: 39px 15px 12px 20px !important; }

  .pList3 .actionBx {
    margin-top: -40px; }

  .pList3 .pInfo {
    margin-left: 60px;
    font-size: 12px; }

  .pList3 .pName {
    margin-bottom: 10px; }

  .pList3 .pName a {
    border-bottom: 1px dotted #61af32;
    font-weight: bold; }

  .pList .pInfo {
    width: 30%; }

  /* wishlist box */
  .wishlistBx .hd4 small {
    display: none; }

  /* compare box */
  .compareBx .hd4 .qty {
    display: none; }

  .compareBx .btn2-remove {
    float: right;
    margin: 6px 20px -1px 0; }

  .compareBx .cArea {
    position: static;
    /*(1)*/
    padding-right: 44px !important; }

  #colR .compareBx .btn2-remove {
    margin-right: 15px; }

  /* reorder box */
  .reorderBx a:hover {
    color: #222; }

  .reorderBx .adviceBx2 {
    top: 0; }

  .reorderBx .validation-advice {
    padding-left: 15px;
    padding-right: 20px; }

  #colR .reorderBx .validation-advice {
    padding-left: 20px;
    padding-right: 15px; }

  /* login box + orders and returns widget */
  .loginBx .bd1, .orderBx .bd1 {
    padding-bottom: 10px;
    border: 1px solid #dbdbdb;
    background: #e5e5e5; }

  /* my account navigation */
  #colL .nav-account {
    margin-top: 43px; }

  #colL .nav-account ul {
    border-top: 1px dotted #e2e0c1;
    border-bottom: 1px dotted #e2e0c1; }

  #colL .nav-account li {
    border-bottom: 1px dotted #e2e0c1; }

  #colL .nav-account a {
    display: block;
    padding: 12px 20px 12px 15px;
    line-height: 15px;
    color: #61af32;
    text-shadow: none;
    text-decoration: none; }
    #colL .nav-account a:hover {
      color: #222;
      /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
      /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
      background: #fff;
      text-shadow: none;
      text-decoration: none; }

  #colL .nav-account .acc-title h3 {
    padding: 12px 20px 12px 15px;
    font-family: "Officina Sans Bold", Arial;
    color: #000; }

  #colL .nav-account .act {
    position: relative;
    margin-top: -1px;
    border-bottom: 0;
    z-index: 2;
    -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.15); }

  #colL .nav-account .laB2.act {
    margin-bottom: -1px; }

  #colL .nav-account .act a {
    margin-right: -6px;
    padding-top: 13px;
    padding-bottom: 13px;
    color: #222;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: #fff;
    font-weight: bold; }

  /* (1) overwrite position:relative; from .linkLi1 .cArea, otherwise the actionBx is not visible */
  .featuredBx.single {
    margin-bottom: 30px; }

  .featuredBx.single .pName {
    padding-right: 150px; }

  .featuredBx.single .savings-label {
    position: absolute;
    right: 0;
    top: 0; } }
/* CSS for large screens (desktop) */
/* @include media-query($mq-l) { @import "components/mq_large"; } */
@media screen and (min-width: 1005px) {
  /**
   * @copyright Copyright (c) 2013 Tobias Bergmann
   */
  /* hide mobile specific elements */
  .nav-mobile,
  #hd .nav-account {
    display: none; }

  /* show desktop specific elements */
  .topBar,
  .nav-top,
  .no-touch .viewCart-dt,
  .ftLinks,
  .bCrumbs,
  .macProg,
  .reviews .btnLi1,
  .sales-order-history .showPP,
  .review-customer-index .showPP,
  .downloadable-customer-products .showPP {
    display: block; }

  /*******************************************************************************************************************************************
      BASE LAYOUT
  __________________________________________________________________________________________________________________________________________*/
  #bd, .hdI, .ftI, .cft .copyright, .navBarI, .noticeI, .topBarI, .bCrumbsI, .nav-cat-dt ul.level0, .popTags .tags, .compareI, .messages {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px; }

  #bd {
    margin-bottom: 0;
    margin-top: 15px;
    margin-top: 15px; }

  .multi-bx #bd {
    margin-bottom: -15px; }

  #hd {
    margin: 0 0 0;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: transparent; }

  #ft {
    clear: both; }

  .ftI, copyright {
    padding: 35px 15px 25px 15px; }

  .no-touch #hd {
    background: #fff; }

  .no-touch .hdI {
    padding-top: 10px;
    padding-bottom: 10px;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

  /* white box */
  #colM,
  .multi-bx .bx1,
  .emptyCart {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }

  /* pages with centered white box */
  .center-bx #colM {
    display: block;
    width: 100%;
    /* width:$center-box-width; */
    margin: 0 auto; }

  /*******************************************************************************************************************************************
      GRID CLASSES
  __________________________________________________________________________________________________________________________________________*/
  /* grid-rows */
  .rowG1 {
    margin: 0 -30px; }

  .rowG2 {
    margin: 0 -7px; }

  /* grid whitespace */
  .wsG1 {
    padding: 0 30px; }

  .wsG2 {
    margin: 0 7px; }

  /* width (1) */
  .w20, .w25, .w33, .w40, .w50, .w60, .w66, .w75 {
    float: left; }

  .w20 {
    width: 20%; }

  .w25 {
    width: 25%; }

  .w33 {
    width: 33.3333%; }

  .w40 {
    width: 40%; }

  .w50 {
    width: 50%; }

  .w60 {
    width: 60%; }

  .w66 {
    width: 66.6666%; }

  .w75 {
    width: 75%; }

  .w100 {
    width: 100%; }

  .wFull .w50,
  .wFull .w33 {
    float: none;
    width: 100%; }

  /*(2)*/
  /* .rowG1: wrap for multiple columns with the .wsG1 class */
  /* .rowG2: wrap for multiple columns with the .wsG2 class (input-fields) */
  /* .wsG1: for grid-elements, spacing between columns */
  /* .wsG2: for grid-elements, spacing between input-fields */
  /* (1) mainly used for grid-elements */
  /* (2) overwrite width of descendant elements */
  /*******************************************************************************************************************************************
      WHITE-SPACE + HELPER CLASSES
  __________________________________________________________________________________________________________________________________________*/
  .wsBx1a {
    padding: 40px 50px 0; }

  .wsBx1b {
    padding: 40px 50px 0; }

  .wsBx1e {
    padding: 40px 50px 15px; }

  .wsBtnA {
    margin: -2px 0 0 15px; }

  .msg {
    margin-bottom: 20px; }

  .main {
    padding: 40px 50px 35px; }

  /* .wsBtnA: for buttons beside input-fields, used on billing agreements page + for "add tags" button (product view page) */
  /*******************************************************************************************************************************************
      BOXES
  __________________________________________________________________________________________________________________________________________*/
  .ft1, .ft2 {
    text-align: right; }

  .ft1 {
    padding: 0 50px 45px; }

  .ft1v1 {
    padding: 30px 35px 32px; }

  .ft1, .ft1 .w33,
  #review-buttons-container {
    display: block; }

  .ft1 .btn1, .ft1 .btn2,
  .ft2 .btn1, .ft2 .btn2 {
    width: auto;
    margin: 0 0 0 10px; }

  /*(1)*/
  .ft1 a.flL, .ft1 button.flL,
  .ft2 a.flL, .ft2 button.flL {
    margin: 0 10px 0 0; }

  /*(2)*/
  /* (1) margin-left for right-aligned buttons inside footer */
  /* (2) margin-right for left-aligned buttons inside footer */
  /*******************************************************************************************************************************************
      HEADINGS
  __________________________________________________________________________________________________________________________________________*/
  .hd1 {
    padding: 40px 50px 0; }

  /*******************************************************************************************************************************************
      SLIDER / CAROUSEL
  __________________________________________________________________________________________________________________________________________*/
  /* carousel more views */
  .moreViews:hover .flex-prev,
  .moreViews:hover .flex-next {
    opacity: 1; }

  /* carousel widgets (new etc.) */
  .carousel .flex-control-nav {
    display: none; }

  .carousel .flex-direction-nav {
    display: block; }

  .slider-home .slides li {
    border-radius: 5px 5px 0 0;
    overflow: hidden; }

  .slider-home {
    height: auto; }

  .category-list {
    width: 22%;
    border-radius: 5px; }

  .catlist-h4 {
    border-radius: 5px 5px 0 0; }

  .slider-home .caption1 {
    font-size: 32px;
    width: 370px; }

  .slider-home .caption2 {
    font-size: 32px;
    width: 370px; }

  .slider-home .caption3 {
    font-size: 32px;
    width: 370px; }

  /*******************************************************************************************************************************************
      TABS + ACCORDIONS + DROPDOWN-MENU
  __________________________________________________________________________________________________________________________________________*/
  /* convert accordion to tabs */
  .resp-tabs-list {
    display: block;
    margin: 0 50px 0 30px;
    padding-left: 20px;
    border-bottom: 1px solid #eee; }

  .resp-tabs-list li {
    float: left;
    margin: 0 -1px -1px 0;
    padding: 0 11px;
    margin-right: 10px;
    line-height: 30px; }

  li.resp-tab-active, .resp-tabs-list li:hover {
    padding-bottom: 1px;
    border-bottom: 0;
    color: #fff;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: #8f8777 url(../images/tab-active-bg.gif); }

  li.resp-tab-active:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-top: 8px solid #8f8777;
    border-left: 8px inset transparent;
    border-right: 8px inset transparent;
    z-index: 1; }

  h2.resp-accordion {
    display: none; }

  .resp-tab-content-active {
    display: block; }

  .orderTabs .dropdown-toggle {
    display: none; }

  .dropdown.orderTabs {
    margin: 0; }

  .orderTabs .tabs {
    margin: 0 50px 0 30px; }

  /*******************************************************************************************************************************************
      TABLES
  __________________________________________________________________________________________________________________________________________*/
  .updRow .btn2 {
    width: auto;
    margin: 0 0 0 10px; }

  /*******************************************************************************************************************************************
      FORM ELEMENTS
  __________________________________________________________________________________________________________________________________________*/
  /* date picker */
  .datePickerJs {
    width: 30%; }

  /*******************************************************************************************************************************************
      LINKS
  __________________________________________________________________________________________________________________________________________*/
  .lnk-forgotpw {
    float: left; }

  /*******************************************************************************************************************************************
      BUTTONS
  __________________________________________________________________________________________________________________________________________*/
  /* show icons on large screens */
  .btn1-cont .ico,
  .btn2-back .ico,
  .btn1-add .ico,
  .btn2-add .ico,
  .btn1-remove .ico {
    display: inline-block; }

  /* compare button */
  .compare {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #222;
    text-align: right;
    z-index: 10; }

  .btn-compare span {
    line-height: 32px; }

  .btn-compare {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0; }

  /*******************************************************************************************************************************************
      PRICES AND TAXES
  __________________________________________________________________________________________________________________________________________*/
  .mac .grandTotal {
    margin: 0 15px 0 0; }

  /*******************************************************************************************************************************************
      MESSAGES / NOTICES
  __________________________________________________________________________________________________________________________________________*/
  .messages {
    margin-top: 15px; }

  /*******************************************************************************************************************************************
      BREADCRUMBS
  __________________________________________________________________________________________________________________________________________*/
  .bCrumbs {
    margin: 2px 0 -12px; }

  .bCrumbs ul {
    margin: 0;
    padding: 0 0;
    /* @include background($breadcrumbs-bg); */ }

  .bCrumbs li {
    display: inline-block;
    line-height: 26px;
    font-size: 12px; }

  .bCrumbs li:after {
    content: " > "; }

  .bCrumbs .la:after {
    content: none; }

  .bCrumbs a {
    display: inline-block;
    padding: 0 3px;
    color: #888;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: transparent;
    text-decoration: transparent; }
    .bCrumbs a:hover {
      color: #666;
      /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
      /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
      background: transparent;
      text-decoration: #fff; }

  .bCrumbs strong {
    padding: 0 3px;
    color: #888;
    text-decoration: #fff; }

  .bCrumbs .home a {
    padding-left: 0; }

  .bCrumbs li.back-link::after, .bCrumbs li.info::after {
    content: ""; }

  .bCrumbs li.back-link::before {
    content: "< "; }

  .bCrumbs li.back-link {
    padding-right: 20px; }

  .bCrumbs li.back-link a {
    color: #61af32;
    cursor: pointer; }

  /*******************************************************************************************************************************************
      VIEW TOGGLE + PAGER + LIMITER (used at my orders page)
  __________________________________________________________________________________________________________________________________________*/
  .viewToggle .dropdown-toggle .label {
    display: inline; }

  .pager .shownQtyL {
    text-align: left; }

  .pages {
    float: right;
    margin-bottom: 0;
    padding-left: 3px; }

  .pages li {
    display: block;
    float: left;
    width: auto !important;
    margin-left: 5px; }

  .pages .text {
    display: none; }

  /*******************************************************************************************************************************************
      HEADER
  __________________________________________________________________________________________________________________________________________*/
  .no-touch .logo {
    width: 318px;
    height: 65px;
    margin-right: 35px;
    background: url(../images/logo_desktop@2x.png) 0 0 no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain; }

  .topBar {
    position: relative;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: url(../images/header-bg.jpg);
    z-index: 41; }

  .welcome {
    float: left;
    padding: 6px 15px;
    color: #61af32;
    font-size: 12px;
    text-transform: uppercase; }

  .welcome li {
    float: left;
    margin: 0 12px 0 0;
    text-transform: none;
    background: url(../images/icon_arrow.png) no-repeat 0 45%;
    padding-left: 16px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.8);
    letter-spacing: 0.03em; }

  .welcome a {
    color: #61af32;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: transparent;
    text-shadow: 0 1px rgba(0, 0, 0, 0.8);
    text-decoration: #fff; }
    .welcome a:hover {
      color: #61af32;
      /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
      /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
      background: transparent;
      text-decoration: underline; }

  .headerpromo {
    clear: both;
    text-align: right;
    margin-bottom: -12px;
    position: relative;
    top: -12px;
    border: none; }

  .headerpromo p span {
    display: inline; }

  .headerpromo p {
    float: none; }

  .nav-top {
    float: right;
    margin-top: -10px; }

  .topLinks {
    float: left; }

  .topLinks li {
    float: left;
    padding: 0 10px; }

  .topLinks a, a.viewCart {
    display: block;
    line-height: 18px;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 5px;
    -webkit-font-smoothing: antialiased;
    /* Safari 5 */
    color: #3b5248;
    font-family: "Officina Sans Bold", Arial; }
    .topLinks a:hover, a.viewCart:hover {
      color: #61af32; }

  .topLinks a .ico, .viewCart-dt .viewCart .ico {
    color: #a5a5a5; }

  .viewCart-dt, .topLinks > li {
    padding-left: 53px;
    height: 80px;
    width: 190px; }

  .topLinks > li {
    padding-right: 20px;
    position: relative; }

  .topLinks .subLinks li, .subLinks li {
    float: none;
    padding: 0;
    background: none;
    color: #527e38;
    font-size: 12px;
    line-height: 14px; }

  .topLinks .subLinks a, .subLinks a {
    font-family: "Officina Sans", Arial, Helvetica, sans-serif;
    color: #61af32;
    font-size: 12px;
    line-height: 14px;
    padding-top: 0;
    padding-bottom: 0; }

  /* dropdown-cart */
  .viewCart-dt {
    position: relative;
    float: right;
    margin-left: 10px; }

  .viewCart-dt .empty {
    font-size: 12px;
    line-height: 14px;
    color: #527e38; }

  .viewCart-dt .viewCart b {
    display: inline-block; }

  .viewCart-dt .viewCart .label {
    /* display:none; */ }

  .viewCart-dt .viewCart .ico {
    position: absolute;
    position: absolute;
    top: 8px;
    left: 0; }

  .viewCart-dt .viewCart .ico:before {
    content: "\e013";
    margin: 6px 8px 0 11px;
    font-size: 28px;
    position: relative;
    left: -5px; }

  .viewCart-dt .viewCart .qty, .topLinks .qty {
    background: #50a31f;
    border: 2px solid #fff;
    position: absolute;
    top: 1px;
    left: 30px;
    min-width: 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    text-align: center;
    color: #fff;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14);
    width: auto;
    line-height: 17px;
    font-size: 12px;
    height: 20px; }

  .topLinks .qty {
    background: rgba(255, 255, 255, 0.52);
    color: #50a31f; }

  .topLinks .ico, .viewCart-dt .viewCart .ico {
    position: absolute;
    position: absolute;
    top: 8px;
    left: 5px;
    background: url(../images/vaa_sprite.png) -200px -115px no-repeat;
    height: 41px;
    width: 40px; }

  .topLinks .account .ico:before {
    content: "\e016";
    margin: 1px 8px 0 8px;
    font-size: 25px;
    font-family: "icons";
    position: relative;
    top: 10px; }

  .topLinks .wishlist .ico:before {
    content: "\e017";
    margin: 1px 8px 0 8px;
    font-size: 25px;
    font-family: "icons";
    position: relative;
    top: 12px; }

  .topLinks .ico {
    color: #005b33; }

  .topLinks .ico:hover, .viewCart-dt .viewCart .ico:hover {
    color: #61af32; }

  .dropdown-cart {
    right: 0;
    margin-top: 12px;
    top: 65px; }

  .dropdown-cart:before {
    left: auto;
    right: 36px; }

  .dropdown-cart .linkLi1 {
    max-height: 400px;
    overflow-x: auto; }

  /* language + currency switcher */
  .no-touch .locale {
    padding-top: 6px; }

  .no-touch .locale .dropdown-toggle {
    color: #61af32; }

  .no-touch .locale .dropdown-toggle > span:after {
    color: #bfbfbf !important; }

  .no-touch .locale .dropdown-toggle:hover {
    color: #666; }

  /* header for touch-devices (see other references of .touch / .no-touch in this document) */
  .touch .topBarI,
  .touch .hdI,
  .touch .navBarI {
    max-width: none;
    padding: 0; }

  .touch .nav-top,
  .touch .toggle-target-g1 {
    display: none; }

  .touch .nav-mobile {
    display: block; }

  .touch .navBarI {
    text-align: left; }

  /*******************************************************************************************************************************************
      NAV-BAR
  __________________________________________________________________________________________________________________________________________*/
  .no-touch .navBar {
    position: relative;
    clear: both;
    /* fallback color only for non transparent gradients */
    background-color: #8eb16d;
    background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#cae29e"/>\a         <stop offset="101%" stop-color="#8eb16d"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>'));
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3); }

  .no-touch .navBarI {
    text-align: right; }

  /*.no-touch .navBar.fixed              {position:fixed; top:0; width:100%; z-index:1000;}*/
  /* all levels */
  .nav-cat-dt {
    float: left;
    text-align: left; }

  .nav-cat-dt a {
    display: block; }

  .nav-cat-dt span {
    display: block;
    margin: 0 25px;
    white-space: nowrap; }

  .nav-cat-dt .snd {
    margin-left: 10px; }

  /* show submenu */
  .nav-cat-dt .sub {
    position: relative; }

  .nav-cat-dt > .hover > .sub {
    position: absolute;
    top: 40px; }

  /* 1st level */
  .nav-cat-dt li.level0 {
    float: left; }

  .nav-cat-dt .topLvl {
    color: #005b33;
    line-height: 40px;
    font-family: "Officina Sans", Helvetica, Arial, sans-serif;
    font-size: default;
    font-weight: 100;
    font-style: none;
    text-transform: none;
    font-size: 18px; }

  .nav-cat-dt .parent .topLvl span:after {
    content: "\e002";
    margin: 15px 0 0 12px;
    color: #e5e5e5;
    font-size: 12px;
    text-shadow: none; }

  .nav-cat-dt .topLvl:hover,
  .nav-cat-dt .parent:hover .topLvl {
    color: #fff;
    /* fallback color only for non transparent gradients */
    background-color: #9ab05c;
    background-image: url(inlineSVG('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">\a         <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">\a         <stop offset="0%" stop-color="#86a447"/>\a         <stop offset="101%" stop-color="#9ab05c"/>\a         </linearGradient><rect fill="url(#gradient)" x="0" y="0" width="1" height="1" />\a         </svg>')); }

  .nav-cat-dt .active .topLvl {
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: rgba(0,0,0,0.4) !important; }

  .nav-cat-dt .top-angebote .topLvl {
    background: url(../images/red-bg.gif);
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    font-family: "Officina Sans Bold", Arial;
    line-height: 30px;
    margin-top: 4px; }

  /* 2nd level */
  .nav-cat-dt > li > .sub {
    position: absolute;
    top: -50000px;
    right: 0;
    left: 0;
    padding: 30px 0 10px;
    border-bottom: 1px dotted #005b33;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: #aff8d8 url(../images/bg_stripe_pattern.gif);
    -webkit-box-shadow: inset 0 5px 4px -4px rgba(0, 0, 0, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 5px 4px -4px rgba(0, 0, 0, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 5px 4px -4px rgba(0, 0, 0, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.2); }

  .nav-cat-dt li.level1 {
    display: inline-block;
    width: 160px;
    min-height: 78px;
    margin-bottom: 25px;
    border-left: 1px dotted #8cc6ad;
    vertical-align: top; }

  .nav-cat-dt .level1 a {
    margin-bottom: 4px;
    line-height: 18px;
    font-weight: bold;
    color: #222; }
    .nav-cat-dt .level1 a:hover {
      color: #005b33; }

  .nav-cat-dt .level1 span {
    margin: 0 14px; }

  /* 3rd level+ */
  .nav-cat-dt .level2 a {
    margin-bottom: 0;
    line-height: 18px;
    font-size: 11px;
    font-weight: normal;
    color: #666;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: transparent;
    text-shadow: #fff;
    text-decoration: none; }
    .nav-cat-dt .level2 a:hover {
      color: #fff;
      /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
      /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
      background: #fff;
      text-shadow: #fff;
      text-decoration: #fff; }

  /* shop by tag */
  .popTags .tags {
    text-align: center; }

  .popTags .ft {
    margin: 15px 0; }

  .popTags .tagLi1 {
    padding: 0 15px; }

  .nav-cat .viewAllTags {
    display: inline-block; }

  .viewAllTags span {
    margin: 0 !important; }

  /* search */
  .no-touch .search {
    width: auto;
    padding: 5px 0 0;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: transparent;
    float: right; }

  .no-touch .search .txtIn {
    width: 350px;
    height: 29px;
    border-color: #fff;
    color: #000;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
    .no-touch .search .txtIn:focus {
      border-color: #fff;
      color: #000;
      /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
      /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
      background: #fff;
      -webkit-box-shadow: #fff;
      -moz-box-shadow: #fff;
      box-shadow: #fff; }

  .no-touch .search .pillR1 span {
    line-height: 29px; }

  .no-touch .search .pillR1 span:before {
    top: 5px; }

  .search {
    clear: none; }

  /*******************************************************************************************************************************************
      FOOTER
  __________________________________________________________________________________________________________________________________________*/
  .ftT {
    padding: 0; }

  .ftT .cmsLinks {
    float: left;
    width: 15%;
    margin-right: 7%; }

  .ftT .cmsLinks h3 {
    padding: 0 0 5px;
    text-transform: uppercase; }

  .ftT .cmsLinks a {
    display: block;
    line-height: 24px;
    border-top: 1px dotted #bbbbbb;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: transparent;
    text-decoration: none; }
    .ftT .cmsLinks a:hover {
      color: #4a4a4a;
      /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
      /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
      background: #fff;
      text-shadow: #fff;
      text-decoration: #fff; }

  .nLetter {
    float: right;
    width: 300px; }

  .nLetter.unsubscribe {
    float: none;
    margin: 0 auto;
    width: 500px; }

  .ftB {
    padding: 9px 0;
    border-top: 1px dotted #bbbbbb;
    border-bottom: 1px dotted #bbbbbb;
    clear: both; }

  .ftLinks {
    display: inline-block;
    clear: both; }

  .ftLinks li {
    display: inline-block;
    margin-right: -3px; }

  .ftLinks a {
    margin: 0;
    padding: 0 8px;
    border-left: 1px solid #bbbbbb;
    /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
    /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
    background: transparent;
    text-decoration: none; }
    .ftLinks a:hover {
      color: #4a4a4a;
      /* check for type_of to exclude strings like "#aff8d8 url(../images/bg_stripe_pattern.gif)" */
      /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */
      background: #fff;
      text-shadow: #fff;
      text-decoration: #fff; }

  .copr {
    float: left;
    padding-right: 10px; }

  .ftBlock {
    width: 30%; }

  .tpl-social-footer a.footer-fb-link {
    float: right; }

  /*******************************************************************************************************************************************
      PRODUCT LISTINGS + LAYERED NAV
  __________________________________________________________________________________________________________________________________________*/
  .catalog-category-view .main,
  .tag-product-list .main,
  .catalogsearch-result-index .main,
  .catalogsearch-advanced-result .main,
  .aponeo-manufacturer-index-view .main {
    padding: 30px 30px 0; }

  /* product grid */
  .pGrid .item {
    width: 25%; }

  .pGrid .btn1 > span {
    padding-left: 7px; }

  .pGrid .btn1-atc .ico:before {
    margin-right: 2px; }

  .carousel .pGrid .pImg {
    height: 180px; }

  #colL .hd4 h1 {
    font-size: 25px; }

  .s-cats-blocks {
    width: 916px;
    margin-bottom: 40px; }

  .pList .pInfo {
    width: 310px; }

  /*******************************************************************************************************************************************
      PRODUCT DETAIL PAGE
  __________________________________________________________________________________________________________________________________________*/
  .pView .bd1 > .colL {
    padding: 30px 30px 35px; }

  .pView .bd1 > .colR {
    padding: 0 30px 0; }

  /* shop-box */
  .shopBxT, .shopBxB,
  .pConfigurable .shopBx {
    margin: 0 -30px;
    padding: 22px 30px 0; }

  /* tabs */
  .pView .resp-tabs {
    padding: 0; }

  .pView .resp-tabs-list {
    margin: 20px 0 0;
    padding: 0 30px; }

  .resp-tab-content {
    padding: 30px; }

  .resp-tab-content .bx2 {
    margin-bottom: 30px; }

  .reviewForm .bx2,
  #product-attribute-specs-table {
    margin-bottom: 45px; }

  .tagsBx .input-box {
    float: left;
    width: 50%; }

  .tagsBx .btn2-add {
    width: auto; }

  /* reviews limiter */
  .reviews .btnLi1 {
    position: absolute;
    right: 0;
    bottom: -5px;
    z-index: 1; }

  .reviews .btnLi1 li {
    line-height: 25px; }

  .reviews .btnLi1 a {
    padding-top: 6px; }

  .reviews .btnLi1 .act2 {
    display: block;
    padding: 6px 9px 0;
    border-bottom: 1px solid #222;
    color: #222; }

  .pView .price-percentage {
    left: -17px;
    top: -9px; }

  .mfp-close {
    font-size: 30px;
    padding: 20px; }

  body .mfp-image-holder .mfp-content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -260px;
    margin-left: -250px;
    height: 525px; }

  /*******************************************************************************************************************************************
      CHECKOUT PROCESS
  __________________________________________________________________________________________________________________________________________*/
  /* one page checkout (opc) */
  .step-title {
    padding-right: 50px;
    padding-left: 26px; }

  .act .step-title, .act .step-title:hover {
    margin-left: -5px;
    padding-left: 31px; }

  .opc .tTip2 {
    left: auto;
    right: -115px; }

  /* opc checkout method step */
  .opc-newUser .wsBx2b {
    min-height: 238px;
    /* overflow:hidden; */
    /*(1)*/ }

  .opc-newUser .wsBx2a, .opc-regUser .wsBx2a {
    min-height: 238px;
    overflow: hidden;
    /*(1)*/ }

  /* opc review step */
  .back-to-cart {
    float: left; }

  /* mac */
  .macProg .act {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }

  .macBx2 .formLi1 {
    margin-bottom: 45px; }

  #discount-coupon-form-checkout {
    margin-bottom: -21px;
    margin-top: 30px;
    width: 60%; }

  #discount-coupon-form-checkout .input-box {
    margin-right: 10px; }

  #discount-coupon-form-checkout .messages {
    margin-bottom: -30px; }

  /* (1) overflow:hidden; for webkit only. otherwise the box becomes higher than the min-height, if there is a child-element with margin-bottom */
  /*******************************************************************************************************************************************
      MISC PAGES
  __________________________________________________________________________________________________________________________________________*/
  /* cms pages */
  .cms-page-view #colL {
    padding-top: 51px; }

  /* review details page */
  .reviewDetails .colL {
    float: left;
    width: 250px;
    margin-right: -250px; }

  .reviewDetails .colR {
    float: right;
    width: 100%; }

  .reviewDetails .colRi {
    margin-left: 290px; }

  /* shopping cart */
  .discount {
    min-height: 218px; }

  .bx1.discount .wsBx2c {
    padding-top: 0; }

  .cartTable .pGrid .item .lnk-wishlist {
    display: block; }

  /* login page */
  .customer-account-login #bd {
    margin-bottom: 0; }

  .customer-account-login .main .bx1 {
    min-height: 0; }

  .customer-account-login .rowG1 {
    margin: 0 -10px; }

  .customer-account-login .wsG1 {
    padding: 0 10px; }

  .customer-account-login .wsBx1b {
    padding: 40px 50px 0; }

  /* my account */
  .my-account {
    min-height: 550px; }

  #my-orders-table td strong {
    display: block;
    min-width: 100px;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; }

  /* billing agreements */
  .newBA, .newBA .select-box {
    width: 66%; }

  .newBA .select-box {
    float: left; }

  .newBA .btn1 {
    width: auto; }

  /* my wishlist */
  #wishlist-table .qty {
    margin: 0 0 12px 0; }

  #wishlist-table td .alC .btn2-remove {
    display: none; }

  /*******************************************************************************************************************************************
      TRANSITIONS
  __________________________________________________________________________________________________________________________________________*/
  .txtIn, textarea, select {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s; }

  .search .txtIn {
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s; }

  .nav-cat-dt .topLvl {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s; }

  .nav-cat-dt ul.level0, .nav-cat-dt .tags {
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transform: translate3d(-1000px, 0, 0);
    -moz-transform: translate3d(-1000px, 0, 0);
    -ms-transform: translate3d(-1000px, 0, 0);
    -o-transform: translate3d(-1000px, 0, 0);
    transform: translate3d(-1000px, 0, 0); }

  .nav-cat-dt > .hover ul.level0, .nav-cat-dt > .hover .tags {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
/* Custom CSS */
/* CSS for small screens (smartphone)
 ************************************************************************************************************************/
/* image size fix (for retina images) */
.cartTable img {
  width: 75px; }

.miniCart .pImg {
  width: 50px; }

.giftItem .pImg {
  width: 115px; }

.reviewDetails .pImg {
  width: 164px; }

.compareTable img,
#my-tags-table .pImg img,
#wishlist-table .pImg img {
  width: 115px; }

.pList3 .pImg {
  width: 50px; }

/* minicart + wishlist box */
/* custom category headings */
.category-women .catHd {
  position: absolute;
  bottom: 49%;
  left: 15px;
  margin: 0;
  z-index: 1; }

.category-women .catHd h1 {
  color: #fff; }

.category-men .catHd {
  position: absolute;
  top: 40px;
  left: 25px;
  margin: 0;
  z-index: 1; }

.category-men .catHd h1 {
  color: #fff; }

.category-accessoires .catHd {
  position: absolute;
  top: 40px;
  left: 25px;
  margin: 0;
  z-index: 1; }

.category-accessoires .catHd h1 {
  color: #fff; }

/* custom block home page */
.custom-block-1 .rowG1 {
  margin: 0 -10px; }

.custom-block-1 .rowG1 > div {
  padding: 0 10px; }

.custom-block-1 .wsBx1c {
  padding-top: 20px;
  padding-bottom: 12px; }

.custom-block-1 img {
  margin-bottom: 18px; }

/* lmiv */
.show-lmiv-contact {
  cursor: pointer; }

.box.lmiv_contact {
  padding-top: 20px; }

/* cc payment */
iframe#ccgateway-iframe {
  height: 800px; }

@media screen and (max-width: 400px) {
  html body .s-cats-blocks li {
    width: 100%;
    float: none; }

  html body .s-cats-blocks .image-wrapper {
    height: auto;
    max-height: 150px; }

  html body .s-cats-blocks li {
    height: auto; }

  html body .s-cats-blocks .h5 {
    font-size: 22px; } }
@media screen and (max-width: 220px) {
  html body .pList .pAddInfo {
    width: 100%;
    margin-top: 0; } }
@media screen and (max-width: 660px) {
  html body .headerpromo {
    text-align: right;
    clear: both;
    border-top: 1px solid rgba(0, 55, 31, 0.2);
    width: 100%;
    float: right; } }
/* CSS for very small screens (mobile portrait)
 ************************************************************************************************************************/
@media screen and (max-width: 480px) {
  .btn-toggle-g1, .nav-mobile .viewCart {
    width: 40px; }

  body .pList .pImg {
    width: 100%;
    text-align: center; }

  .pList .pImg img {
    max-height: 120px;
    margin: 0 auto; }

  body .pList .pAddInfo {
    width: 50%;
    margin-top: -85px; }

  body .pList .s-info, body .pList .pAddInfo .mobile-tooltip {
    width: 48%; }

  body .pList .help-icon {
    width: 48%; }

  body .pList .pInfo {
    width: 100%; }

  .pList .btn1-atc b + b {
    text-indent: -99999px; }

  .pList .btn1-atc span {
    padding-right: 12px; }

  .pGrid .pImg {
    height: 105px; }

  body .pGrid .item {
    width: 50%; }

  body .ratingBx:before, body .ratingBx .rating:before {
    font-size: 13px; }

  .pGrid .btn1-atc b {
    display: none; }

  .pGrid .btn1-atc b.ico {
    display: inline-block; }

  body .s-cats-blocks .image-wrapper {
    height: 130px; }

  body .s-cats-blocks .h5 {
    font-size: 16px; }

  body .s-cats-blocks li {
    height: 190px; }

  .tpl-social-footer {
    clear: both; }

  body .carousel .pGrid .pImg {
    height: 120px; }

  .single.featuredBx .holder {
    width: 40%; }

  .carousel .price-percentage {
    background-image: url(../images/red-star-xs.png);
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 12px;
    right: 0;
    top: 2px; }

  body #wishlist-table.ts1-mobile tr.begin {
    width: 50%;
    float: none;
    position: relative;
    margin: 0 auto; }

  body #wishlist-table.ts1-mobile tr {
    width: 50%; }

  body .nav-mobile .viewCart .qty, body .nav-mobile .btn-wish .qty {
    left: 23px; }

  html body .slider-home .caption2 {
    left: 7%; }

  body .suggest {
    width: 100%;
    left: 0;
    top: 0;
    right: auto;
    position: relative;
    clear: both; } }
/* CSS for small screens (mobile)
 ************************************************************************************************************************/
@media screen and (max-width: 767px) {
  .ftBlock, .cft .copyright {
    margin-left: 5%;
    margin-right: 5%; }

  .ftT .nLetter {
    width: 100%;
    float: none;
    margin-bottom: 30px; }

  .ftT {
    padding: 27px 15px 0 15px; }

  .ftBlock .service {
    clear: both;
    padding-top: 20px; }

  .tpl-social-footer {
    float: none; }

  .pGrid .pImg {
    height: 164px; }

  .cur-cat-info {
    width: 35%;
    float: left;
    line-height: normal; }

  .pList .savings-label.savingprice {
    display: none; }

  .pList .pInfo {
    width: 30%; }

  .pList .pImg {
    width: 25%; }

  #colM .lyrdNav {
    margin-bottom: 0; }

  .pGrid .item .lnk-wishlist {
    display: none; }

  .pGrid .btn1-atc {
    width: 100%; }

  #colM .lyrdNav {
    margin-bottom: 10px; }

  .popup-content {
    width: 94%;
    height: 94%;
    left: 3%;
    top: 3%;
    margin: 0;
    overflow-y: auto; }

  .pGrid .item {
    width: 33.333%; }

  /* .pGrid .holder img{
  	height: 100%; width: auto;
  } */
  .carousel .pGrid .pImg {
    height: 160px; }

  .pView .bd1 > .colR {
    padding-top: 0; }

  .pView .bd1 > .colL {
    padding-bottom: 0; }

  .shopBxT .btn1-atc {
    margin-top: 5px; }

  .shopBxT .btn1-atc > span {
    padding: 5px 20px 0; }

  .nLetter p {
    margin-top: 15px; }

  .ftBlock {
    width: auto; }

  .ftT .nLetter {
    clear: both; }

  .filterBy .filter-Category {
    display: block; }

  a.show-all-cats, .lyrdNav > .hd5 {
    display: none; }

  body .slider-home .caption2 {
    left: 5%;
    width: 50%; }

  .subtheme-info .cat-title {
    display: none; }

  .main .subtheme-info .hd4 {
    padding: 12px 0;
    font-family: "Officina Sans Bold", Arial;
    border-bottom: none; } }
/* CSS for medium screens (max tablet) 
 ************************************************************************************************************************/
@media screen and (max-width: 1004px) {
  body .bCrumbs {
    display: block;
    background: #fff; }

  body .bCrumbs .back-link, body .bCrumbs .info {
    display: none; }

  .bCrumbs li {
    display: inline-block; }

  .bCrumbs li:after {
    content: " > "; }

  .bCrumbs .la:after {
    content: none; }

  .bCrumbs {
    padding: 8px 5px; }

  .bCrumbs li a, .bCrumbs li.la {
    padding: 5px 5px; }

  .pGrid .pImg {
    height: 220px; }

  .carousel .icon, .pListing .icon {
    display: none; }

  .carousel .mobile-tooltip, .pListing .mobile-tooltip {
    display: block; }

  body .carousel .item .help-icon .icon-label, body .pListing .item .help-icon .icon-label {
    display: block;
    font-family: "Officina Sans Bold", Arial;
    float: none; }

  body .carousel .help-icon li, body .pListing .help-icon li {
    float: none; }

  .pList .icon-extra {
    display: inline; }

  body .pGrid .actions .w75 {
    width: 100%; }

  body .help-icon li {
    font-size: 10px;
    line-height: 11px; }

  /* Header */
  body .headerpromo {
    text-align: right;
    border: none;
    clear: none;
    top: 0;
    margin-bottom: 0; }

  body .headerpromo p {
    padding: 0 10px;
    float: right; }

  .headerpromo p span {
    display: block; } }
@media screen and (min-width: 768px) and (max-width: 991px) {
  body .shopBxT .btn1-atc > span {
    padding-left: 10px;
    padding-right: 10px; }

  div.addToCart {
    width: 120%; }

  #colL .nav-account {
    display: block !important; } }
/* CSS for medium screens (tablet)
 ************************************************************************************************************************/
@media screen and (min-width: 768px) {
  /* custom block home page */
  .custom-block-1 .wsBx1c {
    padding-top: 30px; }

  .custom-block-1 .rowG1 {
    margin: 0 -10px; }

  .custom-block-1 .rowG1 > div {
    float: left; }

  .custom-block-1 .rowG1 > .w20 {
    width: 20%; }

  .custom-block-1 .rowG1 > .w25 {
    width: 25%; }

  .custom-block-1 .rowG1 > .w33 {
    width: 33.3333%; }

  .custom-block-1 .rowG1 > .w40 {
    width: 40%; }

  .custom-block-1 .rowG1 > .w50 {
    width: 50%; }

  .custom-block-1 .rowG1 > .w60 {
    width: 60%; }

  .custom-block-1 .rowG1 > .w66 {
    width: 66.6666%; }

  .custom-block-1 .rowG1 > .w75 {
    width: 75%; }

  .copyright {
    margin-left: 15px;
    margin-right: 15px; } }
/* CSS for large screens (desktop)
 ************************************************************************************************************************/
@media screen and (min-width: 1005px) {
  .slider-home h2 {
    font-weight: 100; } }
/**
 * @copyright Copyright (c) 2013 Tobias Bergmann
 */
/* fix default shift-effect of button element */
button.btn1:active > span,
button.btn2:active > span {
  margin: -1px 1px 1px -1px; }

/* adjust icon placement */
.btn1-atc .ico:before {
  margin-top: 6px; }

.nav-mobile .viewCart .ico:before {
  top: 10px; }

.viewCart-dt .viewCart .ico:before {
  margin-top: 3px; }

.search .pillR1 span {
  padding-top: 0; }

/* fixed size buttons */
.btn2-remove .ico:before,
.btn2-back2 .ico:before,
.btn2-toggle .ico:before {
  top: 1px;
  width: 100%; }

/* center text vertical */
.btn1 span, .btn2 span {
  padding-top: 1px;
  line-height: 37px; }

.btn1-checkout span {
  line-height: 49px; }

.btn2-update span,
.updRow .btn2-removeAll span {
  padding-top: 1px;
  line-height: 25px; }

.btn2-edit span,
.btn2-atc span {
  line-height: 16px; }

.hd3 .lnk-edit {
  padding-top: 8px;
  padding-bottom: 7px; }

/* buttons / links inside mobile tables */
.ts1-mobile .lnk-ba,
.ts1-mobile .lnk-review,
.ts1-mobile .lnk-download,
#my-tags-table.ts1-mobile .lnk-wishlist,
#my-orders-table.ts1-mobile .lnk-order,
#related-orders-table.ts1-mobile .lnk-order,
.cartTable-mobile .lnk-mtw,
.cartTable-mobile .lnk-edit {
  padding-top: 1px;
  line-height: 26px; }

/* shopping cart table mobile */
.cartTable-mobile td {
  float: left;
  width: 100%; }