/* --- Typography ------------------------ */
body {
  font: 12px / 140% Verdana, helvetica, clean, sans-serif;
  background: #f6f6f6 url("../bg/gaden_background.jpg") no-repeat top center fixed;
}
select,
input,
button,
textarea,
button {
  font: 99% Verdana, helvetica, clean, sans-serif;
}
table {
  font-size: 100%;
}
h1 {
  font-size: 18px;
}
h2 {
  font-size: 16px;
}
h3 {
  font-size: 14px;
}
h2,
h3,
h4,
h5 {
  margin-bottom: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
dt {
  font-weight: bold;
}
optgroup {
  font-weight: normal;
}
i,
em {
  font-style: italic;
}
del {
  text-decoration: line-through;
}
a {
  color: #000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
ul,
ol {
  margin: 25px 30px;
}
li {
  padding: 3px 0;
  list-style: square;
}
ol li {
  list-style: decimal;
}
p {
  margin-bottom: 15px;
}
ul,
ol {
  margin: 20px 30px;
}
ul ul,
ol ul {
  margin: 10px 20px;
}
ol li {
  list-style-type: decimal;
  list-style-position: inside;
}
ol ol {
  list-style: upper-alpha;
}
ol ol ol {
  list-style: lower-roman;
}
ol ol ol ol {
  list-style: lower-alpha;
}
ul li {
  list-style: square;
}
ul li li {
  list-style: square;
}
form ul {
  margin: 0;
  padding: 0;
}
form ol {
  margin: 0;
  padding: 0;
}
form li {
  list-style: none;
  position: relative;
}
/* --- layout --------------------------------------- */
#header,
#sidebar,
#content,
#footer {
  margin: 10px;
}
#header,
#footer {
  clear: left;
}
#page:after,
#header:after,
#footer:after,
#footer #panel:after,
#details #attributes table:after,
#navigation:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
#page {
  width: 960px;
  margin: 0 auto;
  position: relative;
}
#header {
  width: 960px;
  padding: 0 10px;
  height: 127px;
  margin: 0 0 0 -10px;
  position: relative;
  background: url(../../img/gaden_header.png) no-repeat;
}
#sidebar {
  margin-top: 0;
  width: 172px;
  float: left;
}
#content {
  width: 940px;
  margin: 0 10px;
  padding-bottom: 10px;
  float: left;
}
div.sidebarLeft #content,
div.sidebarRight #content {
  width: 748px;
}
div.sidebarRight #sidebar {
  float: right;
}
#footer {
  clear: both;
  width: 960px;
  padding-top: 10px;
  margin: 10px 0;
}
/* === FX Styles ====================================== */
/*** SHADOWS -> ***/
.basketFlyout {
  -moz-box-shadow: 0 0 3px 1px #555;
  -webkit-box-shadow: 0 0 3px 1px #555;
  box-shadow: 0 0 3px 1px #555;
}
.scrollable ul {
  -moz-box-shadow: inset 0 5px 5px -1.3px #555555;
  -webkit-box-shadow: 0 5px 5px -1.3px #555555;
  box-shadow: 0 5px 5px -1.3px #555555;
}
.basketItems {
  -moz-box-shadow: inset 0 -4px 2px -2px #555555;
  -webkit-box-shadow: 0 -4px 3px -2px #555555;
  box-shadow: 0 -4px 5px -2px #555555;
}
.gridView .titleBox,
.itemSlider .titleBlock,
.itemSlider .titleBlock:hover,
.gridView .priceBox,
.box h3,
.box h2,
.sectionHead,
.pageHead,
#currencies a.selected,
#languages a.selected,
.flyoutMenu a.selected,
.dropDown a.selected,
.thumbNav a.cur,
.thumbNav a.cur:hover,
.promoBox strong.promoPrice,
.itemSlider .prevItem span.slideBg,
.itemSlider .nextItem span.slideBg,
.specBox h3 {
  background: #b5132a;
}
.lightHead,
h2.lightHead,
h3.lightHead {
  background: #b5132a;
}
.FXgradBlueDark,
.submitButton {
  background: #b5132a;
}
/* Grey */
.promoBox strong.promoTitle,
.specBoxTitles a.title {
  background: #e8e8e8;
}
.FXgradGreyLight,
.sf-menu li ul,
#footer #panel,
.box ul,
.box ol,
.box .content,
.loginForm,
#currencies,
#languages,
.flyoutMenu,
.basketFlyout,
div.anythingSlider .arrow,
.thumbNav {
  background: #e8e8e8;
}
/* Orange */
.FXgradOrange,
.removeButton,
.sf-menu li.current,
.sf-menu li.sfHover,
.sf-menu li:hover,
.gridView div.priceBox:hover,
.gridView div.titleBox:hover,
.featuredList a:hover,
.featuredList li.articleImage:hover + li.articleTitle > a,
#footer .list a:hover,
#currencies a:hover,
#languages a:hover,
.flyoutMenu a:hover,
.submitButton:hover,
.basketFlyout li a:hover,
.dropDown ul a:hover,
div.anythingSlider span.arrow:hover,
.thumbNav a:hover,
.itemSlider .prevItem:hover span.slideBg,
.itemSlider .nextItem:hover span.slideBg,
a.viewAllHover,
.itemSlider li a.viewAllHover,
.specBoxTitles a.title:hover,
.actionLinks li:hover {
  background: #b5132a;
}
/* Light blue */
.FXgradBlueLight,
.fbEnableButton {
  background: #ffffff;
}
/******/
/* --- Checkout basket content ----------------------- */
.basketitems {
  width: 100%;
  font-size: 14px;
}
.basketitems .editCol {
  width: 30px;
}
.basketitems .thumbCol {
  width: 110px;
}
.basketitems .wrappingCol {
  width: 120px;
}
.basketitems .coutCol {
  width: 60px;
}
.basketitems .priceCol {
  width: 90px;
}
.basketitems .vatCol {
  width: 60px;
}
.basketitems .totalCol {
  width: 90px;
}
.basketitems td {
  vertical-align: top;
  border-top: 5px solid #ECEFF0;
  padding-top: 6px;
}
.basketitems tr:last-child td {
  border-bottom: 5px solid #ECEFF0;
}
.basketitems th {
  font-size: 12px;
  text-align: left;
  color: #515353;
  padding-bottom: 2px;
  font-weight: 400;
  vertical-align: top;
  border-bottom: 5px solid #ECEFF0;
}
.basketitems tr td:last-child,
.basketitems tr th:last-child,
.basketitems .unitPrice,
.basketitems .vatPercent {
  text-align: right;
  padding-right: 5px;
}
.basketitems td.basketImage {
  text-align: center;
  vertical-align: middle;
}
.basketitems tr.basketError td {
  padding-top: 0;
  padding-bottom: 10px;
  border: none;
}
.basketitems .picture {
  width: 130px;
  height: 160px;
  overflow: hidden;
  border: 1px solid #555555;
}
.basketitems .wrappingTrigger {
  color: #b5132a;
}
.wrappingTrigger span {
  display: block;
  color: #555;
  font-size: 11px;
}
.wrappingTrigger:hover span {
  text-decoration: underline;
}
.basketitems .checkbox {
  vertical-align: middle;
}
.basketitems .textbox {
  width: 20px;
  text-align: right;
}
.basketitems .persParam {
  width: 120px;
  text-align: left;
}
.basketitems .persParamLabel {
  font-size: 12px;
  font-weight: bold;
}
.quantity strong {
  display: block;
  font-size: 11px;
  margin-bottom: 3px;
}
.quantity p {
  margin-bottom: 5px;
}
.quantity {
  white-space: nowrap;
  padding-right: 10px;
}
.summary {
  font-size: 14px;
  width: 350px;
  float: right;
  padding-top: 15px;
}
.summary table {
  width: 100%;
}
.summary table td {
  text-align: right;
  width: 90px;
  padding: 5px 5px 5px 2px;
  border-top: 2px solid #ECEFF0;
}
.summary table td {
  text-align: right;
  width: 90px;
  padding: 5px 5px 5px 2px;
  border-bottom: 1px solid #ECEFF0;
}
.summary table th {
  text-align: left;
  font-weight: 400;
  border-top: 2px solid #ECEFF0;
}
.summary table tr:last-child td,
.summary table tr:last-child th {
  border-top-color: #c9d3d7;
  border-bottom-width: 0;
}
.summary table tr:first-child td,
.summary table tr:first-child th {
  border-top-width: 0;
}
.backtoshop {
  float: left;
  padding-left: 10px;
}
.nextStep {
  float: right;
}
.prevStep {
  float: left;
}
.basketFunctions {
  float: left;
  padding-top: 20px;
}
.basketFunctions button {
  background: none;
  border: none;
  cursor: pointer;
  color: #b5132a;
  padding: 0;
  height: 14px;
  line-height: 14px;
}
.basketFunctions span {
  border-right: 1px solid #b5132a;
  padding: 0 9px 0 0;
  float: left;
  line-height: 12px;
  height: 12px;
}
.removeFn {
  padding-left: 17px;
  color: #b5132a;
  background: url(../../img/x-icon.png) no-repeat 0 1px;
}
.removeFn:hover {
  background-position: 0 -25px;
}
/* --- checkout order ---------------------------- */
.orderBasketItems,
.orderBasketItems a,
.orderSummary,
#orderAddress,
#orderShipping,
#orderPayment {
  color: #515353;
}
#orderAddress,
#orderShipping,
#orderPayment,
#orderEditCart,
#orderAgbTop,
#orderBasket {
  margin-bottom: 35px;
}
#orderAddress h3,
#orderShipping h3,
#orderPayment h3 {
  color: #000;
}
#orderAddress dl {
  float: left;
}
#orderAddress dl.shippingAddress {
  padding-left: 20px;
}
#orderAddress dl.orderRemarks {
  padding-left: 20px;
  width: 250px;
}
/* --- CLEAR ------------------------ */
.clear:after,
.basketFlyout li a:after,
.basketFlyout .totals:after,
.basketFlyout .title:after,
.lineView li:after,
.wrappingData li:after,
.form li:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clear,
.basketFlyout li a,
.basketFlyout .totals,
.basketFlyout .title,
.lineView li,
.wrappingData li,
.form li {
  display: inline-block;
}
/* start commented backslash hack \*/
* html .clear,
* html .basketFlyout li a,
* html .basketFlyout .totals,
* html .basketFlyout .title,
* html .lineView li,
* html .wrappingData li,
* html .form li {
  height: 1%;
}
.clear,
.basketFlyout li a,
.basketFlyout .totals,
.basketFlyout .title,
.lineView li,
.wrappingData li,
.form li {
  display: block;
}
/* close commented backslash hack */
/* --- Main page error or messages -----------*/
.status {
  padding: 8px 15px 8px 30px;
  margin-bottom: 15px;
  font-size: 14px;
}
.error {
  color: #4b0b0b;
  border: 2px solid #fed8d2;
  background: #ffe7e3 url(../../img/error-inline.png) no-repeat 12px 11px;
}
.success {
  border: 2px solid #edf8cb;
  color: #323b16;
  background: #f8ffe3 url(../../img/success-inline.png) no-repeat 12px 11px;
}
.status p {
  margin: 0;
}
.inlineError {
  color: #b5132a;
  background: url(../../img/error-inline.png) no-repeat 0 3px;
  padding-left: 15px;
}
/* --- box -------------------------------- */
.box {
  width: 172px;
  margin-bottom: 15px;
}
.box ul,
.box ol,
.box .content {
  border: 2px solid #b5132a;
  border-top: none;
  margin: 0;
  margin-top: -2px;
}
.box li {
  list-style: none;
  padding: 0;
}
.box .content {
  padding: 10px;
}
/* --- News Box ----------------------- */
#newsBox.box li {
  padding-top: 7px;
}
#newsBox.box li:first-child {
  padding-top: 0;
}
/* --- Article  box & recommendation box --------------------- */
.featuredList a {
  padding: 7px 10px 5px 10px;
  display: block;
}
.featuredList .desc {
  padding: 0 10px 3px;
  display: block;
}
.featuredList ol a {
  padding-left: 0;
}
.featuredList li:last-child a {
  padding-bottom: 11px;
}
.featuredList a:hover,
.featuredList a:hover strong,
.featuredList li.articleImage:hover + li.articleTitle > a {
  color: #fff;
  text-decoration: none;
}
.box .featured {
  height: 100px;
  width: 168px;
  display: block;
  text-align: center;
  border-left: 2px solid #b5132a;
  border-right: 2px solid #b5132a;
  line-height: 100px;
}
.box .featured.icon {
  border-bottom: 2px solid #b5132a;
  overflow: hidden;
  height: auto;
  min-height: 100px;
}
.box .featured img {
  vertical-align: middle;
}
/* --- category list category boxes ---------------- */
.box .subcatPic {
  position: relative;
  height: 100px;
  left: -10px;
  top: -10px;
}
.box .subcatPic a {
  background: #fff;
  display: block;
  height: 100px;
  line-height: 98px;
}
.box .catPicOnly {
  padding: 0;
}
.box .catPicOnly .subcatPic {
  left: 0;
  top: 0;
  text-align: center;
}
.box .catPicOnly .subcatPic img {
  vertical-align: middle;
}
.subcatList .box li.subcatPic {
  padding: 0;
}
/* --- promo boxes: bargain item -------------- */
.promoBoxes {
  margin-bottom: 20px;
}
.promoBoxes .box {
  margin-bottom: 0;
}
.specBox {
  width: 368px;
  float: left;
}
.specBox h3 {
  width: 158px;
  height: 74px;
  padding: 10px;
  margin: 0;
  position: relative;
  color: #fff;
  z-index: 2;
  text-transform: uppercase;
}
.specBox h3 strong {
  font-size: 14px;
  padding-top: 3px;
  display: block;
  line-height: 21px;
  padding-right: 10px;
}
.specBox .rss {
  position: absolute;
  right: 10px;
  top: 10px;
  text-decoration: none;
}
.specBox .rss span {
  visibility: hidden;
  white-space: nowrap;
  right: -198px;
  color: #fff;
  padding: 5px 8px 0 30px;
  height: 22px;
}
.specBox .deliveryInfo {
  display: block;
  font-size: 11px;
  color: #fff;
  line-height: 12px;
}
.specBox .deliveryInfo a {
  color: #fff;
  text-decoration: underline;
}
.specBox .deliveryInfo a:hover {
  text-decoration: none;
}
.specBox .toCart {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
}
.specBox .price,
.specBox .price .button {
  visibility: hidden;
}
.specBox:hover .price,
.specBox:hover .price .button,
.specBoxTitles a.title:hover .specBox .price {
  visibility: visible;
}
.specCatBox {
  width: 370px;
  float: right;
  position: relative;
  z-index: 1;
}
.specBoxTitles a.title {
  display: block;
  width: 158px;
  height: 44px;
  padding: 12px 10px 0 10px;
  font-size: 14px;
  text-decoration: none;
  font-weight: 700;
}
.specBoxTitles {
  float: left;
  width: 178px;
}
.specBoxTitles a.title:hover {
  color: #fff;
}
.specBoxInfo {
  float: left;
  width: 190px;
  height: 150px;
  position: relative;
  text-align: center;
}
.specBoxInfo div {
  text-align: left;
}
.specBoxInfo .price {
  position: absolute;
  bottom: 0;
  padding: 25px 10px 0 10px;
  height: 51px;
  width: 167px;
  background: transparent url(../bg/fx-grad-darkblue-spiked.png) top center no-repeat;
}
.specBoxInfo .price.tight {
  padding-top: 20px;
  height: 56px;
}
.specBoxInfo .priceValue,
.specBoxInfo .priceValue a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
}
.specBoxInfo .button {
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
  display: block;
  position: absolute;
  bottom: 8px;
  left: 8px;
  padding: 1px 10px;
  visibility: hidden;
  text-decoration: none;
  font-size: 10px;
  font-weight: 100;
}
.specBoxInfo .tight .button {
  bottom: 5px;
}
.specBoxInfo .priceOld {
  font-size: 11px;
  color: #fff;
}
.specBoxInfo .pricePerUnit {
  font-size: 8px;
  color: #fff;
  line-height: 9px;
  display: block;
  margin-top: -1px;
}
.specBoxInfo .price:hover .button {
  background: #b5132a;
}
.specCatBox .viewAllHover {
  position: absolute;
  left: 105px;
  top: 75px;
  display: none;
}
.specCatBox:hover .specCatBox .viewAllHover {
  display: block;
}
/* ??? */
.list {
  clear: left;
}
/* --- form elements  -------------------- */
.checkbox {
  padding: 0;
  margin: 0;
  border: none;
}
.textbox,
input[type="text"] {
  border: 1px solid #8c8989;
  background: #fff;
  padding: 1px 5px;
  height: 15px;
  line-height: 14px;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}
.textbox:focus,
input[type="text"]:focus {
  border-color: #666;
}
.areabox {
  border: 1px solid #8c8989;
  padding: 7px;
}
.radiobox,
.checkbox {
  margin: 0;
  padding: 0;
  height: 13px;
  width: 13px;
}
/* --- Page title --------------------- */
.pageHead {
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  text-transform: uppercase;
  padding: 9px 10px 7px 10px;
  overflow: hidden;
  margin-bottom: 16px;
  position: relative;
  z-index: 2;
}
/* --- box -------------------------------- */
.box h2,
.box h3,
.sectionHead {
  color: #fff;
  text-transform: uppercase;
  padding: 5px 10px;
  font-size: 12px;
  position: relative;
  z-index: 2;
  margin: 0;
  line-height: 18px;
}
.box h2 {
  font-size: 14px;
}
.box h3 a {
  white-space: nowrap;
}
h2.sectionHead {
  font-size: 14px;
  padding: 8px 10px;
  position: relative;
}
h3.blockHead {
  font-size: 14px;
  padding: 5px 0;
  margin-top: 20px;
  border-bottom: 5px solid #eceff0;
  color: #000;
  line-height: 20px;
}
.sectionHead + .gridView,
.sectionHead + .infogridView {
  margin-top: -2px;
}
div.lineBlock {
  padding: 5px 0;
  border-bottom: 5px solid #eceff0;
}
.viewAllHover {
  padding: 1px 10px 3px 8px;
  position: relative;
  height: 23px;
  line-height: 25px;
  display: inline-block;
  margin: 0 auto;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
}
a.viewAllHover:hover {
  text-decoration: none;
}
a.viewAllHover span {
  padding-left: 25px;
  font-weight: 700;
  display: inline-block;
  line-height: 20px;
  background: url(../../img/plus.png) no-repeat 0 0;
}
/* --- underlined links in login page ---------------- */
a.textLink {
  text-decoration: underline;
}
/* --- RSS link ----------------------------- */
a.rss {
  text-decoration: none;
  float: right;
  height: 16px;
  margin: 1px 0;
  position: relative;
}
a.rss img {
  position: relative;
  z-index: 11;
}
a.rss span {
  visibility: hidden;
  display: block;
  position: absolute;
  white-space: nowrap;
  right: -6px;
  font-size: 12px;
  top: -5px;
  color: #fff;
  padding: 5px 30px 0 8px;
  height: 21px;
  z-index: 5;
}
a.rss:hover span {
  visibility: visible;
}
.widgetBox,
.widgetBoxBottomRound {
  border: 1px solid #c9d3d7;
  padding: 10px;
  clear: both;
}
.widgetBox,
.widgetBoxBottomRound,
.tabbedWidgetBox {
  margin-bottom: 20px;
}
.tabbedWidgetBox {
  min-height: 50px;
}
.widgetBoxBottomRound {
  margin-top: -1px;
}
.tabbedWidgetBox .widgetBoxBottomRound {
  top: -1px;
  position: relative;
  margin-top: 0;
}
.widgetBox h4,
.widgetBoxBottomRound h4 {
  color: #515353;
  text-transform: uppercase;
  margin-bottom: 11px;
}
.pageHead + .widgetBoxBottomRound,
.pageHead + .css3-container + .widgetBoxBottomRound {
  border-top: 0;
}
/* --- Reviews ------------------------------- */
div.reviews h4 {
  margin-bottom: 5px;
}
div.reviews ul.rating {
  margin: 0 0 10px 0;
}
div.reviews textarea.areabox {
  width: 95%;
  height: 120px;
  margin-bottom: 10px;
}
div.reviews form {
  margin-bottom: 20px;
}
div.reviews dt {
  display: block;
  border-top: 1px solid #b4b8b8;
  padding: 10px 0 5px;
  margin-top: 10px;
}
div.reviews dt:first-child {
  margin-top: 5px;
}
div.reviews dt span,
div.reviews dt ul {
  float: left;
  margin-right: 10px;
}
div.reviews dd {
  line-height: 18px;
}
#writeReview {
  display: none;
}
/* --- Article details tabs  ----------- */
ul.tabs {
  position: relative;
  z-index: 2;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
ul.tabs li {
  float: left;
  list-style: none;
  border: 1px solid #999;
  border-bottom-color: #c9d3d7;
  background: #e8e8e8;
  padding: 7px 10px;
  margin-left: -1px;
  font-weight: 700;
  position: relative;
  color: #515353;
  height: 15px;
  text-transform: uppercase;
}
ul.tabs li.ui-state-active {
  background: #fff;
  border-bottom-color: #fff;
  border-top-color: #c9d3d7;
  border-right-color: #c9d3d7;
  z-index: 2;
}
ul.tabs .css3-container:first-child + li,
.tabs li:first-child {
  margin-left: 0;
}
ul.tabs li.ui-state-active:first-child,
.tabs .css3-container:first-child + li.ui-state-active {
  border-left-color: #c9d3d7;
}
ul.tabs a {
  color: #515353;
}
div.ui-tabs-hide {
  display: none;
}
ul.tabs li.fbTab a {
  background: url(../../img/facebook_icon.png) no-repeat 0 1px;
  padding: 0 0 0 18px;
}
/* --- BUTTONS  ------------------- */
button {
  width: auto;
  overflow: visible;
  margin: 0;
  padding: 1px 20px;
  font-size: 11px;
  font-weight: bold;
  border: 0;
  color: #fff;
  text-align: center;
}
.submitButton {
  padding: 0 10px 1px 10px;
  font-size: 11px;
  height: 19px;
  line-height: 18px;
  cursor: pointer;
  width: auto;
  overflow: visible;
  font-weight: bold;
  text-transform: uppercase;
}
.largeButton {
  font-size: 11px;
  text-transform: uppercase;
}
div.lineBox .largeButton {
  font-size: 11px;
  text-transform: uppercase;
  height: 32px;
}
div.lineBox a.largeButton {
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  height: 28px;
  line-height: 28px;
}
div.lineBox span.title {
  float: right;
  font-size: 12px;
  font-weight: bold;
  color: #b5132a;
  text-transform: uppercase;
}
.submitButton:hover {
  text-decoration: none;
  cursor: pointer;
}
button[disabled].submitButton,
button[disabled].submitButton:hover {
  background: #cccccc;
  color: #fff;
}
a.submitButton {
  color: #fff;
  font-weight: bold;
}
.textButton {
  background: none;
  border: none;
  color: #000;
  cursor: pointer;
  padding: 0;
}
.textButton:hover {
  text-decoration: none;
}
.removeButton {
  padding-left: 2px;
}
.removeButton span {
  background: url(../../img/remove.png) no-repeat 0 1px;
  padding-left: 15px;
}
/* --- HEADER ELEMENTS ---------------- */
#logo {
  margin: 19px 0 8px 0;
  float: left;
  display: block;
  width: 700px;
  height: 70px;
}
#logo:hover {
  text-decoration: none;
}
#topMenu {
  float: right;
  margin: 8px 0 0 0;
}
#topMenu li {
  float: left;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  line-height: 15px;
  padding: 0 11px 0 10px;
  list-style: none;
  background: url(../../img/menu-divider.png) no-repeat 100% 2px;
}
#topMenu li:last-child {
  background: none;
  padding-right: 0;
}
#topMenu a,
.selectedValue a {
  color: white;
}
#topMenu a:hover,
.selectedValue a:hover {
  color: #b5132a;
  text-decoration: none;
}
#topMenu li p.errorMsg {
  text-transform: none;
}
.flyout .textbox {
  color: #b4b8b8;
}
.loginForm,
.altLoginBox {
  border: 1px solid #c1c1c1;
  padding: 1px 11px 5px 11px;
  width: 140px;
  position: relative;
  z-index: 2;
}
.loginForm p {
  margin-bottom: 5px;
  position: relative;
}
.loginForm p.errorMsg {
  color: #ff0000;
}
.loginForm p.checkFields {
  margin-bottom: 4px;
}
.loginForm .checkbox,
.loginForm p.checkFields label {
  float: left;
  text-transform: none;
  line-height: 14px;
}
.loginForm p.checkFields label {
  text-transform: none;
  color: #515353;
  display: block;
  line-height: 11px;
  font-size: 10px;
}
.loginForm .checkbox {
  margin-right: 5px;
}
.loginForm .textbox {
  width: 128px;
}
.loginForm .textbox:focus {
  color: #333;
}
.loginForm .passwordbox {
  width: 118px;
  margin-right: 3px;
}
.loginForm label.innerLabel {
  margin-top: 2px;
}
.altLoginBox {
  z-index: 1;
  top: -5px;
  padding-top: 10px;
  padding-bottom: 6px;
  background: #e8e8e8;
}
.altLoginBox span {
  font-size: 10px;
  color: #515353;
  display: block;
  margin-bottom: 5px;
}
.altLoginBox .fb_button {
  float: left;
  margin-right: 5px;
}
.login {
  position: relative;
}
.logged,
#topMenu li.logged {
  text-transform: none;
}
.loginBox {
  position: absolute;
  right: -1px;
  top: -2px;
  display: none;
  z-index: 9;
}
#topMenu .flyout strong a {
  color: #b5132a;
}
#step2PswdOpener {
  font-size: 10px;
  color: #b5132a;
}
#step2PswdOpener:hover {
  text-decoration: none;
}
.stepsPasswordbox {
  width: 138px !important;
}
.logoutLink {
  padding-left: 20px;
  text-transform: uppercase;
  background: url(../../img/logout.png) no-repeat 8px 3px;
}
.flyout h4 {
  text-align: right;
  margin-bottom: 5px;
  color: #b5132a;
}
.topPopList {
  float: right;
  margin-left: 10px;
  position: relative;
}
.flyoutBox {
  position: absolute;
  display: none;
  top: 3px;
  left: 0;
  z-index: 15;
}
.selectedValue {
  background: url(../../img/menu-divider.png) no-repeat 0 4px;
  padding-left: 10px;
  margin-top: 7px;
}
.selectedValue a {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 14px;
  padding-right: 10px;
  background: url(../../img/arrow-down.png) no-repeat 100% 5px;
}
.topPopList li.active span {
  padding-right: 10px;
  background: url(../../img/arrow-down.png) no-repeat 100% 5px;
}
/* --- currency and language flyouts ----- */
#currencies,
#languages,
.flyoutMenu {
  font-size: 10px;
  border: 1px solid #c2c2c2;
  padding: 1px;
  margin: 0;
}
#currencies li,
#languages li,
.flyoutMenu li {
  border-top: 1px solid #b4b8b8;
  list-style: none;
  padding: 0;
}
#currencies li:first-child,
#languages li:first-child,
.flyoutMenu li:first-child {
  border: none;
}
#currencies a,
#languages a,
.flyoutMenu a {
  display: block;
  zoom: 1;
  min-width: 25px;
  text-decoration: none;
  padding: 2px 5px;
  line-height: 16px;
  font-weight: 700;
  padding-left: 8px;
  color: #29373C;
}
#languages a {
  width: 25px;
}
#currencies a:hover,
#languages a:hover,
#currencies a.selected,
#languages a.selected,
.flyoutMenu a:hover,
.flyoutMenu a.selected {
  color: #fff;
}
#languages a span,
.selectedValue a.flag span {
  text-indent: -9999px;
  display: block;
}
#languages a.flag span,
.selectedValue a.flag span {
  background-image: url(../../img/lang/blank.png);
  background-position: 0 3px;
  background-repeat: no-repeat;
}
.selectedValue a.flag span {
  background-position: 0 2px;
}
.selectedValue a.flag {
  display: inline-block;
  width: 15px;
  line-height: 15px;
}
#languages li.active a {
  background: #ffffff url(../../img/arrow-down.png) no-repeat 27px 8px;
}
#currencies li:first-child a,
#services li:first-child a {
  background: none;
  color: #515353;
}
/* --- main navigation menu ------------------- */
#navigation {
  clear: both;
  width: 720px;
  padding-top: 8px;
}
#navigation {
  float: left;
}
#navigation a {
  text-decoration: none;
}
#navigation > li > a {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
}
#navigation > li > ul {
  margin-top: 6px;
}
#navigation > li > ul > li > a {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
}
/* --- Search box ------------------------------- */
div.searchBox {
  position: absolute;
  right: 75px;
  top: 73px;
}
div.searchBox input.textbox {
  width: 122px;
  padding-left: 4px;
  color: #b4b8b8;
  float: left;
  margin: 2px 3px 0 0;
}
div.searchBox button.searchSubmit {
  background: none;
  color: black;
  border: none;
  cursor: pointer;
  width: 20px;
  padding: 0;
  height: 20px;
  float: left;
}
div.searchBox button.searchSubmit:hover {
  color: #b5132a;
}
div.searchBox input.textbox:focus {
  color: #333;
}
/* --- basket box ------------------------------ */
.basketBox {
  position: absolute;
  right: 10px;
  top: 37px;
}
.counter {
  display: block;
  color: #fff;
  font-size: 11px;
  padding: 1px 5px 0 5px;
  line-height: 15px;
  position: absolute;
  z-index: 13;
  right: 28px;
  top: -3px;
  border: 1px solid #cdcdcd;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
}
.basketBox img {
  position: absolute;
  right: 0;
  z-index: 12;
}
.basketBox img:hover {
  cursor: pointer;
}
/* --- Footer ----------------------------- */
#footer #panel {
  margin: 0 -10px;
}
#footer .text {
  font-size: 10px;
  line-height: 15px;
  color: #555;
}
#footer .bar {
  color: #000;
  padding: 0px 10px 0px 20px;
  height: 20px;
  border-bottom: 1px solid white;
}
#footer .bar .deliveryinfo {
  float: right;
}
#footer .bar .deliveryinfo a {
  font-size: 10px;
  color: #515353;
}
#footer dl {
  float: left;
  width: 233px;
  margin: 10px 0;
  color: #465256;
  height: auto;
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #ffffff;
}
#footer dl.services {
  border-left: none;
}
#footer dl:last-child {
  border-right: none;
}
#footer ul {
  margin: 0;
}
#footer li {
  list-style: none;
  padding: 0;
}
#footer dl dt {
  color: #29373C;
  padding: 2px 20px;
  text-transform: uppercase;
}
#footer .list a {
  line-height: 100%;
  display: block;
  padding: 4px 20px;
  color: #29373c;
}
#footer .list a:hover {
  text-decoration: none;
  color: #FFF;
}
#footer .tree ul {
  margin: 0;
  margin-left: 10px;
}
.newsletter {
  float: left;
  background: #E7EAEC;
  padding: 0 0 0 10px;
  font-size: 10px;
  width: auto;
}
.newsletter .textbox {
  margin: 0 10px 0 10px;
  width: 140px;
}
.fbInfoPopup {
  width: 500px;
}
.fbInfoPopup a {
  color: #b5132a;
}
.fbEnableButton {
  float: left;
  border: 1px solid #c8d5e6;
  text-align: left;
  margin-right: 10px;
}
.fbEnableButton:hover {
  border-color: #9dacce;
}
.fbEnableButton a {
  display: block;
  float: left;
  line-height: 18px;
  background: url(../../img/facebook_icon.png) no-repeat 3px 3px;
  padding: 0 0 0 21px;
  font-size: 10px;
  text-transform: uppercase;
  color: #2c5e97;
}
.fbEnableButton a:hover {
  text-decoration: none;
}
.fbEnableButton a.helpText {
  float: left;
  background: none;
  border-left: 1px solid #c8d5e6;
  margin-left: 5px;
  padding: 0 4px;
}
.fbEnableButton a.helpText:hover {
  background: #d7e3f1;
}
.copyright {
  margin: 0 10px;
  font-size: 10px;
  float: right;
  padding: 5px 0;
  color: #2F2F2F;
  font-weight: bold;
}
.text {
  margin: 0 10px;
  text-align: center;
  padding: 5px 0;
  color: #29373C;
  clear: both;
}
a.readMore {
  color: #b5132a;
}
.box li a.readMore:hover a.readMore:hover {
  color: #b5132a;
  text-decoration: underline;
}
/* --- Tags --------------------------------- */
p.tagCloud,
div.tagCloud {
  line-height: 1.5em;
}
a.tagitem_100 {
  font-size: 12px;
}
a.tagitem_200 {
  font-size: 14px;
}
a.tagitem_300 {
  font-size: 16px;
}
a.tagitem_400 {
  font-size: 18px;
}
a.tagitem_500 {
  font-size: 20px;
}
a.tagitem_600 {
  font-size: 22px;
}
a.tagitem_700 {
  font-size: 24px;
}
a.tagitem_800 {
  font-size: 26px;
}
a.tagitem_900 {
  font-size: 28px;
}
span.taggedText {
  color: #a2a9ab;
}
p.tagError {
  display: none;
}
a.tagText {
  vertical-align: middle;
  display: inline-block;
  line-height: 12px;
}
a.tagText img {
  margin-right: 3px;
  vertical-align: top;
}
a.compare.remove {
  display: none;
}
/* --- Grid View ------------------------------------ */
.gridView,
.infogridView {
  margin: 0;
  margin-bottom: 20px;
}
.gridView li {
  width: 185px;
  height: 230px;
  overflow: hidden;
  float: left;
  position: relative;
  padding: 0;
  list-style: none;
  margin: 1px;
}
.gridView li .titleBlock {
  height: 30px;
  padding: 5px 10px;
  color: #29373c;
  line-height: 15px;
  background: #eee;
  text-decoration: none;
  font-weight: 500;
  display: block;
}
.gridView li .titleBlock .gridPicture {
  display: block;
  margin: 20px -10px 0;
  top: 40px;
  width: 185px;
  height: 150px;
  text-align: center;
}
.gridView li:hover .titleBlock {
  color: #fff;
  background: #b5132a;
}
.gridView li:hover .titleBlock:hover {
  background: #b5132a;
}
.gridView li .priceBlock {
  height: 30px;
  width: 165px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px 10px;
  background: #fff;
  font-size: 14px;
}
.gridView li .priceBlock .priceOld {
  font-size: 10px;
}
.gridView li .priceBlock .pricePerUnit {
  font-size: 9px;
  line-height: 9px;
  display: block;
}
.gridView li .priceBlock .button {
  display: block;
  position: absolute;
  bottom: 8px;
  left: 8px;
  padding: 1px 10px;
  visibility: hidden;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 10px;
}
.gridView li:hover .priceBlock {
  height: 60px;
  padding-top: 30px;
  color: #fff;
  background: #b5132a;
}
.gridView li:hover .priceBlock .button {
  visibility: visible;
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
}
.gridView li:hover .priceBlock:hover .button {
  background: #b5132a;
}
.titleBox {
  width: 187px;
}
.titleBox a {
  display: block;
  padding: 10px;
  font-size: 14px;
  font-weight: 700;
}
.priceBox {
  padding: 10px;
  width: 167px;
}
.priceBox .toCart {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.priceBox strong {
  font-size: 14px;
  padding-right: 5px;
}
/* --- InfoGrid -------------------------------- */
.infogridView {
  margin: 0;
  padding: 0;
}
.infogridView li.productData {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  border-top: 5px solid #eceff0;
}
.infogridView li.productData:nth-child(0n+1) {
  border: medium none;
}
.infogridView li.productData:nth-child(0n+2) {
  border: medium none;
}
.infogridView li.productData:nth-child(2n+1) {
  border-right: 5px solid #eceff0;
  width: 368px;
}
.infogridView li.productData:nth-child(2n+2) {
  padding-left: 10px;
  width: 358px;
}
.infogridView .listDetails {
  float: left;
  position: relative;
  height: 150px;
  width: 170px;
  padding-top: 10px;
}
.infogridView .titleBox,
.infogridView .selectorsBox,
.infogridView .buttonBox,
.infogridView .priceBox {
  background: none;
  width: 170px;
  padding: 0;
}
.infogridView .titleBox {
  height: 40px;
}
.infogridView .selectorsBox {
  height: 35px;
  padding-left: 10px;
}
.infogridView .priceBox {
  height: 50px;
  padding-left: 10px;
}
.infogridView .buttonBox {
  height: 20px;
  padding-left: 10px;
}
.infogridView .titleBox a {
  padding-top: 10px;
}
.infogridView a.compare {
  font-size: 11px;
  color: #b5132a;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 3px;
}
.infogridView .priceBox .oldPrice {
  font-size: 9px;
}
.infogridView .priceBox .price {
  font-size: 14px;
  font-weight: bold;
}
.infogridView .priceBox .pricePerUnit {
  font-size: 9px;
  white-space: nowrap;
}
.infogridView .priceBox .content {
  position: absolute;
  bottom: 23px;
  line-height: 10px;
}
.infogridView .gridPicture {
  width: 187px;
  padding: 10px 0 10px 0;
}
.infogridView .gridPicture img {
  vertical-align: middle;
}
.infogridView .deliveryInfo {
  font-size: 11px;
}
.infogridView .title {
  font-size: 12px;
}
.infogridView .title:hover {
  color: #b5132a;
  text-decoration: none;
}
/* --- line view --------------------------- */
.lineView {
  margin: 0;
}
.lineView li.productData {
  padding: 10px 0 10px 0;
  list-style: none;
  position: relative;
  border-top: 5px solid #eceff0;
}
.lineView li:first-child {
  border: none;
}
.lineView .title {
  font-size: 18px;
}
.lineView .title:hover {
  color: #b5132a;
  text-decoration: none;
}
.lineView a.compare {
  font-size: 11px;
  color: #b5132a;
  font-weight: bold;
  text-transform: uppercase;
}
.lineView .pictureBox,
.lineView .info,
.lineView .description {
  float: left;
}
.lineView .infoBox {
  float: right;
  padding-bottom: 5px;
}
.lineView .functions .oldPrice {
  font-size: 10px;
}
.lineView .functions .price {
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
}
.lineView .functions .pricePerUnit {
  font-size: 9px;
  white-space: nowrap;
}
.infoBox {
  width: 558px;
  position: relative;
}
.lineView .info {
  width: 260px;
  height: 50px;
  float: left;
  padding: 10px 0 0 10px;
}
.lineView .description {
  width: 268px;
  padding: 7px 0 0 20px;
  font-size: 14px;
  line-height: 18px;
}
.lineView .functions {
  padding: 0 0 0 10px;
  position: absolute;
  bottom: 10px;
  clear: right;
  float: left;
  left: 190px;
  width: 550px;
}
.lineView .functions label.price {
  margin: 10px;
}
.pictureBox {
  width: 190px;
  height: 150px;
  float: left;
  text-align: center;
  line-height: 150px;
  overflow: hidden;
}
.pictureBox img {
  vertical-align: middle;
}
.pictureBox {
  position: relative;
}
.pictureBox .viewAllHover {
  position: absolute;
  left: 23px;
  top: 62px;
  display: none;
}
.pictureBox:hover .viewAllHover {
  display: block;
}
.pictureBox .sliderHover {
  width: 100%;
  height: 150px;
}
.pictureBox:hover .sliderHover {
  display: block;
}
.pictureBox.gridPicture .sliderHover {
  margin-top: 10px;
  height: 150px;
}
.pictureBox.gridPicture .viewAllHover {
  top: 68px;
}
/* --- Modal Popup -------------------- */
.popupBox {
  position: absolute;
  border: 1px solid #c1c1c1;
  padding: 10px;
  display: none;
}
.popupBox img.closePop {
  position: absolute;
  right: 7px;
  top: 7px;
  cursor: pointer;
}
/* --- mini basket -------------------------- */
.basketFlyout {
  display: none;
  border: 1px solid #676767;
  width: 318px;
  position: absolute;
  z-index: 111;
  right: 5px;
  top: 10px;
  padding: 7px 0 10px 0;
}
.basketFlyout img.basket {
  position: absolute;
  right: 4px;
  z-index: 12;
  top: 26px;
}
.basketFlyout .counter {
  right: 32px;
  z-index: 13;
  top: 23px;
}
.basketFlyout .title {
  padding-left: 10px;
  padding-bottom: 7px;
  display: block;
  margin: 0;
}
.basketFlyout .title .note {
  color: #b5132a;
}
.basketFlyout .functions {
  padding: 10px;
  padding-bottom: 0;
  margin: 0;
}
.basketFlyout .functions a {
  margin-right: 10px;
  line-height: 18px;
}
.basketFlyout button {
  margin-right: 5px;
}
.basketFlyout ul {
  width: 250px;
  margin: 0;
}
.basketFlyout li {
  list-style: none;
  padding: 0;
}
.basketFlyout li a {
  border-bottom: 1px solid #a2a9ab;
  border-top: 1px solid #fff;
  padding: 5px 10px;
  display: block;
}
.basketFlyout li:first-child a {
  border-top: none;
}
.basketFlyout li a:hover {
  color: #fff;
  text-decoration: none;
}
.basketFlyout button {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}
.basketFlyout .totals {
  width: 230px;
  color: #000;
  border-bottom: 1px solid #a2a9ab;
  border-top: 1px solid #fff;
  padding: 5px 10px;
  margin: 0;
}
.scrollable .totals {
  width: 230px;
  border-top: none;
}
.basketFlyout .price {
  float: right;
}
.basketFlyout .item {
  float: left;
  width: 157px;
  overflow: hidden;
  white-space: nowrap;
  color: #29373c;
}
.basketFlyout a:hover .item {
  color: #fff;
}
.basketFlyout .textButton {
  text-transform: uppercase;
  font-size: 11px;
}
.basketFlyout img.closePop {
  float: right;
  cursor: pointer;
  margin: 0 6px 0 0;
}
.basketFlyout hr {
  margin: 0;
  border: 0;
  background: #fff;
  color: #fff;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  width: 250px;
  text-align: left;
}
.scrollable hr {
  width: 250px;
}
.scrollable .scrollbarBox {
  height: 200px;
  width: 265px;
  overflow: hidden;
}
.scrollable .basketItems {
  width: 250px;
  min-height: 230px;
  overflow: hidden;
}
/* --- Side Bar category tree ------------------------------ */
#sidebar .tree {
  margin: 0 0 20px 0;
}
#sidebar .tree ul {
  padding-left: 0;
  margin: 0;
}
#sidebar .tree li {
  list-style: none;
  padding: 0;
}
#sidebar .tree li.active li {
  list-style: none;
  padding: 0;
}
#sidebar .tree ul li a {
  padding-left: 5px;
  color: #333;
}
#sidebar .tree li.exp > a,
#sidebar .tree li.active > a {
  position: relative;
}
#sidebar .tree ul li.active li a {
  color: #000;
}
#sidebar .tree ul li.active li a:hover {
  color: #fff;
}
#sidebar .tree ul li ul li a {
  padding-left: 15px;
}
#sidebar .tree ul li ul li ul li a {
  padding-left: 30px;
}
#sidebar .tree a {
  display: block;
  padding: 5px;
  line-height: 17px;
}
#sidebar .tree a > i {
  width: 14px;
  height: 14px;
  background: url('../bg/categorysprite.png') left top no-repeat;
  float: left;
  padding: 0;
  margin: 2px 5px 2px 0;
}
#sidebar .tree li.exp > a > i span,
#sidebar .tree li.active > a > i span {
  width: 14px;
  height: 14px;
  position: absolute;
  bottom: -14px;
  z-index: 20;
}
#sidebar .tree li.child.end > a > i span {
  background: none;
}
#sidebar .tree a:hover {
  background: #b5132a;
  color: #fff;
}
#sidebar .tree a:hover > i {
  background-position: left -45px;
}
#sidebar .tree li.active > a {
  background: #b5132a;
  color: #fff;
}
#sidebar .tree li.active > a > i {
  background-position: 1px -30px;
}
#sidebar .tree li.exp > a {
  background: #b5132a;
  color: #fff;
}
#sidebar .tree li.active > a,
#sidebar .tree li.exp > a {
  border-bottom: none;
}
#sidebar .tree li.exp > a > i {
  background-position: 1px -61px;
}
#sidebar .tree li.child.end > a > i {
  background-position: left 15px;
}
#sidebar .sidebarMenu {
  border: 1px solid #999;
  line-height: 18px;
}
#sidebar .sidebarMenu a:hover {
  text-decoration: none;
}
/* --- Checkout - payment --------------------- */
.payment dl {
  margin-bottom: 10px;
}
.payment dt {
  margin: 0;
}
.payment dl dd {
  display: none;
  margin-left: 25px;
}
.payment dl dd.activePayment {
  display: block;
}
/* --- Trusted shops -------------------------------- */
.etrustlogocol {
  float: left;
  width: 100px;
}
.etrustlogocol img {
  border: 0;
}
.etrustTsRatingButton {
  margin: 7px 0;
}
/* --- Checkout - than kyou page --------------------- */
#thankyouPage h3.blockHead:first-child {
  color: #b5132a;
}
#thankyouPage .lightHead {
  margin-top: 80px;
}
#thankyouPage .link {
  font-weight: bold;
  color: #b5132a;
}
.pageHead + .listRefine,
.pageHead + .css3-container + .listRefine {
  margin-top: -16px;
}
.listRefine {
  margin-bottom: 20px;
  border: 1px solid #999;
  border-top: 0;
  background: #e8e8e8;
  position: relative;
  z-index: 1;
}
.refineParams {
  padding: 6px 10px 4px 10px;
  font-size: 11px;
}
.bottomParams,
.detailsParams {
  text-align: center;
}
.bottomParams .pager,
.detailsParams .pager {
  float: none;
}
.detailsParams .pager {
  background-image: none;
  text-align: center;
  padding: 5px 10px;
  text-transform: uppercase;
}
.bottomParams a.prev,
.detailsParams a.prev {
  float: left;
}
.bottomParams a.next,
.detailsParams a.next {
  float: right;
}
.bottomParams {
  padding: 0;
}
.refineParams .dropDown {
  float: right;
}
/* --- dropDown ------------- */
.drop li {
  list-style: none;
  padding: 0;
}
.dropDown {
  position: relative;
  float: left;
  padding-right: 10px;
  min-width: 120px;
  cursor: pointer;
}
.dropDown ul {
  position: absolute;
  top: -4px;
  display: none;
  left: -1px;
  margin: 0;
  z-index: 20;
  border: 1px solid #a4a9aa;
}
.dropDown ul a {
  text-decoration: none;
  display: block;
  padding: 3px 5px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #b4b8b8;
}
.dropDown li:first-child a {
  border-top: none;
}
.dropDown li:last-child a {
  border-bottom: none;
}
.dropDown ul a:hover,
.dropDown ul a.selected {
  color: #fff;
}
.dropDown p {
  color: #000000;
  margin: 0;
  background: url(../../img/dropdown.png) no-repeat 100% 2px;
  padding-right: 20px;
}
.dropDown p label {
  text-transform: uppercase;
}
.dropDown p span {
  font-weight: 700;
}
.dropDown .value {
  padding: 3px 10px 3px 0;
  border-bottom: 1px solid #b4b8b8;
}
.dropDown label {
  padding: 0 3px 0 5px;
}
.dropDown li.asc span,
.dropDown li.desc span,
.dropDown p span.asc,
.dropDown p span.desc {
  padding-right: 15px;
  background: url(../../img/arrow-updown.png) no-repeat 100% -39px;
}
.dropDown li.desc span,
.dropDown p span.desc {
  background-position: 100% -39px;
}
.dropDown li.asc span,
.dropDown p span.asc {
  background-position: 100% 3px;
}
/* --- Pager ------------------------- */
.pager {
  float: left;
  padding-top: 1px;
  line-height: 14px;
  padding-right: 6px;
  background: url(../../img/dots-v.png) no-repeat 100% 2px;
}
.pager .page {
  padding: 0 4px;
}
a.page:hover {
  text-decoration: none;
}
.pager .active {
  background: #b5132a;
  color: #fff;
}
a.next,
a.prev {
  background: url(../../img/arrows.png) no-repeat 0 -17px;
  text-transform: uppercase;
}
a.prev {
  padding-left: 10px;
  padding-right: 7px;
}
a.next {
  padding-right: 10px;
  padding-left: 7px;
  background-position: 100% 3px;
}
/* --- Bread crumb ------------------ */
#breadCrumb {
  padding: 0 10px 10px 10px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  clear: both;
}
#breadCrumb span {
  color: #999;
}
#overviewLink a {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  right: 15px;
  top: 170px;
}
.listFilter {
  background: #f2f4f5;
  padding: 10px 10px 0 10px;
  font-size: 11px;
  border-bottom: 1px solid #29373c;
}
.listFilter .dropDown {
  margin-bottom: 10px;
  min-width: 232px;
}
/* --- Wrapping ----------------------------- */
.wrapping {
  border-color: #666;
  overflow: hidden;
}
.wrappingIntro img,
.wrappingIntro .introtext {
  float: left;
}
.wrappingIntro .introtext {
  padding: 15px 0 0 20px;
  width: 290px;
}
.wrapping h3 {
  border-color: #a2a9ab;
  padding-left: 5px;
  text-transform: uppercase;
}
.wrappingData .thumbCol {
  width: 150px;
}
.wrappingData .articleCol {
  width: 170px;
}
.wrappingData .priceCol {
  width: 640px;
}
.wrappingData td {
  vertical-align: top;
  padding: 10px 15px 10px 0;
  border-bottom: 5px solid #fff;
}
.wrappingData tr:last-child td {
  border-bottom: none;
}
.wrappingData span,
.wrappingData strong,
.wrappingData input,
.wrappingData label {
  float: left;
}
.wrappingData span {
  width: 95px;
  height: 55px;
  margin: 0 15px 0 0;
  overflow: hidden;
}
.wrappingData label {
  font-size: 14px;
  width: 155px;
}
.wrappingData strong {
  float: right;
}
.wrappingData li {
  padding: 5px 0;
}
.wrappingData li:first-child {
  padding-top: 0;
}
.wrapping .radiobox {
  margin: 1px 5px 0 0;
}
.wrappingCard li {
  float: left;
  min-height: 150px;
  padding-left: 20px;
}
.wrappingCard label,
.wrappingCard input {
  float: left;
}
.wrappingCard li:first-child {
  padding-left: 0;
}
.wrappingCard p {
  margin-bottom: 5px;
}
.wrapping .areabox {
  width: 646px;
  margin-bottom: 10px;
  background: #fff;
  z-index: 99999;
}
.wrappingComment label {
  display: block;
  text-transform: uppercase;
  padding: 3px 5px;
}
.wrapping .submitForm {
  padding-bottom: 15px;
}
.wrapping .submitForm button {
  float: right;
  margin-left: 10px;
}
.wrapping .textButton {
  margin-top: 2px;
}
/* --- checkout Steps ------------------ */
.checkoutSteps + .status,
.checkoutSteps + .css3-container + .status {
  margin-top: 20px;
}
.checkoutCollumns .row {
  margin-bottom: 20px;
}
.checkoutCollumns .collumn {
  width: 50%;
  float: left;
}
.checkoutSteps {
  margin: 0;
  overflow: hidden;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}
.checkoutSteps li {
  list-style: none;
  padding: 0;
  float: left;
  height: 29px;
  text-transform: uppercase;
  line-height: 29px;
  position: relative;
  left: 0;
  margin-left: -15px;
  padding-left: 15px;
  background: url(../../img/steps.png) no-repeat 100% 0;
}
.checkoutSteps li.active {
  background-position: 100% -29px;
  color: #fff;
}
.checkoutSteps li.activeLast {
  background-position: 0 -29px;
  color: #fff;
}
.checkoutSteps li.defaultLast {
  background-position: 0 0;
}
.checkoutSteps li.passed {
  background-position: 100% -58px;
  color: #fff;
}
.checkoutSteps li.active a {
  color: #fff;
}
.checkoutSteps li.passed a {
  color: #fff;
}
.checkoutSteps li.active a:hover {
  text-decoration: none;
}
.checkoutSteps span {
  padding-left: 10px;
}
.checkoutSteps li.step1 {
  z-index: 5;
  width: 210px;
  margin-left: 0;
  padding-left: 0;
}
.checkoutSteps li.step2 {
  z-index: 4;
  width: 210px;
}
.checkoutSteps li.step3 {
  z-index: 3;
  width: 210px;
}
.checkoutSteps li.step4 {
  z-index: 2;
  width: 210px;
}
.checkoutSteps li.step5 {
  z-index: 1;
  width: 98px;
}
.checkoutOptions .option {
  width: 278px;
  float: left;
  margin-right: 20px;
  background-color: #f2f4f5;
}
.checkoutOptions .option:last-child {
  margin-right: 0;
}
.lineBox {
  border: 1px solid #999;
  padding: 9px 10px 10px 10px;
  margin: 20px 0;
  background: #e8e8e8;
}
.lineBox p.errorMsg {
  color: #ff0000;
}
.couponBox {
  border-top: 5px solid #eceff0;
  padding: 15px 0;
  width: 545px;
  position: absolute;
  top: -70px;
}
.couponBox p.oxValidateError {
  padding-left: 135px;
}
.couponBox .inlineError {
  padding-bottom: 10px;
  line-height: 16px;
}
.couponBox .textbox {
  margin: 0 5px;
}
.couponData span {
  padding-right: 10px;
}
h3.section {
  border-bottom: 5px solid #eceff0;
  padding-bottom: 7px;
  margin-top: 15px;
  text-transform: uppercase;
}
h3.section button {
  margin-left: 10px;
}
#productTitle {
  position: relative;
  z-index: 17;
  padding-right: 30px;
}
/* --- Amount price select ---------- */
.pricePopup li {
  padding: 0 10px;
}
.pricePopup span {
  display: block;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #b2b6b6;
  padding: 3px 0;
}
.pricePopup label {
  width: 80px;
  float: left;
  padding: 3px 0;
}
.pricePopup li:first-child span {
  border-top: 0;
}
.pricePopup li:last-child span {
  border-bottom: 0;
}
.pricePopup h4 {
  padding: 0 30px;
}
.pricePopup {
  display: none;
  position: absolute;
  z-index: 12;
  background: #D8DEE0;
  text-transform: uppercase;
  font-size: 11px;
  border: 1px solid #979797;
  padding: 7px 0;
}
/* --- Article action select ------ */
.actionLinks {
  display: none;
  position: absolute;
  z-index: 16;
  background: #D8DEE0;
  text-transform: uppercase;
  font-size: 11px;
  border: 1px solid #979797;
  padding: 7px 0;
  margin: 0;
}
.actionLinks li {
  padding: 0 10px;
  list-style: none outside none;
  position: relative;
}
.actionLinks li:hover a {
  border-color: #fb8523;
  color: #fff;
}
.actionLinks a {
  display: block;
  padding: 3px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #b2b6b6;
}
.actionLinks a:hover {
  text-decoration: none;
  color: #fff;
}
.actionLinks li:first-child span {
  border-top: 1px solid #b2b6b6;
  display: block;
}
.actionLinks li:last-child a {
  border-bottom: 0;
}
/* --- Social button like FB and etc. --- */
.social {
  padding-top: 10px;
  margin-bottom: 0;
  height: 25px;
}
.social div.socialButton {
  float: left;
}
.social label {
  display: block;
  text-transform: none;
  padding: 3px 0 5px 0;
  font-weight: 700;
}
.social a {
  display: block;
  border: 0;
  padding: 0;
}
.social .fbEnableButton a:first-child {
  padding: 0 0 0 21px;
}
.social span {
  float: left;
  z-index: 66;
}
.fb_share_count_hidden {
  margin: 3px 7px 0 0;
  display: inline-block;
}
a.fb_button_simple {
  width: 14px;
  height: 14px;
  overflow: hidden;
  display: inline-block;
}
.social:hover {
  background: none;
}
/* --- Article Details ----------- */
.detailsRelated {
  clear: both;
  padding-top: 20px;
}
.detailsInfo {
  position: relative;
}
.detailsInfo .picture {
  width: 380px;
  float: left;
  text-align: center;
  line-height: 340px;
  height: 340px;
}
.detailsInfo .picture a {
  width: 380px;
  float: left;
  text-align: center;
  line-height: 340px;
  height: 340px;
  overflow: hidden;
}
.detailsInfo .picture img {
  vertical-align: middle;
}
.hasBrand {
  float: left;
  width: 258px;
}
.detailsInfo .information {
  float: right;
  width: 358px;
  min-height: 340px;
  position: relative;
  padding: 0 0 0 10px;
}
/* --- persistent params ---------------- */
.persparamBox {
  padding-bottom: 7px;
}
.basketitems .persparamBox {
  padding-top: 5px;
  font-size: 12px;
}
.persparamBox label,
.persparamBox input {
  float: left;
}
.persparamBox input {
  width: 150px;
}
.persparamBox label {
  margin: 2px 5px 0 0;
}
/* --- articles details attributes ------------ */
.attributes {
  width: 100%;
}
.attributes th,
.attributes td {
  padding: 4px 10px;
  border-top: 1px solid #ddd;
}
.attributes th {
  text-align: left;
  width: 35%;
  background: #f5f5f5;
}
.attributes tr:first-child th,
.attributes tr:first-child td {
  border: none;
}
.information h1 {
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 5px;
}
.itemCode {
  color: #515353;
}
.shortDescription {
  clear: both;
  font-size: 14px;
  margin-bottom: 10px;
}
.additionalInfo {
  padding-top: 7px;
}
.additionalInfo span {
  padding: 0 7px;
  margin-bottom: 3px;
  font-size: 11px;
  line-height: 12px;
  border-left: 1px solid #999;
}
.additionalInfo span:first-child {
  padding-left: 20px;
  border: none;
}
.additionalInfo .stockFlag {
  padding-left: 20px;
}
.tobasketFunction .selector {
  position: relative;
  z-index: 14;
}
.selector {
  padding: 2px 6px 3px 6px;
  line-height: 16px;
  position: absolute;
  z-index: 18;
}
.selector img {
  vertical-align: middle;
}
.otherPictures {
  position: relative;
  z-index: 4;
}
.otherPictures ul {
  margin: 0 0 20px 0;
  padding: 0;
  overflow: hidden;
}
.otherPictures li,
.otherPictures a {
  list-style: none;
  padding: 0;
  float: left;
}
.otherPictures a {
  display: block;
  width: 100px;
  height: 100px;
  float: left;
  text-align: center;
  line-height: 100px;
  position: relative;
}
.artIcon {
  display: block;
  width: 98px;
  height: 98px;
  overflow: hidden;
}
.otherPictures a:hover {
  cursor: pointer;
}
.otherPictures a:hover .marker,
#zoomModal a:hover .marker {
  display: block;
}
.otherPictures img {
  vertical-align: middle;
  position: relative;
  z-index: 1;
}
.marker {
  position: absolute;
  width: 96px;
  height: 96px;
  border: 2px solid #b5132a;
  top: 0;
  left: 0;
  display: none;
  z-index: 33;
}
.marker img {
  position: absolute;
  top: -8px;
  left: 50%;
  z-index: 6;
  margin-left: -6px;
}
.otherPictures .selected .marker,
#zoomModal .selected .marker {
  display: block;
}
.shadowLine {
  width: 100%;
  height: 8px;
  position: absolute;
  top: -8px;
  z-index: 4;
  border-bottom: 2px solid #e8e8e8;
}
.relatedInfo {
  float: left;
  width: 561px;
  padding-right: 15px;
}
.relatedProducts {
  float: right;
  width: 172px;
}
.relatedInfoFull {
  float: none;
  width: auto;
  padding-right: 0;
}
/* --- Stock flags ----------------- */
.stockFlag {
  background: url(../../img/stockstatus.png) no-repeat 7px -46px;
}
.lowStock {
  background-position: 7px 2px;
}
.notOnStock {
  background-position: 7px -22px;
}
.oldPrice {
  font-size: 14px;
  margin-bottom: 3px;
}
.information .oldPrice {
  font-size: 11px;
}
.tobasketFunction .price {
  font-size: 18px;
}
.tobasketFunction .textbox {
  width: 20px;
}
.tobasketFunction a,
.tobasketFunction label,
.tobasketFunction button,
.tobasketFunction input {
  float: left;
  margin-right: 5px;
}
.tobasketFunction label {
  margin: 1px 10px 0 0;
}
.information .tobasket {
  bottom: 5px;
}
/* --- Ratings ---------------------------- */
div.rating {
  margin-bottom: 10px;
}
ul.rating {
  width: 89px;
  height: 16px;
  margin: 5px 0;
  padding: 0;
  list-style: none;
  clear: both;
  float: left;
  position: relative;
  background: url(../../img/stars.jpg) no-repeat left top;
}
a.rates {
  float: left;
  color: #515353;
  padding: 6px 0 0 7px;
}
ul.rating li {
  cursor: pointer;
  float: left;
  padding: 0;
  list-style: none;
}
ul.rating li a {
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 16px;
  text-decoration: none;
  z-index: 10;
}
ul.rating li a b {
  display: none;
}
ul.rating li.s1 a {
  left: 0;
}
ul.rating li.s2 a {
  left: 17px;
}
ul.rating li.s3 a {
  left: 34px;
}
ul.rating li.s4 a {
  left: 51px;
}
ul.rating li.s5 a {
  left: 68px;
}
ul.rating li a:hover {
  z-index: 2;
  width: 89px;
  height: 16px;
  overflow: hidden;
  left: 0;
  background: url(../../img/stars.jpg) no-repeat 0 -18px;
}
ul.rating li.s1 a:hover {
  background-position: -72px -18px;
}
ul.rating li.s2 a:hover {
  background-position: -54px -18px;
}
ul.rating li.s3 a:hover {
  background-position: -36px -18px;
}
ul.rating li.s4 a:hover {
  background-position: -18px -18px;
}
ul.rating li.s5 a:hover {
  background-position: 0 -18px;
}
.rating li.currentRate {
  background: url(../../img/stars.jpg) left bottom;
  position: absolute;
  height: 16px;
  z-index: 1;
}
.rating li.ratingValue a,
.rating li.ratingValue a:hover {
  width: auto;
  height: auto;
  left: 90px;
  white-space: nowrap;
  padding-top: 3px;
  background: none;
}
/* ---- Reviews ------------------------ */
dl.review {
  margin: 5px 0;
  padding-top: 5px;
  border-top: 1px solid #ccc;
}
dl.review dt {
  margin-bottom: 7px;
  height: 1em;
}
dl.review dd.item {
  display: none;
}
dl.review dd {
  clear: both;
  margin: 0;
}
dl.review .param {
  margin-left: 20px;
  color: #757C83;
}
/* --- Account billing / shipping addresses ------ */
.addressCollumns .collumn {
  float: left;
  width: 50%;
}
/* --- Account Downloads ------------------------ */
.downloadList {
  margin: 0;
  padding: 0;
  line-height: 18px;
}
.downloadList li {
  padding: 15px 10px;
  list-style: none;
  border-top: 5px solid #eceff0;
}
.downloadList li:first-child {
  border: 0;
  padding-top: 0;
}
.downloadList dd {
  padding: 3px 0;
}
.downloadList dt {
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
  display: block;
  font-weight: 400;
  margin-bottom: 7px;
}
.downloadList dt strong {
  font-size: 18px;
  display: block;
}
/* --- Account Order List ----------------------- */
.orderList {
  margin: 0;
  padding: 0;
  line-height: 18px;
}
.orderList li {
  padding: 15px 10px;
  list-style: none;
  border-top: 5px solid #eceff0;
}
.orderList li:first-child {
  border: 0;
  padding-top: 0;
}
.orderList dl {
  width: 300px;
}
.orderList dd {
  padding: 3px 0;
}
.orderList dt {
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
  display: block;
  font-weight: 400;
  margin-bottom: 7px;
}
.orderList dt strong {
  font-size: 18px;
  display: block;
}
.orderList dt span {
  font-size: 10px;
  color: #999;
}
.orderList dt label {
  color: #666;
}
.orderList td {
  vertical-align: top;
  width: 50%;
}
.orderList td table {
  text-align: left;
}
.orderList td table th {
  font-size: 14px;
  padding-bottom: 14px;
}
.orderList .orderitems,
.orderList .orderhistory {
  width: 100%;
}
.orderList .orderitems td {
  vertical-align: top;
}
.orderhistory td {
  border-top: 1px dotted #bbb;
  padding: 2px 0;
  vertical-align: top;
  width: 99%;
}
.orderhistory td.small {
  width: 1%;
}
.orderhistory td .amount {
  display: block;
  font-size: 11px;
  color: #666;
}
.orderList h3 {
  padding-top: 12px;
  font-size: 16px;
}
/* --- Forms, Validation ---------------------------- */
.form {
  width: 354px;
}
.form li {
  padding: 5px 0;
  width: 354px;
}
.form li.formSubmit {
  padding-top: 10px;
  padding-left: 150px;
}
.form li.formNote {
  padding-bottom: 0;
  font-size: 11px;
  color: #666;
  line-height: 14px;
}
.form label,
.form input {
  float: left;
}
.form .oxDate select {
  float: left;
  width: 100px;
}
.form .oxDate .innerLabel {
  margin-top: 1px;
  text-transform: none;
}
.form input[type="password"],
.form input[type="text"] {
  width: 190px;
}
.form select[data-fieldsize="normal"] {
  width: 202px;
}
.form input[data-fieldsize="xsmall"] {
  width: 25px;
}
.form input[data-fieldsize="small"] {
  width: 52px;
}
.form input[data-fieldsize="small"] {
  width: 52px;
}
.form input[data-fieldsize="medium"] {
  width: 86px;
}
.form input[data-fieldsize="xsmall"] + input[data-fieldsize="pair-xsmall"],
.form input[data-fieldsize="xsmall"] + .css3-container + input[data-fieldsize="pair-xsmall"],
.form input[data-fieldsize="pair-xsmall"] + input[data-fieldsize="xsmall"],
.form input[data-fieldsize="pair-xsmall"] + .css3-container + input[data-fieldsize="xsmall"],
.form input[data-fieldsize="small"] + input[data-fieldsize="pair-small"],
.form input[data-fieldsize="small"] + .css3-container + input[data-fieldsize="pair-small"],
.form input[data-fieldsize="small"] + input[data-fieldsize="small"],
.form input[data-fieldsize="small"] + .css3-container + input[data-fieldsize="small"],
.form input[data-fieldsize="medium"] + input[data-fieldsize="medium"],
.form input[data-fieldsize="medium"] + .css3-container + input[data-fieldsize="medium"] {
  margin-left: 5px;
}
.form input[data-fieldsize="xsmall"] + .form input,
.form input[data-fieldsize="xsmall"] + .css3-container + .form input {
  margin-left: 10px;
  margin-right: 0;
}
.form input[data-fieldsize="pair-xsmall"] {
  width: 148px;
}
.form input[data-fieldsize="pair-small"] {
  width: 121px;
}
.form input[data-fieldsize="verify"] {
  width: 103px;
}
.verificationCode {
  margin: 0 7px 0 0;
  float: left;
}
span.verificationCode {
  margin-top: 2px;
}
.form li.stateBox {
  padding-left: 150px;
}
.form label {
  width: 140px;
  padding-right: 10px;
  line-height: 18px;
}
.form label.req {
  font-weight: 700;
}
.form label.short {
  width: 90px;
  padding-right: 5px;
  line-height: 18px;
}
.form .underInput {
  padding: 5px 0;
  margin-left: 140px;
}
.form .underInput.short {
  margin-left: 90px;
}
.form label.tooltip {
  background: url(../../img/help-icon.png) 95% center no-repeat;
}
.form li.checkFields {
  padding-left: 150px;
}
.form li.checkFields label {
  width: auto;
  margin-right: 10px;
}
.form li.checkFields input {
  margin: 2px 5px 0 0;
}
.form textarea {
  float: left;
  width: 186px;
}
.inputNote {
  display: block;
  clear: both;
  font-size: 11px;
  line-height: 14px;
  padding: 2px 0 0 0;
  color: #666;
}
.form .note {
  padding-left: 150px;
  font-size: 11px;
  color: #666;
  line-height: 14px;
  font-style: italic;
  padding-top: 7px;
}
.payment .form {
  margin: 15px 0 5px 0;
}
.payment .desc {
  margin-bottom: 15px;
}
#shipSetCost {
  padding-top: 5px;
}
.inlineForm button {
  margin-left: 5px;
}
.verify img {
  float: left;
  margin: 1px 5px 0 0;
}
.notice {
  font-size: 11px;
  font-style: italic;
  border-top: 1px solid #eceff0;
  margin-top: 10px;
  padding: 5px 0;
}
.inlineForm .notice {
  display: block;
  clear: both;
}
label.innerLabel {
  display: block;
  position: absolute;
  color: #B4B8B8;
  margin: 3px 0 0 5px;
  font-weight: normal;
  text-transform: uppercase;
}
label.innerLabel.textArea {
  text-transform: none;
}
.oxValidateError {
  display: none;
  clear: both;
  font-size: 11px;
  line-height: 14px;
  color: #ff0000;
  margin: 0;
  padding: 5px 0 5px 150px;
}
.oxValidateError span {
  display: none;
}
.oxValidateError span.req {
  float: none;
  display: inline;
}
.oxInValid label,
.oxInValid p {
  color: #ff0000;
}
.oxInValid input,
.oxInValid select,
.oxInValid input:focus {
  border-color: #e40000;
  background: #fff8f8;
}
.oxInValid select {
  border-style: solid;
  border-width: 1px;
}
.oxInValid .oxValidateError,
.oxInValid .oxValidateError .js-oxError_postError {
  display: block;
}
/* --- Promotions Slider ------------------------ */
.promoShadow {
  position: absolute;
  top: 0;
  z-index: 3;
}
.shadowRight {
  right: 0px;
}
.oxSlider {
  position: relative;
  margin-bottom: 10px;
}
.oxSlider li {
  position: relative;
}
.oxSlider a:hover {
  text-decoration: none;
}
.oxSlider {
  overflow: hidden;
  clear: both;
}
.oxSlider ul,
.oxSlider li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#promotionSlider {
  height: 220px;
}
#promotionSlider img {
  width: 940px;
  height: 220px;
}
/* --- Recommendations ---------------------------- */
.recommendations .title {
  font-size: 12px;
  padding: 2px 0 6px;
}
.recommendations .title a {
  float: left;
  font-weight: bold;
}
.recommendations .title .editButtons {
  float: right;
}
.recommendations .title .textButton {
  color: #b5132a;
  padding: 0;
  height: 14px;
  line-height: 14px;
}
.recommendations .description {
  font-size: 11px;
  padding: 0 0 8px;
}
.recommendationsSearchForm {
  padding: 15px 10px;
}
.recommendationsSearchForm label {
  font-size: 11px;
}
.recommendationsSearchForm .searchInput {
  width: 85px;
}
/* --- Manufacturer Item slider ------------------------- */
.itemSlider {
  width: 744px;
  height: 74px;
  margin: 0 1px 20px 1px;
  border: 1px solid #b5132a;
  position: relative;
}
.itemSlider ul {
  height: 74px;
}
.itemSlider li {
  width: 124px;
  height: 74px;
  line-height: 74px;
  padding: 0;
  text-align: center;
  list-style: none;
}
.itemSlider li img {
  vertical-align: middle;
}
.itemSlider .slideNav {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  color: #ffffff;
  text-decoration: none;
  position: absolute;
  z-index: 4;
  bottom: -1px;
  height: 75px;
  display: block;
}
.itemSlider .leftHolder {
  position: absolute;
  left: -1px;
  bottom: -1px;
  height: 75px;
  z-index: 3;
  width: 129px;
}
.itemSlider .titleBlock {
  left: -1px;
  bottom: 0;
  width: 80px;
  padding-left: 10px;
  text-transform: uppercase;
}
.itemSlider .titleBlock strong {
  float: left;
  margin: 19px 0 0 0;
  width: 80px;
}
.itemSlider span.slideBg {
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
}
.itemSlider .prevItem {
  left: 89px;
  bottom: 0;
  width: 40px;
}
.itemSlider .nextItem {
  right: -1px;
  width: 40px;
}
.itemSlider .prevItem span.slidePointer,
.itemSlider .nextItem span.slidePointer {
  position: relative;
  z-index: 5;
  float: right;
  text-indent: -9999px;
  width: 30px;
  height: 32px;
  margin: 22px 5px 0 0;
  background: url(../../img/promo-arrows.png) no-repeat -98px -162px;
}
.itemSlider .prevItem span.slidePointer {
  background-position: -26px -162px;
}
.itemSlider .prevItem:hover span.slidePointer {
  background-position: -26px -86px;
}
.itemSlider .nextItem:hover span.slidePointer {
  background-position: -98px -86px;
}
.itemSlider li {
  position: relative;
}
.itemSlider li a.viewAllHover {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 35px;
  z-index: 5;
  opacity: 1;
  padding: 0 5px;
  filter: alpha(opacity=100);
  background: #b5132a;
}
.itemSlider li a span {
  text-align: left;
  line-height: 12px;
  padding-top: 4px;
  background-position: 0 50%;
  font-size: 10px;
  font-weight: 300;
}
.itemSlider a.sliderHover,
a.sliderHover {
  background: #e8e8e8;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 124px;
  height: 148px;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
}
.itemSlider li:hover a.viewAllHover,
.itemSlider li:hover a.sliderHover {
  display: block;
}
/* ??? */
/*.gridView li:hover a.sliderHover {
    display: block;
    width: 187px;
    height: 150px;
    z-index: 1;
}*/
/* --- Category lists ----------------------- */
.subcatList,
.subcatList ul {
  margin: 0;
}
.subcatList li {
  padding: 0;
  list-style: none;
}
.subcatList .box {
  float: left;
  margin-left: 20px;
}
.subcatList li .box:first-child {
  margin-left: 0;
}
.subcatList h3 a {
  color: #fff;
  font-size: 14px;
}
.subcatList .box li {
  text-transform: uppercase;
  padding: 3px 0;
}
.categoryDescription {
  background: #f2f4f5;
  padding: 10px 10px 10px 10px;
  font-size: 11px;
  border-bottom: 1px solid #B4B8B8;
}
.categoryTopDescription,
.categoryTopLongDescription {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
}
.categoryTopLongDescription p {
  margin-bottom: 10px;
}
.categoryPicture {
  margin-bottom: 20px;
}
/* --- Trusted shop logo --------------- */
.box #tsSeal {
  text-align: center;
  margin-bottom: 7px;
}
/* --- Layout helpers ---------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  position: absolute;
  left: -99999999px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui-helper-clearfix {
  display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
  height: 1%;
}
.ui-helper-clearfix {
  display: block;
}
/* end clearfix */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* --- Interaction Cues ----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-widget-overlay {
  background: #000;
  opacity: .50;
  filter: alpha(opacity=50);
}
.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .5em 1em .3em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .2em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  overflow: auto;
  zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
/* --- ZOOM CLOUD ----------------------------- */
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
  border: 2px solid #b5132a;
  margin: -2px;
  /* Set this to minus the border thickness. */
  background-color: #fff;
  cursor: move;
}
/* This is for the title text. */
.cloud-zoom-title {
  font-family: Arial, Helvetica, sans-serif;
  position: absolute !important;
  background-color: #000;
  color: #fff;
  padding: 3px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  top: 0;
}
/* This is the zoom window. */
.cloud-zoom-big {
  overflow: hidden;
  background-repeat: no-repeat;
  background-color: #fff;
}
/* This is the loading message. */
.cloud-zoom-loading {
  color: #000;
  background: #fff;
  padding: 0;
}
#zoomTrigger {
  width: 18px;
  height: 18px;
  display: block;
  text-indent: -9999px;
  position: absolute;
  top: 10px;
  left: 10px;
  float: left;
  z-index: 1000;
  background: url(../../img/zoom.png) no-repeat 0 0;
}
.zoomed {
  width: 663px;
  height: 665px;
  overflow: hidden;
  text-align: center;
  position: relative;
  z-index: 2;
}
.zoomPager {
  margin: 0;
  padding: 0;
}
.zoomPager li {
  list-style: none;
  float: left;
  padding: 0;
}
.zoomHead {
  font-weight: 700;
  text-transform: uppercase;
}
#zoomModal .otherPictures {
  margin: 0;
  padding: 0;
  width: 663px;
  z-index: 9;
}
#zoomModal .otherPictures a {
  width: 30px;
  height: 35px;
  line-height: 35px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
}
#zoomModal .shadowLine {
  width: 663px;
  clear: both;
}
#zoomModal .otherPictures ul {
  margin: 0;
}
#zoomModal .marker {
  border: 2px solid #b5132a;
  display: none;
  height: 31px;
  left: 0;
  position: absolute;
  top: 0;
  width: 26px;
  z-index: 99;
}
#zoomModal .marker img {
  left: 50%;
  margin-left: -6px;
  position: absolute;
  top: -6px;
  z-index: 6;
}
/* --- Services ---------------------- */
#services {
  width: 175px;
}
#services a {
  text-decoration: none;
  text-transform: uppercase;
}
#services li {
  position: relative;
}
#services .counter {
  right: 5px;
  top: 1px;
}
#servicesTrigger {
  position: relative;
}
#servicesTrigger .counter {
  right: 0;
  top: 0;
  z-index: 11;
}
.hasNotifications {
  padding-right: 25px;
}
#services a:hover .counter {
  border: 1px solid orange;
  background: #fff;
  color: orange;
}
/* --- WishList ------------------------------ */
.wishlistPublish {
  float: right;
  width: 360px;
}
.wishlistSearch {
  float: left;
}
.wishlistSearch .form {
  width: 100%;
}
.wishlistSearch .form li {
  width: 100%;
}
.wishlistSearch .form label {
  width: auto;
}
.wishlistPublish .form label {
  width: 280px;
}
.wishlistView a {
  text-decoration: underline;
}
.wishlistView,
.listmaniaView {
  border-bottom: 5px solid #ECEFF0;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
.formTitle,
.wishlistResults dt {
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid #eceff0;
  margin-bottom: 10px;
  padding-bottom: 0;
}
.wishlistSuggest {
  clear: both;
  padding: 20px 0 0 388px;
}
.wishlistResults {
  padding-top: 20px;
}
.wishlistResults dt {
  padding-bottom: 5px;
  background: url("../../img/search-icon.png") no-repeat 0 3px;
  padding-left: 20px;
}
.wishlistUser {
  float: right;
  width: 360px;
  padding: 40px 0 0 0;
}
/* --- Account Dashboard ----------------- */
.accountDashboardView .col {
  float: left;
  width: 374px;
  /*  height: 250px;*/
  /* padding-right: 20px; */
}
.accountDashboardView dl {
  margin-bottom: 15px;
}
.accountDashboardView dd {
  margin-top: 2px;
}
/* --- Compare List ----------------------- */
#compareList {
  width: 100%;
}
#compareList td {
  border-collapse: collapse;
  vertical-align: top;
}
#compareList table {
  width: 200px;
  border-collapse: collapse;
}
#compareList table td {
  border-top: 5px solid #ECEFF0;
  padding: 5px;
}
#compareList table #firstTr td,
#compareList table #firstDataTr td {
  border: 0;
}
#compareList table tr:last-child td {
  padding-bottom: 20px;
}
#compareDataDiv {
  overflow: hidden;
}
#compareFirstCol {
  overflow: hidden;
}
.compareItem {
  width: 190px;
  height: 380px;
  position: relative;
}
.compareNarrow {
  width: 596px;
  position: relative;
}
#compareFirstCol.compareNarrowFirstCol table {
  width: 152px;
}
.compareWide {
  width: 740px;
  position: relative;
}
.compareWide .compareItem {
  width: 238px;
}
.compareItem .tobasket {
  position: absolute;
  bottom: 10px;
}
.compareItem .oldPrice {
  font-size: 11px;
  line-height: 14px;
}
.compareItem .variants {
  padding-top: 15px;
}
.compareItem .variants select {
  margin: 5px 0 10px 0;
  display: block;
}
.compareItem .picture {
  text-align: center;
  display: block;
  width: 190px;
  height: 150px;
  overflow: hidden;
  margin-bottom: 7px;
}
.compareItem .title {
  display: block;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  padding-bottom: 3px;
}
.compareItem .identifier {
  color: #515353;
  display: block;
}
.compareItem .fn {
  padding-top: 5px;
  margin: 0;
  clear: both;
}
#compareList .lineBox {
  padding: 5px 10px;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  line-height: 16px;
}
#compareList a.navigation {
  background: url(../../img/prevnext.png) no-repeat 0 0;
  height: 7px;
  width: 4px;
  text-indent: -9999px;
  margin-top: 4px;
}
#compareList .lineBox a.movePrev {
  float: left;
  background-position: 0 -7px;
}
#compareList .lineBox a.moveNext {
  float: right;
}
td.centered {
  text-align: center;
}
td.alignTop {
  vertical-align: top;
}
/* --- Login form ------------------------ */
.accountLoginView .col {
  float: left;
  width: 50%;
}
/* --- right corner message ---------------- */
#incVatMessage {
  position: fixed;
  bottom: -3px;
  right: -5px;
  font-size: 11px;
  padding: 4px 20px 6px 17px;
  background: url(../../img/vatmsg-bg.png) no-repeat 0 0;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 9999;
}
#incVatMessageTsBadge {
  position: fixed;
  bottom: -3px;
  right: 100px;
  font-size: 11px;
  padding: 4px 20px 6px 17px;
  background: url(../../img/vatmsg-bg.png) no-repeat 0 0;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 9999;
}
/* --- Plain errors ------------------------ */
.errorBox {
  font-size: 12px;
  font-weight: bold;
  color: #D81F01;
  margin: 20px;
  padding: 0;
  border: none;
  width: 500px;
}
.errorBox a {
  color: #D81F01;
  text-decoration: underline;
}
.errorBox a:hover {
  color: #666;
}
.errorBox .errHead {
  background: #D81F01;
  color: #fff;
  padding: 5px 15px;
}
.errorBox .errBody {
  border: 1px solid #D81F01;
  padding: 15px;
}
.errorBox .stackTrace {
  font-size: 11px;
  color: #000;
  font-weight: normal;
  margin: 10px 0;
  padding: 10px 0;
  border-top: 2px solid #eed8d2;
}
/* --- article box ------------------------ */
li.articleImage {
  height: 110px;
}
.featuredList a.articleBoxImage {
  height: 97px;
  line-height: 97px;
  width: 148px;
  background: #fff;
  text-align: center;
  display: block;
}
.featuredList a.articleBoxImage img {
  vertical-align: middle;
}
/* --- MD Variant Selects in details ----------- */
.selectorsBox {
  clear: both;
  background: none;
  padding: 10px 10px 0 0;
  font-size: 11px;
}
div.information .selectorsBox {
  margin-bottom: 55px;
}
.selectorsBox .dropDown {
  margin-bottom: 10px;
  min-width: 200px;
}
.selectorsBox .dropDown li.disabled a {
  color: #b4b8b8;
}
.selectorsBox p.underlined {
  border-bottom: 1px solid #29373c;
}
.selectorLabel label {
  min-width: 60px;
  display: inline-block;
}
.variantReset {
  padding-bottom: 10px;
  font-size: 11px;
  margin-top: -55px;
}
.variantReset label {
  text-transform: uppercase;
}
.variantReset a.reset {
  color: #b5132a;
  font-weight: bold;
  display: block;
  padding-bottom: 10px;
}
.variantReset a.reset:hover {
  text-decoration: none;
  color: #b5132a;
}
/* --- MD Variant Selects in infoGrid ----------------- */
.listDetails .selectorsBox {
  background: none;
  padding: 10px 10px 0 5px;
  font-size: 11px;
}
.listDetails .selectorsBox .dropDown {
  margin-bottom: 10px;
  min-width: 150px;
}
.listDetails .selectorsBox .dropDown li.disabled a {
  color: #b4b8b8;
}
.listDetails .selectorsBox p.underlined {
  border-bottom: 1px solid #29373c;
}
.listDetails .selectorLabel label {
  min-width: 45px;
  display: inline-block;
}
/* --- MD Variant Selects for line -------------------- */
.infoBox .selectorsBox {
  background: none;
  padding: 10px 10px 0 0;
  font-size: 11px;
}
.infoBox .selectorsBox .dropDown {
  margin-bottom: 10px;
  min-width: 200px;
}
.infoBox .selectorsBox .dropDown li.disabled a {
  color: #b4b8b8;
}
.infoBox .selectorsBox p.underlined {
  border-bottom: 1px solid #29373c;
}
.infoBox .selectorLabel label {
  min-width: 50px;
  display: inline-block;
}
/* ------- Checkout AGB conditions links --------------- */
div.agbInner {
  width: 500px;
  float: left;
}
div.agbButton {
  float: right;
}
.agb a,
.cmsContent p a {
  color: #b5132a;
}
.agb a:hover {
  color: #b5132a;
  text-decoration: none;
}
.agb p.errorMsg,
.agbInner p.errorMsg {
  color: #ff0000;
  display: none;
  margin: 0;
}
/* ---- ajax loading icon -----------------------------*/
.loadingfade {
  background: #fff;
  z-index: 5000;
}
.loadingiconbg {
  background: url(../../img/loading_bg.png) no-repeat center center;
  z-index: 5001;
}
.loadingicon {
  background: url(../../img/loading.gif) no-repeat center center;
  z-index: 5002;
}
/* --- shop lupe ------------------------------ */
p.shoplupe {
  padding-top: 15px;
  text-align: center;
}
/* --- category tree ----------------------------- */
.categoryBox {
  margin: 0 0 20px;
}
.categoryTagsBox {
  border-top-color: #999999;
  border-top-style: solid;
  border-top-width: 1px;
}
.categoryTagsBox h3 {
  text-transform: uppercase;
  padding: 5px 0 0 10px;
  font-size: 12px;
}
.categoryTags {
  padding: 5px 5px 5px 5px;
}
a.fbEnableLink {
  display: inline-block;
  text-transform: uppercase;
  padding: 30px 0 15px 0;
  font-size: 12px;
  font-weight: bold;
  color: #2c5e97;
}
.fbEnableDesc {
  margin-bottom: 35px;
  font-size: 11px;
  color: #555;
}
.fbEnableDesc a {
  line-height: 25px;
  color: #2c5e97;
}
a.fbEnableLink,
.fbEnableDesc {
  margin-left: 20px;
}
a.downloadableFile {
  color: #b5132a;
  text-decoration: underline;
  background: url(../bg/download.png) left center no-repeat;
  padding: 5px 0 5px 25px;
}
a.downloadableFile:hover {
  color: #b5132a;
  text-decoration: none;
}
a.downloadableFile.pending {
  color: #909090;
  text-decoration: none;
  background: url(../bg/download-pending.png) left center no-repeat;
  padding: 5px 0 5px 25px;
}
.variantMessage {
  color: #b5132a;
  display: block;
  padding-bottom: 5px;
}
.selectMessage {
  color: #b5132a;
}
#cookieNote {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 105;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  background-color: #f77704;
  opacity: 0.9;
  filter: alpha(opacity=90);
  padding: 8px 0 8px 0;
  text-align: center;
  border-bottom: 1px solid #d36706;
  display: none;
}
#cookieNote span.dismiss {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 8px;
  width: 18px;
  height: 18px;
  display: block;
  text-indent: -9999px;
  background: url(../../img/close.png) no-repeat 0 0;
}
#cookieNote a {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}
#cookieNote + #page {
  padding-top: 35px;
}
#cookieNote .notify {
  padding: 0 35px;
}
#basketVoucher {
  position: relative;
  padding-bottom: 30px;
}
.smallFont {
  font-size: 12px;
  word-wrap: break-word;
  overflow: hidden;
  width: 350px;
}
#betaNote {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 105;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  background-color: #f77704;
  opacity: 0.9;
  filter: alpha(opacity=90);
  padding: 8px 0 8px 0;
  text-align: center;
  border-bottom: 1px solid #d36706;
  display: none;
}
#betaNote span.dismiss {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 8px;
  width: 18px;
  height: 18px;
  display: block;
  text-indent: -9999px;
  background: url(../../img/close.png) no-repeat 0 0;
}
#betaNote a {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}
#betaNote + #page {
  padding-top: 35px;
}
.hidden {
  display: none;
}
#orderConfirmAgbBottom hr {
  border: none;
  background-color: #ECEFF0;
  height: 5px;
  margin: 10px 0;
}
.agbConfirmation {
  margin-bottom: 5px;
}
.agbConfirmation .checkbox {
  vertical-align: text-bottom;
}
#newItems {
  margin-bottom: 20px;
}
div.welcome h1 {
  font-size: 16px;
  margin-bottom: 10px;
}
div.welcome {
  margin-bottom: 30px;
}
.kg_topnavi {
  background: #b5132a none repeat scroll 0 0;
  border-bottom: 1px solid #ffffff;
  vertical-align: middle;
  width: 980px;
  margin: 0 -10px 10px -10px;
}
.kg_topnavi ul.menue {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.kg_topnavi ul.menue li {
  list-style: outside none none;
  border-right: 1px solid #ffffff;
  float: left;
  margin: 0;
  position: relative;
  white-space: nowrap;
}
.kg_topnavi ul.menue li a {
  font-size: 12px;
  font-weight: bold;
  padding: 10px 2px;
  color: #ffffff;
  display: block;
  line-height: 1;
  min-width: 50px;
  text-align: center;
  text-decoration: none;
}
.kg_topnavi ul.menue li.last {
  border-right: 0;
}
.kg_topnavi ul.menue .kg_topnavi_padding {
  padding: 0 30px;
}
.kg_topnavi ul.menue .kg_topnavi_padding.home {
  padding: 0 79px;
}
.kg_topnavi ul.menue .kg_topnavi_padding.last {
  padding: 0 40px;
}