/*-----------------------------------------
    include abashopfoundationcss
    must be on top of this page to ensure
    that the following values have a higher
    priority than the ones from
    abashopfoundation
---------------------------------------- */
/********************************************
*                                           *
*   Styles for Shop                        *
*                                           *
********************************************/
/* ----------------------------------------
    icons
---------------------------------------- */
/*----------------- Toolbar ------------ */
.icon-toolbar.home { background:url(https://weikart.abacuscity.ch/common/image/version2/home.png?xet=1345549106000) center no-repeat; background-size: 30px 30px;}
.icon-toolbar.search { background:url(https://weikart.abacuscity.ch/common/image/version2/search.png?xet=1345549108000) center no-repeat; background-size: 30px 30px;}
.icon-toolbar.basket-empty { background:url(https://weikart.abacuscity.ch/common/image/version2/basket.png?xet=1345549108000) center no-repeat; background-size: 30px 30px;}
.icon-toolbar.basket-1 { background:url(https://weikart.abacuscity.ch/common/image/version2/basket_1items.png?xet=1345556308000) center no-repeat; background-size: 30px 30px;}
.icon-toolbar.basket-2 { background:url(https://weikart.abacuscity.ch/common/image/version2/basket_2items.png?xet=1345556408000) center no-repeat; background-size: 30px 30px;}
.icon-toolbar.basket-3 { background:url(https://weikart.abacuscity.ch/common/image/version2/basket_3items.png?xet=1345556426000) center no-repeat; background-size: 30px 30px;}
.icon-toolbar.basket-4 { background:url(https://weikart.abacuscity.ch/common/image/version2/basket_4items.png?xet=1345556442000) center no-repeat; background-size: 30px 30px;}
.icon-toolbar.basket-5 { background:url(https://weikart.abacuscity.ch/common/image/version2/basket_5items.png?xet=1345556456000) center no-repeat; background-size: 30px 30px;}
.icon-toolbar.basket-6 { background:url(https://weikart.abacuscity.ch/common/image/version2/basket_6items.png?xet=1345556470000) center no-repeat; background-size: 30px 30px;}
.icon-toolbar.basket-7 { background:url(https://weikart.abacuscity.ch/common/image/version2/basket_7items.png?xet=1345556488000) center no-repeat; background-size: 30px 30px;}
.icon-toolbar.basket-8 { background:url(https://weikart.abacuscity.ch/common/image/version2/basket_8items.png?xet=1345556504000) center no-repeat; background-size: 30px 30px;}
.icon-toolbar.basket-9 { background:url(https://weikart.abacuscity.ch/common/image/version2/basket_9items.png?xet=1345556518000) center no-repeat; background-size: 30px 30px;}
.icon-toolbar.basket-9plus { background:url(https://weikart.abacuscity.ch/common/image/version2/basket_9plusitems.png?xet=1345556558000) center no-repeat; background-size: 30px 30px;}
.icon-toolbar.myaccount { background:url(https://weikart.abacuscity.ch/common/image/version2/myaccount.png?xet=1345549108000) center no-repeat; background-size: 30px 30px;}
.icon-toolbar.aboutus { background:url(https://weikart.abacuscity.ch/common/image/version2/aboutus.png?xet=1345549106000) center no-repeat; background-size: 30px 30px;}
.icon-toolbar.purchaselist { background:url(https://weikart.abacuscity.ch/common/image/version2/purchaselist.png?xet=1345549106000) center no-repeat; background-size: 30px 30px;}
/* --------- Expert pages ----------------*/
.icon.purchaselist-add { background:url(https://weikart.abacuscity.ch/common/image/version2/purchaselist_add.png?xet=1345801028000) center no-repeat; background-size: 30px 30px;}
.lt-ie9 .icon.purchaselist-add { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://weikart.abacuscity.ch/common/image/version2/purchaselist_add.png?xet=1345801028000', sizingMethod='scale');}
.icon.rename { background:url(https://weikart.abacuscity.ch/common/image/version2/rename.png?xet=1346139070000) center no-repeat; background-size: 30px 30px;}
.lt-ie9 .icon.rename { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://weikart.abacuscity.ch/common/image/version2/rename.png?xet=1346139070000', sizingMethod='scale');}
.icon.delete { background:url(https://weikart.abacuscity.ch/common/image/version2/delete.png?xet=1345549108000) center no-repeat; background-size: 30px 30px;}
.lt-ie9 .icon.delete { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://weikart.abacuscity.ch/common/image/version2/delete.png?xet=1345549108000', sizingMethod='scale');}
.small-icon.delete { background:url(https://weikart.abacuscity.ch/common/image/version2/delete.png?xet=1345549108000) center no-repeat; background-size: 15px 15px;}
.lt-ie9 .small-icon.delete { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://weikart.abacuscity.ch/common/image/version2/delete.png?xet=1345549108000', sizingMethod='scale');}
.icon.basket-add { background:url(https://weikart.abacuscity.ch/common/image/version2/basket_add.png?xet=1345549108000) center no-repeat; background-size: 30px 30px;}
.lt-ie9 .icon.basket-add { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://weikart.abacuscity.ch/common/image/version2/basket_add.png?xet=1345549108000', sizingMethod='scale');}
.icon.purchaselist { background:url(https://weikart.abacuscity.ch/common/image/version2/purchaselist_add.png?xet=1345801028000) center no-repeat; background-size: 30px 30px;}
.lt-ie9 .icon.purchaselist { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://weikart.abacuscity.ch/common/image/version2/purchaselist_add.png?xet=1345801028000', sizingMethod='scale');}
.icon.copy { background:url(https://weikart.abacuscity.ch/common/image/version2/copy.png?xet=1346140954000) center no-repeat; background-size: 30px 30px;}
.lt-ie9 .icon.copy { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://weikart.abacuscity.ch/common/image/version2/copy.png?xet=1346140954000', sizingMethod='scale');}
.icon.user-add { background:url(https://weikart.abacuscity.ch/common/image/version2/user_add.png?xet=1345549108000) center no-repeat; background-size: 30px 30px;}
.lt-ie9 .icon.user-add { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://weikart.abacuscity.ch/common/image/version2/user_add.png?xet=1345549108000', sizingMethod='scale');}
.icon.print { background:url(https://weikart.abacuscity.ch/common/image/version2/print.png?xet=1345549108000) center no-repeat; background-size: 30px 30px;}
.lt-ie9 .icon.print { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://weikart.abacuscity.ch/common/image/version2/print.png?xet=1345549108000', sizingMethod='scale');}
.small-icon.newproduct { background:url(https://weikart.abacuscity.ch/common/image/version2/new.gif?xet=962372708000) left no-repeat; background-size: contain;}
.lt-ie9 .small-icon.newproduct { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://weikart.abacuscity.ch/common/image/version2/new.gif?xet=962372708000', sizingMethod='scale'); width: 35px !important;}
.icon.newproduct { background:url(https://weikart.abacuscity.ch/common/image/version2/new.gif?xet=962372708000) left no-repeat; background-size: 40px; cursor: initial;}
.lt-ie9 .icon.newproduct { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://weikart.abacuscity.ch/common/image/version2/new.gif?xet=962372708000', sizingMethod='scale'); height: 20px !important;}
.small-icon.onsale { background:url(https://weikart.abacuscity.ch/common/image/version2/onsale.gif?xet=976107860000) left no-repeat; background-size: contain;}
.lt-ie9 .small-icon.onsale { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://weikart.abacuscity.ch/common/image/version2/onsale.gif?xet=976107860000', sizingMethod='scale'); width: 35px !important;}
.icon.onsale { background:url(https://weikart.abacuscity.ch/common/image/version2/onsale.gif?xet=976107860000) left no-repeat; background-size: 40px; cursor: initial;}
.lt-ie9 .icon.onsale { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://weikart.abacuscity.ch/common/image/version2/onsale.gif?xet=976107860000', sizingMethod='scale'); height: 20px !important;}
/* ----------------------------------------
    toolbar styles
---------------------------------------- */
.bottom-toolbar { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 65px; color: #fff; background: #e5e5e5; margin-bottom: -10px; font-size: 12px; text-align: center; z-index: 100;}
.icon-toolbar { height: 30px;}
.icon-link { float: left; text-align: center; width: 20%; margin-top: 5px;}
.whitespace-behind-toolbar { height: 70px;}
@media screen {
  #scrollsector{ height: 100%; width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; }
}
/* ----------------------------------------
    nav-menu styles
---------------------------------------- */
.nav-menu-container { z-index: 100; padding: 0 0.9375em 0 0.9375em; }
.nav-menu { background: #565656; }
.nav-menu .icon-link { float: left; text-align: center; width: 12.5%; height: 35px; background-size: 20px 20px; color: #e9b20c; vertical-align: middle; font-size: 13px; line-height: 32px; white-space: nowrap; }
.nav-menu .icon-toolbar { width: 23px; height: 23px; display: inline-block; vertical-align: middle; background-size: inherit !important; }
.nav-menu .icon-link:hover { background-size: 23px 23px; color: white; }
@media only screen and (max-width: 767px) {
  .nav-menu .icon-link, .toolbar .icon-link { width: 20%; }
  .nav-menu .icon-toolbar { display: block; width: auto; }
  .nav-menu .icon-link { height: 23px; text-align: center; font-size: 10px; line-height: 21px; }
}
/* ----------------------------------------
    icon styles
---------------------------------------- */
.icon { cursor: pointer; height: 30px; width: 100%; border: 0px;}
.small-icon { height: 15px;}
.icon.right { background-position: right;}
.icon.left { background-position: left;}
.lt-ie9 .icon { background-image: none; width: 30px; height: 30px;}
.lt-ie9 .small-icon { background-image: none; width: 15px; height: 15px;}
/* ----------------------------------------
    texts
---------------------------------------- */
.errortext { color: red;}
.textextrabig { font-size: 14px;}
.textbig { font-size: 12px;}
.textsmall { font-size: 9px;}
/* -----------------------------------------
   formular elements
----------------------------------------- */
select.variants { font-size: 9px;}
.button { border-radius: 6px;}
/* -----------------------------------------
    product blocks
----------------------------------------- */
.productblock { float: left !important; }
.panel-image { height: 0px; padding-bottom: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; border-bottom-style: none; }
.panel { border-style: solid; border-width: 1px; border-color: #d9d9d9; padding: 1.25em; color: black; }
.panel-description-container { height: 108px; overflow-y: hidden; }
.panel-price-container { height: 30px; overflow-y: hidden; }
.panel-container { margin-top: 1.25em; background: #f2f2f2; opacity: 1; }
.panel-container:hover { background: #e2e2e2; opacity: 0.8; }
.panel-container:hover .panel { border-color: #c9c9c9; }
.product-check-box { vertical-align: middle; text-align: center; padding: 1.25em 0 1.25em 0; border: solid 1px #d9d9d9; border-top: none; background: #f2f2f2; height: 60px; }
.product-check-box input { display:inline; width: 20%; vertical-align: middle; margin: 0; }
.product-check-box input[type="number"] { width: 30%; }
a:hover + .product-check-box { background: #e2e2e2; opacity: 0.8; }
/*-----------------------------------------
    pricing tables
---------------------------------------- */
.pricing-table { border: solid 1px #ddd; margin-left: 0; margin-bottom: 1.25em; }
.pricing-table * { list-style: none; line-height: 1; }
.pricing-table .title { background-color: #ddd; padding: 0.9375em 1.25em; text-align: center; color: #333; font-weight: bold; font-size: 1em; }
.pricing-table .price { background-color: #eee; padding: 0.9375em 1.25em; text-align: center; color: #333; font-weight: normal; font-size: 1.25em; }
.pricing-table .description { background-color: white; padding: 0.9375em; text-align: center; color: #777; font-size: 0.75em; font-weight: normal; line-height: 1.4; border-bottom: dotted 1px #ddd; }
.pricing-table .bullet-item { background-color: white; padding: 0.9375em; text-align: center; color: #333; font-size: 0.875em; font-weight: normal; border-bottom: dotted 1px #ddd; }
.pricing-table .bullet-item .icon { background-position: center; }
.pricing-table .cta-button { background-color: whitesmoke; text-align: center; padding: 1.25em 1.25em 1.25em; }
.pricing-table .cta-button .quantity { width: 50px; display: inline; margin: 0; }
.pricing-table .cta-button .icon { width: 30px; vertical-align: middle; }
.pricing-table .item-selection { display: none; width: 25px; height: 25px; }
.pricing-table .item-selection + label { float: left; margin-top: -0.7em; margin-left: -1em; vertical-align: middle; width: 25px; height: 25px; background: white; position: relative; -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); }
.pricing-table .item-selection + label:after { opacity: 0; content: ''; position: absolute; width: 12px; height: 4px; background: transparent; top: 7px; left: 4px; border: 4px solid green; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.pricing-table .item-selection:checked + label:after { opacity: 1; }
.pricing-table .item-selection + label:hover:after { opacity: 0.2; }
.pricing-table .item-selection:checked + label:hover:after { opacity: 0.6; }
@media only screen and (max-width: 767px) {
  .touch .pricing-table .item-selection + label:hover:after { opacity: 0; }
  .touch .pricing-table .item-selection:checked + label:hover:after { opacity: 1; }
}
/* ----------------------------------------
    productdetail picture
---------------------------------------- */
.productdetail-picture-container { height: 300px; }
.productdetail-picture { max-height: 300px; }
.productdetail-preview-container { float: left !important; }
.productdetail-preview { border: 1px solid #ddd; }
/* ----------------------------------------
    filter
---------------------------------------- */
.filtergroupcontainer { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
.filtergroup { -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; column-break-inside: avoid; break-inside: avoid; padding-left: 8px; padding-right: 8px; }
.filterlist { list-style-type: none; }
.filterlist .filterlistitem { height: 20px; vertical-align: middle; }
.filtercheckbox { display: none; }
.filtercheckbox + label { width: 13px; height: 13px; position: relative; background: white; border: 1px solid black; text-indent: 15px; line-height: 12px; }
.filtercheckbox + label:hover { border-color: #e9b20c; }
.filtercheckbox:checked + label:after { content: ''; position: absolute; width: 7px; height: 2px; top: 3px; left: 2px; background: transparent; border: 2px solid green; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.filtercheckbox:disabled + label { opacity: 0.3; }
.filtercheckbox:disabled + label:hover { border-color: black; cursor: initial; }
@media only screen and (max-width: 767px) {
  .filtergroupcontainer { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
}
.touch .filtercheckbox + label { width: 30px; height: 30px; text-indent: 35px; line-height: 27px; }
.touch .filtercheckbox:checked + label:after { width: 16px; height: 5px; top: 8px; left: 4px; border: 4px solid green; border-top: none; border-right: none; }
.touch .filterlist .filterlistitem { height: 33px; }
/* ----------------------------------------
    misc
---------------------------------------- */
.boxtitle { background-color: #284D79; color: white;}
.zebra-line { margin-top: 2px; margin-bottom: 2px;}
.amount { text-align: right;}
.zebra1 { /* background-color: #CDE9FF; color: #284D79; */}
.zebra2 { /* background-color: #FFFFFF; color: #284D79; */}
.align-middle { vertical-align: middle;}
.inline { display: inline;}
.inline-block { display: inline-block;}
.radio-button-container { margin-bottom: 10px;}
.purchaselists-icon-container { margin-bottom: 10px;}
.pagenavigator-emptyspace { margin-top: 5px;}
.minibasket-line { margin-top: 2px; margin-bottom: 2px;}
.minibasket-delete-icon-container { width: 30px;}
.quicksearch-button { padding-left: 15px; padding-right: 15px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.button-continue { font-size: 14px; text-align: right;}
/* ----------------------------------------
    arrow button in hierarchyancestor
---------------------------------------- */
.arrow-left { margin-left: 10px; border-top-left-radius : 10px 15px; border-bottom-left-radius : 10px 15px;}
.arrow-left:before { position:absolute; left: -6px; top:15%; height: 23px; width: 23px; background-color: inherit; content: ' '; border-bottom:0px; border-right:0px; border-top: inherit; border-left: inherit; border-bottom-right-radius: 200px; border-top-left-radius: 30px; -webkit-transform : rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
/* ---------------------------------------
    visibility depending on javascript
    active or not
---------------------------------------- */
.js .show-if-js { display: block; }
.js .hide-if-js { display: none; }
.no-js .show-if-js { display: none; }
.no-js .hide-if-js { display: block; }
/* ----------------------------------------
    style depending on screen size
    and device type
---------------------------------------- */
/* default styles */
.content-container { width: 75%;}
.show-for-small-or-touch { display: none;}
.hide-for-small-or-touch { display: block;}
.shoptitle { color: black; font-size: 44px; margin-top: 10px;}
.subtitle { color: black; font-size: 25px;}
.ordersummarylist { margin-bottom: 10px;}
.touch .show-for-small-or-touch { display: block; }
.touch .hide-for-small-or-touch { display: none; }
.touch select { height: 35px; }
.touch .content-container { width: 100%; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1279px) {
  .hide-for-small-or-touch { display: none; }
  .show-for-small-or-touch { display: block; }
  .content-container { width: 100%; }
  input[type="checkbox"] { width: 20px; height: 20px; }
}
/*--- next styles -- */
/*********
* GENERAL
**********/
body { margin: 0; padding: 0; top: 0; left: 0; background-color: white; font-family: "ProximaNova-Regular",sans-serif; font-size: 12px;}
a { text-decoration: none; color: black;}
h1 { font-size: 2em; font-weight: normal; margin: 0 !important; padding:0 0 15px 0 !important;}
.detailleft h1 {font-size:1.4em; font-weight:bold}
.detailleft h2 {font-size:1.1em; font-weight:bold}
p {padding:0 0 15px 0 !important; margin: 0 !important}
h2 { font-size: 1.4em; font-weight: normal; padding:0 0 15px 0 !important; margin:0;}
h3 { padding: 0; margin: 0 0 15px 0; font-size: 17px;}
img { border: none;}
#bg_image { width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; z-index: 0; opacity:.6; filter:alpha(opacity=60); }
.hidden { display: none !important;}
.white { background-color: white;}
.gray-gradient { background-color: #C9C9C9 !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, white), color-stop(130%, #C9C9C9)); background: -moz-linear-gradient(top, white 0%, white 55%, #8C8C8C 130%);}
/*.blue-gradient {
box-shadow: 0 0 10px 2px #565656;
  background-color: #6784A2 !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, white), color-stop(150%, #6784A2)); 
  background: -moz-linear-gradient(top, white 0%, white 55%, #0f5590 130%);
}
*/
.blue-gradient { box-shadow: 0 0 10px 2px #565656; background-image: url(https://weikart.abacuscity.ch/abauserimage/design/images/layout/verlauf.gif?xet=1373435858000) ; background-repeat:repeat-x; background-position:bottom; background-color: #fff;}
.product-teaser.blue-gradient { box-shadow: 0 0 10px 2px #565656; background-image: url(https://weikart.abacuscity.ch/abauserimage/design/images/layout/verlauf2.gif?xet=1373990749000) ; background-repeat:repeat-x;}
.banner { width: 200px; height: 175px; background-color: white; float: left; -moz-box-shadow: 0 0 10px 2px #565656; -webkit-box-shadow: 0 0 10px 2px #565656; box-shadow: 0 0 10px 2px #565656;}
.banner .text-right { width: 250px; margin: 10px; float: left;}
.banner .text-top { margin: 10px 10px 10px 15px;}
.banner .brands { margin: 10px; text-align: center;}
/*
.banner .brands img {
  max-height: 35px;
  max-width: 144px;
}
*/
.banner .title { font-size: 11pt;}
.banner p { font-size: 9pt;}
.no-margin { margin: 0 !important;}
.float-left { float: left !important;}
.float-right { float: right !important;}
.button { font-weight:bold; padding:4px; background-color:#5981ab; color:#fff;}
.small { font-size: 10pt; font-weight: normal; padding: 2px;}
.button:hover { background-color: #065aa1;}
.link { text-decoration: underline;}
.link-more, #pfadnav a, .categories ul li a, .link { cursor: pointer;}
.link-more:hover, #pfadnav a:hover, .categories ul li a:hover, .link:hover { color: #0047B3;}
.heading { font-weight: bold; font-size: 1.2em;}
.productlinetitle { font-weight: bold; z-index:1000 !important; position:relative;}
.katalogbox {width:112px; height:160px; float:left; font-size:11px}
.linkdesc {display:block; height:35px; overflow:hidden !Important; font-size:12px}
#pfadnav { margin: 10px 0 10px 0; padding: 7px; font-weight: bold; width: 945px; background-color: white; background-color: rgba(255,255,255, 0.8);}
#pfadnav a { background: url('https://weikart.abacuscity.ch/abauserimage/design/images/layout/link-arrow.png?xet=1372170199000') no-repeat scroll transparent; background-position: 105% -2px; padding-right: 15px;}
#pfadnav a.active { background: none; color: #0f5590;}
.info { color: gray; font-size: 7.5pt; margin: 0 0 20px 0; padding: 0;}
#logo { float:left; width: 201px;}
#logo img {padding-left:10px}
/*******
* GRID
********/
#layout { z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#container { width: 960px; margin: 0 auto; position:relative;}
#header { top: 0; height: 115px; background-color: rgba(255,255,255, 0.8); position:relative;}
.loggedinas {width:300px; height:50px; position:absolute; top:30px; right:0px;}
#navigation { height: 36px; background-color: #b6b0af; font-size: 11pt; font-weight: bold; margin-top: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
#content { min-height: 496px; margin-top: 10px;}
/*.contentinner {padding:15px 40px 40px 40px}*/
.contentinner {background: url(https://weikart.abacuscity.ch/abauserimage/design/images/layout/white.png?xet=1373387860000) ; padding:15px 40px 40px 40px; min-height:300px; height:auto}
#footer { height: 150px; width: 100%; float: left; margin-top: 40px; padding-bottom: 40px; background-color: #0f5590; -moz-box-shadow: 0px -6px 3px #989898; -webkit-box-shadow: 0px -6px 3px #989898; box-shadow: 0px -6px 3px #989898; font-size: 9pt;}
/******************************************************************************************
* STARTPAGE + HEADER & FOOTER
*******************************************************************************************/
/*******
* HEADER
********/
.logo { margin: 10px; float: left; height: 70px;}
.search_container { float: left; margin: 10px 0 20px 120px;}
.search { float: left; height: 20px; width: 200px; border: 1px solid black;}
.search_button { float: left; height: 24px; cursor: pointer;}
.search_button { background-color: #034781; color: #FFFFFF; border: 1px solid #034781; /*border-left: none;*/ padding: 0 5px 2px 3px; font-weight: bold; -moz-border-radius:10px; -moz-border-radius:10px; -webkit-adius:10px; -webkit-radius:10px; border-radius:10px; border-radius:10px;}
.footerstart .search_button { background-color: #033d6e; color: #FFFFFF; font-weight:bold; border: 1px solid #034781; /*border-left: none;*/ padding: 0 5px 2px 3px; font-weight: bold; -moz-border-radius:10px; -moz-border-radius:10px; -webkit-adius:10px; -webkit-radius:10px; border-radius:10px; border-radius:10px;}
.servicenav { float: left; margin: 5px; width: 749px;}
.servicenav ul { display: inline; padding-top:7px; list-style: none; float: right; margin: 0;}
.servicenav ul li { float: left; padding: 0 5px 0 5px !important; width: auto;}
.servicenav ul li:first-child:before { display: none;}
.servicenav ul li:before { content: "| "; font-size: 10pt;}
.servicenav a { color: grey; font-size: 9pt; font-weight: bold;}
.opening { background: #fff; color: #cc051d; display: inline-block; font-weight: bold; height: 23px; margin: 5px 0 0 63px; padding: 7px 10px; width: 120px;}
.stihl_shop {float:right; margin:5px 10px 0 0;}
.stihl_shop img {width: 150px;}
.addressbar { background-color: #034781; font-weight: bold; font-size: 9pt; color: white; width: 950px; padding: 5px; float: left; text-align: center;}
.addressbar span { margin: 0 15px 0 15px;}
.addressbar a {color: #fff !important}
.filled { color: #700007 !important;}
#job {width: 121px; height: 121px; position: absolute; right: -130px; top: 208px; z-index: 1;}
/************
* NAVIGATION
*************/
#navigation ul.nav { float: left; display: inline; list-style: none; margin: 0; padding: 0; left: 0;}
#navigation ul.nav .nlast { float: left; padding: 8px 10px 8px 10px; border-right: 1px solid silver; height: 20px;}
#navigation ul.nav .last { border-right: none !important; float: left; padding: 8px 10px 8px 10px; border-right: 1px solid silver; height: 20px;}
#navigation ul.nav li:hover { background-color: #0f5590;}
#navigation ul.nav li:first-child:hover { -moz-border-top-left-radius: 6px; -moz-border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
#navigation a{ padding: 10px; color: white;}
/*NAVIGATION: FLYOUT*/
#navigation .flyout { background-color: #ABABAB; border: 4px solid #676767; position: absolute; margin: 9px 0 0 -8px; display: block; z-index: 10;}
#navigation .flyout ul { margin: 0; padding: 0;}
#navigation .flyout_col{ float: left; font-size: 10pt; border-right: 1px solid silver;}
#navigation ul.nav li ul li:first-child:hover{ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
#navigation ul.nav li ul{ float: none; list-style: none; }
#navigation ul.nav li ul li{ float: none; border: none;}
/*********
* CONTENT
*********/
/*********
* FOOTER
*********/
.footerstart { width: 960px; margin: 0 auto;}
#footer .col { color: white; margin-top: 20px; float: left; width: 240px;}
.footerstart ul { list-style: none; margin: 0; padding: 0;}
.footerstart ul li { margin-bottom: 15px; vertical-align: middle; line-height: 20px; vertical-align: center; font-weight:bold;}
.footerstart a { color: #fff; font-weight:bold; background-position: 105% -3px;}
.footerstart a:hover { text-decoration: underline; color:#fff}
#footer .recommend { background: url('https://weikart.abacuscity.ch/abauserimage/design/images/layout/comment.png?xet=1372922911000') no-repeat; padding-left: 20px;}
#footer .contact { background: url('https://weikart.abacuscity.ch/abauserimage/design/images/layout/contact.png?xet=1374656284000') no-repeat; }
#footer form { margin-top: 20px; margin-bottom: 70px;}
#socials { width: 175px; padding: 5px; color: black; display: none; position: absolute; background-color: white; border: 5px solid #C2C2C2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#socials a { color: black !important;}
#socials .mail, #socials .gplus, #socials .instagram, #socials .twitter, #socials .facebooks { padding-left: 25px;}
#socials .mail { background: url('https://weikart.abacuscity.ch/abauserimage/design/images/layout/icon_mail.jpg?xet=1372922958000') no-repeat;}
#socials .gplus { background: url('https://weikart.abacuscity.ch/abauserimage/design/images/layout/icon_google.jpg?xet=1372922940000') no-repeat;}
#socials .instagram { background: url('https://weikart.abacuscity.ch/abauserimage/design/images/layout/icon_instagram.png?xet=1569337268600') no-repeat; background-size: 20px 20px;}
#socials .twitter { background: url('https://weikart.abacuscity.ch/abauserimage/design/images/layout/icon_twitter.png?xet=1372922927000') no-repeat;}
#socials .facebooks { background: url('https://weikart.abacuscity.ch/abauserimage/design/images/layout/icon_facebook.png?xet=1401796729000') no-repeat;}
/******************************************************************************************
* PRODUCT_LISTING
*******************************************************************************************/
#contentsection.category{}
.contentsection.products{ float:left; width: 765px; min-height: 565px; background: url(https://weikart.abacuscity.ch/abauserimage/design/images/layout/white.png?xet=1373387860000) ;}
.contentsection{ float:left; width: 765px; min-height: 565px;}
.left.products { float:left; width: 180px; height: 100%; margin-right: 15px}
.left.products .blue-gradient { background-color: #fff !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, white), color-stop(150%, #6784A2)); background: -moz-linear-gradient(top, white 0%, white 55%, #0f5590 130%);}
.productsnav { padding: 20px 10px 20px 20px;}
.product-row { width: 765px; float: right; margin-bottom: 20px;}
.categories { width: 180px; margin-right: 15px; float: left; min-height: 100%;}
.categories div{ padding-top: 10px; -moz-box-shadow: 0 0 10px 2px #565656; -webkit-box-shadow: 0 0 10px 2px #565656; box-shadow: 0 0 10px 2px #565656;}
.productsnav ul { font-size: 9pt; list-style: none; margin: 0; padding:0;}
.productsnav ul li { margin-bottom: 5px; font-weight: bold;}
.productsnav .active a { color: #0047B3 !important;}
.categories h4 { padding: 0; margin: 10px 0 0 20px; text-decoration: underline;}
.product-teaser .price { padding: 5px;}
.categories .gray-gradient { padding-top: 10px;}
.product_status { width: 180px; height: 250px; position: absolute; left:0; top:0}
.product_status_detail { width: 280px; height: 100px; position: absolute; left:505px; top:0; z-index:1000}
.product_status { width: 180px; height: 250px; position: absolute;}
.new { background-image: url('https://weikart.abacuscity.ch/abauserimage/design/images/layout/product_new3.png?xet=1375973171000'); background-repeat:no-repeat;}
.sale { background-image: url('https://weikart.abacuscity.ch/abauserimage/design/images/layout/product_sale2.png?xet=1375971603000'); background-repeat:no-repeat;}
.product_status_line { width: 180px; height: 150px; position: absolute; top:0; left:0; z-index:500}
.linktit a {display:block; width:170px; height:65px}
/*
.productlink{
  width: 180px !important;
  height: 250px !important;
  position: absolute !Important;
  top:0 !important;
  left:0 !important;
  z-index:800 !important;
  border:1px solid red
}

.productlink a{
  display:block !important;
  width:180px;
  height:250px;
  zindex:1000 !important
}
*/
.new { background-image: url('https://weikart.abacuscity.ch/abauserimage/design/images/layout/product_new2b.png?xet=1426608340000'); background-repeat:no-repeat;}
.sale { background-image: url('https://weikart.abacuscity.ch/abauserimage/design/images/layout/product_sale2b.png?xet=1426684567000'); background-repeat:no-repeat;}
.productlinetxt {position:absolute; top:145px; left:0}
.product-teaser { width: 180px; height: 250px; text-align: center; float: left; margin-right: 11px; -moz-box-shadow: 0 0 7px 2px #565656; -webkit-box-shadow: 0 0 7px 2px #565656; box-shadow: 0 0 7px 2px #565656; margin-bottom: 40px; position:relative;}
.productlinepicture { width: 180px; height: 150px; background: white;overflow:hidden !important;}
.product-teaser img { max-height: 150px; height: auto; width:auto; max-width: 180px;}
.product-teaser:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.productlinetitle { width: 180px; margin: 10px 0 0 0; min-height: 65px; font-size: 13px;}
.productlineprice a {width:170px; display:block; height:35px; z-index:700 !important}
.productlineprice { font-size: 15px}
/******************************************************************************************
* PRODUCT_DETAIL
*******************************************************************************************/
.product-detail, #contentsection { width: 960px; overflow: hidden; min-height: 565px; background-color: rgba(255, 255, 255, 0.8);}
.product-detail .content { width: 900px; margin-top: 20px;}
.product-detail .productlinepicture-area { width: 400px; height: 450px; background-color: white; vertical-align: middle; display: table-cell; float: left;}
.product-detail .productlinepicture-area img { max-height: 450px; max-width: 400px;}
.product-detail .product-info-area { float: left; width: 400px; padding: 0 30px; font-size: 10pt;}
.product-detail .size { float: left; margin: 10px 10px 10px 0; height: 30px; line-height: 28px; display: inline-block; padding: 5px;}
.product-detail .size option { margin-top: 5px;}
.article-nr { color: gray; font-size: 8pt;}
.add-to-cart { float: left; width: 300px;}
.add-to-cart .price { font-size: 14pt;}
.add-to-cart .old-price { margin-left: 5px; font-size: 9pt; color: gray;}
.add-to-cart .amount { width: 300px;}
.add-to-cart .amount input { width: 35px; height: 25px; text-align: right; margin: 10px 0;}
/******************************************************************************************
* LOCATION
*******************************************************************************************/
.location-container { background-color: white; background-color: rgba(255,255,255,0.9); height: 800px; padding: 30px;}
.location-area { margin: 30px 0; min-height: 450px;}
.map-area { width: 400px; height: 450px; float:left; -moz-box-shadow: 0 0 10px 2px #565656; -webkit-box-shadow: 0 0 10px 2px #565656; box-shadow: 0 0 10px 2px #565656;}
#map_canvas { height: 100%; width: 100%;}
.location-info { width: 460px; font-size: 10pt; margin-left: 20px; float: left;}
.location-info .more { margin-top: 20px; font-size: 10pt;}
#location-carousel { height: 170px; width: 900px; margin: 30px 0; -moz-box-shadow: 0 0 10px 2px #565656; -webkit-box-shadow: 0 0 10px 2px #565656; box-shadow: 0 0 10px 2px #565656;}
#location-carousel ul { display: inline; margin: 0; padding: 0; list-style: none;}
#location-carousel li { float: left;}
#location-carousel img { height: 170px; width: 300px;}
/******************************************************************************************
* CONTENT_PAGE
*******************************************************************************************/
.linkicon { display:block; padding:0 0 0 20px; background-image: url(https://weikart.abacuscity.ch/abauserimage/design/images/layout/arrow.png?xet=1374557452000) ; background-repeat:no-repeat; margin-bottom:10px; }
#contentsection { font-size: 0.9em;}
.contentsectionstart { padding: 30px;}
.contentsectionstart.category { padding:0;}
.contentsectionstart.product { padding:0;}
.image-top-paragraph, .image-left-paragraph, .image-right-paragraph { margin-top: 20px; overflow: hidden;}
.image-top-paragraph img{ width: 900px; }
.image-left-paragraph img{ float: left; margin: 15px 20px 0 0;}
.image-right-paragraph img{ float: right; margin: 15px 0 0 20px;}
/******************************************************************************************
* CHECKOUT
*******************************************************************************************/
.order_progress { width: 900px; height: 50px; margin-bottom: 20px;}
.login-area, .payments, .overview { width: 900px; overflow: hidden;}
/*********
* CART
*********/
.cart-table { margin-top: 50px; width: 900px; border-collapse: collapse;}
.cart-table .product{ width: 500px;}
.cart-table .price{ width: 150px;}
.cart-table .amount{ width: 50px;}
.cart-table .total{ width: 100px;}
.cart-table .all_total { border-top: 2px solid black; border-bottom-style: double;}
.cart-table thead { font-weight: bold;}
.cart-table thead tr { background: none;}
.cart-table thead td { border-bottom: 2px solid black; }
.cart-table tr { background-color: white;}
.cart-table tr td{ padding: 10px;}
.cart-table tr td input{ width: 25px; padding: 5px;}
.cart-table tr td img{ float: left;}
.cart-area .button { margin: 20px 0;}
/*********
* LOGIN
*********/
.login-area div { -moz-box-shadow: 0 0 5px 2px #565656; -webkit-box-shadow: 0 0 5px 2px #565656; box-shadow: 0 0 5px 2px #565656; margin: 10px; padding: 10px 30px; overflow: hidden; background-color: white; float: left;}
.login-area .button { font-size: 11pt; margin: 5px 0 10px 0;}
.login input { margin: 0 0 5px 0;}
.register p { margin-bottom: 0;}
.register ul { padding-top: 0; margin-top: 0;}
.login, .register { width: 370px; height: 250px;}
.guest { width: 824px;}
/*********
* GUEST ORDER
*********/
#order-list { margin: 20px 0;}
/*********
* PAYMENTS
*********/
.payments .link-more, .overview .link-more { text-decoration: underline.}
.payments input{ float: left; margin-top: 20px;}
.payments td { width: 300px;}
.payments b { margin-left: 30px;}
/*********
* OVERVIEW
*********/
.overview .cart-table { margin: 0 0 25px 0;}
.overview .address td{ width: 150px;}
/******************************************************************************************
* My Account
*******************************************************************************************/
/*********
* LOGIN
*********/
.login-page-area div{ float: left; margin-top: 50px; width: 400px; min-height: 450px;}
.login-page-area .register { border-right: 1px solid black; margin-right: 50px;}
.login-page-area .login input[type="text"], .login-page-area .login input[type="password"] { margin-bottom: 20px; padding: 5px; width: 180px;}
/*********
* REGISTRATION
*********/
#registration_form { padding-top: 20px;}
#registration_form .info { padding-left: 30px;}
#registration_form td input[type="text"], #registration_form td input[type="password"], #registration_form td input[type="number"], #registration_form td select { width: 180px;}
#registration_form td{ padding: 5px 0; min-width: 180px; vertical-align: middle;}
#registration_form .day{ width: 50px;}
#registration_form .month{ width: 90px;}
#registration_form .year{ width: 55px;}
/*********
* INFORMATION
*********/
#account_data { width: 450px; float: left;}
#account_data td, #addresses td{ width: 200px;}
#account_data input[type="text"], #addresses input[type="text"] { width: 170px;}
#account_data .button { margin-top: 50px; margin-right: 50px; font-weight: normal;}
#addresses { float: left; width: 389px; padding: 0 30px; min-height: 500px; border-left: 1px solid black;}
/*********
* Last Orders
*********/
.order-table, #order-list { border-collapse: collapse; background-color: white; width: 900px;}
.order-table thead, #order-list thead{ background-color: #CBCBCB; font-weight: bold; border-bottom: 1px solid black;}
.order-table td, #order-list td { padding: 10px 20px;}
.order-table tr, #order-list tr { border-bottom: 1px solid black;}
/* Auflistung Klassierung */
.klassierungsauflistung {list-style: none !important; margin:0 0 0 0; padding:0}
.klassierungslist { float:left; width:360px; margin-right:2px; background: url(https://weikart.abacuscity.ch/abauserimage/design/images/layout/white.png?xet=1373387860000) ; display:block; padding:10px; border-bottom:1px solid #ccc}
/*Detail*/
.detailtable {width:685px; position:relative}
.detailleft {width:405px;}
.detailright {width:280px;}
.detailleftunten {width:405px; background-color:#003366; color:#fff }
.detailrightunten {width:280px; background-color:#003366; color:#fff}
.detailrightbild {width:280px; background-color:#FFF; vertical-align: middle; text-align: center;}
.txt {width:375px; line-height:18px !Important; margin-bottom:30px}
.detailpricetable {width:100%; background-color:#003366; color:#fff}
.detailprice1 {width:20%; background-color:#003366; color:#fff; padding:1px}
.detailprice2 {width:20%; background-color:#003366; color:#fff; padding:1px}
.detailprice3 {width:20%; background-color:#003366; color:#fff; padding:1px}
.detailprice4 {width:20%; background-color:#003366; color:#fff; padding:1px}
.detailprice5 {width:20%; background-color:#003366; color:#fff; padding:1px}
.detprice {margin-bottom:20px; font-weight:bold}
.formico {border:none; margin-top:2px}
.bgblue {color:#FFF; background-color:#003366; color:#fff; padding:6px}
.bggrayd {background-color:#003366; color:#fff; padding:6px;}
.bggrayl {background-color:#003366; color:#fff; padding:6px}
.imgdetail {max-width:280px}
/*basket*/
.basketform {width:685px}
.basketheader { font-size: 14px; font-weight: normal; text-transform:uppercase; padding: 0 0 10px 0; color: #666;}
.basketheader div {float:left; width:90px}
.basketproduct {width:280px !important; float:left}
.basketprice {width:120px !important}
.baskettotal {width:160px !important}
.basketdelete {width:30px !important; float:left !Important}
.basketentry {border-top:1px solid #ccc; clear:both; width:685px; height:40px}
.basketentry:hover {background-color:#fbfbfb !important;}
.basketentry div {float:left; width:90px; padding-top:4px}
.basketentry a {color:#4e7cab; text-decoration:none !Important}
.trenner {border-bottom:1px solid #b2aeae; height:30px}
.trennersml {border-bottom:1px solid #ccc; height:10px; clear:both; width:685px; margin-bottom:5px}
.basketendtotal {width:495px; float:left}
.basketendtotalprice {width:100px; float:left}
.baskethasmwst {clear:both}
.icondelete { background:url(https://weikart.abacuscity.ch/abauserimage/design/images/deletebutton.gif?xet=1207907218000); width:30px; height:17px; display:block; background-repeat:no-repeat;}
.infobox {color:#d48127; margin-top:20px; font-weight:bold }
.edit {margin-left:20px; background-color:#d48127; color:#fff !important; border-radius: 4px; padding:2px 4px 2px 4px; color:#fff; text-decoration:none !important; font-size:11px !important}
.row {clear:both}
.row.title {font-size:14px; font-weight:bold; padding-bottom:15px; text-transform:uppercase}
.column {float:left}
#pageidorderlist .column {width:100px}
#pageidorderlist .column.middle {width:150px}
#pageidorderlist .column.large {width:200px}
#idordersummary .trenner {width:500px; clear:both}
#pageidordersummary .tableft {width:120px; float:left; padding:2px 0 2px 0 !important}
#pageidordersummary .tabright {width:350px; float:left; padding:2px 0 2px 0 !important}
/*my account*/
.tableft {width:200px; float:left;}
.tabright{width:200px; float: left}
#pageidmyaccount .tableft {width:200px; float:left; margin-top:8px}
#pageidmyaccount .tabright{width:200px; float: left}
#pageidmyaccount .contentinner input {width:200px; padding:4px; margin-bottom:5px}
#pageidmyaccount .contentinner select{width:210px; padding:4px}
#pageiddeliveryaddress .tableft {width:200px; float:left; margin-top:8px}
#pageiddeliveryaddress .tabright{width:200px; float: left}
#pageiddeliveryaddress .contentinner input {width:200px; padding:4px}
#pageiddeliveryaddress .contentinner select{width:210px; padding:4px}
/* ====================================================================== */
/* === REGULAR LINKS                                                      */
/* ====================================================================== */
.contentinner a, .contentinner a:visited, .contentinner a:active, .contentinner a:focus { text-decoration: underline; color: #000;}
.contentinner a:hover { text-decoration: underline; color: #363636;}
/*
  AnythingSlider v1.8+ Minimalist Square theme
  By Rob Garrison
*/
/******************
  SET STYLING HERE
 ******************
 =================================
 Default state (no keyboard focus)
 ==================================*/
/* Overall Wrapper */
.anythingSlider-minimalist-square { margin: 0 auto; /* 30px right & left padding for the navigation arrows */ padding: 0 0px;}
/* slider window - top & bottom borders, default state */
.anythingSlider-minimalist-square .anythingWindow { border-top: 3px solid #333; border-bottom: 3px solid #333;}
/* Navigation buttons + start/stop button, default state */
.anythingSlider-minimalist-square .anythingControls a { background-color: #333; color: #fff; border: #000 1px solid;}
/* Navigation current button, default state */
.anythingSlider-minimalist-square .anythingControls a.cur,.anythingSlider-minimalist-square .anythingControls a:hover { background-color: #777; color: #000;}
/* start-stop button, stopped, default state */
.anythingSlider-minimalist-square .anythingControls a.start-stop { background: #040; color: #ddd; /* top shadow */ -moz-box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.5);}
/* start-stop button, playing, default state */
.anythingSlider-minimalist-square .anythingControls a.start-stop.playing { background-color: #800;}
/* start-stop button, default hovered text color (when visible) */
/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */
.anythingSlider-minimalist-square .anythingControls a.start-stop:hover,.anythingSlider-minimalist-square .anythingControls a.start-stop.hover,.anythingSlider-minimalist-square .anythingControls a.start-stop .anythingControls ul a:hover { color: #fff; /* clear top shadow */ -moz-box-shadow: inset 0 0 0 #000000; -webkit-box-shadow: inset 0 0 0 #000000; box-shadow: inset 0 0 0 #000000;}
/*
 =================================
 Active State (has keyboard focus)
 =================================
*/
/* slider window - top & bottom borders, active state */
.anythingSlider-minimalist-square.activeSlider .anythingWindow { background-color:#fff; -moz-box-shadow: 0 0 10px 2px #565656; -webkit-box-shadow: 0 0 10px 2px #565656; box-shadow: 0 0 10px 2px #565656; border:0;}
/* Navigation buttons, active state */
.anythingSlider-minimalist-square.activeSlider .anythingControls a { background-color: #164054; color: #fff;}
/* Navigation current button, active state */
.anythingSlider-minimalist-square.activeSlider .anythingControls a.cur,.anythingSlider-minimalist-square.activeSlider .anythingControls a:hover { background-color: #fff; color: #000;}
/* start-stop button, stopped, active state */
.anythingSlider-minimalist-square.activeSlider .anythingControls a.start-stop { background: #080; color: #fff;}
/* start-stop button, playing, active state */
.anythingSlider-minimalist-square.activeSlider .anythingControls a.start-stop.playing { color: #fff; background: #f00;}
/* start-stop button, active slider hovered text color (when visible) */
.anythingSlider-minimalist-square.activeSlider .start-stop:hover,.anythingSlider-minimalist-square.activeSlider .start-stop.hover { color: #fff;}
/************************
  NAVIGATION POSITIONING
 ************************/
/* Navigation Arrows */
.anythingSlider-minimalist-square .arrow { top: 50%; position: absolute; display: block;}
.anythingSlider-minimalist-square .arrow a { display: block; width: 30px; height: 40px; margin: -20px 0 0 0; /* half height of image */ text-align: center; outline: 0; background: url(https://weikart.abacuscity.ch/abauserimage/design/images/layout/arrows-minimalist.png?xet=1373379773000) no-repeat;}
/* back arrow */
.anythingSlider-minimalist-square .back { left: 0; }
.anythingSlider-minimalist-square .back a { background-position: left bottom; }
.anythingSlider-minimalist-square .back a:hover,.anythingSlider-minimalist-square .back a.hover { background-position: left top; }
/* forward arrow */
.anythingSlider-minimalist-square .forward { right: 0; }
.anythingSlider-minimalist-square .forward a { background-position: right bottom; }
.anythingSlider-minimalist-square .forward a:hover,.anythingSlider-minimalist-square .forward a.hover { background-position: right top; }
/* Navigation Links */
.anythingSlider-minimalist-square .anythingControls { height: 15px; /* limit height, needed for IE9 of all things */ outline: 0; display: none; float: right; position: absolute; bottom: 5px; right: 20px; margin: 0 45px; z-index: 100; opacity: 0.90; filter: alpha(opacity=90);}
.anythingSlider-minimalist-square .anythingControls ul { margin: 0; padding: 0; float: left;}
.anythingSlider-minimalist-square .anythingControls ul li { list-style: none; float: left; margin: 0; padding: 0;}
.anythingSlider-minimalist-square .anythingControls ul a { display: inline-block; width: 10px; height: 10px; margin: 3px; padding: 0; text-decoration: none; text-align: center; outline: 0;}
.anythingSlider-minimalist-square .anythingControls span { display: block; visibility: hidden;}
/* navigationSize window */
.anythingSlider-minimalist-square .anythingControls .anythingNavWindow { overflow: hidden; float: left;}
/* navigationSize nav arrow positioning */
.anythingSlider-minimalist-square .anythingControls li.prev span,.anythingSlider-minimalist-square .anythingControls li.next span { visibility: visible; position: relative; top: -6px; /* bring navigationSize text arrows into view */}
/* Autoplay Start/Stop button */
.anythingSlider-minimalist-square .anythingControls .start-stop { margin: 3px; padding: 0; display: inline-block; width: 10px; height: 10px; text-align: center; text-decoration: none; z-index: 100; outline: 0;}
/***********************
 IE8 AND OLDER STYLING
 ***********************/
/* Navigation Arrows */
.as-oldie .anythingSlider-minimalist-square .arrow { top: 45%;}
.as-oldie .anythingSlider-minimalist-square .arrow a { margin: 0;}
/***********************
COMMON SLIDER STYLING
***********************/
/* Overall Wrapper */
.anythingSlider { display: block; overflow: visible !important; position: relative;}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%;}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase { background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0;}
/* Navigation arrow text; indent moved to span inside "a", for IE7;
  apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span { display: block; visibility: hidden;}
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled { display: none;}
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0;}
/* vertical mode */
.anythingSlider .vertical .panel { float: none;}
/* fade mode */
.anythingSlider .fade .panel { float: none; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0;}
.anythingSlider .fade .activePage,.anythingSlider .fade .visiblePage { opacity: 1; filter: alpha(opacity=100); z-index: 2;}
/***********************
  RTL STYLING
 ***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .anythingWindow { direction: ltr; unicode-bidi: bidi-override;}
.anythingSlider.rtl .anythingControls ul { float: left; }
/* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a { float: right; }
/* reverse order of nav links */
.anythingSlider.rtl .start-stop { /* float: right; */ }
/* move start/stop button - in case you want to switch sides */
/* probably not necessary, but added just in case */
.anythingSlider .anythingWindow,.anythingSlider .anythingControls ul a,.anythingSlider .arrow a,.anythingSlider .start-stop { transition-duration: 0; -o-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0;}
#pageidmyaccount .row {padding-bottom:5px; float:left; width:500px}
#pageidmyaccount input {border:1px solid #abadb3}
#pageiddeliveryaddress .row {padding-bottom:5px; float:left; width:500px}
#pageiddeliveryaddress input {border:1px solid #abadb3}
.productlist-wrapper { position: relative; z-index: 8; float: left;}
.pagenavigator-wrapper { z-index: 10; float: left; position: relative; width: 100%; padding: 5px; }
/* INFORMATIONS LEFT COLUMN */
.sub__informations { background-color: #fff; padding: 16px 18px 14px 17px; margin-top: 15px;}
.sub__informations h3 { font-weight: bold; font-size: 13px; color: #000; margin-bottom: 10px;}
.sub__informations ul { margin: 0; padding: 0; list-style: none;}
.sub__informations ul li { font-size: 13px; color: #282828; line-height: 20px; margin-bottom: 10px; padding: 0 0 0 23px; list-style: none; background-repeat: no-repeat; background-position: left center; background-size: 19px 19px; background-image: url('https://weikart.abacuscity.ch/abauserimage/design/images/layout/list-check.png?xet=1490358779307');}
.sub__informations ul li:last-of-type { margin-bottom: 0; }
.sub__informations ul li.li__shop { background-position: calc(0% + 2px) center; background-size: 15px 15px; background-image: url('https://weikart.abacuscity.ch/abauserimage/design/images/layout/list-ch.png?xet=1490358778864');}