/******************************************************************
Site Name: Tropical Engros
Author: Stoll Designs - stolldesigns.ch

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.
******************************************************************/
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}
/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}
/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic;
}
/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre {
  margin: 1em 0;
}
/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none;
}
/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 75%;
}
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0;
}
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}
input,
textarea {
  /*-webkit-appearance: none;*/
  -webkit-border-radius: 0;
}
/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}
/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Removes inner padding and border in FF3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
b,
strong,
.strong {
  font-weight: bold;
}
dfn,
em,
.em {
  font-style: italic;
}
small,
.small {
  font-size: 75%;
}
ul,
ol {
  padding: 0;
  list-style-type: none;
}
/******************************************************************
Site Name: Tropical Engros
Author: Stoll Designs - stolldesigns.ch

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of LESS' great features: 
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques like box shadow and
border-radius.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more. 

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*********************
TOOLS
*********************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*@stdcolora:			#ff9b00;*/
/*@stdcolorb:			#c83200;*/
::-webkit-input-placeholder {
  color: #666;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #666;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #666;
}
:-ms-input-placeholder {
  color: #666;
}
/*********************
TYPOGRAPHY
*********************/
/*@font-condensed:	'Open', cursive;*/
/*@font-text:			'Pontano Sans', Helvetica, sans-serif;*/
/* 
use the best ampersand 
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
  font-style: italic;
}
/* text alignment */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.alert {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}
.alert-help {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #e8dc59;
  background: #ebe16f;
}
.alert-info {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #bfe4f4;
  background: #d5edf8;
}
.alert-error {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #f8cdce;
  background: #fbe3e4;
}
.alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #deeaae;
  background: #e6efc2;
}
/*********************
BORDER RADIUS
*********************/
/* 
NOTE: For older browser support (and some mobile), 
don't use the shorthand to define *different* corners. 

USAGE: .border-radius(4px); 

*/
/*********************
TRANISTION
*********************/
/* .transition(all,500ms,ease-in-out); */
/* .transition-duration(200ms); */
/*********************
CSS3 GRADIENTS
Be careful with these since they can 
really slow down your CSS. Don't overdo it.
*********************/
/* .css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SHADOW
*********************/
/* .boxShadow(0,0,4px,0,#444); */
/* .boxShadow(none); */
.normalBtn {
  padding: 8px 11px;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 2px solid #e0e0e0;
  color: #606060;
  font-family: 'Open Sans Condensed', Helvetica, sans-serif;
  font-size: 14pt;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.normalBtn:hover,
.normalBtn:focus {
  /*background: @stdcolorb;*/
  border-bottom: 2px solid #ff1000;
  color: #ff1000;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -ms-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
}
/*
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*/
/******************************************************************
Site Name: Tropical Engros
Author: Stoll Designs - stolldesigns.ch

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
html {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-size: 80%;
  color: #606060;
  background: #ffffff;
}
/*********************
LAYOUT & GRID STYLES
*********************/
#wrapper {
  width: 100%;
  margin: 0 auto;
  /*background: @white;*/
  padding: 0;
}
#contentWrapper {
  padding: 80px 15px 15px 15px;
  /*background: @white;*/
  max-width: 1200px;
  margin: 0 auto;
}
#content {
  width: 100%;
  /*width: 948px;*/
}
#contentClose {
  clear: both;
}
#noScriptBar {
  width: 100%;
  padding: 30px 30px 30px 94px;
  background: #ffff00 url('/images/icons/Warning_Triangle.png') no-repeat 10px center;
  color: #000;
  font-size: 12pt;
  font-weight: bold;
  border-bottom: 1px solid #000;
  position: fixed;
  bottom: 0;
  z-index: 999999;
}
ul {
  list-style-type: square;
  margin-left: 35px;
}
ul li {
  padding-left: 10px;
}
#contentProducts {
  float: left;
  position: relative;
  width: 100%;
}
#contentProducts .categoryHeader,
#contentProducts .categoryFooter {
  margin-bottom: 15px;
}
#contentProducts .categoryHeader .catPaginationInfo,
#contentProducts .categoryFooter .catPaginationInfo {
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
}
#contentProducts .categoryHeader .catPagination,
#contentProducts .categoryFooter .catPagination {
  text-align: center;
}
#contentProducts .categoryHeader select,
#contentProducts .categoryFooter select {
  height: 44px;
}
#contentProducts .productItem {
  padding: 0;
  /*background: @grey-bright;*/
  margin-bottom: 15px;
}
#contentProducts .productItem a.productLink {
  display: block;
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  text-decoration: none;
  cursor: pointer;
  color: #000000;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  overflow: hidden;
  /*border: 1px solid transparent;*/
  border-bottom: 2px solid #e0e0e0;
}
#contentProducts .productItem a.productLink .productImage {
  padding: 15px;
  text-align: center;
}
#contentProducts .productItem a.productLink .productImage img {
  width: 100%;
  max-width: 240px;
}
#contentProducts .productItem a.productLink .productName {
  padding: 0 15px;
  height: 58px;
  overflow: hidden;
}
#contentProducts .productItem a.productLink .productPrice {
  font-size: 14pt;
  font-weight: bold;
  font-family: 'Open Sans Condensed', Helvetica, sans-serif;
  float: right;
  position: relative;
  padding: 10px 15px;
}
#contentProducts .productItem a.productLink:hover,
#contentProducts .productItem a.productLink:focus {
  /*background: @white;*/
  color: #ff8f00;
  /*border: 1px solid @stdcolorb;*/
  border-bottom: 2px solid #ff1000;
  -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -ms-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
}
#contentProducts .productItem a.productLink:hover .productName,
#contentProducts .productItem a.productLink:focus .productName {
  /*background: @grey-bright;*/
}
#contentProducts .productItem .productID {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 10px;
  right: 10px;
  background: #ffffff;
  color: #808080;
  padding: 3px 5px;
  z-index: 10;
  border: 1px solid #606060;
}
#contentProducts .productItem .add2Cart {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  z-index: 9;
  background: #ffffff url("/images/icons/icons_144x144.png") no-repeat 2px 2px;
  background-size: 80px 80px;
  display: block;
  height: 32px;
  width: 32px;
  position: absolute;
  bottom: 10px;
  left: 15px;
  border: 1px solid #b0b0b0;
  cursor: pointer;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
#contentProducts .productItem .add2Cart:hover,
#contentProducts .productItem .add2Cart:focus {
  background: #404040 url("/images/icons/icons_144x144.png") no-repeat -1px 0;
  background-size: 96px 96px;
  border: 1px solid #ff8f00;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -ms-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
}
#contentProducts .productItem .cartResult {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: #ff8f00;
  color: #ffffff;
  padding: 10px;
  z-index: 10;
}
#contentProducts .productBreak {
  margin-bottom: 25px;
}
.productItem {
  float: left;
  position: relative;
  /*width: 100%;*/
  /*margin-left: 2.762430939%;*/
  width: 48.618784527%;
}
.productItem.first {
  margin-left: 0;
}
.productItem.last {
  float: right;
}
.catFilter {
  display: none;
}
.productBreak {
  float: left;
  position: relative;
  width: 100%;
}
.productBreak .productItem:nth-child(2) {
  float: right;
}
#contentProduct {
  float: left;
  position: relative;
  /*	.productNoStock {
		background: #dd0000;
		color: @white;
	}*/
}
#contentProduct .productImage {
  float: left;
  position: relative;
  overflow: hidden;
}
#contentProduct .productImage img {
  width: 100%;
}
#contentProduct .productID {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 12pt;
}
#contentProduct .productStock {
  width: 100%;
  float: left;
  font-size: 12pt;
  position: relative;
  margin-bottom: 5px;
  padding: 8px;
  font-weight: bold;
  color: #000000;
}
#contentProduct .productNoStock {
  background: #d0d0d0;
}
#contentProduct .productLowStock {
  background: #ffee00;
}
#contentProduct .productHighStock {
  background: #00dd00;
}
#contentProduct .productDetails {
  width: 100%;
  float: left;
  position: relative;
  /*background: @grey-med;*/
  /*padding: 5px;*/
  margin-bottom: 15px;
  font-size: 1.3em;
  font-weight: bold;
}
#contentProduct .productLongDesc {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 25px;
  border-top: 1px solid #ff8f00;
  padding-top: 10px;
}
#contentProduct .productShortDesc {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 25px;
}
#contentProduct .cartResult {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: #ff8f00;
  color: #ffffff;
  padding: 10px;
  z-index: 10;
}
#contentProduct form {
  width: 50%;
  float: left;
  position: relative;
}
#contentProduct .productPrice {
  width: 50%;
  float: right;
  position: relative;
  text-align: right;
  font-size: 16pt;
  color: #ff1000;
}
#contentProduct .productNav,
#contentProduct .productNavMobile {
  margin-bottom: 25px;
  display: none;
}
#contentProduct .productNav .gotoOverview a,
#contentProduct .productNavMobile .gotoOverview a,
#contentProduct .productNav .prevProduct a,
#contentProduct .productNavMobile .prevProduct a,
#contentProduct .productNav .nextProduct a,
#contentProduct .productNavMobile .nextProduct a {
  padding: 8px 11px;
  display: block;
  width: 100%;
  height: 100%;
  /*background: @grey-bright;*/
  background: transparent;
  border-bottom: 2px solid #e0e0e0;
  color: #606060;
  font-family: 'Open Sans Condensed', Helvetica, sans-serif;
  font-size: 14pt;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
#contentProduct .productNav .gotoOverview a:hover,
#contentProduct .productNavMobile .gotoOverview a:hover,
#contentProduct .productNav .prevProduct a:hover,
#contentProduct .productNavMobile .prevProduct a:hover,
#contentProduct .productNav .nextProduct a:hover,
#contentProduct .productNavMobile .nextProduct a:hover,
#contentProduct .productNav .gotoOverview a:focus,
#contentProduct .productNavMobile .gotoOverview a:focus,
#contentProduct .productNav .prevProduct a:focus,
#contentProduct .productNavMobile .prevProduct a:focus,
#contentProduct .productNav .nextProduct a:focus,
#contentProduct .productNavMobile .nextProduct a:focus {
  /*background: @stdcolorb;*/
  border-bottom: 2px solid #ff1000;
  color: #ff1000;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -ms-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
}
#contentProduct .productNav .nextProduct,
#contentProduct .productNavMobile .nextProduct {
  text-align: right;
}
#contentProduct .productNavMobile {
  display: block;
  margin-bottom: 25px;
  float: left;
  position: relative;
  width: 100%;
}
#contentProduct .productNavMobile .gotoOverview {
  width: 50%;
  float: left;
  margin-right: 6%;
}
#contentProduct .productNavMobile .prevProduct {
  width: 19%;
  float: left;
}
#contentProduct .productNavMobile .nextProduct {
  width: 19%;
  float: right;
  margin-left: 6%;
}
.categorySidebar {
  padding-top: 15px;
}
#categorySidebarNav,
#categorySidebarBrands {
  float: left;
  position: relative;
  width: 100%;
  margin-top: 15px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 10px;
  padding-bottom: 12px;
}
#categorySidebarNav {
  display: none;
}
#categorySidebarBrands {
  max-height: 150px;
  overflow-x: scroll;
}
#categorySidebarNavCategories,
#categorySidebarBrandsBrands {
  margin: 0;
  padding: 0;
}
#categorySidebarNavCategories li,
#categorySidebarBrandsBrands li {
  margin: 0 0 3px 0;
  padding: 0;
  list-style: none;
}
#categorySidebarNavCategories li.categorySidebarNavKid,
#categorySidebarBrandsBrands li.categorySidebarNavKid {
  margin-left: 20px;
}
#categorySidebarNavCategories li a,
#categorySidebarBrandsBrands li a,
#categorySidebarNavCategories li a:visited,
#categorySidebarBrandsBrands li a:visited {
  font-size: 1.1em;
  text-decoration: none;
}
#categorySidebarNavCategories li a:hover,
#categorySidebarBrandsBrands li a:hover,
#categorySidebarNavCategories li a:visited:hover,
#categorySidebarBrandsBrands li a:visited:hover,
#categorySidebarNavCategories li a:focus,
#categorySidebarBrandsBrands li a:focus,
#categorySidebarNavCategories li a:visited:focus,
#categorySidebarBrandsBrands li a:visited:focus {
  text-decoration: underline;
}
#categorySidebarNavCategories li#active a,
#categorySidebarBrandsBrands li#active a,
#categorySidebarNavCategories li#active a:visited,
#categorySidebarBrandsBrands li#active a:visited,
#categorySidebarNavCategories li#active a:focus,
#categorySidebarBrandsBrands li#active a:focus,
#categorySidebarNavCategories li#active a:hover,
#categorySidebarBrandsBrands li#active a:hover {
  color: #ff1000;
  font-weight: bold;
}
#categorySidebarNavCategories li#active label,
#categorySidebarBrandsBrands li#active label {
  color: #ff1000;
  font-weight: bold;
}
#categorySidebarNavCategories li label,
#categorySidebarBrandsBrands li label {
  /*padding-left: 5px;*/
  cursor: pointer;
  color: #ff8f00;
}
#categorySidebarNavCategories li label:hover,
#categorySidebarBrandsBrands li label:hover,
#categorySidebarNavCategories li label:focus,
#categorySidebarBrandsBrands li label:focus {
  text-decoration: underline;
}
#categorySidebarNavCategories li input,
#categorySidebarBrandsBrands li input {
  display: none;
}
#contentCart {
  width: 100%;
  float: left;
  position: relative;
}
#contentCart .shoppingCart {
  position: relative;
  float: left;
}
#contentCart .shoppingCart table.shoppingCartContent span.cartItemResult,
#contentCart .shoppingCart .shoppingCartContentMobile span.cartItemResult {
  display: none;
  background: #f00;
  color: #ffffff;
  padding: 4px 6px;
  position: absolute;
  top: 15%;
  left: 15%;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
}
#contentCart .shoppingCart table.shoppingCartContent {
  width: 100%;
  border: 0;
  padding: 0;
  margin: 5px 0;
  border-collapse: collapse;
  display: none;
}
#contentCart .shoppingCart .shoppingCartContentMobile {
  position: relative;
  float: left;
  width: 100%;
}
#contentCart .shoppingCart .shoppingCartContentMobile > div {
  float: left;
  width: 100%;
  margin-bottom: 6px;
  padding: 3px 5px;
}
#contentCart .shoppingCart .shoppingCartContentMobile > div a {
  text-decoration: none;
  color: #000;
}
#contentCart .shoppingCart .shoppingCartContentMobile > div a:hover {
  color: #ffa533;
}
#contentCart .shoppingCart .shoppingCartContentMobile > div.proVersion {
  border-bottom: 1px solid #bbb;
  position: relative;
  float: left;
  width: 100%;
}
#contentCart .shoppingCart .shoppingCartContentMobile div.proVersionsLeft {
  float: left;
  width: 45%;
}
#contentCart .shoppingCart .shoppingCartContentMobile div.proVersionsRight {
  float: right;
  width: 50%;
  text-align: right;
}
#contentCart .shoppingCart .shoppingCartContentMobile div.proVersionsRight > div {
  margin-bottom: 5px;
  text-align: right;
}
#contentCart .shoppingCart .shoppingCartContentMobile div.proVersionsCart {
  padding-top: 10px;
  clear: both;
  float: left;
  width: 100%;
}
#contentCart .shoppingCart .shoppingCartContentMobile div.proVersionsCart input.proVersionsQuantity {
  margin-bottom: 5px;
}
#contentCart .shoppingCart .shoppingCartContentMobile {
  margin: 5px 0;
}
#contentCart .shoppingCart .shoppingCartContentMobile div.summary {
  margin-bottom: 5px;
}
#contentCart .shoppingCart .shoppingCartContentMobile div.summaryTotal {
  padding: 10px;
  font-size: 12pt;
  border-bottom: 1px solid #bbb;
}
#contentCart .shoppingCart .shoppingCartContentMobile .centerCell {
  text-align: center;
}
#contentCart .shoppingCart .shoppingCartContentMobile .rightCell {
  text-align: right;
}
#contentCart .shoppingCart table.shoppingCartContent th {
  padding: 5px;
  margin: 0;
  text-align: left;
  border-bottom: 1px solid #ff1000;
}
#contentCart .shoppingCart table.shoppingCartContent td {
  padding: 3px 5px;
  height: 42px;
  margin: 0;
  text-align: left;
  position: relative;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
#contentCart .shoppingCart table.shoppingCartContent {
  margin: 15px 0 40px 0;
}
#contentCart .shoppingCart table.shoppingCartContent th {
  padding: 10px;
}
#contentCart .shoppingCart table.shoppingCartContent tr:hover td {
  background: #ffe9cc;
}
#contentCart .shoppingCart table.shoppingCartContent td.summary {
  height: 27px;
}
#contentCart .shoppingCart table.shoppingCartContent td.summaryTotal {
  padding: 10px;
  font-size: 12pt;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}
#contentCart .shoppingCart table.shoppingCartContent td {
  padding: 3px 10px;
}
#contentCart .shoppingCart table.shoppingCartContent td span {
  font-size: 8pt;
}
#contentCart .shoppingCart table.shoppingCartContent td a {
  text-decoration: none;
  color: #000;
}
#contentCart .shoppingCart table.shoppingCartContent td a:hover {
  color: #ffa533;
}
#contentCart .shoppingCart table.shoppingCartContent .centerCell {
  text-align: center;
}
#contentCart .shoppingCart table.shoppingCartContent .rightCell {
  text-align: right;
}
#contentCart .cartThumb {
  height: 40px;
  float: left;
  margin: 0 5px 5px 0;
}
#contentCart a.cartItemBtn {
  display: inline-block;
  height: 30px;
  width: 30px;
  padding: 5px;
  vertical-align: middle;
  cursor: pointer;
}
#contentCart a.cartItemBtn > span {
  display: block;
  height: 100%;
  width: 100%;
}
#contentCart a.cartItemBtnMinus > span {
  background: transparent url("/images/icons/icons_144x144.png") no-repeat -20px 0;
  background-size: 60px 60px;
}
#contentCart a.cartItemBtnPlus > span {
  background: transparent url("/images/icons/icons_144x144.png") no-repeat -40px 0;
  background-size: 60px 60px;
}
#contentCart a.cartItemBtnDelete > span {
  background: transparent url("/images/icons/icons_144x144.png") no-repeat -20px -20px;
  background-size: 60px 60px;
}
#contentCart .cartItemTotal {
  font-weight: bold;
}
#contentUsers {
  width: 100%;
  float: left;
  position: relative;
}
#contentUsers #contentUsersOrders {
  margin-top: 25px;
}
#contentUsers #contentUsersOrders #contentUsersOrdersLast,
#contentUsers #contentUsersOrders #contentUsersOrdersRest {
  width: 100%;
  float: left;
  position: relative;
}
#contentUsers #contentUsersOrders #contentUsersOrdersRest {
  display: none;
}
#contentUsers #contentUsersOrders span.orderStatus {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 7px;
}
#contentUsers #contentUsersOrders span.orderStatus.orderStatus1 {
  background: #dddddd;
  color: #999999;
}
#contentUsers #contentUsersOrders span.orderStatus.orderStatus2 {
  background: #777;
  color: #ffffff;
}
#contentUsers #contentUsersOrders span.orderStatus.orderStatus3 {
  background: #99ff99;
  color: #000000;
}
#contentUsers #contentUsersOrders span.orderStatus.orderStatus4 {
  background: #ffbb00;
  color: #000000;
}
#contentUsers #contentUsersOrders div.twelvecol {
  float: left;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
}
#contentUsers #contentUsersOrders div.twelvecol a {
  padding: 5px;
  float: left;
  position: relative;
  width: 100%;
  color: #808080;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
#contentUsers #contentUsersOrders div.twelvecol a:hover,
#contentUsers #contentUsersOrders div.twelvecol a:focus {
  background: #ffe9cc;
  color: #000000;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -ms-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
}
#contentUsers #contentUsersOrders div.twelvecol a.selectedOrder {
  background: #ffe9cc;
  color: #000000;
}
#contentUsers #contentUsersOrders div.twelvecol a .sixcol {
  float: left;
  position: relative;
  width: 50%;
  margin: 0;
}
#contentUsers #contentUsersOrders div.twelvecol a .sixcol.last {
  float: right;
  text-align: right;
}
#contentUsers .contentUsersMyEmail {
  float: left;
  position: relative;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 5px;
  color: #000000;
  font-size: 1.2em;
  border-bottom: 1px solid #e0e0e0;
}
#contentUsers #contentUsersReservation .sixcol {
  float: left;
  position: relative;
  width: 50%;
  margin: 0 0 15px 0;
  background: #ffe9cc;
  color: #000000;
  padding: 5px;
}
#contentUsers #contentUsersReservation .sixcol.last {
  float: right;
  text-align: right;
}
#contentUsers .shoppingCart table.shoppingCartContent {
  width: 100%;
  border: 0;
  padding: 0;
  margin: 5px 0;
  border-collapse: collapse;
  display: none;
}
#contentUsers .shoppingCart .shoppingCartContentMobile {
  position: relative;
  float: left;
  width: 100%;
}
#contentUsers .shoppingCart .shoppingCartContentMobile > div {
  float: left;
  width: 100%;
  margin-bottom: 6px;
  padding: 3px 5px;
}
#contentUsers .shoppingCart .shoppingCartContentMobile > div a {
  text-decoration: none;
  color: #000;
}
#contentUsers .shoppingCart .shoppingCartContentMobile > div a:hover {
  color: #ffe9cc;
}
#contentUsers .shoppingCart .shoppingCartContentMobile > div.proVersion {
  border-bottom: 1px solid #bbb;
}
#contentUsers .shoppingCart .shoppingCartContentMobile div.proVersionsLeft {
  float: left;
  width: 45%;
}
#contentUsers .shoppingCart .shoppingCartContentMobile div.proVersionsRight {
  float: right;
  width: 50%;
  text-align: right;
}
#contentUsers .shoppingCart .shoppingCartContentMobile div.proVersionsRight > div {
  margin-bottom: 5px;
  text-align: right;
}
#contentUsers .shoppingCart .shoppingCartContentMobile div.proVersionsCart {
  padding-top: 10px;
  clear: both;
  float: left;
  width: 100%;
}
#contentUsers .shoppingCart .shoppingCartContentMobile div.proVersionsCart input.proVersionsQuantity {
  margin-bottom: 5px;
}
#contentUsers .shoppingCart .shoppingCartContentMobile {
  margin: 5px 0;
}
#contentUsers .shoppingCart .shoppingCartContentMobile div.summary {
  margin-bottom: 5px;
}
#contentUsers .shoppingCart .shoppingCartContentMobile div.summaryTotal {
  padding: 10px;
  font-size: 12pt;
  border-bottom: 1px solid #bbb;
}
#contentUsers .shoppingCart .shoppingCartContentMobile .centerCell {
  text-align: center;
}
#contentUsers .shoppingCart .shoppingCartContentMobile .rightCell {
  text-align: right;
}
#contentUsers .shoppingCart table.shoppingCartContent th {
  padding: 5px;
  margin: 0;
  text-align: left;
  border-bottom: 1px solid #ff1000;
}
#contentUsers .shoppingCart table.shoppingCartContent td {
  padding: 3px 5px;
  height: 42px;
  margin: 0;
  text-align: left;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
#contentUsers .shoppingCart table.shoppingCartContent {
  margin: 15px 0 40px 0;
}
#contentUsers .shoppingCart table.shoppingCartContent th {
  padding: 10px;
}
#contentUsers .shoppingCart table.shoppingCartContent tr:hover td {
  background: #ffe9cc;
}
#contentUsers .shoppingCart table.shoppingCartContent td.summary {
  height: 27px;
}
#contentUsers .shoppingCart table.shoppingCartContent td.summaryTotal {
  padding: 10px;
  font-size: 12pt;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}
#contentUsers .shoppingCart table.shoppingCartContent td {
  padding: 3px 10px;
}
#contentUsers .shoppingCart table.shoppingCartContent td span {
  font-size: 8pt;
}
#contentUsers .shoppingCart table.shoppingCartContent td a {
  text-decoration: none;
  color: #000;
}
#contentUsers .shoppingCart table.shoppingCartContent td a:hover {
  color: #ffa533;
}
#contentUsers .shoppingCart table.shoppingCartContent .centerCell {
  text-align: center;
}
#contentUsers .shoppingCart table.shoppingCartContent .rightCell {
  text-align: right;
}
#contentUsers .cartThumb {
  height: 40px;
  float: left;
  margin: 0 5px 5px 0;
}
#contentUsers .cartItemTotal {
  font-weight: bold;
}
.productCategoryNewsTag {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  background: transparent url("/images/icons/new.png") no-repeat 0 0;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
}
.productCategorySaleTag {
  display: block;
  position: absolute;
  top: 40px;
  left: 5px;
  background: transparent url("/images/icons/sale.png") no-repeat 0 0;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
}
.productCategoryTopsellerTag {
  display: block;
  position: absolute;
  top: 75px;
  left: 5px;
  background: transparent url("/images/icons/top.png") no-repeat 0 0;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
}
#navWrap .productCategoryNewsTag,
#navWrap .productCategorySaleTag,
#navWrap .productCategoryTopsellerTag {
  top: 6px;
  right: 5px;
  left: auto;
}
/*********************
LINK STYLES
*********************/
a,
a:visited {
  color: #ff8f00;
  /* on hover */
  /* on click */
  /* mobile tap color */
}
a:hover,
a:visited:hover,
a:focus,
a:visited:focus {
  color: #ff1000;
}
a:link,
a:visited:link {
  /*
		this highlights links on iPhones/iPads.
		so it basically works like the :hover selector
		for mobile devices.
		*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  text-transform: uppercase;
  /*
	if you're going to use webfonts, be sure to check your weights
	http://css-tricks.com/watch-your-font-weight/
	*/
  /* removing text decoration from all headline links */
}
h1 {
  margin: 0 0 20px 0;
  /*padding: 15px 0 5px 0;*/
  padding: 0;
  clear: both;
  font-size: 20pt;
  font-weight: normal;
  font-family: 'Open Sans Condensed', Helvetica, sans-serif;
  color: #ff8f00;
}
h1.product {
  margin: 0 0 15px 0;
  padding: 0;
  border: 0;
  font-size: 1.8em;
  font-family: 'Open Sans', Helvetica, sans-serif;
  text-transform: none;
  font-weight: normal;
}
h1.product span.brandName {
  font-size: 0.8em;
  font-weight: bold;
}
h1.category {
  margin: 0 0 20px 0;
  padding: 0;
  border: 0;
}
h1.top {
  margin: 0 0 20px 0;
  padding: 0;
  border: 0;
}
h2 {
  margin: 15px 0 10px 0;
  padding: 0 0 5px 15px;
  clear: both;
  font-size: 18pt;
  font-weight: normal;
  font-family: 'Open Sans Condensed', Helvetica, sans-serif;
  color: #ff8f00;
}
/*********************
HEADER SYTLES
*********************/
#headerWrap {
  position: fixed;
  /*float: left;*/
  width: 100%;
  border-bottom: 1px solid #ff8f00;
  background: #ffffff;
  z-index: 999;
}
#header {
  background: #ffffff;
  padding: 0;
  margin: 0;
  float: left;
  position: relative;
  width: 100%;
}
#logo {
  margin: 0;
  padding: 10px;
  /*background: #fff;*/
  width: 100%;
  float: left;
  position: relative;
}
#logo a {
  float: left;
  position: relative;
}
#logo img {
  margin-top: 5px;
  height: 40px;
  float: left;
  position: relative;
}
/*#infoHeader,
#headerBrands {
	display: none;
}

#shoppingCart {
	margin-bottom: 15px;
	text-align: left;
	padding: 0;
	background: @white;
	
	
	h1 {
		padding: 25px 2px;
		border: 0;
		font-size: 14pt;
		vertical-align: middle;
		display: inline;
	}
	
	p {
		padding: 20px 2px;
		background: #fff;
	}
	
	div.shoppingCartHeader {
		padding: 7px 5px 10px 5px;
		display: block;
		background: url('/images/icons/arrowright_brightgrey_small_96x96.png') no-repeat left center;
		
		
		span {
			margin: 17px 2px;
			padding: 0;
			vertical-align: middle;
		}
	}
	
	div.shoppingCartHeader a,
	div.shoppingCartFooter a {
		padding: 6px 7px 2px 7px;
		text-decoration: none;
		color: @white;
		background: @stdcolora;
		border: 0;
		font-size: 20px;
		text-transform: uppercase;
		float: right;
		font-family: @font-condensed;
		margin: 0;
		
		&.gotoCheckoutBtn {
			position: relative;
			display: none;
			font-size: 20px;
			padding: 3px 10px 2px 45px;
			background: @stdcolora url("/images/icons/cart_white_96x96.png") no-repeat 5px 1px;
			background-size: 32px 32px;
		}
		
		&.gotoCheckoutMobileBtn {
			position: relative;
			padding: 3px 10px 2px 45px;
			background: @stdcolora url("/images/icons/cart_white_96x96.png") no-repeat 5px 1px;
			background-size: 32px 32px;
			display: block;
			width: 100%;
			text-align: center;
			margin: 10px 0;
			float: left;
		}
	}
	
	div.shoppingCartFooter {
		margin: 0 0 15px 0;
		padding: 0 10px;
		display: block;
		
		div.orderEditFooter {
			margin-top: 15px;
			padding: 15px;
		}
		
		#orderEditCounter {
			font-weight: bold;
			font-size: 14pt;
		}
		
		div.showCartOptions {
			margin: 5px 0 20px 0;
			position: relative;
			width: 100%;
			clear: both;
			height: auto;
		}
	}
	
	div.shoppingCartContent {
		display: none;
		margin: 0;
		padding: 0;
	}
	
	img.shoppingCartThumb {
		float: left;
		margin: 0 10px 0 0;
		border: 0;
	}
}

#overviewCart {
	margin-bottom: 15px;
	border: 0;
	background: @white;
	text-align: left;
	padding: 0;
	position: relative;
	float: left;
		
	div.shoppingCartContent {
		display: block;
		margin: 0;
		padding: 0;
	}
	
	img.shoppingCartThumb {
		float: left;
		margin: 0 10px 0 0;
		border: 0;
	}
}

*/
.productImageOOS,
.productCategoryOOS {
  display: block;
  position: absolute;
  top: 7%;
  left: -28%;
  width: 100%;
  padding: 10px 15px;
  background: #666;
  color: #ffffff;
  z-index: 2;
  font-size: 13pt;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  transform: rotate(-30deg);
}
.productImageSIS,
.productCategorySIS {
  background: #3a3;
}
/*.productImageOOS,
.productCategoryOOS {
	display: block;
	position: absolute;
	top: 40%;
	left: 0;
	width: 100%;
	padding: 10px 15px;
	background: #666;
	color: @white;
	z-index: 2;
	font-size: 14pt;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid @white;
	border-bottom: 1px solid @white;
}*/
.productImageOOS {
  font-size: 11pt;
}
.productCategoryOOS {
  top: 10%;
  left: -18%;
  font-size: 8pt;
  font-weight: normal;
  padding: 2px 4px;
}
.productImageBlurred {
  /*	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	-webkit-filter: blur(4px);
	filter: blur(4px);*/
}
#searchInfo,
#search {
  display: none;
}
#searchMobile {
  display: none;
  background: #ff1000;
  height: 100%;
  width: 100%;
  padding: 15px 15px;
  margin: 0;
  position: fixed;
  z-index: 9999;
  overflow-y: scroll;
  left: 0;
  top: 0;
}
#searchMobile a.exitBtn {
  display: block;
  position: relative;
  float: right;
  cursor: pointer;
  margin: 5px;
  height: 32px;
  width: 32px;
  background: transparent url("/images/icons/icons_144x144.png") no-repeat -64px -64px;
  background-size: 96px 96px;
}
#searchMobile #form_search_mobile {
  margin: 30px auto;
  text-align: center;
  padding: 0;
}
#searchMobile input.search {
  margin: 0;
  width: 200px;
  height: 50px;
  font-size: 14pt;
  /*.border-radius(2px);*/
}
#searchMobile #searchInfoMobile {
  margin-top: 30px;
  color: #ffffff;
  font-size: 14pt;
}
/*

.searchResults {
	position: absolute;
}

#searchResults {
	display: none;
	border: 1px solid @stdcolorb;
	background: @white;
	width: 550px;
	z-index: 999999;
	.boxShadow(0, 0, 5px, 1px, rgba(0,0,0,0.5));
	
	& > p {
		color: @text-color;
		font-weight: bold;
		padding: 14px 4px 14px 46px;
		background: url("/images/icons/Loading.gif") no-repeat 5px center;
	}
	
	span.searchResultTerm {
		color: @stdcolora;
		font-weight: bold;
	}
	
	div.searchResultSuggest {
		color: @text-color;
		font-weight: bold;
		font-style: italic;
		padding: 4px;
		border-bottom: 1px solid #000;
	}
	
	div.searchResultBrandTitle {
		color: @text-color;
		font-weight: bold;
		padding: 4px;
	}
	
	div.searchResultLeft {
		width: 400px;
		position: relative;
		float: left;
		border-right: 1px solid @black;
		margin: 0;
		padding: 0;
	}
	
	div.searchResultRight {
		width: 148px;
		position: relative;
		float: right;
		margin: 0;
		padding: 0;
	}
	
	div.searchResultNone,
	div.searchBrandResultNone {
		color: #aaa;
		font-weight: bold;
		font-style: italic;
		padding: 4px;
	}
	
	div.searchResultAll a {
		display: block;
		position: relative;
		float: left;
		color: @text-color;
		font-weight: bold;
		font-style: italic;
		padding: 4px;
		text-decoration: none;
		width: 100%;
		.transition();
		
		&:hover, &:focus, &.activeSearchResult {
			background: @highlight;
			color: @black;
			text-decoration: none;
			.transition-duration();
		}
	}
	
	div.searchResultProduct a {
		display: block;
		position: relative;
		float: left;
		color: @text-color;
		padding: 4px;
		border-bottom: 1px solid #999;
		overflow: hidden;
		text-decoration: none;
		height: 50px;
		width: 100%;
		.transition();
		
		div:first-child {
			float: left;
			position: relative;
			width: 20%;
			text-align: center;
		}
		
		div:last-child {
			float: right;
			position: relative;
			width: 80%;
		}
		
		img {
			width: 80%;
		}
		
		&:hover, &:focus, &.activeSearchResult {
			background: @highlight;
			text-decoration: none;
			color: @black;
			.transition-duration();
		}
	}
	
	div.searchResultBrand a {
		display: block;
		position: relative;
		float: left;
		color: @text-color;
		padding: 4px;
		overflow: hidden;
		text-decoration: none;
		width: 100%;
		.transition();
		
		&:hover, &:focus, &.activeSearchResult {
			background: @highlight;
			text-decoration: none;
			color: @black;
			.transition-duration();
		}
	}
}

*/
#logoBox {
  display: none;
}
/*

*/
input.search {
  border: 0;
  width: 170px;
  color: #999;
  float: left;
  font-size: 10pt;
  margin: 10px;
  height: 31px;
  text-indent: 7px;
  padding: 7px 0;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  overflow: hidden;
}
input.search:focus,
input.search:hover {
  color: #000;
}
input.btnSearch {
  border: 0;
  width: 31px;
  height: 31px;
  padding: 0;
  float: left;
  display: inline;
  background: transparent url("/images/icons/icons_144x144.png") no-repeat -32px -64px;
  background-size: 96px 96px;
  text-indent: -9999px;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
input.btnSearch:focus,
input.btnSearch:hover {
  background: transparent url("/images/icons/icons_144x144.png") no-repeat -32px -64px;
  background-size: 96px 96px;
  border: 0;
}
input.btnSearchMobile {
  border: 0;
  width: 50px;
  height: 50px;
  padding: 7px 0;
  float: left;
  display: inline;
  background: #ffffff url("/images/icons/icons_144x144.png") no-repeat -50px -100px;
  background-size: 150px 150px;
  text-indent: -9999px;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
#languages {
  display: none;
}
#languages ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
}
#languages ul li:last-child a {
  border-right: 0;
}
#languages ul li {
  float: left;
  padding: 0;
  margin: 0;
}
#languages ul li a,
#languages ul li a:visited {
  float: left;
  display: block;
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 4px;
  border-right: 1px solid #ccc;
  color: #ff8f00;
  text-decoration: underline;
  cursor: pointer;
}
#languages ul li#active a {
  color: #bbb;
  cursor: default;
  text-decoration: none;
}
#breadcrumb {
  clear: both;
  padding: 10px 15px 20px 15px;
  font-size: 9pt;
  color: #999;
  width: 100%;
  max-width: 1200px;
  margin: 80px auto 0 auto;
  float: left;
  position: relative;
}
#breadcrumb a {
  color: #bbb;
  text-decoration: none;
}
#breadcrumb a:hover {
  color: #ff8f00;
}
/*#title {
	padding: 5px 0;
	font-size: 14pt;
	font-weight: bold;
	color: #fff;
	float: left;
	letter-spacing: 0.3em;
}*/
#navMobile,
#navAccMobile {
  display: none;
  background: #ff1000;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1002;
  overflow-y: scroll;
  left: 0;
  top: 0;
}
#navMobile a.exitBtn,
#navAccMobile a.exitBtn {
  display: block;
  position: relative;
  float: right;
  cursor: pointer;
  margin: 5px;
  height: 32px;
  width: 32px;
  background: transparent url("/images/icons/icons_144x144.png") no-repeat -64px -64px;
  background-size: 96px 96px;
}
#navMobile ul,
#navAccMobile ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  float: left;
  width: 100%;
}
#navMobile ul li,
#navAccMobile ul li {
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  width: 100%;
}
#navMobile ul li.categoryMainNavKid,
#navAccMobile ul li.categoryMainNavKid {
  display: none;
}
#navMobile ul li.categoryMainNavKid a,
#navAccMobile ul li.categoryMainNavKid a {
  padding-left: 25px;
  font-size: 19pt;
}
#navMobile ul li a,
#navAccMobile ul li a {
  position: relative;
  float: left;
  color: #ffffff;
  padding: 3px 15px;
  display: block;
  margin: 0;
  font-size: 22pt;
  text-decoration: none;
  font-family: 'Open Sans Condensed', Helvetica, sans-serif;
  width: 100%;
  cursor: pointer;
}
#navMobile ul li a > span,
#navAccMobile ul li a > span {
  top: 3px;
  left: auto;
  right: 25px;
}
#navMobile ul li#active > a,
#navAccMobile ul li#active > a {
  background: #ff8f00;
  color: #ffffff;
}
#navMobile ul.sub li#active > a,
#navAccMobile ul.sub li#active > a {
  font-weight: bold;
}
#navMobile ul.mainNav,
#navAccMobile ul.mainNav {
  margin: 42px 0;
}
body.hasActiveNav {
  overflow: hidden;
}
/*********************
NAVIGATION STYLES
*********************/
#accountNav {
  display: none;
  margin: 10px 0;
}
#accountNav ul {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  float: left;
  position: relative;
}
#accountNav ul li {
  display: inline;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
}
#accountNav ul li a {
  margin: 0 0 0 8px;
  text-decoration: none;
  font-family: 'Open Sans Condensed', Helvetica, sans-serif;
  float: left;
  text-align: left;
  display: block;
  padding: 0;
  font-size: 16pt;
  line-height: 1.6em;
  text-transform: uppercase;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  border: 0;
  color: #ff8f00;
}
#accountNav ul li a > span {
  display: block;
  float: right;
  height: 32px;
  width: 32px;
  margin-left: 3px;
}
#accountNav ul li a#accountNavLogin > span {
  background: transparent url("/images/icons/icons_144x144.png") no-repeat 0 -32px;
  background-size: 96px 96px;
}
#accountNav ul li a#accountNavLogoff > span {
  background: transparent url("/images/icons/icons_144x144.png") no-repeat 0 -64px;
  background-size: 96px 96px;
}
#accountNav ul li a#accountNavAccount > span {
  background: transparent url("/images/icons/icons_144x144.png") no-repeat 0 -32px;
  background-size: 96px 96px;
}
#accountNav ul li a#accountNavChkt > span {
  background: transparent url("/images/icons/icons_144x144.png") no-repeat 0 0;
  background-size: 96px 96px;
}
#accountNav ul li a#accountNavChkt > span > span {
  background: #ff1000;
  color: #ffffff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-family: 'Helvetica', sans-serif;
  font-size: 10px;
  height: 17px;
  display: block;
  position: absolute;
  top: -3px;
  right: -3px;
  padding: 4px 3px 3px 3px;
  line-height: 1em;
}
#accountNav ul li:last-child a {
  margin-right: 0;
}
#accountNavMobile {
  margin: 10px 0;
  float: right;
  position: relative;
}
#accountNavMobile ul {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  float: left;
  position: relative;
}
#accountNavMobile ul li {
  display: inline;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
}
#accountNavMobile ul li a {
  margin: 0 0 0 15px;
  text-decoration: none;
  font-family: 'Open Sans Condensed', Helvetica, sans-serif;
  float: left;
  text-align: left;
  display: block;
  width: 32px;
  height: 32px;
  font-size: 1.6em;
  text-transform: uppercase;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  border: 0;
  color: #ff8f00;
}
#accountNavMobile ul li a#accountNavCats {
  background: transparent url("/images/icons/icons_144x144.png") no-repeat -64px -32px;
  background-size: 96px 96px;
}
#accountNavMobile ul li a#accountNavSearch {
  background: transparent url("/images/icons/icons_144x144.png") no-repeat -32px -64px;
  background-size: 96px 96px;
}
#accountNavMobile ul li a#accountNavLogin {
  background: transparent url("/images/icons/icons_144x144.png") no-repeat 0 -32px;
  background-size: 96px 96px;
}
#accountNavMobile ul li a#accountNavLogoff {
  background: transparent url("/images/icons/icons_144x144.png") no-repeat 0 -64px;
  background-size: 96px 96px;
}
#accountNavMobile ul li a#accountNavChkt {
  background: transparent url("/images/icons/icons_144x144.png") no-repeat 0 0;
  background-size: 96px 96px;
}
#accountNavMobile ul li a#accountNavChkt span {
  background: #ff1000;
  color: #ffffff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-family: 'Helvetica', sans-serif;
  font-size: 10px;
  height: 17px;
  display: block;
  position: absolute;
  top: -3px;
  right: -3px;
  padding: 4px 3px 3px 3px;
}
#navigation,
.subcategories {
  display: none;
}
/*

#navBottom {
	padding: 15px;
	
	div.threecol {
		padding: 0 15px;
	
		h3 {
			text-transform: none;
			color: @grey-dark;
			float: left;
			position: relative;
			width: 100%;
			font-size: 10pt;
			font-weight: bold;

			a {
				color: @grey-dark;
			}
		}

		a {
			color: @grey-xdark;
			text-decoration: none;
			padding: 0 6px 0 0;
		
			&:last-child {
				padding: 0;
			}
		}
	}
}*/
/*********************
WIDGET STYLES
*********************/
/*.myAccBtn {
	display: none;
}

.accountSettingsDesktop {
	display: none;
}

div.addressRadio {
	border: 1px solid #fff;
	
	input[type=radio] {
		display: none;
		
		
		&:checked + label {
			background: url("/images/icons/Checked_Circle_Blue.png") no-repeat 5px 15px;
		}
	}


	label {
		display: block;
		background: url("/images/icons/Circle_Grey.png") no-repeat 5px 15px;
		cursor: pointer;
		vertical-align: middle;
		padding: 6px 15px 4px 40px;
		margin: 0;
		text-align: left;
	}
	
	a.delAddress {
		display: none;
	}
}

div.typeRadio,
div.typeCheckbox {
	border: 0;
	background: none;
	padding: 4px;
	display: block;
	
	input {
		float: left;
		margin-right: 7px;
		margin-top: 3px;
	}
	
	label {
		margin: 0;
		padding: 0;
	}
	
	img.paymentIcon {
		width: 50px;
		margin-top: 3px;
	}
}

div.addressOverview {
	.clearfix();
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;

	a {
		float: right;
		display: block;
		width: 32px;
		height: 32px;
		margin: 0 0 0 5px;
	}
	
	a > span {
		display: none;
	}
}

#categories > ul,
#categoriesMobile > ul {
	
}

#categories ul,
#categoriesMobile ul,
#accountNavMenuMobile ul {
	padding: 0;
	margin: 0;
	list-style: none;


	li {
		margin: 0;
		padding: 0;
	

		a {
			color: @text-color;
			padding: 3px 0 3px 15px;
			display: block;
			margin: 0;
			font-size: 9pt;
			text-decoration: none;
		

			&:hover {
				color: @white;
				background: @stdcolora;
			}
		}

		&#active > a {
			font-weight: bold;
		}
	}
	
	&.sub li#active > a {
		font-weight: bold;
	}
}

#categories h1,
#priceFilter h1,
#sidebar div.additionalInfos h1,
#newsSidebox h1,
.generalSidebox h1 {
	border-bottom: 1px solid #bbb;
	margin: 0 0 10px 0;
	text-align: right;
	padding: 0 10px;
	color: #555;
	font-size: 16pt;
}

.first, .last {
	float: left;
	position: relative;
	width: 100%;
}

.checkoutSteps {
	background: @white;
	padding: 20px 15px 15px 15px;
	
	img {
		width: 32px;
		height: 32px;
		vertical-align: middle;
		margin-right: 8px;
		margin-top: -5px;
	}
}

.checkoutStep1,
.checkoutStep2,
.checkoutStep3 {
	text-align: left;
}

.checkoutStepDone {
	color: @grey-dark;
}

.checkoutStepActive {
	color: @stdcolora;
	font-weight: bold;
}

#loginUser,
#newAccount,
#accountSettings,
#pickPostAddress,
#accountOrders,
.checkoutBoxLeft,
.checkoutBoxRight,
.checkoutBox,
.checkoutBoxFull,
#messageBox,
#accountFavs {
	margin-bottom: 15px;
	padding: 0;
	.transition();
	background: @white;
	
	
	& > div {
		margin: 0 15px 15px 15px;
		margin: 0;
		padding: 0;
	}
	
	& > div.pageBox {
		margin-top: 15px;
		
		h2 {
			font-size: 12pt;
			font-weight: bold;
			text-transform: none;
			padding-left: 0;
		}
	}
	
	textarea {
		width: 100%;
		height: 100px;
		background: #f9f9f9;
		color: #555;
		outline: none;
		border: 1px solid #aaa;
		padding: 5px;
	}
	
	textarea.contact {
		width: 90%;
		height: 200px;
		margin: 10px;
	}
}
	
.whiteSpaceBox > div {
	margin: 0 15px 15px 15px;
}

.checkoutBoxRight.voucherBox {
	padding-top: 15px;
	padding-bottom: 15px;
	
	p {
		padding: 0 10px;
	}
	
	div.typeCheckbox {
		margin-bottom: 10px;
		
		input {
			float: left;
			margin-right: 7px;
			margin-top: 4px;
		}
		
		label {
			width: auto;
			font-weight: bold;
		}
	}
}

.voucherWrong {
	padding: 10px;
	background: #f00;
	color: @white;
	text-align: center;
}

.checkoutBoxFull {
	position: relative;
	float: left;
	width: 100%;
}

#addrSignature {
	display: none;
}

#accountOrders,
#accountSettings,
#pickPostAddress {
	float: left;
	width: 100%;
}

#pickPostAddress {
	padding: 15px;
}

#pickPostMap #psos {
	float: left;
	width: 100%;
}

#accountOrders > div {
	margin: 0 0 15px 0;
}

.checkoutBox {
	background: @white;
	float: left;
	position: relative;
	
	div.confirmLink {
		clear: both;
		width: 100%;
		text-align: left;
		margin-top: 5px;
		padding: 0;
		
		a {
			text-decoration: none;
			background: @grey-med;
			color: @stdcolora;
			font-size: 9pt;
			padding: 4px 7px;
		}
	}
}

#messageBox {
	background: #ffffaa;

	a {
		padding: 15px;
		display: block;
		text-decoration: none;
		font-size: 10pt;
		color: @black;
	}
	
	&:hover {
		a { 
			background: @purple-med;
			color: @white;
		}
	}
	
	& > div {
		margin: 0;
		padding: 15px;
		font-size: 10pt;
		color: #000;
	}
}

.checkoutBox .newsletterRepeat {
	background: @purple-med;
	color: @white;
	margin: 0;
	padding: 15px;
	cursor: pointer;
	
	input {
		margin: 4px 0;
	}
}

.checkoutBox > div {
	margin: 15px;
}

.overviewAddr {
	height: 190px;
}

.overviewType {
	height: 120px;
}

#accountSettings ul {
	float: left;
	padding: 0;
	margin: 0 0 15px 0;
	list-style: none;


	li {
		margin: 0;
		padding: 0;
	

		a {
			color: @link-color;
			background: @grey-med;
			padding: 3px 7px;
			display: block;
			margin: 0 0 10px 0;
			font-size: 11pt;
			//border: 1px solid @purple-med;
			border: 0;
			text-decoration: none;
			.transition();
		

			&:hover {
				color: @stdcolorb;
				background: @white;
			}
		}
	}
}

#accountFavs {
	float: left;
	width: 100%;
}

#accountFavs > div {
	margin-top: 15px;
	
	& > .threecol {
		float: left;
		position: relative;
		width: 100%;
	}

	a {
		display: block;
		width: 100%;
		height: 200px;
		border: 1px solid transparent;
		padding: 10px;
		margin-bottom: 15px;
	
		&:hover,
		&:focus {
			border: 1px solid #999;
		}
	
		div {
			text-align: center;
			font-weight: bold;
		
			img {
				display: block;
				float: none;
				margin: 0 auto 20px auto;
			}
		}
	}
}

#justArrivedBox,
#forSaleBox,
#topSellerBox,
#brandsBox {
	border-bottom: 1px solid @stdcolora;
	margin: 15px 0;
	
	h1 {
		border-bottom: 1px solid @stdcolora;
	}
}

#brandsPage {
	text-align: left;
	
	img {
		margin: 5px;
		padding: 5px;
		width: 120px;
		vertical-align: middle;
		border: 1px solid transparent;
		
		&:hover,
		&:focus {
			border: 1px solid @stdcolora;
		}
	}
}

.checkoutBoxLeft,
.checkoutBoxRight {
	float: left;
	width: 100%;
	position: relative;
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	
	& > div {
		position: relative;
		
		& > div {
//			width: 100%;
//			float: left;
		}
	}
}

.checkoutBoxMobile {
	position: relative;
	float: left;
}

#loginUser,
#accountOrders,
#checkoutBoxRight {
	margin: 0 0 15px 0;
}

#loginUser > div {
	padding: 10px;
}

#accountSettings > div {
	padding: 10px;
}

#accountSettings img {
	padding: 0 10px 0 0;
	float: left;
}

#accountSettings img + span {
	margin: 5px 0 0 0;
	display: block;
}

#newAccount > div {
	padding: 10px 10px 25px 10px;
}

#accountOrders > div {
	padding: 0;
}

#newAccount a,
a.button {
	padding: 4px 7px 4px 7px;
	text-decoration: none;
	color: @link-color;
	background: @grey-med;
	font-size: 14pt;
	font-family: @font-condensed;
	text-transform: uppercase;
	width: 100%;
	clear: right;
	float: right;
	text-align: center;
	margin: 15px 0;
	.transition();
	

	&:hover {
		color: @stdcolorb;
		background: @white;
	}
}

#newAccount a.desktopBtn {
	display: none;
}

#newAccount a.mobileBtn {
	display: inline;
}

#content div.formConstraints {
	margin: 0;
	padding: 15px 0 0 0;
}

#content div.formConstraints > div {
	padding: 0;
}

div.formConstraints > div > p {
	padding: 0 15px 15px 15px;
//	padding: 0;
}

div.formConstraints > .formTable > div > p,
div.formConstraints > form > .formTable > div > p {
	padding: 0 0 15px 0;
}

.listLoading {
	margin: 10px auto;
	background: url("/images/icons/loading_surprisebox.gif") no-repeat top left;
	width: 28px;
	height: 28px;
}*/
/*********************
CONTENT STYLES
*********************/
#breakingNews {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 25px;
  background: #ff1000;
  color: #ffffff;
  padding: 15px 19px;
}
div.homeTextBox {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 25px;
}
div.homeTextBox .homeBtn {
  display: block;
  width: 100%;
  position: relative;
  float: left;
  background: #ff8f00;
  font-size: 12pt;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  padding: 10px 12px;
  margin: 25px 0 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
div.homeTextBox #searchHomeBox {
  display: block;
  border: 1px solid #ff8f00;
  height: 50px;
  float: left;
  position: relative;
  width: 100%;
  padding: 0 15px 0 0;
  margin: 25px 0 0 0;
  background: #ffe9cc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
}
div.homeTextBox #searchHomeBox #form_search {
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
}
div.homeTextBox #searchHomeBox input.search {
  margin: 0;
  width: 85%;
  height: 100%;
  float: left;
  position: relative;
  background: #ffe9cc;
  color: #000000;
  font-weight: bold;
  font-size: 12pt;
}
div.homeTextBox #searchHomeBox ::placeholder {
  color: #000000;
}
div.homeTextBox #searchHomeBox input.btnSearch {
  background: transparent url("/images/icons/icons_144x144.png") no-repeat -32px -64px;
  background-size: 96px 96px;
  width: 31px;
  margin: 7px 0;
  float: right;
}
#saleHomeBox,
#newsHomeBox {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 25px;
}
#saleHomeBox .slideshow,
#newsHomeBox .slideshow {
  height: 350px;
  width: 100%;
  margin: 0 auto;
  /*float: left;*/
  position: relative;
  overflow: hidden;
}
#saleHomeBox .slideshow > div,
#newsHomeBox .slideshow > div {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
#saleHomeBox .slideshow > div img,
#newsHomeBox .slideshow > div img {
  width: 100%;
}
#saleHomeBox h2,
#newsHomeBox h2 {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 10px 15px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
}
#slidersHomeBox {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 25px;
}
#slidersHomeBox .slideshow {
  height: 300px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
#slidersHomeBox .slideshow > div {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
#slidersHomeBox .slideshow > div img {
  width: 100%;
}
.homeBoxFeatured {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 25px;
}
.homeBoxProducts {
  display: block;
  float: left;
  width: 100%;
  position: relative;
  background: #ffbc66;
}
.homeBoxProducts img {
  width: 100%;
  float: left;
  position: relative;
}
.homeBoxProducts a {
  text-align: center;
  width: 33.33%;
  float: left;
  position: relative;
  font-weight: bold;
  font-size: 80px;
  padding: 0;
  text-decoration: none;
  background: #ffffff;
}
.homeBoxProducts a:last-child {
  padding: 13px 0 0 0;
  background: transparent;
}
#brandsHomeBox {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 25px;
  margin-top: 25px;
  border: 1px solid #aaa;
  padding: 12px;
  -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);
}
#brandsHomeBox .twelvecol,
#brandsHomeBox .fourcol {
  float: left;
  position: relative;
  width: 100%;
}
#brandsHomeBox h1 {
  float: left;
}
#brandsHomeBox h2 {
  margin-top: 15px;
}
#brandsHomeBox a {
  float: left;
  position: relative;
  display: block;
  text-decoration: none;
  color: #aaa;
  margin: 0 5px 8px 0;
  border-right: 1px solid #aaa;
  padding-right: 8px;
  font-size: 0.9em;
}
#brandsHomeBox a:last-child {
  border-right: 0;
}
/*a#saleHomeBox,
a#newsHomeBox {
	display: block;
	float: left;
	position: relative;
	width: 100%;
	height: 200px;
	cursor: pointer;
	.border-radius(2px);
	overflow: hidden;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	.transition-duration();
	
	&:hover {
		.transition();
		opacity: 0.5;
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
	}
	
	h2 {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 15px;
		background: rgba(0, 0, 0, 0.5);
		color: @white;
		text-decoration: none;
		margin: 0;
	}
}

a#saleHomeBox {
	background: @stdcolorb url('/images/sale.png') no-repeat top right;
	background-size: 100% auto;
}

a#newsHomeBox {
	background: @stdcolorb url('/images/news.png') no-repeat top right;
	background-size: 100% auto;
	margin-bottom: 25px;
}*/
div.brainsPagination {
  /*	float: right;
	position: relative;*/
  display: inline;
  padding: 0;
  margin: 0;
  height: 36px;
}
div.brainsPagination a {
  padding: 2px;
  background: #f0f0f0;
  margin: 0 0 0 3px;
  cursor: pointer;
  border: 0;
  height: 100%;
  width: 24px;
  display: inline-block;
  color: #606060;
  text-decoration: none;
  text-align: center;
  font-size: 12pt;
  font-family: 'Open Sans Condensed', Helvetica, sans-serif;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
div.brainsPagination a:hover {
  color: #ffffff;
  background: #ff1000;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -ms-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
}
div.brainsPagination a > span {
  display: block;
  height: 100%;
  width: 100%;
}
div.brainsPagination > div.brainsPaginationCurrent {
  height: 100%;
  width: 24px;
  display: inline-block;
  padding: 2px;
  text-align: center;
  color: #606060;
  background: #ffffff;
  font-size: 12pt;
  font-family: 'Open Sans Condensed', Helvetica, sans-serif;
  margin: 0;
  border: 0;
  font-weight: bold;
}
div.brainsPagination > div.brainsPaginationBreak {
  height: 100%;
  width: 24px;
  display: inline-block;
  padding: 2px;
  text-align: center;
  color: #a0a0a0;
  font-size: 12pt;
  font-family: 'Open Sans Condensed', Helvetica, sans-serif;
  margin: 0;
  font-weight: bold;
}
p {
  margin: 0;
  padding: 0;
}
#signupForm .brainsFormBreak {
  float: left;
  position: relative;
  width: 100%;
}
/*#shoppingCart div.shoppingCartFooter input.updateCart,
#shoppingCart div.shoppingCartFooter input.updateCartMobile,
#shoppingCart div.shoppingCartFooter input.checkout,
#shoppingCart div.shoppingCartHeader input.checkout {
	border: 0;
	margin: 15px 0 0 0;
	padding: 4px 7px;
	background: @grey-med;
	color: @link-color;
	cursor: pointer;
	vertical-align: top;
	font-family: @font-condensed;
	font-size: 14pt;
	text-transform: uppercase;
}

#shoppingCart div.shoppingCartFooter input.updateCart {
	width: 100%;
	display: none;
}

#shoppingCart div.shoppingCartFooter input.updateCartMobile {
	width: 100%;
	display: inline;
}

#shoppingCart div.shoppingCartFooter input.checkout,
#shoppingCart div.shoppingCartHeader input.checkout {
	float: right;
}

#addToCartPro {
	background: @grey-med;
	vertical-align: middle;
	text-align: right;
	
	& > span {
		padding: 10px;
	}
	
	& > input {
		vertical-align: middle;
		margin: 5px 10px;
		position: absolute;
		right: 12px;
		bottom: 12px;
	}
}

*/
button.proVersionsOrder,
button.cartOrder {
  border: 0;
  margin: 0;
  padding: 2px 10px;
  background: #ff8f00;
  cursor: pointer;
  width: 65%;
  height: 40px;
  vertical-align: middle;
  font-family: 'Open Sans Condensed', Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  text-align: center;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  color: #ffffff;
}
button.proVersionsOrder:hover,
button.cartOrder:hover {
  color: #ff8f00;
  background: #ff1000;
}
button.cartOrder {
  float: left;
  width: 100%;
}
/*

button.catViewOrder {
	border: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	background: @grey-med url("/images/icons/cart_lilac_96x96.png") no-repeat 2px 2px;
	background-size: 32px 32px;
	cursor: pointer;
	width: 38px;
	height: 36px;
	vertical-align: top;
	z-index: 2000;
	.transition();
}

*/
input.proVersionsQuantity {
  border: 1px solid #a0a0a0;
  background: #ffffff;
  width: 40px;
  color: #606060;
  font-size: 9pt;
  margin: 0;
  padding: 0;
  height: 40px;
  text-align: center;
  z-index: 1000;
}
/*

input.proVersionsQuantity:disabled {
	color: #bbb;
	background: #eee;
	border: 1px solid #999;
}

#form_cart input.proVersionsQuantity,
#form_cart_mobile input.proVersionsQuantity {
	border: 1px solid @grey-dark;
}

div.shoppingCartFooter label {
	font-size: 11pt;
	float: left;
	line-height: 200%;
	margin: 0 10px 0 0;
	cursor: pointer;
}

#proVersions {
	clear: both;
	float: none;
	background: @white;
	padding: 12px;
	margin: 25px 0 0 0;
	
	#priceTag.twelvecol {
		font-size: 12pt;
		color: @link-color;
		font-weight: bold;
		text-align: right;
	}
	
	.showPicTag {
		float: left;
		width: 30%;
	}
	
	.priceTag {
		float: right;
		width: 70%;
	}
	
	.buyButton {
		position: absolute;
		bottom: 12px;
		right: 12px;
	}
	
	div > p {
		margin: 10px 0 5px 0;
	}
		
	.proThumb {
		cursor: pointer;
	}
}*/
/*

a.cartItemButton {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 0;
	cursor: pointer;
	vertical-align: middle;
}

a.cartItemQtyBtn {
	border: 1px solid @grey-dark;
	height: 30px;
}

span.cartItemResult {
	display: none;
	background: #f00;
	color: @white;
	padding: 4px 6px;
	position: absolute;
	top: 20%;
	left: 10%;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}

*/
.shoppingCartOverlay {
  display: none;
  z-index: 99999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  margin: 0;
  padding: 0;
  background: #ffffff url("/images/icons/loading.gif") no-repeat center center;
}
/*

.stockInfoBox {
	clear: left;
}

.stockInfo {
	font-size: 8pt;
	padding: 0;
	margin: 10px 0 0 0;
	padding: 7px 10px 7px 0;
	margin: 5px 0;
	height: 32px;
	display: block;
	font-family: @font-text;
	position: relative;
	width: 100px;
	float: left;
	color: @text-color;

	span {
		padding: 2px 10px;
		margin-right: 10px;
		border: 0;
	}
}

.stockLow {
	margin-bottom: 7px;
	padding: 3px;
	font-size: 0.9em;
	font-weight: bold;
	color: #00bb00;
	background: #00bb00;
	text-align: right;
	text-align: center;
	color: #0000cc;
}

#picPreview {
	text-align: center;
	background: @white;
	padding: 0;
	position: relative;
	float: left;
	margin-bottom: 25px;
	overflow: hidden;
	
	p {
		clear: both;
		text-align: left;
		padding: 5px;
	}
}

#zoomPic {
	width: 100%;
	display: inline-block;
}

#zoomPic:after {
	content: '';
	display: block; 
	width: 33px; 
	height: 33px; 
	position: absolute; 
	top: 0;
	right: 0;
	background: url("/images/icons/zoom_pic.png");
}

img.picPreview {
	border: 0;
	clear: both;
	margin: 0;
	padding: 0;
	width: 70%;
}

img.picPreviewThumb {
	border: 0;
	float: left;
	margin: 5px 0 5px 5px;
	margin: 0;
	margin: 0 1px 0 0;
	padding: 0;
	cursor: pointer;
}


.catOverview {
	margin-bottom: 20px;
	padding: 0;
	float: left;
	height: 100px;
	width: 100%;
}

.catOverview img {
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	text-align: center;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	float: left;
}

.catOverview div.title {
//	font-weight: bold;
	font-family: @font-condensed;
	text-transform: uppercase;
	font-size: 1.6em;
	text-align: center;
	margin: 10px 10px;	
	float: right;
}

.catOverview a {
	display: block;
	height: 100%;
	width: 100%;
	color: @stdcolora;
	text-decoration: none;
	padding: 0;
	margin: 0;
	background: @white;
	.transition();
	float: left;
}

.catOverview a:hover {
	background: @stdcolora;
	color: @white;
	.transition-duration();
	
	img {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		-khtml-opacity: 0.6;
	}
}



.catGalleryProduct {
	margin-bottom: 20px;
	padding: 0;
	position: relative;
	
	&.last,
	&.first {
		float: none;
	}
	
	span.bestseller {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		border-top: 40px solid @stdcolora;
		border-right: 115px solid transparent;
		
		span {
			position: absolute;
			top: 0;
			left: 0;
			margin: -38px 0 0 2px;
			color: #fff;
			font-size: 8pt;
		}
	}
	
	span.auslauf {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		border-top: 40px solid #0f0;
		border-right: 115px solid transparent;
		
		span {
			position: absolute;
			top: 0;
			left: 0;
			margin: -34px 0 0 6px;
			color: #000;
			font-size: 14pt;
			font-weight: bold;
		}
	}
	
	span.onsale {
		position: absolute;
		top: -18px;
		left: -14px;
		margin: 0;
		background: transparent url('/images/icons/sales_lilac_384x384.png') no-repeat top left;
		background-size: 128px 128px;
		width: 128px;
		height: 128px;
		display: block;
		border-top: 40px solid @stdcolora;
		border-left: 115px solid transparent;
		
		span {
			position: absolute;
			top: 0;
			right: 0;
			margin: -38px 2px 0 0;
			color: #fff;
			letter-spacing: 0.2em;
			font-size: 8pt;
			display: none;
		}
	}
	
	span.onsalediscount {
		position: absolute;
		top: 5px;
		right: 5px;
		margin: 0;
		background: @stdcolora;
		padding: 5px;
		display: block;
		
		span {
			color: @stdcolora;
			font-weight: bold;
			font-size: 14pt;
			text-shadow: 0 0 4px @white;
		}
	}
	
	span.topseller {
		display: none;
		position: absolute;
		top: 45%;
		left: 0;
		margin: 0;
		color: #fff;
		background: #0a0;
		width: 100%;
		text-align: right;
		height: 10px;
		display: block;
		border-top: 40px solid @stdcolora;
		border-left: 115px solid transparent;
		
		span {
			position: absolute;
			top: 0;
			right: 0;
			margin: -38px 2px 0 0;
			padding: 4px;
			font-weight: bold;
			text-align: center;
			background: #090;
			color: #fff;
			letter-spacing: 0.2em;
			font-size: 8pt;
			text-transform: uppercase;
		}
	}
}

.catGalleryProduct img {
	border: 0;
	padding: 0;
	margin: 0 25% 8px 25%;
	margin: 0 25% 8px 25%;
	text-align: center;
	width: 50%;
	height: 20%;
}

.catGalleryProduct .proModelBlank {
	display: none;
}

.catGalleryProduct div.title {
	font-weight: normal;
	font-size: 10pt;
	//margin-bottom: 35px;
	padding: 0 5px 45px 5px;
	
	span.filterFields {
		font-size: 9pt;
		font-weight: normal;
	}
	
	i {
		color: #888;
		float: right;
		font-weight: normal;
		position: absolute;
		bottom: 40px;
		right: 5px;
	}
	
	span.brandName {
		font-weight: bold;
		font-size: 9pt;
	}
}

.catGalleryProduct div.price {
	font-weight: bold;
	text-align: right;
	display: inline;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 10pt;
	vertical-align: middle;
	color: @link-color;
	background: @white;
	width: 100%;
	padding: 7px 10px;
	height: 36px;
}

.catGalleryProduct a {
	overflow: hidden;
	display: block;
	height: 100%;
	width: 100%;
	color: #444;
	text-decoration: none;
	padding: 0;
	margin: 0;
	background: @white;
//	border: 1px solid #bbb;
	
	
	&:hover {
		color: #000;
		background: @white;
//		border: 1px solid #000;
		.boxShadow(0, 0, 15px);
		.transition-duration();
	

		specialPrice.span {
			color: #00f;
		}
	}
}

.catHeader,
.catFooter {
	width: 100%;
	background: @white;
	border: 0;
	padding: 10px 0;
	margin: 0 0 15px 0;
	text-align: center;
	clear: both;
	

	& > span {
		display: block;
		padding: 0;
		margin: 0 15px 12px 10px;
		font-size: 10pt;
	}
	
	span.pagination {
		display: block;
		padding: 0;
		margin: 0 10px 0 0;
		
		
		a {
			padding: 5px 8px;
			text-decoration: none;
			color: @link-color;
			background: #e6e6e6;
			//border: 1px solid #888;
			border: 0;
			font-size: 9pt;
			margin: 0 5px 0 0;
		}
		
		strong {
			padding: 5px 8px;
			color: #000;
			background: #fff;
			//border: 1px solid #000;
			border: 0;
			font-size: 9pt;
			margin: 0 5px 0 0;
		}
	}
}

.catHeader {
//	border-bottom: 2px solid @purple-med;
	
	span.view,
	span.show {
		a {
			padding: 5px 8px;
			text-decoration: none;
			color: @link-color;
			background: #e6e6e6;
			//border: 1px solid #888;
			border: 0;
			font-size: 9pt;
			margin: 0 5px 0 0;
			cursor: pointer;
		}

		span {
			padding: 5px 8px;
			text-decoration: none;
			color: #000;
			background: #fff;
			//border: 1px solid #888;
			border: 0;
			font-size: 9pt;
			margin: 0 5px 0 0;
		}
	}
}

span.specialPrice {
	color: #fff;
	background: @stdcolora;
	padding: 0 4px;
	font-weight: bold;
}

span.regPrice {
	font-size: 12pt;
	margin-right: 8px;
	text-decoration: line-through;
	color: #888;
}

span.listPrice {
	font-size: 8pt;
	color: #888;
}

span.bestseller {
	width: 100%;
	display: block;

	span {
		padding: 4px;
		font-weight: bold;
		text-align: center;
		background: #090;
		color: #fff;
		letter-spacing: 0.2em;
		font-size: 8pt;
		text-transform: uppercase;
	}
}

#backOverview a {
	clear: both;
	display: block;
	border: 0;
	background: @grey-med;
	width: 100%;
	padding: 5px 10px;
	margin: 0 0 10px 0;
	text-decoration: none;
	color: @stdcolora;
	font-size: 10pt;
}

#moveOverview {
	border: 0;
	float: right;
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
	
	a {
		width: 50%;
		text-align: center;
		display: block;
		padding: 5px 10px;
		margin: 0;
		text-decoration: none;
		color: @stdcolora;
		font-size: 10pt;
		background: @grey-med;
	}
	
	a:first-child {
		float: left;
	}
	
	a:last-child {
		float: right;
	}
	
	& + div {
		clear: both;
	}
}*/
/*********************
FOOTER STYLES
*********************/
#footer {
  float: left;
  position: relative;
  width: 100%;
  background: #ff8f00;
  padding: 15px 0;
}
#footer > div {
  padding: 0;
}
#footer a {
  color: #ff1000;
}
/*#customerBox,
#infoBox,
#storeBox,
#paymentBox {
	font-size: 9pt;
	color: #777;
	text-align: left;

	h1 {
		margin: 0 15px 10px 15px;
		padding: 0;
		color: @grey-dark;
		font-size: 10pt;
		font-weight: bold;
		text-transform: none;
	}
	
	p {
		margin: 0 15px;
	}
	
	#newsletterBtmBox {
		margin: 0 15px;
	}
	
	ul {
//		float: left;
		margin: 0 15px 15px 15px;
		padding: 0;
	

		li {
			display: block;
			margin: 0;
			padding: 0;
		

			a {
				display: block;
				margin: 0;
				padding: 5px 0;
				color: @grey-xdark;
				text-decoration: none;
				font-size: 10pt;
				font-family: @font-text;
			}
		}
	}
}

#storeBox {
	img {
		height: 40px;
	}
}*/
.footerLinks {
  float: left;
  position: relative;
  width: 50%;
  font-size: 10pt;
  margin: 0 0 25px 0;
}
.footerLinks a {
  display: block;
  float: left;
  position: relative;
  width: 100%;
  text-decoration: none;
  color: #ffffff;
  /*border-right: 1px solid @white;*/
  padding: 3px 10px;
}
.footerLinks a:hover,
.footerLinks a:focus {
  color: #ff1000;
}
.footerLinks a:last-child {
  border-right: 0;
}
.footerLinks h2 {
  float: left;
  width: 100%;
  position: relative;
  display: block;
  font-size: 18pt;
  color: #ffffff;
  padding: 0 10px;
  margin: 0 0 20px 0;
}
#copyright {
  float: left;
  width: 100%;
  position: relative;
  color: #606060;
  margin: 25px 15px;
  font-size: 8pt;
}
/*#infoFooter {
	margin: 0;
	border-bottom: 1px solid #777;
	float: left;
	position: relative;
	width: 100%;

	a {
		display: block;
		width: 100%;
		height: 100%;
		color: #aaa;
		text-decoration: none;
		font-size: 9pt;
		padding: 10px 15px;
	}
}*/
/*********************
FORM STYLES
*********************/
/*div.formBox div:not(.formFields),
div.formTable div:not(.formFields),
fieldset.formTable div:not(.formFields) {
	margin: 10px 0 0 0;
	padding: 0;
	
	&.errorMsg {
		float: left;
		position: relative;
		margin: 0 0 20px 0;
		padding: 15px 0;
		width: 100%;
		border: 0;
		color: @white;
		background: #f00;
	}
}

div.formFields {
	position: relative;
	overflow: hidden;
	margin: 10px 15px 15px 15px;
	margin: 10px 0 15px 0;
	padding: 0;
	padding: 0 15px;
}

div.formStreet {
	width: 70%;
	float: left;
	margin-right: 0;
	margin-bottom: 0;
}

div.formStreetNo {
	width: 30%;
	float: right;
	margin-left: 0;
	margin-bottom: 0;
}

div.formPostcode {
	width: 30%;
	float: left;
	margin-right: 0;
}

div.formCity {
	width: 70%;
	float: right;
	margin-left: 0;
}

div.formCountry {
	clear: both;
}

fieldset.formBox {
	padding: 0 0 15px 0;
	margin: 0 0 10px 0;
	border: 1px solid #00c8dc;
}

fieldset.formTable {
	padding: 0;
	margin: 0 0 15px 0;
	border: 0;
}

fieldset.formBox legend {
	float: left;
	font-weight: bold;
	font-size: 14pt;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	height: 50px;
	color: #00c896;
	width: 100%;
	padding: 0;
	margin: 0 0 25px 0;
	border-bottom: 1px solid #00c8dc;
}

fieldset.formTable legend {
	float: left;
	padding: 0 15px;
	margin: 0 0 25px 0;
	color: @stdcolora;
	font-weight: bold;
	font-size: 12pt;
	width: 100%;
	text-align: center;
}

fieldset.formBox legend span {
	display: inline-block;
	margin: 10px;
	padding: 5px 5px 5px 15px;
	border-left: 15px solid #00c896;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
}

.formBox #formLoading,
.formTable #formLoading {
	float: right;
	display: none;
	background: url("/images/icons/loading_surprisebox.gif") no-repeat top left;
	width: 28px;
	height: 28px;
	margin: 10px;
}

.formBox input,
.formBox select,
.formTable input,
.formTable select,
.attrSelect,
.attrText,
.brandsSelect {
	height: 30px;
	width: 150px;
	padding: 5px;
	margin: 0 15px 0 0;
	background: #f9f9f9;
	color: #555;
	outline: none;
	border: 1px solid #aaa;
}

.formFields input,
.formFields select {
	height: 48px;
	width: 100%;
	padding: 18px 5px 5px 5px;
	text-indent: 3px;
	margin: 0 15px 0 0;
	font-size: 12pt;
	background: none;
	color: #555;
	outline: none;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid transparent;
	border-right: 0;
	border-top: 0;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	border-image-slice: 1 1 1 1;
	border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 80%, rgb(170, 170, 170) 80%, rgb(170, 170, 170) 80%, rgb(170, 170, 170) 80%, rgb(170, 170, 170) 100%);
	border-image-width: 1 1 1 1;
	z-index: 1;
	position: relative;
}

.formInvalid {
	& input,
	& select {
		background: rgba(255, 0, 0, 0.2);
		border-bottom: 2px solid #f00;
		border-left: 2px solid transparent;
		border-right: 0;
		border-top: 0;
		border-image-outset: 0 0 0 0;
		border-image-repeat: stretch stretch;
		border-image-slice: 1 1 1 1;
		border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 80%, rgb(255, 0, 0) 80%, rgb(255, 0, 0) 80%, rgb(255, 0, 0) 80%, rgb(255, 0, 0) 100%);
		border-image-width: 1 1 1 1;
	}
}

.formTable input[type=checkbox] {
	height: auto;
	width: auto;
	float: left;
	margin: 5px;
}

.formTable p.formInfo,
.formBox p.formInfo {
	margin: 0 15px;
}

.formTable input[name=terms] {
	margin: 4px 0;
}

div.shippingAddrOpt {
	display: none;
}

#shippingAddressAsGift {
	input {
		margin-left: 0;
	}
}

.brandsSelect {
	width: 100%;
	margin-bottom: 15px;
}

.attrSelect {
	margin-bottom: 5px;
	width: 140px;
	width: 80%;
}

.attrText {
	margin-bottom: 5px;
	width: 80%;
	height: 150px;
}

.formBox input,
.formTable input {
	text-indent: 3px;
	margin: 0 0 0 15px;
	margin: 0;
}

.missing {
	border: 1px solid #f00;
	background: #fcc;
}

.formTable input.fXXSmall {
	width: 30px;
	margin-right: 2px;
}

.formTable input.fXSmall {
	width: 50px;
	margin-right: 2px;
}

.formTable input.fSmall {
	width: 80px;
}

.formTable input.fLarge {
	width: 205px;
}

.formTable input[name=city] {
	margin: 0;
}

.formTable input.fXLarge {
	width: 100%;
}

.formTable input.fWide {
	width: 80%;
}

.formTable input.fRightCell {
	text-align: right;
}

select.fAddress {
	width: 100%;
	height: 30px;
	padding: 5px;
	background: #f9f9f9;
	color: #555;
	outline: none;
	border: 1px solid #aaa;
}

.formTable input.noLabel {
//	margin-left: 155px;
	margin-top: 5px;
}

.formBox select,
.formTable select {
	width: 152px;
	margin: 0 0 0 15px;
}

.formFields select {
	width: 100%;
	margin: 0 15px 0 0;
}

.formTable select.fXSmall {
	width: 52px;
}

.formTable select.fSmall {
	width: 82px;
}

.formTable select.fLarge {
	width: 207px;
}

.formTable select.fWide {
	width: 80%;
}

.formTable input[type=checkbox] {
	margin: 4px 0 4px 15px;
	float: none;

	&[name=terms] {
		margin: 4px 0;
	}
}

.formTable input[type=checkbox] {
	margin: 4px 0 4px 15px;
	float: none;
}

.formBox label,
.formTable label {
	float: left;
	line-height: 175%;
	width: 100%;
	margin: 2px 0 0 15px;
	cursor: pointer;
}

.formFields label {
	transition: 
		background 1.2s, 
		color 1.2s,
		top 1.2s,
		bottom 1.2s,
		right 1.2s,
		left 1.2s;
	.transition();
	position: absolute;
	color: #a0a0a0;
	padding: 20px 23px 23px 23px;
	margin: 0;
	line-height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 12pt;
	cursor: default;
	z-index: 2;
}

.formTable label.fForCheck {
	margin: 0 0 0 10px;
	width: auto;
	float: none;
}

.formBox .buttons,
.formTable .buttons {
	margin: 0 0 10px 0;
	padding: 0 0 0 50px;
	width: 85%;
}

.formBox input.btnCancel,
.formTable input.btnCancel,
.formBox a.cancelBtn,
.formTable a.cancelBtn {
	float: left;
	color: @link-color;
	text-decoration: none;
	font-size: 10pt;
	font-family: @font-condensed;
	font-size: 14pt;
	text-transform: uppercase;
	background: @grey-med;
	margin: 25px 5px 0 5px;
	padding: 6px 7px 4px 7px;
	width: 160px;
	height: auto;
	text-align: center;
	border: 0;
	cursor: pointer;
}

.formBox a.cancelBtn,
.formTable a.cancelBtn {
	padding: 6px 0 0 0 ;
	height: 24px;
	cursor: pointer;
}

.formBox input.btnSend,
.formTable input.btnSend {
	border: 0;
	margin: 25px 0 0 0;
	height: auto;
	padding: 4px 7px;
	background: @grey-med;
	color: @link-color;
	cursor: pointer;
	vertical-align: top;
	float: right;
	font-size: 14pt;
	font-family: @font-condensed;
	text-transform: uppercase;
	.transition();
	clear: right;
	width: 100%;
	
	&.fLarge {
		background: @stdcolora;
		color: @white;
		font-size: 24pt;
		font-family: @font-condensed;
		text-transform: uppercase;
		padding: 6px 7px 2px 7px;
		margin-top: 0;
	}
}

.formTable input[name=next] {
	margin: 25px 0 0 0;
}

.formTable input.btnSend:disabled {
	color: #fff;
	background: #e6e6e6;
	cursor: default;
}

#content div.formConstraints input.btnSend {
	float: left;
	margin: 25px 0 0 15px;
}

.formBox input.btnSend {
	margin: 25px 15px 0 0;
}

.formBox input:active,
.formBox input:hover,
.formBox input:focus,
.formBox select:active,
.formBox select:hover,
.formBox select:focus,
.formTable input:active,
.formTable input:hover,
.formTable input:focus,
.formTable select:active,
.formTable select:hover,
.formTable select:focus,
select.fAddress:active,
select.fAddress:hover,
select.fAddress:focus,
.attrSelect:active,
.attrSelect:hover,
.attrSelect:focus,
.attrText:active,
.attrText:hover,
.attrText:focus,
textarea:active,
textarea:hover, 
textarea:focus {
	border: 1px solid @stdcolora;
	background: @highlight;
	border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 80%, rgb(40, 40, 40) 80%, rgb(40, 40, 40) 80%, rgb(40, 40, 40) 80%, rgb(40, 40, 40) 100%);
}

.formFields input:focus + label,
.formFields input.formFilled + label,
.formFields select + label {
	bottom: 100%;
	margin-top: -20px;
	margin-left: -8px;
	font-size: 9pt;
	color: #a0a0a0;
	z-index: 2;
}

.formBox .cancelBtn:active,
.formBox .cancelBtn:hover,
.formBox .cancelBtn:focus,
.formTable .cancelBtn:active,
.formTable .cancelBtn:hover,
.formTable .cancelBtn:focus {
	border: 0;
	background: @white;
}

.formBox input,
.formBox select,
.formTable input,
.formTable select,
.formBox a.cancelBtn,
.formTable a.cancelBtn {
	.transition();
}

.formBox input.btnSend:hover, 
.formBox input.btnSend:active,
.formBox input.btnSend:focus,
.formTable input.btnSend:hover, 
.formTable input.btnSend:active,
.formTable input.btnSend:focus {
	color: @stdcolorb;
	background: @white;
	border: 0;
}

button.addVoucher,
button.addReferral {
	border: 0;
	padding: 4px 7px;
	background: @grey-med;
	color: @link-color;
	cursor: pointer;
	vertical-align: top;
	font-size: 11pt;
	width: auto;
	height: 30px;
	margin-left: 5px;
}

.formBox input.processing,
.formTable input.processing {
	background: #ccc;
}

.formBox .errorMsg,
.formTable .errorMsg {
	float: left;
	position: relative;
	margin: 0 0 20px 0;
	padding: 15px 0;
	width: 100%;
	border: 0;
	color: @white;
	background: #f00;
}

.formBox .errorMsg span,
.formTable .errorMsg span {
	display: block;
	padding: 0 10px;
	position: relative;
}

.formBox div.error,
.formTable div.error {
	color: #f00;
}

.formBox div.error input,
.formTable div.error input {
	border: 1px solid #f00;
	color: #f00;
	background: #ffdce5;
}

.formBox div.buttons,
.formTable div.buttons {
	margin: 0;
	padding: 0;
	width: 100%;
}

.formBox div.buttons a,
.formTable div.buttons a {
	margin: 25px 15px 0 0;
	color: @stdcolora;
	text-decoration: none;
	font-size: 12pt;
	vertical-align: top;
	font-family: @font-condensed;
	font-size: 14pt;
	text-transform: uppercase;
	background: @grey-med;
	padding: 4px 7px;
	width: auto;
	height: auto;
	text-align: center;
	border: 0;
	cursor: pointer;
	.transition();
	
	&:hover {
		color: @stdcolorb;
		background: @white;
		text-decoration: none;
	}
}*/
.brainsForm {
  width: 100%;
  height: 100%;
  position: relative;
  float: left;
}
.brainsForm fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: 'Open Sans', Helvetica, sans-serif;
  width: 100%;
  height: 100%;
  position: relative;
  float: left;
}
.brainsForm fieldset legend {
  float: left;
  position: relative;
  font-size: 1.8em;
  color: #e0e0e0;
  text-transform: uppercase;
  font-family: 'Open Sans', Helvetica, sans-serif;
  margin-bottom: 25px;
  width: 100%;
}
.brainsForm div.formField {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.brainsForm div.formField.frmHalf {
  width: 48.618784527%;
  margin: 0 0 0 2.762430939%;
}
.brainsForm div.formField.frmThird {
  width: 31.491712705%;
  margin: 0 0 0 2.762430939%;
}
.brainsForm div.formField.frm2Thirds {
  width: 65.74585634900001%;
  margin: 0 0 0 2.762430939%;
}
.brainsForm div.formField.frmFourth {
  width: 22.928176794%;
  margin: 0 0 0 2.762430939%;
}
.brainsForm div.formField.frmFifth {
  width: 18.264640883%;
  margin: 0 0 0 2.762430939%;
}
.brainsForm div.formField.frmSixth {
  width: 14.364640883%;
  margin: 0 0 0 2.762430939%;
}
.brainsForm div.formField.frmEighth {
  width: 5.801104972%;
  margin: 0 0 0 2.762430939%;
}
.brainsForm div.formField.frmLast {
  float: right;
  margin-left: 0;
}
.brainsForm div.formField.frmFirst {
  margin-left: 0;
}
.brainsForm div.formField.frmRight input {
  text-align: right;
}
.brainsForm div.formField.frmCenter input {
  text-align: center;
}
.brainsForm div.formField input,
.brainsForm div.formField select {
  padding: 14px 7px 4px 7px;
  background: none;
  z-index: 1;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.brainsForm div.formField input:focus,
.brainsForm div.formField select:focus,
.brainsForm div.formField input:active,
.brainsForm div.formField select:active {
  border: 1px solid #ff8f00;
  background: rgba(255, 155, 0, 0.2);
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -ms-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
}
.brainsForm div.formField select {
  padding: 13px 7px 3px 7px;
}
.brainsForm div.formField label {
  float: none;
  position: absolute;
  color: #b0b0b0;
  padding: 13px;
  margin: 0;
  line-height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 10pt;
  cursor: default;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  /*z-index: 2;*/
}
.brainsForm div.formField input:focus + label,
.brainsForm div.formField input.formFilled + label,
.brainsForm div.formField select + label {
  bottom: 100%;
  margin-top: -10px;
  margin-left: -8px;
  font-size: 8pt;
  color: #a0a0a0;
  z-index: 2;
}
.brainsForm input,
.brainsForm select {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  outline: none;
  font-size: 10pt;
  width: 100%;
  padding: 6px 3px;
  position: relative;
  float: left;
  margin: 0 0 8px 0;
  color: #606060;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: 'Open Sans', Helvetica, sans-serif;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.brainsForm input:focus,
.brainsForm select:focus,
.brainsForm input:active,
.brainsForm select:active {
  border: 1px solid #ff8f00;
  background: #ffe9cc;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -ms-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
}
.brainsForm input[type=checkbox] {
  outline: none;
  margin: 0;
  padding: 0;
  border: 1px solid #e0e0e0;
  cursor: pointer;
}
.brainsForm input {
  text-indent: 3px;
}
.brainsForm select {
  padding: 5px 3px;
}
.brainsForm input[name=submit] {
  background: #ff8f00;
  border: 0;
  outline: none;
  text-transform: uppercase;
  font-size: 12pt;
  width: 35%;
  padding: 10px 6px;
  position: relative;
  float: right;
  margin: 0;
  color: #ffffff;
  text-align: center;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-weight: bold;
}
.brainsForm input[name=submit]:hover,
.brainsForm input[name=submit]:focus {
  background: #ff1000;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -ms-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
}
.brainsForm button[name=cancel] {
  background: #ff8f00;
  border: 0;
  outline: none;
  text-transform: uppercase;
  font-size: 12pt;
  width: 35%;
  padding: 10px 6px;
  position: relative;
  float: left;
  margin: 0;
  color: #ffffff;
  text-align: center;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-weight: bold;
}
.brainsForm button[name=cancel]:hover,
.brainsForm button[name=cancel]:focus {
  background: #ff1000;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -ms-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
}
.brainsForm label {
  float: left;
  position: relative;
  width: 100%;
  margin: 0 0 2px 0;
  font-size: 9pt;
}
.brainsForm input.formFieldInvalid,
.brainsForm select.formFieldInvalid,
.brainsForm div.formField > input.formFieldInvalid,
.brainsForm div.formField > select.formFieldInvalid {
  background: rgba(255, 0, 0, 0.2);
}
.brainsForm label.formFieldInvalid,
.brainsForm div.formField > label.formFieldInvalid {
  color: #ff0000;
  font-weight: bold;
}
.brainsForm .brainsFormBreak {
  height: 25px;
}
.brainsForm .brainsFormBreakFloat {
  float: left;
  position: relative;
  width: 100%;
}
.brainsForm .brainsFormButtons {
  margin-top: 25px;
}
.brainsForm .brainsFormErrors {
  background: #ff3333;
  color: #ffffff;
  margin: 0 0 25px 0;
  padding: 5px;
  border: 0;
}
.brainsFormTwoColumns div.formField.formFieldLeft {
  width: 48%;
  margin-right: 4%;
}
.brainsFormTwoColumns div.formField.formFieldRight {
  width: 48%;
  float: right;
  margin-right: 0;
}
/*
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*/
@media only screen and (min-width: 481px) {
  /******************************************************************
Site Name: Tropical Engros
Author: Stoll Designs - stolldesigns.ch

Stylesheet: 481px and Up Stylesheet

This stylesheet is loaded for larger devices. It's set to 
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection. 

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.less styles.

******************************************************************/
}
/*
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 768px) {
  html,
  body {
    height: 100%;
  }
  /******************************************************************
Site Name: Tropical Engros
Author: Stoll Designs - stolldesigns.ch

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.less stylesheet.

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://gridpak.com/ - Create your own responsive grid.

The grid below is a combination of the 1140 grid and Twitter Boostrap. 
I liked 1140 but Boostrap's grid was way more detailed so I merged them 
together, let's see how this works out. If you want to use 1140, the original 
values are commented out on each line.

******************************************************************/
  .onecol {
    width: 5.801104972%;
  }
  /* 4.85%;  } /* grid_1  */
  .twocol {
    width: 14.364640883%;
  }
  /* 13.45%; } /* grid_2  */
  .threecol {
    width: 22.928176794%;
  }
  /* 22.05%; } /* grid_3  */
  .fourcol {
    width: 31.491712705%;
  }
  /* 30.75%; } /* grid_4  */
  .fivecol {
    width: 40.055248616%;
  }
  /* 39.45%; } /* grid_5  */
  .sixcol {
    width: 48.618784527%;
  }
  /* 48%;    } /* grid_6  */
  .sevencol {
    width: 57.182320438000005%;
  }
  /* 56.75%; } /* grid_7  */
  .eightcol {
    width: 65.74585634900001%;
  }
  /* 65.4%;  } /* grid_8  */
  .ninecol {
    width: 74.30939226%;
  }
  /* 74.05%; } /* grid_9  */
  .tencol {
    width: 82.87292817100001%;
  }
  /* 82.7%;  } /* grid_10 */
  .elevencol {
    width: 91.436464082%;
  }
  /* 91.35%; } /* grid_11 */
  .twelvecol {
    width: 99.999999993%;
  }
  /* 100%;   } /* grid_12 */
  .onecol,
  .twocol,
  .threecol,
  .fourcol,
  .fivecol,
  .sixcol,
  .sevencol,
  .eightcol,
  .ninecol,
  .tencol,
  .elevencol,
  .twelvecol {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
  }
  .first {
    margin-left: 0;
  }
  .last {
    float: right;
  }
  /******************************************************************
Site Name: Tropical Engros
Author: Stoll Designs - stolldesigns.ch

Stylesheet: Tablet & Small Desktop Stylesheet

Here's where you can start getting into the good stuff.
This size will work on iPads, other tablets, and desktops.
So you can start working with more styles, background images,
and other resources. You'll also notice the grid starts to
come into play. Have fun!

******************************************************************/
  /*********************
LAYOUT & GRID STYLES
*********************/
  #main {
    min-height: 100%;
  }
  #wrapper {
    height: 100%;
    min-width: 1024px;
  }
  #contentWrapper {
    padding: 15px 15px 360px 15px;
    height: 100%;
    /*background: @white;*/
    min-width: 1024px;
  }
  #content {
    float: left;
    /*	.tencol;
	.last;*/
  }
  .fixed {
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
    left: 0;
  }
  /*********************
HEADER STYLES
*********************/
  #headerWrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    float: none;
    border: 0;
  }
  #header {
    float: none;
    border: 0;
  }
  #logo {
    display: none;
  }
  #accountNav {
    display: block;
    float: right;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    margin: 5px 10px 10px 10px;
    width: auto;
    clear: right;
  }
  #accountNav ul {
    text-align: left;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #accountNav ul li {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #accountNav ul li a#accountNavLogin:hover {
    color: #ff1000;
    /*				background: url("/images/icons/users_grey_96x96.png") no-repeat 5px center;
				background-size: 32px 32px;*/
  }
  #accountNav ul li a#accountNavLogoff:hover {
    color: #ff1000;
    /*				background: url("/images/icons/logoff_grey_96x96.png") no-repeat 5px center;
				background-size: 32px 32px;*/
  }
  #accountNav ul li a#accountNavChkt:hover {
    color: #ff1000;
    /*				background: url("/images/icons/cart_grey_96x96.png") no-repeat 5px center;
				background-size: 32px 32px;*/
  }
  #accountNav ul li a#accountNavAccount:hover {
    color: #ff1000;
    /*				background: url("/images/icons/logoff_grey_96x96.png") no-repeat 5px center;
				background-size: 32px 32px;*/
  }
  #logoBox {
    margin: 0 0 0 10px;
    display: block;
    padding: 7px 0;
  }
  #logoBox img {
    width: 75%;
  }
  #languages {
    display: block;
    margin: 7px 10px 0 12px;
    float: right;
    clear: right;
    /*position: absolute;*/
    /*	top: 0;
	right: 0;*/
    padding: 0 0 0 0;
  }
  #languages ul li:first-child a {
    padding: 6px 8px 6px 0;
  }
  #languages ul li:last-child a {
    padding: 6px 0 6px 8px;
  }
  #languages ul li a,
  #languages ul li a:visited {
    padding: 6px 8px;
  }
  #languages ul li a:hover,
  #languages ul li a:visited:hover {
    color: #ff1000;
    text-decoration: none;
  }
  #languages ul li#active a:hover {
    color: #bbb;
    background: none;
  }
  #navigation {
    z-index: 2000;
    display: block;
    float: left;
    width: 100%;
    height: 47px;
    background: #ff8f00;
  }
  #navigation #navOuterWrap {
    background: #ff8f00;
    width: 100%;
  }
  #navigation #navWrap {
    max-width: 1200px;
    /*min-width: 1024px;*/
    width: 100%;
    margin: 0 auto;
  }
  #navigation #navWrap > ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    width: 100%;
    height: 100%;
  }
  #navigation #navWrap > ul > li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    height: 100%;
  }
  #navigation #navWrap > ul > li.specialTag a {
    padding-right: 45px;
  }
  #navigation #navWrap > ul > li > a {
    float: left;
    display: block;
    text-align: right;
    margin: 0;
    padding: 10px 14px 10px 14px;
    height: 100%;
    color: #ffffff;
    text-decoration: none;
    font-size: 14.5pt;
    font-family: 'Open Sans Condensed', Helvetica, sans-serif;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    text-transform: uppercase;
  }
  #navigation #navWrap > ul > li > a > span {
    font-size: 0.4em;
    font-weight: normal;
    font-family: 'Open Sans', Helvetica, sans-serif;
    text-transform: none;
  }
  #navigation #navWrap > ul > li > a:hover {
    background: #ff1000;
    color: #ffffff;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #navigation #navWrap > ul > li#active > a {
    background: #0096c8;
    color: #fff;
  }
  #navigation #navWrap > ul > li:hover .subcategories {
    display: block;
    opacity: 1;
    visibility: visible;
  }
  .subcategories {
    display: none;
    width: 250px;
    padding: 20px 0;
    position: absolute;
    left: 0;
    top: 0;
    margin: 47px 0 0 0;
    transition: opacity 1000ms ease-in-out;
    transition: visibility 1000ms ease-in-out;
    opacity: 0;
    visibility: hidden;
    background: #ff8f00;
    /*.boxShadow(0, 2px, 2px);*/
    z-index: 5;
    font-size: 0.9em;
  }
  .subcategories li {
    float: left;
    padding: 0 0 0 0;
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
    text-align: left;
  }
  .subcategories li a,
  .subcategories li a:visited {
    float: left;
    display: block;
    text-align: left;
    margin: 0 0 0 0;
    padding: 8px 11px;
    color: #ffffff;
    text-decoration: none;
    font-size: 1.1em;
    text-transform: none;
    width: 100%;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
  }
  .subcategories li a:hover,
  .subcategories li a:visited:hover {
    background: #ff1000;
    color: #ffffff;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #searchInfo {
    display: block;
    float: right;
    margin: 13px 5px 5px 5px;
  }
  #search {
    display: block;
    border: 1px solid #ff8f00;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    height: 100%;
    float: right;
    /*width: 212px;*/
    padding: 0;
    margin: 5px;
  }
  #search #form_search {
    margin: 0;
    padding: 0;
  }
  #search input.search {
    margin: 0;
    width: 250px;
    background: #ffe9cc;
    color: #000000;
    font-weight: bold;
  }
  #search ::placeholder {
    color: #000000;
  }
  /*

#shoppingCart {
	.transition();
	
	h1 {
		padding: 10px 8px 8px 8pxpx;
		font-size: 26px;
	}
	
	p {
		padding: 10px 10px;
	}
	
	div.shoppingCartHeader {
		padding: 10px;
		
		span {
			margin: 17px 10px;
		}
	}
	
	div.shoppingCartHeader a,
	div.shoppingCartFooter a {
		.transition();

		&:hover {
			color: @purple-bright;
			background: @stdcolorb;
		}
		
				
		&.orderEditBtn {
			font-size: 12pt;
			width: auto;
			margin: 0 0 0 5px;
			text-align: left;
			float: right;
		}
		
		&.gotoCheckoutBtn {
			display: block;
			
			&:hover, &:focus {
				background: @stdcolorb url("/images/icons/cart_white_96x96.png") no-repeat 5px 1px;
				background-size: 32px 32px;
			}
		}
		
		&.gotoCheckoutMobileBtn {
			display: none;
		}
	}
}

*/
  #breadcrumb {
    float: none;
  }
  /*

#navBottom div.threecol a {
	.transition();
	
	&:hover,
	&:focus {
		color: @white;
		.transition-duration();
	}
}*/
  /*********************
CONTENT STYLES
*********************/
  div.homeTextBox {
    width: 65.74585634900001%;
    position: relative;
    float: left;
    margin-left: 2.762430939%;
    margin-left: 0;
  }
  div.homeTextBox .homeBtn {
    width: 45%;
    float: left;
    margin-right: 10%;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  div.homeTextBox .homeBtn:hover,
  div.homeTextBox .homeBtn:focus {
    background: #ff1000;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
  }
  div.homeTextBox .homeBtn:last-child {
    margin-right: 0;
  }
  .homeBoxProducts img {
    /*width: 16.66%;*/
  }
  .homeBoxProducts a {
    width: 16.66%;
  }
  .homeBoxProducts a:last-child {
    padding: 30px 0 0 0;
  }
  #brandsHomeBox .fourcol {
    width: 31.491712705%;
    position: relative;
    float: left;
    margin-left: 2.762430939%;
  }
  #brandsHomeBox .first {
    margin-left: 0;
  }
  #brandsHomeBox .last {
    float: right;
  }
  #brandsHomeBox a:hover {
    color: #000000;
  }
  #slidersHomeBox .slideshow {
    height: 658px;
  }
  .brainsPagination {
    float: right;
    position: relative;
  }
  h1 {
    font-size: 28pt;
  }
  h1.product {
    font-size: 16pt;
  }
  h2 {
    font-size: 22pt;
  }
  /*div.addressRadio {
	.transition();

	&:hover {
		background: @purple-bright;
		border: 0;
	
		& > label {
			background: url("/images/icons/Checked_Circle_Blue.png") no-repeat 5px 15px;
		}
	}
	
	a.noScriptLink {
		float: left;
		display: block;
	}
	
	a.delAddress {
		display: none;
	}
}

div.typeRadio,
div.typeCheckbox {
	.transition();

	&:hover {
		background: @purple-bright;
	}
}

#resetFilter:hover,
#sidebar div.additionalInfos:hover,
#cartSidebox:hover {
	background: @stdcolora;
	
	a {
		color: @white;
	}
}

#sidebar div.checkoutStep h1,
#cartSidebox h1,
.generalSidebox h1{
	font-size: 14pt;
}

#sidebar div.checkoutStep#done:hover {
	background: @white url("/images/icons/thumbsup_lilac_96x96.png") no-repeat 5px 5px;
	background-size: 32px 32px;
	
	h1,
	span {
		color: @stdcolorb;
		.transition();
	}
}

.checkoutBoxLeft {
	clear: none;
	.sixcol;
	.first;
}

.checkoutBoxRight {
	clear: none;
	.fivecol;
	.last;
	
	& > div {
		margin: 0 10px 15px 10px;
	}
}

#accountSettings {
	.sixcol;
	.first;
}

#accountOrders {
	.sixcol;
	.last;
}

.checkoutBox {
	div.confirmLink {
		float: left;
		clear: none;
		width: auto;
		display: inline;
		padding: 0;
	}
}

.checkoutBox .formTable input.btnSend {
	margin: 0;
}

#pickPostMap #psos {
	float: right;
}

.catOverview {
	height: auto;
}

.catOverview img {
	width: 100%;
	margin: 0;
	float: none;
}

.catOverview div.title {
	text-align: right;
	padding: 0 10px 10px 10px;
	float: none;
}

.catOverview a {
	padding: 0;
	float: none;
}

.catPage {
	float: left;
}

.imgCatPageleft {
	float: left;
	margin: 0 20px 20px 0;
	width: 30%;
}

.imgCatPageright {
	float: right;
	margin: 0 0 20px 20px;
	width: 30%;
}

.catPage p {
	width: 100%;
}

.catGalleryProduct {
	height: 355px;
	
	div.title {
		i {
			color: #888;
			float: right;
			font-weight: normal;
			position: absolute;
			bottom: 40px;
			right: 0;
		}
	}
	
	&.last {
		float: right;
	}
	
	&.first {
		float: left;
	}

	img {
		width: 100%;
		margin: 0;
	}
	
	div.price {
		margin-left: 1px;
	}
	
	.proModelBlank {
		display: block;
	}
}

#backOverview a {
	.transition();
	
	&:hover {
		background: @white;
		color: @stdcolorb;
	}
}

#moveOverview {
	border: 0;
	.fivecol();
	.last();
	
	a {
		.transition();
		
		&:hover {
			background: @white;
			color: @stdcolorb;
		}
	}
	
	& + div {
		clear: none;
	}
}

#picPreview {
	margin-bottom: 0;
}

#zoomPic {
}

#zoomPic:after {
}

img.picPreview {
}

img.picPreviewThumb {
}

.catHeader,
.catFooter {
	float: left;
	width: 100%;
	background: @white;
	border: 0;
	padding: 10px 0;
	margin: 0 0 5px 0;
	clear: none;
	text-align: left;
	

	> span {
		float: left;
		margin: 0 15px 0 10px;
	}
	
	& > span:first-child,
	& > span.view,
	& > span.show,
	& > span.pagination {
		margin-top: 6px;
		margin-bottom: 5px;
	}
	
	span.pagination {
		float: right;
		
		
		a {
			&:hover {
				color: #fff;
				background: #999;
			}
		}
		
		strong {
		}
	}
}

#shoppingCart div.shoppingCartFooter input.updateCart {
	display: inline;
}

#shoppingCart div.shoppingCartFooter input.updateCartMobile {
	display: none;
}

#shoppingCart div.shoppingCartFooter input.updateCart,
#shoppingCart div.shoppingCartFooter input.updateCartMobile,
#shoppingCart div.shoppingCartFooter input.checkout,
#shoppingCart div.shoppingCartHeader input.checkout {
	margin: 0;
	.transition();
	font-size: 16pt;
}

#shoppingCart div.shoppingCartFooter input.updateCart,
#shoppingCart div.shoppingCartFooter input.updateCartMobile {
	width: auto;
}

#shoppingCart div.shoppingCartFooter input.updateCart:hover,
#shoppingCart div.shoppingCartFooter input.updateCartMobile:hover,
button.addVoucher:hover,
button.addReferral:hover,
#shoppingCart div.shoppingCartFooter input.checkout:hover,
#shoppingCart div.shoppingCartHeader input.checkout:hover {
	color: @stdcolorb;
	background: @white;
	border: 0;
	.transition();
}

*/
  /*

.checkoutBoxFull  table.orderHistory {
	tr > td:nth-child(3),
	tr > th:nth-child(3) {
		display: table-cell;
	}
	
	tr > td:nth-child(4),
	tr > th:nth-child(4) {
		display: table-cell;
	}
}

table.statusHistory tr > td {
	border-bottom: 0;
}

*/
  /*

table.orderHistory tr.row1,
table.statusHistory tr.row1 {
}

table.orderHistory tr.row0,
table.statusHistory tr.row0,
table.accounting tr.row0 {
	background: #eee;
}

.stockInfo {
	width: 100%;
	float: none;
	padding: 10px 0 0 0;

	&:hover {
		color: @text-color;
	}

	&:hover span {
		left: 3em;
		top: -5px;
		z-index: 99;
		margin-left: 0;
		.boxShadow(0, 2px, 5px, 1px);
	}
}


div.addressOverview {
	border: 0;
	.transition();
	margin-bottom: 0;


	&:hover {
		background: @purple-bright;
		border: 0;
	}
}

#accountFavs > div {
	& > div.threecol { 
		.threecol();
	}
	
	& > div.first {
		.first();
	}
	
	& > div.last {
		.last();
	}
}

#proVersions {
	.showPicTag {
		.fourcol();
		.first();
	}
	
	.priceTag {
		.eightcol();
		.last();
	}
	
	#addToCartPro {
		margin-top: 10px;
	}
	
	.buyButton {
		position: absolute;
		right: 12px;
		bottom: 12px;
	}
}*/
  /*********************
FOOTER STYLES
*********************/
  #footer {
    height: 300px;
    margin-top: -300px;
  }
  /*#customerBox,
#infoBox,
#storeBox,
#paymentBox {
	font-size: 9pt;
	color: #777;
	text-align: left;
	
	a:hover,
	a:focus {
		color: @white;
	}
	
	p {
		margin: 0 15px;
	}
	
	ul {
//		float: left;
		margin: 0 15px;
		padding: 0;
	

		li {
			display: block;
			margin: 0;
			padding: 0;
		

			a {
				.transition();

				&:hover {
					color: #fff;
					.transition-duration();
				}
			}
		}
	}
}*/
  .footerLinks {
    width: 25%;
  }
  .footerLinks2,
  .footerLinks3 {
    text-align: center;
  }
  .footerLinks4 {
    float: right;
    text-align: right;
  }
  #copyright {
    clear: both;
    width: 100%;
    text-align: center;
    margin: 15px 0 0 0;
  }
  /*#infoFooter {
	display: none;
}*/
  /*********************
FORM STYLES
*********************/
  /*.formBox input,
.formBox select,
.formTable input,
.formTable select {
	width: 115px;
}

.formTable input[type=checkbox] {
	margin: 4px 0 4px 15px;
}

.formBox label,
.formTable label {
	width: 140px;
	margin: 2px 0 0 15px;
}

.formFields label {
	margin: 0;
	width: 100%;
}

.formFields input,
.formFields select {
	width: 100%;
}

.formTable label.fForCheck {
	width: 240px;
	margin: 0 0 0 10px;
}

.formTable input.noLabel {
	margin-left: 155px;
}

.formTable input.fLarge {
	width: 170px;
}

.formTable input.fXLarge {
	width: 240px;
}

.formTable select.fLarge {
	width: 172px;
}

fieldset.formTable legend {
	font-size: 14pt;
	text-align: left;
	margin: 0;
	position: relative;
}

.formBox input,
.formTable input,
.formBox select,
.formTable select {
	margin: 0;
}

.formTable input.fXSmall {
	margin-right: 2px;
}

.formBox input.btnSend,
.formTable input.btnSend {
	width: auto;
	font-size: 14pt;
	margin: 25px 15px 0 0;
}

.formTable input.btnSend[name=next] {
	margin: 10px 0 0 0;
}

.formTable label.fLarge {
	width: 90%;
}

.formTable input[name=terms] {
	margin: 4px 0;
}

.checkoutBox .newsletterRepeat input {
	margin: 4px 0;
}

#content div.formConstraints input.btnSend {
	margin: 25px 0 0 15px;
}*/
  #contentProducts .categoryHeader,
  #contentProducts .categoryFooter {
    margin-bottom: 0;
  }
  #contentProducts .categoryHeader .catPaginationInfo,
  #contentProducts .categoryFooter .catPaginationInfo {
    text-align: right;
  }
  #contentProducts .productItem {
    margin-bottom: 0;
  }
  .productImageOOS {
    font-size: 15pt;
  }
  #contentProduct .productNavMobile {
    display: none;
  }
  #contentProduct .productNav {
    display: block;
  }
  #contentProduct .productNav .gotoOverview,
  #contentProduct .productNav .prevProduct,
  #contentProduct .productNav .nextProduct {
    margin-bottom: 0;
  }
  #categorySidebarNav {
    display: block;
  }
  #categorySidebarBrands {
    max-height: none;
  }
  .catFilter {
    display: block;
  }
  #contentCart .shoppingCart table.shoppingCartContent {
    width: 100%;
    border: 0;
    padding: 0;
    margin: 5px 0;
    border-collapse: collapse;
    display: table;
  }
  #contentCart .shoppingCart .shoppingCartContentMobile {
    display: none;
  }
  #contentUsers > div.last {
    margin-top: 0;
  }
  #contentUsers .shoppingCart table.shoppingCartContent {
    width: 100%;
    border: 0;
    padding: 0;
    margin: 5px 0;
    border-collapse: collapse;
    display: table;
  }
  #contentUsers .shoppingCart .shoppingCartContentMobile {
    display: none;
  }
  button.cartOrder {
    width: 300px;
    float: right;
  }
}
/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1030px) {
  /******************************************************************
Site Name: Tropical Engros
Author: Stoll Designs - stolldesigns.ch

Stylesheet: Desktop Stylsheet

This is the desktop size. It's larger than an iPad so it will only
be seen on the Desktop. 

******************************************************************/
}
/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {
  /******************************************************************
Site Name: Tropical Engros
Author: Stoll Designs - stolldesigns.ch

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
}
/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
Site Name: Tropical Engros
Author: Stoll Designs - stolldesigns.ch

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
  /* 

EXAMPLE 
Let's say you have an image and you need to make sure it looks ok
on retina screens. Let's say we have an icon which dimension are
24px x 24px. In your regular stylesheets, it would look something
like this:

.icon {
	width: 24px;
	height: 24px;
	background: url(img/test.png) no-repeat;
}

For retina screens, we have to make some adjustments, so that image
doesn't look blurry. So, taking into account the image above and the
dimensions, this is what we would put in our retina stylesheet:

.icon {
	background: url(img/test@2x.png) no-repeat;
	background-size: 24px 24px;
}

So, you would create the same icon, but at double the resolution, meaning 
it would be 48px x 48px. You'd name it the same, but with a @2x at the end
(this is pretty standard practice). Set the background image so it matches
the original dimensions and you are good to go. 

*/
}
/*
iPHONE 5 MEDIA QUERY
Want to get fancy for no good reason? Knock yourself out.
*/
/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
  /******************************************************************
Site Name: Tropical Engros
Author: Stoll Designs - stolldesigns.ch

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. If you want to
though, go for it.

******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
    /*  // show links on printed pages
    &:after {
      content: " (" attr(href) ")";
    }

    // show title too
    abbr[title]:after {
      content: " (" attr(title) ")";
    }*/
  }
  /*  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }*/
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}