/* ==== WENIGER KOMPLEXE ELEMENTE ====*/
* {margin: 0px; padding: 0px; font-family: Helvetica, Arial}

body {background-color: #f1f1f1}

.main-bg, .shop_header {}
/*.settings {background: #C4D8BA url('../../img/webapp/default/layout/background_settings@2x.png')}*/
.payment-settings-bg {background: #C4D8BA url('../../img/webapp/default/layout/background_cart@2x.png'); background-size: 10px}

a {text-decoration: none; color: inherit; border: none}
p {margin-bottom: 10px}
.strong, 
strong {font-weight: bold}
.no-border,
img {border: none}
input {outline: 0}
.center {text-align: center}
.cursor {cursor: pointer}
.no-select {-webkit-tap-highlight-color: transparent}
.hidden {display: none !important}
.clear {clear: both}

.gray-text {color: #4C4C4C}
.panel-wrapper form > h4,
.panel-wrapper > h4 {color: #4C576D; font-size: 1em; font-weight: bold;text-shadow: rgba(255, 255, 255, .7) 0 1px 1px}
.gray-text.small {font-size: 12px; line-height: 16px}
.gray-text.big {color: #444244; text-shadow: rgba(255,255,255,.7) 0 1px 1px; font-size: 14px; font-weight: bold; text-align: center; margin: 20px auto 20px}
#logout-button {cursor: pointer}
.no-search-hits {color: #4C576D; text-align: center; font-weight: bold; margin-top: 110px!important; font-size: 18px!important; text-shadow: rgba(255, 255, 255, .7) 0 1px 1px}

.panel-wrapper .big-black-text {color: #000; font-size: 12px; font-weight: bold; margin-top: 10px; margin-bottom: -3px; margin-left: 8px; text-shadow: rgba(255, 255, 255, .7) 0 1px 1px}

/* cart-item badge */
span.cart-badge > span {
	color: #FFF;
    font-size: 10px;
    font-weight: bold;
    text-indent: 1px;
    line-height: 10px;
    min-width: 7px;
    height: 11px;
    background-color: maroon;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E60000), color-stop(.5, #B30000), color-stop(.5, #900), to(maroon));
    background-image: -moz-linear-gradient(top, #E60000, #B30000 50%, #900 50%, maroon);
    background-image: -o-linear-gradient(top, #E60000, #B30000 50%, #900 50%, maroon);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .9);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .9);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .9);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 2px solid #FFF;
    padding: 0 2px;
    position: absolute;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box 
}

span.cart-badge.big > span { 
	font-size: 14px;
	line-height: 15px;
	min-width: 9px;
	height: 15px;
	border-radius: 14px;
	padding: 0 3px
}

.marketplace-index .cart-badge > span {
	height: 18px; left: 53px; line-height: 18px; 
	min-width: 14px; top: -5px; font-size: 12px; font-weight: bold; z-index: 1;
	border-radius: 19px; -webkit-border-radius: 19px; -o-border-radius: 19px;
}

.button .cart-badge.rtl > span {right: -5px; left: inherit}
.button .cart-badge > span {left: 29px; top: -4px}
ul.shop-tabbar .cart-badge > span {top: 0; left: 24px}

/* Normaler Loeschen-Button */
.button-delete {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 29px;
	text-align: center;
	width: 70px !important;
    height: 30px !important;
    min-height: 0 !important;
    display: block;
    position: absolute;
    top: 19px;
    right: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #6F121A;
    background-color: #B71625;
    background-image: -moz-linear-gradient(top,#ED8991, #CD313E 50%, #B71721 50%, #B71625);
    background-image: -o-linear-gradient(top,#ED8991, #CD313E 50%, #B71721 50%, #B71625);
    background-image: -webkit-gradient(linear,left top, left bottom, from(#ED8991),color-stop(.5, #CD313E), color-stop(.5, #B71721), to(#B71625));
    z-index: 20;
    display: none
}

.button-delete.trash {
	border: none; 
	background-color: transparent;
	background-image: url('../../img/webapp/default/layout/cart_trash.png'); 
	text-indent: -3333em; 
	width: 25px !important; 
	height: 25px !important;
	top: 41px; right: 20px;
}

.button-delete.transitions {
	-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out
}

.cc-error .button-delete {top: 29px !important; display: block}

/* Runder Loeschen-Button */
.button-delete-round {
    height: 25px !important;
    width: 25px !important;
    min-height: 0 !important;
    min-width: 0 !important;
    left: 5px;
    top:  22px;
    background-color: #bc1423;
    background-image: -moz-linear-gradient(top, #dc7c88, #cb2f3a 50%, #bb141e 50%, #bc1423);
    background-image: -o-linear-gradient(top, #dc7c88, #cb2f3a 50%, #bb141e 50%, #bc1423);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dc7c88),color-stop(.5, #cb2f3a),color-stop(.5, #bb141e),to(#bc1423));
    border: 2px solid #fff !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
    position: absolute !important;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, .5);
    box-shadow: 0 2px 1px rgba(0, 0, 0, .5);
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer;
    opacity: 0
}

/* Minus-Zeichen */
.button-delete-round > div {
    background-color: #fff;
    width: 14px;
    height: 4px;
    left: 5px;
    top: 11px;
    position: absolute;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1), -1px -1px 1px rgba(0,0,0,.1); 
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1), -1px -1px 1px rgba(0,0,0,.1);    
    box-shadow: 1px 1px 1px rgba(0,0,0,.1), -1px -1px 1px rgba(0,0,0,.1)
}

.button-delete-round.visible {opacity: 1; visibility: visible; }
.button-delete-round.touched > div {-webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg)}

.button-delete-round.transitions {
/*	-webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms;*/
	-webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out
}

.button-delete-round.transitions > div {
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out
}
.cart .coupon .button-delete {top: 10px}
.cart .coupon .button-delete-round {top: 9px}
.wizzard .button-delete {top: 18px}
.wizzard .button-delete-round {top: 20px}

/* shop-header auf shop-startseite */
.shop_header {width: 320px; margin: 0 auto; text-align: center; background: #FFF; height: 70px}
.shop_header > img {width: 320px; height: 70px}

/* ==== ENDE: WENIGER KOMPLEXE ELEMENTE ====*/
/* ====== PORTALSEITE ====== */
table.marketplace-index {margin-left: auto; margin-right: auto; margin-top: 10px; text-align: center; border-collapse: collapse}
table.marketplace-index td {width: 100px; height: 90px}
.marketplace-index a {width: 72px; height: 72px; display: inline-block; text-decoration: none;position: relative}
.index_button,
.marketplace-index img.index_button {width: 72px; height: 72px; margin-bottom: -4px}
.marketplace-index img.index_button.active {-webkit-transform: scale(1.1,1.1)}
.marketplace-index td > span {font-size: 12px; font-weight: bold; color: #454545; text-shadow: #fff 0 1px 1px; display: block; margin-bottom: 7px; margin-top: 2px}

.newsfeed {
	margin-top:6px; padding-top:4px; padding-bottom:4px;
	border-top: 1px solid #cccccc;  border-bottom: 1px solid #8c8b90; 
	background: url('../../img/webapp/default/layout/item_list_bg_odd.png');
	background-size:100%
}

.newsfeed > div {
	border-top: 1px solid #ccc; border-bottom: 1px solid #8c8b90; padding: 4px;
	background: url('../../img/webapp/default/layout/item_list_bg_even.png')
}

.newsfeed > div.headline {font-size: 12px; font-weight: bold; color: #454545; text-shadow: #fff 0 1px 1px; text-align: center}
.newsfeed > div.content {font-size: 12px; font-weight: bold; color: #454545; text-shadow: #fff 0 1px 1px; text-align: center}
.newsfeed > span {margin-top: 8px; font-size: 10px; font-weight: bold; color: #fff; text-shadow: #000 0 1px 1px}

.bottom-menu { 
	background:green; height:40px; width:100%; text-align:center; 
	position:relative; bottom:0px; left:0px; 
	border-top-width:1px; border-top-color:#fff; border-top-style:solid
}

.bottom-menu-link {text-align:center; font-weight: bold; color:#fff; font-size:20px; position:relative; top:7px; display: block}

.download-app-button {	
	display:block; text-align:center; margin: 10px auto 0px auto;
	z-index: 1; width:263px; height: 34px; font-size:17px;
	font-weight: bold; vertical-align: middle;
	position:relative; color:#000; text-shadow: 1px 1px 1px #fff;
	line-height:36px; background: lightgrey; border: 1px solid #DDDDDD;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	background-image: -moz-linear-gradient(top,rgba(0,0,0,.3),rgba(255,255,255,.1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0));
	background-image: -o-linear-gradient(top,rgba(0,0,0,.3),rgba(255,255,255,.1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0));
	background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.2)),color-stop(.5, rgba(255,255,255,0)),color-stop(.5, rgba(255,255,255,.1)),to(rgba(200,200,200,0)));
	box-shadow: 0 1px 1px 0 #666;-webkit-box-shadow: 0 1px 1px 0 #666;-moz-box-shadow: 0 1px 1px 0 #666
}

/* ====== ENDE: PORTALSEITE ====== */
/* ==== PANELS ==== */
.panel-wrapper {width: 300px; margin: 0 auto; padding-bottom: 20px}
.panel-wrapper form > h4,
.panel-wrapper > h4 {font-size: 16px; margin: 10px 8px -3px 8px}
/* runde ecken */
.corner-all,
ul.sg-panel.separated > li > a:not(.button-delete),
ul.sg-panel.separated > li > div,
ul.sg-panel span.shift-wrapper {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px}

.corner-top,
ul.sg-panel > li:first-child,
ul.sg-panel > li:first-child > a:not(.button-delete) {
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px
}

.corner-bottom,
ul.sg-panel > li:last-child,
ul.sg-panel > li:last-child > a:not(.button-delete) {
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px
}

.corner-bottom-right {
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px
}

.footnote {
	color:#333; 
	font-size: .7em; 
	background-color:rgba(0, 0, 0, 0.1);
	background-image: url('../../img/webapp/default/layout/accessory_arrow_right_black.png');
	background-repeat: no-repeat;
	background-position: 98% 50%;
	border-radius:10px; 
	margin:10px 20px; 
	padding:5px 15px 5px 10px; 
	height:auto;
}

.footnote_item_details {
	color:#333; 
	font-size: .7em; 
	background-color:rgba(0, 0, 0, 0.1);
	background-image: url('../../img/webapp/default/layout/accessory_arrow_right_black.png');
	background-repeat: no-repeat;
	background-position: 98% 50%;
	border-radius:10px; 
	margin:0 auto;
	margin-bottom:10px; 
	text-align:center;
	width:300px;
}

.footnote_item {
	color:#333; 
	font-size: .6em; 
	padding:20px;
}
.gradient,
.sg-panel li.gradient,
div.sg-panel.gradient {
	background-color: #E9E9E9 !important;
    background-image: -moz-linear-gradient(top,#F9FBFA, #E9E9E9) !important;
    background-image: -o-linear-gradient(top,#F9FBFA, #E9E9E9) !important;
    background-image: -webkit-linear-gradient(top,#F9FBFA, #E9E9E9) !important;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#F9FBFA),to(#E9E9E9)) !important
}

/* panel grundlagen */
.sg-panel {font-size: 12px; background-color: #fff; /*line-height: 1.24em;*/ position: relative}
div.sg-panel {padding: 10px}
div.sg-panel.panel-link {padding: 10px 0px 10px 10px}
div.sg-panel.tight {padding: 0px}

.sg-panel.opaque {background: rgba(255, 255, 255, .7) !important}

ul.sg-panel,
div.sg-panel,
a.sg-panel{margin: 10px 0}

.sg-panel.border,
.sg-panel li.border {border-color: #ABABAB; border-width: 1px; border-style: solid}
.sg-panel.error {border-color: #f00; border-width: 2px}
.sg-panel .cc-error {border-color: #F00 !important} 

ul.sg-panel > li,
ul.sg-panel > li > a,
a.sg-panel {min-height: 34px}


ul.sg-panel > li.cart-item {
	min-height: 76px !important
}

ul.sg-panel > li {list-style: none}
ul.sg-panel > li:not(.no-style) {display: block; background-color: #fff; position: relative}

.sg-panel.sg-form.corner-all.border.wizzard li{
	background-image: url('../../img/webapp/default/layout/big_button_overlay.png') !important;	
	background-repeat: repeat-x;
}

ul.sg-panel > li:not(:last-child) {border-bottom: 1px solid #ABABAB}
ul.sg-panel > li.no-border {border-bottom: none}

/* iphone-style checkboxes */
.terms-checkbox {padding: 2px 10px !important}
.terms-checkbox .text {font-size: 1.15em; font-weight: bold; padding-top: 8px; line-height: 17px}
.terms-checkbox.with-checkbox .text {width: 185px;}
.terms-checkbox .iPhoneCheckContainer {position: absolute; right: 9px; top: 5px}

/* getrennte panel-elemente */
ul.sg-panel.separated {background: none}
ul.sg-panel.separated > li {margin: 10px 0}
ul.sg-panel.separated > li:not(.border) {border-bottom: none}

/* verlinkte panel-elemente (mit pfeil) */
ul.sg-panel > li > a:not(.button-delete),
ul.sg-panel > li > div.chevron,
div.sg-panel.panel-link > a,
a.sg-panel {
	background-image: url('../../img/webapp/default/layout/chevron_panel.png');
    background-position: 97% 50%;
    background-repeat: no-repeat;
    padding-right: 22px;
    cursor: pointer;
    display: block
}

ul.sg-panel li:not(.no-chevron) > a .center {padding-left: 30px !important}

ul.sg-panel > li.checked > a:not(.button-delete),
ul.sg-panel > li.checked > div.chevron {
	background-image: url('../../img/webapp/default/layout/variation_checkmark.png');
	background-position: 98% 50%;
	padding-right: 22px
}

div.sg-panel.no-chevron > a,
a.sg-panel.no-chevron,
ul.sg-panel > li.no-chevron > a,
ul.sg-panel > li.no-chevron > div.chevron {background-image: none !important ;padding-right: inherit}

/* einfacher text-inhalt */
.sg-panel span.text,
.sg-panel div > span.text {display: block; padding: 10px; font-size: 1em}

.sg-panel span.text.bigger,
.sg-panel div > span.text.bigger {font-size: 1.1em}

div.sg-panel .text {padding: 0}

/* zweispaltige panels */
.sg-panel li.columns {position: relative}
.sg-panel li.columns .col-one,
.sg-panel li.columns .col-two,
.sg-panel.columns .col-one,
.sg-panel.columns .col-two.text,
.payment-shipping-settings .col-one .caption {display: inline-block}
.sg-panel .columns .col-one,
.sg-panel.columns .col-one{float: left;clear: left}

/* einrueckbare panels */
.sg-panel .shift-wrapper {
	width: 248px;
	background-color: #fff;
	display: block;
	padding: 6px;
	position: relative;
	z-index: 10;
	-webkit-transition: margin .5s ease-in-out;
	-moz-transition: margin .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
}

.sg-panel .shift-wrapper.shifted {margin-left: 36px}
.sg-panel .shift-wrapper .col-one {width: 66px}
.sg-panel .shift-wrapper .col-two {width: 181px}

.wizzard .shift-wrapper {padding-top: 10px !important; padding-bottom: 10px !important}

/* account einstellungen */
.account-settings .col-one,
.account-settings .col-two {padding: 8px 0; font-size: 1.1em; line-height: 1.4em}
.account-settings .col-one {width: 80px; padding-left: 10px}
.account-settings .col-two {padding-right: 10px}

/* rechnung - zahlung - lieferung */
.payment-shipping-settings li,
.payment-shipping-settings a {min-height: 81px !important}
.payment-shipping-settings .col-one,
.payment-shipping-settings .col-two {margin: 5px 0 5px 5px}
.payment-shipping-settings .col-one {width: 80px; padding: 0 5px; text-align: center}

.payment-shipping-settings .col-one .caption {font-size: 1.3em; font-weight: bold}
.payment-shipping-settings .col-two .caption {font-size: 1.1em; font-weight: bold}

.payment-shipping-settings .col-one img {height: 45px; margin-top: 4px}
.payment-shipping-settings .col-two {color: #3E5A7F; font-size: 1.2em; line-height: 1.12em; width: 174px}
.payment-shipping-settings .col-two .cc {margin-bottom: 8px;display: block; position: relative}
.payment-shipping-settings .col-two .cc-holder {font-weight: bold; position: relative; top: -2px;}
.payment-shipping-settings .col-two .cc img {width: 40px}
.payment-shipping-settings .col-two .cc img.local-image {height: 15px; width: inherit}

.payment-shipping-settings .col-two .payment-text {font-size: .85em; line-height: 1.35em; display: inline-block}
.payment-shipping-settings .col-two .payment-text.hint {color: #f00; font-weight: bold}

/* payment icons */
.col-one .payment-icon {width: 65px; margin-top: 5px}
.payment .logo-wide {width: 250px; margin-left: 10px; margin-top: 10px}
.payment-logos img {width: 180px}

.payment-icons {
	background-image: url('../../img/webapp/default/layout/payment_icons.jpg');
	background-repeat: no-repeat;
	display: inline-block
}

.payment-icons.payment,
.payment-icons.invoice,
.payment-icons.order {width: 46px; height: 46px; margin-top: 3px}

.payment-icons.payment {background-position: 0 0}
.payment-icons.invoice {background-position: -48px 0}
.payment-icons.order {background-position: -96px 0}

.payment-icons.sofort-big {width: 250px; height: 50px; background-position: 0 -118px}
.payment-icons.cnb-big {width: 250px; height: 69px; background-position: 0 -48px}
.payment-icons.sofort {width: 170px; height: 33px; background-position: 0 -217px}
.payment-icons.cnb {width: 170px; height: 47px; background-position: 0 -169px}
.payment-icons.visa-master {width: 220px; height: 50px; background-position: 0 -253px}

.payment-icons.visa,
.payment-icons.master {width: 61px; height: 38px}
.payment-icons.visa {background-position: -183px -166px}
.payment-icons.master {background-position: -186px -214px}

.payment-icons.visa-small,
.payment-icons.master-small {position: relative; top: 2px; width: 37px; height: 14px}
.payment-icons.visa-small {background-position: -208px -7px}
.payment-icons.master-small {background-position: -207px -26px}

.payment-icons.shipping-small {width: 18px; height: 18px; background-position: -225px -266px}
.payment-icons.payment-small {width: 18px; height: 18px; background-position: -225px -286px}
.payment-icons.coupon {width: 51px; height: 34px; background-position: -146px -8px}

/* warenkorb */
.sg-panel.cart > li.hoverx,
.sg-panel.cart > li.hoverx .shift-wrapper{background: #cecece} 
.cart {font-size: 11px}
.cart > li.cart-item > span {min-height: 60px}
.cart .shiftable .col-one img {height: 60px; width: 60px; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px}
.cart .shiftable .col-two {min-height: 43px}
.cart .coupon-code,
.cart .item-price {font-size: 1.2em; font-weight: normal; color: #7F7F7F; margin: 4px 0 0 66px; display: block; min-height: 15px}
.cart .item-total-price,
.cart .shipping-costs {
	color: #000;
	font-weight: bold;
	min-height: 0 !important;
	z-index: 10;
	font-size: 1.2em;
	position: absolute;
	right: 10px;
	bottom: 6px
}

.cart .shipping-costs {bottom: 7px}
.cart .coupon .col-two {font-weight: bold; font-size: 1.2em; min-height: 0}
.cart .coupon .item-total-price {color: #026E08}
.cart .payment-icons.coupon {margin-left: 5px; margin-top: 2px}
.cart .coupon-warning .text {color: #B6201F; padding-top: 0px; padding-bottom: 7px}
.cart .total-amount {font-size: 17px !important; font-weight: bold; text-align: right; vertical-align: middle}
.cart .tax-text {font-size: 11px !important; text-align: right; vertical-align: middle; color: #666; padding: 0 10px 5px 0}
.cart .headline > a {
	background-image: url('../../img/webapp/default/layout/cart_info_button@2x.png') !important;
	background-size: 22px !important
}

.cart .headline .text {
    color: #4C4C4C;
    font-size: 1.3em;    
    font-weight: bold;
    text-shadow: rgba(255,255,255,.9) 0 1px 1px;
    white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.cart li.terms,
.cart li.terms > a {min-height: 20px !important}
.cart li.country-delivery-error {background-color: #f00 !important}
.cart li.country-delivery-error .text {color: #fff !important; font-size: 1.2em; font-weight: bold; line-height: 1.2em}
.cart li.country-delivery-error .text span {text-decoration: underline; text-shadow: 0 1px 3px rgba(0,0,0,.4)}
.cart li.terms span {padding-top: 7px; padding-bottom: 7px}

.cart .payment-icons.shipping-small {margin-left: 10px; margin-top: 6px; float: left}
.cart li.shipping {min-height: 30px}
.cart .shipping .text {display: block; margin-left: 35px; padding-top: 8px; font-size: 1.2em}

.cart .payment-icons.payment-small {margin-left: 10px; margin-top: 6px; float: left}
.cart li.payment {min-height: 30px}
.cart .payment .text {display: block; margin-left: 35px; padding-top: 8px; font-size: 1.2em}

/* artikeloptionen - inputs */
.cart .col-two ul,
.cart .col-two .attributes {margin-top: .2em}
.cart .col-two ul > li {list-style: none; margin-top: .25em}
.cart .col-two ul > li div:last-child,
.cart .text.terms,
.cart .text.redeem-coupon,
.cart .tax-note .text {text-shadow: rgba(255, 255, 255, 0.9) 0px 1px 1px}
.cart .text.terms {color: #484848; font-size: 1.1em}
.cart .cart-shopgate-payment-amount .text,
.cart .cart-shopgate-payment-amount .amount {font-size: 1.2em; font-weight: bold; line-height: 3.0em}
.cart .cart-shopgate-payment-amount .text {float: left; margin-left: 20px}
.cart .cart-shopgate-payment-amount .amount {text-align: right; margin-right: 20px}
.cart .cart-total-amount .text,
.cart .cart-total-amount .amount {font-size: 1.7em; font-weight: bold; line-height: 1.8em}
.cart .cart-total-amount .text {float: left; margin-left: 10px}
.cart .cart-total-amount .amount {text-align: right; margin-right: 10px}
.cart .text.redeem-coupon {font-size: 1.5em; font-weight: bold; line-height: 1.6em; padding: 4px}
.cart li.tax-note {margin-top: -14px !important}
.cart .tax-note .text {font-size: 1.2em}

.wizzard .shift-wrapper .col-one {width: 75px}
.wizzard .shift-wrapper .col-two {width: 173px}
.wizzard .shift-wrapper .col-two strong {font-size: 1.15em; margin-bottom: 5px; display: inline-block}
.wizzard .shift-wrapper .col-two small {font-size: 1em; line-height: 1.25em; color: gray; display: inline-block}
.wizzard .payment-icons {margin: 5px 5px 0 5px}
.wizzard strong {color: #000}
.wizzard li span.text,
.wizzard .prepayment strong {color: #4C4C4C}
.wizzard li:not(.prepayment) span.text {padding-top: 0; padding-right: 0}
.wizzard .prepayment strong {font-size: 1.4em; display: block; margin-bottom: 6px}
.wizzard .add-new-item img {width: 28px; height: 28px; float: left; margin: 5px 10px 10px 8px}
.wizzard .add-new-item .text {font-size: 1.20em; padding: 10px !important}

.payment-thank-you {
	background-color: #3A7138;
    background-image: -moz-linear-gradient(top,#31D12F,#30B92E 2%,#338C30 98%,#3A7138);
    background-image: -o-linear-gradient(top,#31D12F,#30B92E 2%,#338C30 98%,#3A7138);
    background-image: -webkit-gradient(linear,left top, left bottom,from(#31D12F),to(#3A7138),color-stop(.02, #30B92E),color-stop(.98, #338C30));
}

.payment-thank-you img {height: 35px; float: left; margin-left: 10px; margin-top: 6px}

.payment-thank-you div { 
	color: #fff;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.1em;
	margin-left: 65px;
	text-shadow: 0 -1px 2px rgba(0, 0, 0, .5);
}

.finish-payment {text-align: center}
.finish-payment img {margin-bottom: 10px}
.finish-payment #payment-counter {font-size: 6em; font-weight: bold; line-height: .8em; margin: 15px 0 12px 0}
.finish-payment h4 {font-weight: bold;margin: 0px 5px 15px 5px}

.finish-payment.prepayment li {list-style: none; line-height: 2.2em; text-align: left}
.finish-payment.prepayment span,
.finish-payment.prepayment h4 {font-size: 1.2em}
.finish-payment.prepayment h4 {margin-bottom: 10px; line-height: 1.2em}
.finish-payment.prepayment span:first-child {color: #000; font-weight: bold}
.finish-payment.prepayment span:last-child {color: #7A7F79; float: right}
.finish-payment.prepayment .purpose,
.finish-payment.prepayment .amount {font-size: 1.5em}
.finish-payment.prepayment .purpose {color: #000 !important}
.finish-payment.prepayment .amount {color: #007100 !important; font-weight: bold}
.finish-payment.credit-card img {height: 155px; width: 178px}

.orders > li:not(:last-child) {min-height: 70px !important; overflow: hidden}
.orders .col-one img {width: 100px; height: 70px}
.orders .col-one {width: 100px; margin-bottom: -4px}
.orders .col-two {width: 184px; padding: 5px 6px 0 6px}
.orders .col-two h4 {font-size: 1.11em; font-weight: normal; text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.orders .col-two ul {margin: 4px 0}
.orders .col-two li {
	color: gray;
	padding-left: 14px;
	list-style: none;
	background: url('../../img/webapp/default/layout/orders_list_bubble.png') no-repeat;
	background-position: 0 2px
}
.orders.not-payed > li:first-child {background-color: rgba(255,0,0,.08) !important}
.orders > li:first-child img {height: 47px; width: 62px; position: absolute; right: 7px; top: 10px; z-index: 1}
.orders > li.market {height: 33px !important; min-height: 0px !important}

.orders .date,
.orders .recipient,
.orders .order-text {font-size: 1.2em; padding: 8px 10px 0 10px; z-index: 10}
.orders .date {font-weight: bold; position: relative}
.orders .recipient {color: #80807E}
.orders .order-text {color: #E60B09; text-align: center; font-size: 1.1em; margin: 10px 0}
.orders.shipped .order-text {color: #127314}
.orders .bordered-button {margin: 0 auto 10px auto}
.orders .text.total-amount {padding: 5px 10px; text-align: right; color: #2E9134; font-size: 1.5em; font-weight: bold}

.checkout-headline {
    color: #1B191A;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-shadow: rgba(255,255,255,.9) 0 1px 1px;
    padding: 7px 9px;
    margin-bottom: 10px;
    background: rgba(0,0,0,.1);   
    border-bottom: 1px solid #5A5A5C;
    -webkit-box-shadow: 0 1px 1px #fff;    
    -moz-box-shadow: 0 1px 1px #fff;
    box-shadow: 0 1px 1px #fff
}

/* ARTIKEL-DETAILS */
.item-details-wrapper  #item-name {
	height: 45px; border-bottom: 1px solid #c0c0c0; margin-bottom: 15px;
	background-color: #dddddd
}

.item-details-wrapper #item-name span {font-size: 16px; color: #333; font-weight: bold; margin-left: 12px; padding-top: 8px; display: block}

.item-details-price-tag {margin: 0 auto; height: 160px; width: 300px; font-size: 10px; -webkit-user-select: none}

.item-details-price-tag .item-image,
.item-details-price-tag .price-wrapper,
.item-details-price-tag .buy-wrapper {float: left}

.item-details-price-tag .item-image,
.item-details-price-tag .price-wrapper {background-color: #fff; position: relative}

/* START: Produktbilder */
.item-details-price-tag .item-image {
    width: 160px;
    height: 160px;
    -webkit-border-radius: 10px 0 10px 10px;
    -moz-border-radius: 10px 0 10px 10px;
    border-radius: 10px 0 10px 10px;
    border: 1px solid #ABABAB;
	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,.25);
	-moz-box-shadow: 0 2px 1px rgba(0,0,0,.25);
	box-shadow: 0 2px 2px rgba(0,0,0,.25);
}
.item-details-price-tag .item-image img {
	width: 150px; 
	height: 150px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin: 5px 5px 1px 5px
}

.item-details-price-tag.gallery {height: 180px}
.item-details-price-tag.gallery .item-image {height: 180px; position: relative}

#gallery-wrapper {
	width:160px;
	height:160px;
	float:left;
	position:relative;	
	z-index:1;
	overflow:hidden;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

.gallery-scroller {width:320px; height:100%; float:left; padding:0}
.gallery-scroller ul {list-style:none; display:block; float:left; width:100%; height:100%; padding:0; margin:0; text-align:left}
.gallery-scroller li {display:block; float:left; width:160px; height:160px; text-align:center; line-height:140%}

.item-gallery-indicator {text-align: center; width: 150px; margin-left: -75px; position: absolute; left: 50%; height: 17px; bottom: 0px}
.item-gallery-indicator ul {list-style: none;position: relative; float: left; left: 50%; margin: 0 auto; padding: 0}
.item-gallery-indicator ul > li {
	-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px;
	width:8px; height:8px; background:#ddd; overflow:hidden; float: left; text-indent:-9999em; right: 50%; position: relative; margin: 0 2px
}
.item-gallery-indicator ul > li.active {background:#888}
/* END: Produktbilder */

.item-details-price-tag .price-wrapper,
.item-details-price-tag .buy-wrapper {width: 140px; height: 160px; float: left; position: relative}

.item-details-price-tag .price-wrapper {
	width: 137px;
	height: 70px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	margin-left: -1px;
	border-top: 1px solid #ABABAB;
	border-right: 1px solid #ABABAB;
	border-bottom: 1px solid #ABABAB;
	-webkit-box-shadow: 2px 1px 2px rgba(0,0,0,.25);
	-moz-box-shadow: 2px 1px 2px rgba(0,0,0,.25);
	box-shadow: 2px 1px 2px rgba(0,0,0,.25);
}

.item-details-price-tag .price-wrapper #price,
.item-details-price-tag .price-wrapper #shipping {text-align: center; width: 120px}
.item-details-price-tag .price-wrapper #price {font-size: 1.9em; padding-top: 6px}
.item-details-price-tag .price-wrapper #shipping {padding-top: 2px}
.item-details-price-tag .price-wrapper .tax {
	font-size: .93em; color: #838383; position: absolute; right:-8px; top: 28px;
	-moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg)	
}

.item-details-price-tag .price-wrapper img {width: 98px; position: absolute; bottom: 7px; left: 50%; margin-left: -57px}

.item-details-price-tag .buy-wrapper,
.item-details-price-tag .buy-wrapper > div {width: 137px; height: 90px}

.item-details-price-tag .buy-wrapper > div {
	text-align: center
}

.rating.stars {
	height: 25px; width: 16px; display: inline-block;
	background-image: url('../../img/webapp/default/layout/item_details_star_rating.png')
}

.rating.stars.half {background-position: -16px 0}
.rating.stars.empty {background-position: -32px 0}

.item-details-price-tag #rating {display: block; padding-top: 10px}
.item-details-price-tag #rating img {width: 15px; height: 30px; -webkit-touch-callout: none}
.item-details-price-tag #rating .rating-text{color: #4F4F4F; font-size: 1.1em; display: block; margin-top: -5px}

.item-quantity .quantity-button,
#buy-button .buy-button {
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	-webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    text-align: center; 
    height: 30px; 
    line-height: 30px; 
}

.item-quantity .quantity-button {font-size: 16px; width: 36px}
.cart .item-quantity {/* position: absolute; top: 42px; */ width: 216px; display: none }
#buy-button .buy-button {
	width: 125px;
	color: #fff; font-size: 15px; text-shadow: #62676B .4px -1px 1px;
	margin-top: 9px; 
	background-color: #3CAF3A;
	background-image:  url('../../img/webapp/default/layout/overlay_buy_button.png'); 
	-webkit-box-shadow: #1B4D1A 1px 1px 1px inset, 1px 1px 1px rgba(43,127,42,.4);
    -moz-box-shadow: #1B4D1A 1px 1px 1px inset, 1px 1px 1px rgba(43,127,42,.4);
    box-shadow: #1B4D1A 1px 1px 1px inset, 1px 1px 1px rgba(43,127,42,.4);
    position: relative;
}

.item-quantity  .quantity-button,
#buy-button .buy-button.transitions {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
}

#buy-button span.preloader {
	height: 10px;
	position: absolute;
	left: 50%;
	margin-left: -42px;
	top: 10px;
	width: 85px;
	background-image: url('../../img/webapp/default/layout/item_details_preloader.gif')
}
.item-quantity  .quantity-button.increase.touched,
.item-quantity  .quantity-button.decrease.touched,
#buy-button .buy-button.touched {background-color: #ffd125}

.item-quantity  .quantity-button,
#buy-button .buy-button.locked {
	color: #4C4C4C; background-color: #d3d3d3; text-shadow: 0 1px 1px #fff;
	-webkit-box-shadow: #616161 1px 1px 1px inset, 1px 1px 1px rgba(97,97,97,.5);
    -moz-box-shadow: #616161 1px 1px 1px inset, 1px 1px 1px rgba(97,97,97,.5);
    box-shadow: #616161 1px 1px 1px inset, 1px 1px 1px rgba(97,97,97,.5);	
}

.item-details-price-tag #rating {-webkit-touch-callout: none; height: 28px}
.item-quantity .input-wrapper {
	height: 29px; width: 41px; 
	border: 1px solid #4F4F4F;
	border-radius: 4px;
	background-color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 2px 2px rgba(0,0,0,.2);
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 2px;
	text-align: center
}

.item-quantity input {
	height: 25px; width: 34px; margin-top: 2px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	background-color: transparent;
	border: none;
}

.item-details-rating-info li > a,
.item-details-rating-info li > div {padding: 10px}
.item-details-rating-info li > a {padding-bottom: 5px}
.item-details-rating-info li > div {padding-top: 5px}
.item-details-rating-info .col-one {width: 90px; font-weight: bold}
.item-details-rating-info .col-two {width: 175px}
.item-details-rating-info .rating-text {font-size: .9em; display: block; margin-top: -10px}
.item-details-rating-info img {height: 27px; -webkit-touch-callout: none}

/* artikelbeschreibung */
.item-details-desc-wrapper > dl > dt:first-child {
	color: #FFF; font-size: 1.2em; font-weight: bold; text-shadow: #5C5C5E 1px 1px 1px;
	padding: 8px 12px; margin: -10px -10px 3px;
	background-color: #61666C;
	background-image: -moz-linear-gradient(top,#61666C,#83868D);
	background-image: -o-linear-gradient(top,#61666C,#83868D);
	background-image: -webkit-gradient(linear,left top, left bottom,from(#61666C),to(#83868D));
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	border-top-right-radius: 7px
}

.item-details-desc-wrapper.price-info > dl > dt:first-child {
	padding: 4px 12px;
}

.item-details-desc-wrapper > dl > dd:not(#item-description) > table {border-collapse: collapse; width: 100%}
.item-details-desc-wrapper > dl > dd:not(#item-description) > table tr:not(:last-child) {border-bottom: 1px dotted #4C4C4C}
.item-details-desc-wrapper > dl > dd:not(#item-description) > table tr.item-categories {border-top: 1px dotted #4C4C4C}
.item-details-desc-wrapper > dl > dd:not(#item-description) > table tr > td {padding: 4px 0px}

/* Artikelinformationen: linke Spalte */
.item-details-desc-wrapper > dl > dd:not(#item-description) > table tr > td:first-child {font-weight: bold; vertical-align: top; width: 95px}
.item-details-desc-wrapper.price-info > dl > dd:not(#item-description) > table tr > td:first-child {
	width: 140px;
}
/* Artikelinformationen: rechte Spalte */
.item-details-desc-wrapper > dl > dd:not(#item-description) > table tr > td:last-child {width: auto}

.item-description {font-size: 1em; display: block; font-weight: bold; padding: 5px 0}
.item-description.border {border-top: 1px dotted #4C4C4C}
#item-description p {margin-bottom: 0}

.item-description.categories {padding-bottom: 3px}
.item-categories a {
	text-decoration: underline;
	display: inline-block;
	padding: 2px 3px;
	padding-left: 0px;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
tr.item-categories a {padding-top: 0; padding-bottom: 0}
.item-categories a.hover {background: rgba(0, 0, 0, 0.2); border-radius: 5px}
.item-categories {padding-bottom: 2px}
.item-categories span {padding-right: 2px}
.item-categories ol {margin-left: 18px}
.item-categories li:first-child {padding-top: 0}
.item-categories li {padding: 2px 0}

.item-details-desc-wrapper.price-info .list-price td:last-child {
	color: grey; text-decoration: line-through
}

.item-details-desc-wrapper.price-info .price td:last-child,
.item-details-desc-wrapper.price-info .you-save td:last-child {
	color: #B20000
}

.item-details-desc-wrapper.price-info .price td:last-child {
	font-weight: bold
}

#item-description iframe.description-iframe {
	border: 0;
	width: 100%
}

/* == HTML-FORMATIERUNEN IN ITEM-DESCRIPTION == */
#item-description {-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto}
#item-description ul,
#item-description ol,
#item-description dl {padding-left: 20px}
#item-description ul li {list-style:disc}
#item-description img {max-width: 100% !important; height: auto !important}
#item-description table {max-width: 100% !important; height: auto !important}
#item-description table td {vertical-align: top!important}
#item-description table,
#item-description table td,
#item-description table td {width: auto !important; height: auto !important}
#item-description table,
#item-description ul,
#item-description p {margin: 10px 0}
/* == ENDE: HTML-FORMATIERUNEN IN ITEM-DESCRIPTION == */


/* attribute / optionen in item-details */
.item-details-attributes {list-style: none; margin-top: 12px; font-size: 13px}
.item-details-attributes li {
	height: 30px;
	margin: 5px 0;
	padding: 0 15px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #a0a0a0;
    border-top: 1px solid #e2e2e4;
    border-bottom: 1px solid #9d9d9f;
	background-color: #c7c7c7;
    background-image: url('../../img/webapp/default/layout/overlay_attributes.png');
    -webkit-user-select: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    cursor: pointer
}

.item-details-attributes li.error {background-color: #FF9421}
.item-details-attributes li span {color: #1B1B1B;text-shadow: 0 1px 1px #fff; display: inline-block; padding-top: 7px}
.item-details-attributes.wrapped li span {display: block; padding-top: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.item-details-attributes li span:last-child {float: right; font-weight: bold; margin-top: -1px}
.item-details-attributes.wrapped li span:last-child {float: none}

dl.item-details-inputs {margin-top: 5px}
.item-details-inputs dt {color: #4c4c4c; font-weight: bold; font-size: 1.12em; padding-bottom: 3px}
.item-details-inputs dd {color: #4c4c4c; font-weight: bold}
.item-details-inputs dd:not(:last-child) {margin-bottom: 6px}
.item-details-inputs input {
	width: 280px; font-size: 1.15em; font-style: italic; height: 30px; border: none;
	background: transparent url('../../img/webapp/default/layout/transparent.png')
}

.item-details-inputs dd.error input {background-color: #FFD8D9!important}
.item-details-inputs input:-moz-placeholder {color:#3a5197; font-style: italic}
.item-details-inputs input::-webkit-input-placeholder {color:#3a5197; font-style: italic}
.item-details-inputs dd.required input:-moz-placeholder {color:#B54D4E; font-style: italic}
.item-details-inputs dd.required input::-webkit-input-placeholder {color:#B54D4E; font-style: italic}
.item-details-inputs img {float: right; height: 25px; margin-right: -5px}
.item-details-inputs img + input,
.item-details-inputs span.info-button + input {width:255px}
.item-details-inputs span.info-button {
	background-image: url('../../img/webapp/default/layout/item_details_info_button.png');
	width: 25px; height: 25px; display: inline; float: right; cursor: pointer
}

/* Bestellhistorie */
.order-history {
	background-image: #fff4c0;
	background-image: -webkit-linear-gradient(top, #fffcc6 30%, #ffecba 70%);
	background-image: -moz-linear-gradient(top, #fffcc6 30%, #ffecba 70%);
	background-image: -o-linear-gradient(top, #fffcc6 30%, #ffecba 70%);
	background-image: -ms-linear-gradient(top, #fffcc6 30%, #ffecba 70%);
	background-image: linear-gradient(top, #fffcc6 30%, #ffecba 70%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, #fffcc6), color-stop(0.7, #ffecba));
	border-bottom: 1px solid #C7AE37;
	font-size: 13px;
	padding: 2px 10px
}

.order-history li {padding: 2px 0; list-style: none}
.order-history a {text-decoration: underline}

/* == Einzelshop Login / Shopgate-Connect */
.checkout-register a,
.checkout-register img {display: block; margin: 0 auto}
.checkout-register a {width: 120px; display: block}
.checkout-register table {margin: 0 auto}
.checkout-register td {vertical-align: top}
.checkout-register img {width: 60px; height: 60px}
.checkout-register span {text-align: center; margin-top: 5px; display: inline-block; font-weight: bold; text-shadow: rgb(255, 255, 255) 0 1px 1px}

#itemImage, .item-images {max-width: 300px}

/* === FORMULARE === */
.sg-form > li {min-height: 30px !important; padding: 5px 0}
.sg-panel li.error-message,
.sg-form > li.error-message {min-height: 20px !important; padding: 5px 7px}

.sg-form > li.error {background-color: #FFD8D9 !important}
.sg-form input {height: 30px; cursor: pointer; font-size: 1.25em; position: absolute}

.sg-form input {
	background-color: transparent;
	background-image: url('../../img/webapp/default/layout/transparent.png');
	border: none; right: 7px; left: 7px
}

div.sg-panel.sg-form {padding: 0}
.sg-panel.sg-form > input[type="submit"] {position: relative; height:40px; width: 100%; left: 0; right: 0; padding: 0}

.sg-form input[type="submit"] {font-weight: bold; padding-right: 3px}
.sg-panel li.error-message,
.sg-login-form .error-message,
.sg-form > li.error-message {font-size: 1.1em; text-align: center; font-weight: bold; color: #B54D4E}

.sg-form > li.customer-name > div,
.sg-form > li.residence > div {position: relative; display: inline-block;}
.sg-form > li.residence > div:first-child {float: left}
.sg-form > li.residence > div:last-child {float: right}
.sg-form > li.residence > div:first-child {width: 35%}
.sg-form > li.residence > div:last-child {width: 62%}

.sg-form > li.customer-name > div:first-child {width: 28%; float:left}
.sg-form > li.customer-name > div:nth-child(2) {width: 35%; float:left}
.sg-form > li.customer-name > div:last-child {width: 37%; float:right; background-color:green}

/* selectboxen */
.sg-form:not(.regular-selects) select {width: 100%;  font-size: 15px; border:none; background:none; height: 30px;padding: 5px 0 5px 7px;margin-top:5px;}
.sg-form .selectgender select, .sg-form .selectcountry select{border:1px solid #333333;background-color:#eee;}
.sg-form .selectgender{padding:0 5px;background:white;border-bottom:1px solid #CCC;}
.sg-form .selectgender select{margin:5px 0;width:130px;}
.sg-form .selectcountry{padding:0 5px;background: white;border-bottom:1px solid #CCC;}
.sg-form .selectcountry select{margin: 5px 0;}
.sg-form.regular-selects select {height: 35px; margin-top: 0px; width: 100%; font-size: 13px}
/* ablaufdatum kreditkarte */
.sg-form .card-expiry-date label {font-size: 16px; margin: 5px 0 -3px 10px; display: block}
.sg-form .card-expiry-date > div {position: absolute; right: 9px; top: 5px}
.sg-form .card-expiry-date > div > select {font-family: Courier; font-size: 18px}
.sg-form .card-expiry-date > div > select:first-child {width: 30px; text-align: right}
.sg-form .card-expiry-date > div > select:last-child {width: 50px; text-align: left}
.sg-form.regular-selects .card-expiry-date > div > select:first-child {width: auto; text-align: right}
.sg-form.regular-selects .card-expiry-date > div > select:last-child {width: auto; text-align: left}
/* login-formular */
.sg-login-form {border: none; text-align: center; margin-top: 10px}
.sg-login-form input[type="email"],
.sg-login-form input[type="password"] {
	font-size: 16px; width: 285px; height: 35px;
    -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
    margin: 5px auto; padding-left: 5px;
    position: relative; background: #fff; border: 2px solid #7c838d;
    background-image: url('../../img/webapp/default/layout/transparent.png');
}

.sg-login-form .error-message {background-color: #fff; font-size: 13px; margin: 5px; padding: 8px 10px}

.login-desc { 
	color: #444244; text-shadow: rgba(255,255,255,.7) 0 1px 1px; font-size: 14px;
    font-weight: bold; text-align: center; margin: 20px auto 8px; width: 300px
}

.sg-form.country {padding: 3px 10px}
.sg-form.country select {margin-bottom: 0px}
.sg-form.country img {padding-left: 10px}

/* auswahl des geschlechts bei registierung */
.ui-hidden-accessible {clip: rect(1px 1px 1px 1px); position: absolute !important}
.gender-buttons {text-align: center; -webkit-user-select: none}
.gender-button.corner-left {
	-webkit-border-bottom-left-radius: 12px; -webkit-border-top-left-radius: 12px;
    -moz-border-radius-bottomleft: 12px; -moz-border-radius-topleft: 12px;
    border-bottom-left-radius: 12px; border-top-left-radius: 12px;
    border-right: none
}

.gender-button.corner-right {
	-webkit-border-bottom-right-radius: 12px; -webkit-border-top-right-radius: 12px;
    -moz-border-radius-bottomright: 12px; -moz-border-radius-topright: 12px;
    border-bottom-right-radius: 12px; border-top-right-radius: 12px;
    border-left: none
}

.gender-button.corner-left.active {
    -webkit-box-shadow: inset -5px 5px 5px rgba(0,0,0,.3);
    -moz-box-shadow: inset -5px 5px 5px rgba(0,0,0,.3);
    box-shadow: inset -5px 5px 5px rgba(0,0,0,.3)
}

.gender-button.corner-right.active {
    -webkit-box-shadow: inset 5px 2px 4px rgba(0,0,0,.3);
    -moz-box-shadow: inset 5px 2px 4px rgba(0,0,0,.3);
    box-shadow: inset 5px 2px 4px rgba(0,0,0,.3)
}

.gender-button {
	border: 1px solid #aaadaa;
    width: 110px; height: 40px;
    display: inline-block; position: relative; 
    margin-left: 0; margin-right: -4px;
    background-color: #fbfbfb;
    background-image: -moz-linear-gradient(top, #fbfbfb, #e4e4e4 50%, #c7c7c7);
    background-image: -o-linear-gradient(top, #fbfbfb, #e4e4e4 50%, #c7c7c7);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#c7c7c7), color-stop(0.5, #e4e4e4))
}

.gender-button.active {
	background-color: #3a81ef;
    background-image: -moz-linear-gradient(top,#0e3e87,#225ec4 1%,#2a75e7 50%,#3a81ef 50%,#61a3ff);
    background-image: -o-linear-gradient(top,#0e3e87,#225ec4 1%,#2a75e7 50%,#3a81ef 50%,#61a3ff);
    background-image: -webkit-gradient(linear,left top, left bottom,from(#0e3e87),to(#61a3ff),color-stop(.1, #225ec4),color-stop(.5, #2a75e7),color-stop(.5, #3a81ef)) 
}

.gender-buttons img {width: 30px; height: 30px; margin-top: 5px}
.gender-buttons.credit-card img {width: 60px; height: 32px; margin-top: 5px}

.review {
    margin-top:4px; padding: 6px; padding-bottom: 25px; border-top: 1px solid #ccc; border-bottom: 1px solid #8c8b90; 
    background: url('../../img/webapp/default/layout/item_list_bg_odd.png'); background-size: 100%; margin-right:0px; clear:both
}

.review .review-stars {width: 15px; height: 30px}
.review .review-star-container {float: right; width: 75px}
.review .review-author {display:block; float:right; margin-right: 20px; font-weight:bold; font-size:11px; margin-top: 2px}

/* ==== ENDE: PANELS ==== */

/* ==== NAVBARS ==== */

img.debug-badge {width: 30px; height: 30px; position: absolute; top: 0; left: 0; z-index: 200; -webkit-tap-highlight-color: rgba(0,0,0,0)}
img.payment-test-badge {width: 40px; height: 40px; position: absolute; top: 0; right: 0; z-index: 200; -webkit-tap-highlight-color: rgba(0,0,0,0)}
.navbar {
	color: #fff;
	line-height: 29px;
    padding: 4px 5px;
    height: 30px;
    border-bottom: 1px solid #383838;
    margin: 0 auto;
    text-align: left;
    position: relative;
    -webkit-box-shadow: inset rgba(255, 255, 255, .2) 0 1px 0;
    -moz-box-shadow: inset rgba(255, 255, 255, .2) 0 1px 0;
    box-shadow: inset rgba(255, 255, 255, .2) 0 1px 0 
}
.navbar.category,
.navbar.color-light-green {background-color: rgba(144,164,147,1)}
.navbar.color-dark-green {background-color: rgba(60,131,44,1)}
.navbar.color-black {background-color: rgba(84,84,84,1)}
.navbar.overlay {background-image: url('../../img/webapp/default/layout/navbar_overlay.png'); background-repeat: repeat-x}

.navbar.gradient-green {
	background: rgb(60,131,44);
    background: rgba(60,131,44,1) -moz-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0));
    background: rgba(60,131,44,1) -o-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0));
    background: rgba(60,131,44,1) -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,.3)),color-stop(.5, rgba(255,255,255,.1)),color-stop(.5, rgba(255,255,255,0)), to(rgba(255,255,255,0)));
}

.navbar.gradient-black {
    background-color: #545454;
    background-image: -moz-linear-gradient(top, #999, #636363 50%, #545454 50%, #444);
    background-image: -o-linear-gradient(top, #999, #636363 50%, #545454 50%, #444);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#444), color-stop(.5, #636363), color-stop(.5, #545454));
}

.navbar h1,
.navbar h2 {font-weight: bold; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-shadow: rgba(0, 0, 0, .5) 0 -1px 0; display: block}

.navbar h1 {font-size: 18px}
.navbar h2 {font-size: 14px; line-height: 31px}

.navbar h1.poweredby { 
	font-weight: bold; font-size: 20px; margin: 0 auto; padding: 0 25px; width: 210px; text-overflow: clip;
    border: 1px solid rgba(182,188,177,.8); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
    background-color: rgba(0,0,0,.2);
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.7),rgba(0,0,0,.3) 50%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.01)); 
    background-image: -o-linear-gradient(top,rgba(0,0,0,.7),rgba(0,0,0,.3) 50%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.01)); 
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.7)),color-stop(.5, rgba(0,0,0,.3)),color-stop(.5, rgba(0,0,0,.3)), to(rgba(0,0,0,.01)))
}

.navbar .center-abs {text-align: center; position: absolute; left: 0; right: 0}
.navbar div > img {width: 128px; height: 32px; margin-top: -1px}

.navbar.search img {position: absolute; height: 17px; top: 6px; left: 7px}
.navbar.search input[type="text"] {margin-top: 2px; border: none; background: transparent url('../../img/webapp/default/layout/transparent.png'); float: left; margin-left: 30px; height: 25px; font-size: 14px; /*width: 240px*/}
.navbar.search.with-button input {width: 162px !important}

.navbar.search > div {width: 100%; text-align: center; margin: 0 auto; margin-left: 0px}

.navbar.search > div > form {
	height: 29px; border: 2px solid #4B7260; 
	border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;
	-webkit-box-shadow: inset 0px 3px 3px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0px 3px 3px rgba(0,0,0,.3);
	box-shadow: inset 0px 3px 3px rgba(0,0,0,.3);
	background: #fff; position: relative;
	width: 100%; margin-top: -1px; margin-left: -2px;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box 
}

.navbar.search.flags img.flag {
	height: 29px;
	width: 33px;
	top: 0;
	left: 0;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-bottom-left-radius: 15px;
	opacity: .35;
}

.navbar.search.flags img {left: 24px;}

.navbar.search.flags input[type="text"] {margin-left: 48px; /*width: 220px;*/ left: 0px; right: 8px; position: absolute;}

.navbar.search.with-button > div > form {width: 220px}
.navbar.search.category > div > form {border: 2px solid #747E87}

.cart-button,
.navbar .button { display: inline-block; line-height: 26px; height: 29px; margin-left: 0; margin-right: 10px;
    border: 1px solid #373737; cursor: pointer; float: left;z-index: 1;  position: relative
}
.cart-button,
.navbar .button {
    -webkit-box-shadow: 0 1px 1px rgba(255,255,255,.2), inset 0 1px 1px rgba(0,0,0,.2); 
    -moz-box-shadow: 0 1px 1px rgba(255,255,255,.2), inset 0 1px 1px rgba(0,0,0,.2); 
    box-shadow: 0 1px 1px rgba(255,255,255,.2), inset 0 1px 1px rgba(0,0,0,.2); 
    background: rgba(0,0,0,.2);
    background: -moz-linear-gradient(top,rgba(210,210,210,.2),rgba(0,0,0,.1) 50%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2));  
	background: -o-linear-gradient(top,rgba(210,210,210,.2),rgba(0,0,0,.1) 50%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2));  
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(210,210,210,.2)), color-stop(.5, rgba(0,0,0,.1)),color-stop(.5, rgba(0,0,0,.2)), to(rgba(0,0,0,.2)));
}
.cart-button.corner-all,
.navbar .button.corner-all,
.navbar .button.corner-left {
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
}
.cart-button.corner-all,
.navbar .button.corner-all,
.navbar .button.corner-right {
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}

.navbar .button.segmented-left-left {margin-right: 0}	
.navbar .button.segmented-left-right {border-left: none; margin-left: 0}

.button.right, 
.button-arrow.next {float: right; margin-left: 2px; margin-right: 0}

.navbar .button.red {
    background-color: #c50303;
    background-image: -moz-linear-gradient(top, #e16766,#d32121 50%, #cc0000 50%,#c50303);
    background-image: -o-linear-gradient(top, #e16766,#d32121 50%, #cc0000 50%,#c50303);
    background-image: -webkit-gradient(linear,left top, left bottom, from(#e16766),color-stop(.5, #d32121),color-stop(.5, #cc0000),to(#c50303));  
}
.cart .button span.text,
.navbar .button span.text {color: #fff; font-size: 12px; font-weight: bold; padding: 0 8px; position: relative}
.navbar .button.arrow.back span.text {padding-left: 0}
.navbar .button.arrow.next span.text {padding-right: 0}

.button.arrow.back > span.arrow,
.button.arrow.next > span.arrow {background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(210,210,210,.2)), color-stop(.5, rgba(0,0,0,.1)), color-stop(.5, rgba(0,0,0,.2)), to(rgba(0,0,0,.2)))}

.button.arrow.back {margin-left: 14px; border-left: none; border-bottom-left-radius: 0; border-top-left-radius: 0}
.button.arrow.next {margin-right: 14px; border-right: none; border-bottom-right-radius: 0; border-top-right-radius: 0}

.button.arrow.back > span,
.button.arrow.next > span {z-index: 1}

.button.arrow.back > span.arrow {
	z-index: 0; height: 24px; width: 23.5px; border-left: solid 1px #373737; border-bottom: solid 1px #373737; position: absolute; left: -12px; top: 2px;
	-webkit-background-clip: content; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 4px;
	-webkit-transform: rotate(46deg); -moz-transform: rotate(46deg); -o-transform: rotate(46deg);
	-webkit-mask-image: -webkit-gradient(linear, left bottom, right top, from(#000), color-stop(.5,#000), color-stop(.5, transparent), to(transparent))
}

.button.arrow.next > span.arrow {
    z-index: 0; height: 23.5px; width: 23.5px; border-right: solid 1px #373737; border-top: solid 1px #373737; position: absolute; right: -12px; top: 2.5px; 
 	-webkit-background-clip: content; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 4px;         
	-webkit-transform: rotate(46deg); -moz-transform: rotate(46deg); -o-transform: rotate(46deg);
    -webkit-mask-image: -webkit-gradient(linear, right top, left bottom, from(#000), color-stop(.5,#000), color-stop(.5, transparent), to(transparent))
}

.button .icon {
	background-image: url('../../img/webapp/default/layout/button_icons.png');
	width: 25px; height: 25px; margin: 2px 8px; display: inline-block;
}

.button .icon.cart {background-position: 0 0; margin-left: 5px}
.button .icon.index {background-position: -25px 0}
.button .icon.index2 {background-position: -98px -1px}
.button .icon.grid {background-position: -98px -1px}
.button .icon.home {background-position: -50px 0}
.button .icon.list {background-position: -75px 0}

.chevron-map-small {
	background-image: url('../../img/webapp/default/layout/chevron_map_small.png');
	height: 20px;
	width: 20px;
	display: inline-block;
}

.chevron-map-small {position: absolute; right: 10px; top: 9px}

.chevron-map-small.right {background-position: 0 0}
.chevron-map-small.left {background-position: -20px 0}
.chevron-map-small.up {background-position:-40px 0}
.chevron-map-small.down {background-position: -60px 0}

.rating-wrapper {
	width: 100%; position: relative; text-align: center;
	background: transparent url('../../img/webapp/default/layout/transparent.png')
}

.rating-wrapper .sg-panel {width: 300px; margin: 10px auto}
.rating-wrapper textarea {
   	color: #747a94; font-size: 15px;
    border: none; width: 290px;
    background: transparent url('../../img/webapp/default/layout/transparent.png');
}
.star-rating {
    height: 65px; z-index: 10; position: relative;
    background-color: #a7beaa;
    background-image: -moz-linear-gradient(top,#d4e2d5,#a7beaa);
    background-image: -o-linear-gradient(top,#d4e2d5,#a7beaa);
    background-image: -webkit-gradient(linear,left top, left bottom, from(#d4e2d5), to(#a7beaa));
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.5);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.5);
    box-shadow: 0 2px 2px rgba(0,0,0,.5);
}

.ui-stars-star,
.ui-stars-cancel {
    display: inline-table; overflow: hidden; text-indent: -999em; padding-top: 5px; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.ui-stars-star a,
.ui-stars-cancel a {
    width: 50px; height: 60px; display: block;
    background: url('../../img/webapp/default/layout/star_rating.png') no-repeat 0 0
}
.ui-stars-star a {background-position: 0 3px}
.ui-stars-star-on a {background-position: 0 -70px}
.ui-stars-star-hover a {background-position: 0 -70px}
.ui-stars-cancel-hover a {background-position: 0 0}
.ui-stars-star-disabled,
.ui-stars-star-disabled a,
.ui-stars-cancel-disabled a {cursor: default !important}

/* ==== ENDE: NAVBARS ==== */


/* ==== SWITCHLAYOUTBAR ==== */
#switchlayoutbar { background-color: #c0c0c0; }
.switchlayoutbutton-active { background-color: #7f7f7f; }
.switchlayoutbutton-inactive { background-color: transparent; }
.switchlayoutbutton-inactive:hover { background-color: #9f9f9f; }
/* ==== ENDE: SWITCHLAYOUTBAR ==== */


/* ==== BUTTONS ==== */
/* Bordered Button */
.bordered-button a,
.bordered-button {
	display: block;
  	width: 275px;
    height: 32px;
}

.bordered-button {
	-webkit-user-select: none;
	cursor: pointer;
  	color: #fff;
    font-size: 13px !important;
    font-weight: bold;
    text-shadow: 0 -1px 1px rgba(0,0,0,.7);
    line-height: 33px;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-width: 2px !important;
    border-style: solid !important;
    margin: 10px auto 2px auto
}

input.bordered-button {height: 35px; width: 280px}

.bordered-button.green {
	border-color: #158F18;
	background-color: #059905;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#53CB0A),to(#69CF6B),color-stop(.5, #059905),color-stop(.5, #29AF2A)); 
    background-image: -moz-linear-gradient(top, #53CB0A, #059905 50%, #29AF2A 50%, #69CF6B);
    background-image: -o-linear-gradient(top, #53CB0A, #059905 50%, #29AF2A 50%, #69CF6B)
}

.bordered-button.orange {
    border-color: #D87E00;
    background-color: #D87A09;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#F4B506), to(#E39942),color-stop(.5, #D87A09),color-stop(.5, #E4912B));  
    background-image: -moz-linear-gradient(top,#F4B506,#D87A09 50%,#E4912B 50%,#E39942);
    background-image: -o-linear-gradient(top,#F4B506,#D87A09 50%,#E4912B 50%,#E39942)
}

.bordered-button.darkgreen {
    border-color: #2F4F4F;
    background-color: #54825C;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#066520), to(#2A4B00),color-stop(.5, #154300),color-stop(.5, #022502));  
    background-image: -moz-linear-gradient(top,#066520,#2A4B00 50%,#154300 50%,#022502);
    background-image: -o-linear-gradient(top,#066520,#2A4B00 50%,#154300 50%,#022502)
}

.bordered-button.red {
    border-color: #890E10;
    background-color: #9F0511;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#D14F13), to(#D0616A),color-stop(.5, #9F0511), color-stop(.5, #B82430)); 
    background-image: -moz-linear-gradient(top, #D14F13, #9F0511 50%, #B82430 50%, #D0616A); 
    background-image: -o-linear-gradient(top, #D14F13, #9F0511 50%, #B82430 50%, #D0616A); 
}

/* Big Button */
.big-button-bar {
    height: 60px;
    background-color: #242621;
    background-image: -webkit-gradient(linear, left top, left bottom,from(#5F645E),to(#242621),color-stop(.5, #464B45), color-stop(.5, #232520));
    background-image: -moz-linear-gradient(top,#5F645E,#464B45 50%, #232520 50%,#242621);
    background-image: -o-linear-gradient(top,#5F645E,#464B45 50%, #232520 50%,#242621);
    -webkit-box-shadow: 0 -1px 1px #000;
    -moz-box-shadow: 0 -1px 1px #000;
    box-shadow: 0 -1px 1px #000;
    border-top: 1px solid rgba(255,255,255, .5);
    z-index: 20;
    position: relative
}

.big-button {
	-webkit-user-select: none;
	display: block;
 	width: 300px;
    height: 38px;
    margin: 7px auto;
    padding-top: 3px;
    text-align: center;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    position: relative;
/*    
    -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,.5),1px 0 1px rgba(255,255,255,.3), 0 1px 1px rgba(255,255,255,.2), -1px 0 1px rgba(255,255,255,.3);
    -moz-box-shadow: 0 -1px 1px rgba(0,0,0,.5), 1px 0 1px rgba(255,255,255,.3), 0 1px 1px rgba(255,255,255,.2), -1px 0 1px rgba(255,255,255,.3);
    box-shadow: 0 -1px 1px rgba(0,0,0,.5), 1px 0 1px rgba(255,255,255,.3), 0 1px 1px rgba(255,255,255,.2), -1px 0 1px rgba(255,255,255,.3);
    background-color: #292929;
    background-image: -moz-linear-gradient(top, #040404, #1A1A1A 50%, #292929);
    background-image: -webkit-gradient(linear, left top, left bottom,from(#040404), color-stop(.5, #1A1A1A), to(#292929)); 
    background-image: -o-gradient(linear, left top, left bottom,from(#040404), color-stop(.5, #1A1A1A), to(#292929));  
*/
}

input[type="submit"].big-button-borderless,
.big-button,
.big-button > input[type="submit"] {font-size: 20px}

.big-button.small {height: 30px; width: 175px; margin-bottom: 11px}

.big-button-borderless,
.big-button > span,
.big-button > input[type="submit"] {
	color: white;
	font-weight: bold;
	text-shadow: rgba(0, 0, 0, .7) 0 -1px 1px;
	line-height: 36px;
	cursor: pointer;
	height: 34px;
    width: 290px;
    margin: 0 auto !important;
    display: block;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 1.4px 1px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1.4px 1px rgba(0,0,0,.5);
    box-shadow: 0 1.4px 1px rgba(0,0,0,.5);
    background-color: black;
    background-image: url('../../img/webapp/default/layout/big_button_overlay.png') !important;
    border: 1px solid rgba(0,0,0,.5) !important;
}

.big-button.to-checkout img {
	position: absolute;
	right: 15px;
	top: 11px;
	height: 20px;
}

.big-button.small > span,
.big-button.small > input[type="submit"] {
	height: 27px; 
	width: 168px; 
	font-size: .75em; 
	line-height: 28px;
	background-image: url('../../img/webapp/default/layout/big_button_small_overlay.png') !important
}

.big-button-borderless {
	border: 1px solid rgba(0,0,0,.5);
	line-height: 34px;
	font-size: 14px
}

.big-button > input[type="submit"] {border: none}
.big-button-borderless.green,
.big-button.green > span,
.big-button.green > input[type="submit"] {background-color: #3c832c}
.big-button-borderless.red,
.big-button.red > span,
.big-button.red > input[type="submit"] {background-color: #ED1414 !important}
.big-button-borderless.blue,
.big-button.blue > span,
.big-button.blue > input[type="submit"] {background-color: #0C658D !important}
.big-button-borderless.gray,
.big-button.gray > span,
.big-button.gray > input[type="submit"] {background-color: #666666 !important}
.big-button-borderless.orange,
.big-button.orange > span,
.big-button.orange > input[type="submit"] {background-color: #d26e11 !important}

/* flat buttons */
a.button-flat {
    color: #314F85;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    height: 30px !important;
    border: 1px solid #9f9f9f !important;
    background: #fff !important;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    width: 100%;
    padding: 0 !important;
    margin: 8px 0 0 0 !important;
    display: inline-block !important
}

.button-flat.left, 
.button-flat.right {width: 48%}
.button-flat.left {float: left}
.button-flat.right {float: right}

/* ==== ENDE BUTTONS ==== */
/* ==== SEGMENTED BUTTONS ==== */
.seg-buttons {
	height: 27px;
	padding-top: 4px;
	padding-bottom: 8px;
	background-color: #8EAB93;
	background-image: -moz-linear-gradient(top, #8EAB93, #58835F 50%, #4D7A53 50%, #3E6643);
	background-image: -o-linear-gradient(top, #8EAB93, #58835F 50%, #4D7A53 50%, #3E6643);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8EAB93), to(#3E6643), color-stop(.5, #58835F), color-stop(.5, #4D7A53))
}

.seg-buttons.border { border-top: 1px solid #323639}

.seg-buttons ul {width: 300px; margin: 0 auto; padding-left: 2px; font-size: 12px}
.seg-buttons ul > li,
.seg-buttons ul > li > a {height: 27px; display: block}

.seg-buttons ul > li > a {
	text-align: center;
	color: #FFF;
    font-weight: bold;
    line-height: 27px;
    text-shadow: rgba(0, 0, 0, .6) 0 -1px 1px
}

.seg-buttons ul > li {
	list-style: none;
	float: left;
	background-color: #94A898;
	background-image: -moz-linear-gradient(top, #94A898, #608167 50%, #4F7457 50%, #4D7155);
	background-image: -o-linear-gradient(top, #94A898, #608167 50%, #4F7457 50%, #4D7155);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#94A898), to(#4D7155), color-stop(.5, #608167), color-stop(.5, #4F7457));  
    border-top: 1px solid #273329;
    border-bottom: 1px solid #273329;
    border-right: 1px solid #212121;
    -webkit-box-shadow: rgba(0, 0, 0, .4) 0 1px 1px inset, rgba(255, 255, 255, .2) .6px 1px 1px;
    -moz-box-shadow: rgba(0, 0, 0, .4) 0 1px 1px inset, rgba(255, 255, 255, .2) .6px 1px 1px;
    box-shadow: rgba(0, 0, 0, .4) 0 1px 1px inset, rgba(255, 255, 255, .2) .6px 1px 1px
}

.seg-buttons.black ul > li {
	background-color: #2C2C2C;
	background-image: -moz-linear-gradient(top,  #868686, #474747 50%, #333 50%, #2C2C2C); 
	background-image: -o-linear-gradient(top,  #868686, #474747 50%, #333 50%, #2C2C2C); 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#868686), color-stop(.5, #474747),color-stop(.5, #333),to(#2C2C2C)); 
}

/* eingerastet */
.seg-buttons ul > li.active {
    background-color: #294F31;
    background-image: -moz-linear-gradient(top, #819786, #3E6146 50%, #2A5032 50%, #294F31); 
	background-image: -o-linear-gradient(top, #819786, #3E6146 50%, #2A5032 50%, #294F31); 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#819786), color-stop(.5, #3E6146), color-stop(.5, #2A5032), to(#294F31)); 
}

.seg-buttons.black {
	background-color: #545454;
    background-image: -moz-linear-gradient(top, #999, #636363 50%,#545454 50%,#444);
    background-image: -o-linear-gradient(top, #999, #636363 50%,#545454 50%,#444);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#444),color-stop(.5, #636363),color-stop(.5, #545454))
}

.navbar .button.black,
.seg-buttons.black ul > li.active {
	background-color: #000000 !important;
    background-image: -moz-linear-gradient(top, #6F6F6F, #1A1A1A 50%, #000 50%, #000) !important;
    background-image: -o-linear-gradient(top, #6F6F6F, #1A1A1A 50%, #000 50%, #000) !important;
    background-image: -webkit-gradient(linear,left top, left bottom, from(#6F6F6F), color-stop(.5, #1A1A1A), color-stop(.5, #000),to(#000)) !important;  
}

.seg-buttons li:first-child {border-left: 1px solid #273329}

/* Runde Ecken links und rechts getrennt */
.seg-buttons li:first-child,
.seg-buttons li a:first-child{
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.seg-buttons li:last-child,
.seg-buttons li a:last-child{
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

/* festgelegte Breiten fuer verschiedene Konfigurationen */
.seg-buttons.count-1 li {min-width: 300px}
.seg-buttons.count-2 li {min-width: 148px}
.seg-buttons.count-3 li {min-width: 98px}
.seg-buttons.count-4 li {min-width: 73px}
.seg-buttons.count-5 li {min-width: 57px}

/* ==== ENDE SEGMENTED BUTTONS ==== */
/* ==== SHOP-TABBAR ==== */
ul.shop-tabbar {
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	color: #9B9B9B;
	padding: 0 2px;
    border-top: 2px solid #1C1C1C;
    border-bottom: 2px solid #1C1C1C;
    -webkit-box-shadow: inset 0 1px 1px #444;
    -moz-box-shadow: inset 0 1px 1px #444;
    box-shadow: inset 0 1px 1px #444;
    background-color: #000; 
    background-image: -moz-linear-gradient(top, #2F2F2F, #141414 50%,#000 50%, #000);
    background-image: -o-linear-gradient(top, #2F2F2F, #141414 50%,#000 50%, #000);
    background-image: -webkit-gradient(linear,left top, left bottom, from(#2F2F2F), to(#000), color-stop(.5, #141414), color-stop(.5, #000));
    position: relative;
    z-index: 100
}

ul.shop-tabbar, 
ul.shop-tabbar a { height: 46px}
ul.shop-tabbar a { display: block; -webkit-tap-highlight-color: rgba(0,0,0,0)}
ul.shop-tabbar li {position: relative; list-style-type: none; float: left}

ul.shop-tabbar li.active {
	background-color: rgba(255, 255, 255, .20);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

ul.shop-tabbar li.active .text {color: #fff}
ul.shop-tabbar span.text {display: block}

ul.shop-tabbar.tabs-1 li {width: 100%}
ul.shop-tabbar.tabs-2 li {width: 50%}
ul.shop-tabbar.tabs-3 li {width: 33.333%}
ul.shop-tabbar.tabs-4 li {width: 25%}
ul.shop-tabbar.tabs-5 li {width: 20%}

ul.shop-tabbar span.icon {
	background-image: url('../../img/webapp/default/layout/tabbar_icons.png');
	background-repeat: no-repeat;
	height: 28px;
	width: 37px;
	margin-top: 4px;
	display: inline-block;
	position: relative
}

ul.shop-tabbar .icon.cart {background-position: -4px -28px}
ul.shop-tabbar .icon.home {background-position: -43px -28px}
ul.shop-tabbar .icon.shop-info {background-position: -83px -28px}
ul.shop-tabbar .icon.shop-search {background-position: -122px -28px}
ul.shop-tabbar .icon.more {background-position: -163px -28px}

ul.shop-tabbar li.active .icon.cart {background-position: -4px 0}
ul.shop-tabbar li.active .icon.home {background-position: -43px 0}
ul.shop-tabbar li.active .icon.shop-info {background-position: -83px 0}
ul.shop-tabbar li.active .icon.shop-search {background-position: -122px 0}
ul.shop-tabbar li.active .icon.more {background-position: -163px 0}

ul.shop-tabbar img.close {height: 37px; margin-top: 4px}

/* ==== ENDE: SHOP-TABBAR ==== */

/* === LISTEN ===*/
ul.item-list > li {
	list-style: none;
	overflow: hidden;
	position: relative;
}

ul.item-list > li img {
	float: left;
	margin-right: 8px;
	background-color: #FFF
}

ul.item-list > li span {display: block}
ul.item-list > li a {display: block}

/* grosse listen allgemein */
ul.item-list.big > li {
	background-color: #f5f5f6;
	border-top: 1px solid #e3e3e3;
	height: 70px;
	color: #333333;
	font-weight: bold;
	font-size: 17px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .6)
}
ul.item-list.big > li.dummy.hover,
ul.item-list.big > li.dummy {
	background: none !important;
	border: none !important;
}

ul.item-list.big > li.alt {
	background-color: #ecebee;
}

ul.item-list.big > li > a,  ul.item-list.big.catalogmenu > li > div  {
	background-image: url('../../img/webapp/default/layout/chevron_panel.png');
	background-repeat: no-repeat;
	background-position: 98% 50%;
	height: 70px
}

/* ########	KATEGORIE-ANZEIGE ########## */
ul.item-list.display-category > li{
	height: 30px !important;
}

ul.item-list.display-category > li > a {
	background-position: 15px 50% !important;
	padding-left: 24px !important;
	height: 28px !important;
}

ul.item-list.display-category > li span.line-one {
	padding-top: 6px !important;
}

/* ######## BREADCRUMB-ANZEIGE ########## */
div.breadcrumb {
	position: relative;
	background-color: #ECEBEE;
	background: linear-gradient(center top , #939393, #d9d9d9) repeat scroll 0 0 #d9d9d9;
	background: -webkit-gradient(linear, left top, left bottom,from(#fafafa),to(#c7c7c7));
	background: -webkit-gradient(linear, left top, left bottom,from(#f2f2f2),to(#d9d9d9));
	background: -webkit-linear-gradient(center top , #f2f2f2, #d9d9d9) repeat scroll 0 0 #d9d9d9;
	background: -moz-linear-gradient(center top , #f2f2f2, #d9d9d9) repeat scroll 0 0 #d9d9d9;
	background: -o-linear-gradient(center top , #f2f2f2, #d9d9d9) repeat scroll 0 0 #d9d9d9;
	background: -ms-linear-gradient(center top , #f2f2f2, #d9d9d9) repeat scroll 0 0 #d9d9d9;
	border-bottom: 2px solid #818181;
	padding: 2px 2px 2px 11px;
	/*max-height: 29px;*/
	overflow: hidden;
}

div.breadcrumb > div.breadcrumb-first {
	display: inline-block;
	float: left;
	/*position: absolute;
	width: 20px;
	height: 20px;*/
	margin: 0;
	padding: 0 4px 0 0;
	vertical-align: middle;

	color: #6A6A6A;
	/*font-weight: bold;*/
	font-size: 12px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .8);
}

div.breadcrumb > div.breadcrumb-rest {
	margin: 0;
	padding: 0;

	color: #6A6A6A;
	/*font-weight: bold;*/
	font-size: 12px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .8);
	vertical-align: middle;
}

div.breadcrumb > div.breadcrumb-first > span.breadcrumb-element {
	color: #6A6A6A;
	/*font-weight: bold;*/
	font-size: 12px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .8);
	min-width: 25px;

}

div.breadcrumb > div.breadcrumb-rest > span.breadcrumb-element {
	display: inline-block;
	color: #6A6A6A;
	/*font-weight: bold;*/
	font-size: 12px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .8);
	min-width: 25px;
}

div.breadcrumb > span.breadcrumb-first > span.breadcrumb-element > a {
	text-decoration: none;
}

div.breadcrumb > div.breadcrumb-rest > span.breadcrumb-element > a {
	text-decoration: none;
}

/* Breadcrumb im Checkout-Bereich*/
.breadcrumb.checkout {
	text-align: center;
	font-size: 13px;
	color: #222;
	line-height: 25px
}

.breadcrumb.checkout .separator {margin: 0 5px}

.breadcrumb.checkout .active {
	text-decoration: underline;
	font-weight: bold
}

/* ######## NEUE LISTENANSICHT ########## */
ul.item-list.shop-categories li {
	background: linear-gradient(center top , #939393, #d9d9d9) repeat scroll 0 0 #d9d9d9;
	background: -webkit-gradient(linear, left top, left bottom,from(#fafafa),to(#c7c7c7));
	background: -webkit-gradient(linear, left top, left bottom,from(#f2f2f2),to(#d9d9d9));
	background: -webkit-linear-gradient(center top , #f2f2f2, #d9d9d9) repeat scroll 0 0 #d9d9d9;
	background: -moz-linear-gradient(center top , #f2f2f2, #d9d9d9) repeat scroll 0 0 #d9d9d9;
	background: -o-linear-gradient(center top , #f2f2f2, #d9d9d9) repeat scroll 0 0 #d9d9d9;
	background: -ms-linear-gradient(center top , #f2f2f2, #d9d9d9) repeat scroll 0 0 #d9d9d9;
	border-bottom: 1px solid #818181;
	display: block;
	height: 50px;
}
ul.item-list.shop-categories li a {
	display: block;
	height:50px;
}
ul.item-list.shop-categories li a span {
	margin-left: 10px;
	padding-top: 15px !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

ul.item-list.shop-categories li.wrap-line a span {
	padding-top: 2px !important;
	white-space: normal;
	text-overflow: inherit;
	line-height: 20px;
	max-height: 42px
}

/* ENDE ########	NEUE LISTENANSICHT	########## ENDE */


ul.item-list.big.catalogmenu > li > div, ul.item-list.big.catalogmenu > li > a {
	height: 25px;	
}

ul.item-list.big > li span.line-one {
	padding: 5px 15px 0 0;
	max-height: 40px;
}

ul.item-list.big.catalogmenu > li {
	background: none;
	border-top: 1px solid #AAAAAA;
	border-bottom: none;
	font-weight: 500;
	padding: 15px;
	font-size: 19px;	
	height: 25px;
	min-height: 25px;
	
}

ul.item-list.big.catalogmenu > li:last-child {
	border-bottom: 1px solid #AAAAAA;
}

ul.item-list.big.catalogmenu > li.alt {
	background-color: #9B9AA0;
	background-image: url('../img/webapp/iphone/layout/item_list_bg_odd.png');
}

ul.item-list.big.catalogs > li,  ul.item-list.big.catalogs > li > a{
	height: 51px;	
}

ul.item-list.big.catalogs > li > a > div.image-list-wrapper{
	width: 42px;
	float:left;
	overflow: hidden;
}

ul.item-list.big.catalogs > li > a > .image-list-wrapper > img{
	width: 35px;
	height: 50px;
}
ul.item-list.big.shop-items > li span.line-one {max-height: 51px}

ul.item-list.big > li.show-all .line-one,
ul.item-list.big > li.show-more .line-one {padding: 5px 15px 5px 7px}

ul.item-list.shops > li .line-two,
ul.item-list.big > li.show-all .line-one,
ul.item-list.big > li.show-more .line-one {color: #404040}

ul.item-list.big > li span.line-two {
	font-size: .7em;
	padding-right: 15px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

/* weitere/alle Produkte anzeigen */
ul.item-list.big > li.show-all,
ul.item-list.big > li.show-more {
	background: none;
	border: none;
	cursor: pointer
}

ul.item-list.big > li.show-more {border-bottom: none; height: 101px !important;}
ul.item-list.big > li.show-all .line-one {font-size: 14px; text-align: center; line-height: 60px}
ul.item-list.big > li.show-more > span {width: 300px; margin: 10px auto; position: relative}
ul.item-list.big > li.show-more .line-one {font-size: 16px; line-height: 62px; text-align: center}

ul.item-list.big > li.show-more img {
	height: 30px;
	width: 30px;
	float: none;
	background: none;
	position: absolute;
	top: 20px;
	right: 0;
	border: none
}
ul.item-list.big.catalogs > li > a > img {width: 77px; height: 51px;}

/* shops */
ul.item-list.shops img {width: 100px; height: 70px}

/* item-kategorien */
ul.item-list.shop-categories img {width: 70px; height: 70px}

/* shop-items */
ul.item-list.shop-items li:first-child {border-top:1px solid #8C8B90}

ul.item-list.big.shop-items > li span.line-one {font-size: .85em}

ul.item-list.big.shop-items > li span.price {
	font-size: .95em;
	position: absolute;
	right: 13px;
	bottom: 2px
}

ul.item-list.big.shop-items > li span.price > b.msrp {
	text-decoration:line-through;
	padding-right:10px;
}

ul.item-list.big.shop-items > li.hover span.price > b.msrp {
	color: #fff;	
}

ul.item-list.big.shop-items > li span.price > b.normal {
	color:#DB0000; 
	text-shadow: 0 1px 1px rgba(255, 255, 255, .6);
}

ul.item-list.big.shop-items > li span.base-price {
	color: #3F3F41;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .6);
	font-style: italic;
	font-weight: normal;
	font-size: .7em;
	position: absolute;
	left: 80px;
	padding-right: 15px
}

/* Kategorie listen */
ul.item-list.shop-items img {
	width: 70px;
	height:70px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:10px;
	background:#fff;
}
ul.item-list.big.shop-items .product-image {
	float:left;
	padding:0;
	margin:0;
	overflow:hidden;
}

ul.item-list.big.shop-items > li a {
	height: auto;
	max-height: 180px;
	padding: 0em 15px 0em 5px;
}
ul.item-list.big.shop-items > li {
	height: auto;
	max-height: 250px;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;		
	border: 1px solid #B3B3B3;
	background: #fff;
	color: 	#3E3E3E;
	font-weight: bold;
	text-shadow: 0 1px 1px #fff;
}
/*
ul.item-list.big.shop-items > li:hover {
	border-top: 1px solid #fff;
	border-color: rgba(255,255,255,.3);
	color: #000;
	text-shadow: 0 1px 0 #fff;
	background: #f0f0f0;
}

ul.item-list.big.shop-items > li:active {
	border: 1px solid #aaaaaa;
	background: #fff;
	font-weight: bold;
	color: #111;
	text-shadow: 0 1px  1px #fff ;

}

ul.item-list.big.shop-items > li.alt {
	border: 1px solid #B3B3B3;
	color: #333333;
	text-shadow: 0 1px 0 #fff;
	background: #f0f0f0;
}
ul.item-list.big.shop-items > li.alt:hover {	
	border: 1px solid #B3B3B3;
	background: #e9eaeb;
	color: #3E3E3E;
	font-weight: bold;
	text-shadow: 0 1px 1px #fff ;
}
ul.item-list.big.shop-items > li.alt:active {	
	border: 1px solid #808080;
	background: #fdfdfd;
	font-weight: bold;
	color: #111111;
	text-shadow: 0 1px 1px #ffffff;
}
*/
ul.item-list.big.shop-items > li span.line-one {
	display:block;
	padding: .5em 15px;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;		
	padding: .7em 15px .7em 5px;	
}

ul.item-list.big.shop-items > li span.shipping-info  { 
	display:inline; 
	color: #070;
	text-shadow:1px 1px 1px #fff;
	margin-top: 7px;
}

ul.item-list.big.shop-items > li span.price,
ul.item-list.big.shop-items > li span.base-price,
ul.item-list.big.shop-items > li span.shipping-info  {
	font-size: .7em;
	font-weight: normal;
	position: relative;
	left: 5px;
	height:auto;
}
ul.item-list.big.shop-items > li span.base-price {
	color: #3F3F41;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .6);
	font-size: .85em;
	left: 0;
	font-style: italic;
	font-weight: normal;
	position: relative;
	padding-right: 15px;
	
}
ul.item-list.big.shop-items > li span.price{
	font-size: .8em;
	margin-top: 5px;
	margin-bottom: 3px;
}


/* kleine listen allgemein */
ul.item-list.small > li,
ul.item-list.small > li > a {height: 35px; font-size: 15px}
ul.item-list.small > li span {overflow: hidden; white-space: nowrap; text-overflow: ellipsis}

/* alle shops */
ul.item-list.small.shops > li.separator {
	color: #FFFFFD;
    font-size: 18px;
    font-weight: bold;
    height: 21px;
    padding-left: 12px;
    border-top: 1px solid #8E9295;
    border-bottom: 1px solid #8E9295;
    text-shadow: #62676B 0 1px 1px;
    line-height: 22px;
    background-color: #B7C0C7;
    background-image: -webkit-gradient(linear,left top, left bottom, from(#B0BDC6), to(#B7C0C7), color-stop(0.03, #94A2AD));
   	background-image: -moz-linear-gradient(top, #B0BDC6,#90A3AA 1%, #B7C0C7);
    background-image: -o-linear-gradient(top, #B0BDC6,#90A3AA 1%, #B7C0C7)
}

ul.item-list.small.shops > li {background-color: #FFF; border-top: 1px solid #D9D9D9}
ul.item-list.small.shops > li.separator + li {border-top: none}
ul.item-list.small.shops > li img {width: 50px; height: 35px; border: none; margin-right: 6px}
ul.item-list.small.shops > li span.line-one {padding: 1px 5px 0 0,0,0}
ul.item-list.small.shops > li span.line-two {font-size: .75em; color: #959595}
ul.item-list.small.shops.catalogs > li img {width: 25px; height: 35px; border: none; margin-right: 6px}

/* shop sektoren */
ul.item-list.small.sectors > li {
	background-color: #B0B1B3;
	background-image: url('../../img/webapp/default/layout/item_list_sectors_bg_even.png');	
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #8A898E;
	color: #000;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .6)
}

ul.item-list.small.sectors > li.alt {
	background-color: #9B9AA0;
	background-image: url('../../img/webapp/default/layout/item_list_sectors_bg_odd.png')
}

ul.item-list.small.sectors > li a {
	background-image: url('../../img/webapp/default/layout/accessory_arrow_right.png');
	background-repeat: no-repeat;
	background-position: 98% 50%;
}

ul.item-list.small.sectors > li img {width: 35px; height: 35px; border: none}
ul.item-list.small.sectors > li span.line-one {font-weight: bold; padding: 1px 15px 0 0}
ul.item-list.small.sectors > li span.line-two {font-size: .75em; padding-right: 15px; color: #404040}

/* klassen für hover-events */

ul.item-list > li.hover:not(.separator){background: rgba(60,131,40,.8) !important} /* SHOPFARBE */ 
ul.item-list > li.hover span.line-one,
ul.item-list > li.hover span.line-two,
ul.item-list > li.hover span.base-price {color: #fff !important; text-shadow: 0 1px 1px rgba(0,0,0,.5) !important}

ul.item-list.small.shops > li.hover span {text-shadow: none}
/* === ENDE: LISTEN ===*/

/* === Retina Hintergründe === */

.prop-background-size .button .icon {
	background-image: url('../../img/webapp/default/layout/button_icons@2x.png');
	background-size: 150px;
}

.prop-background-size .payment-icons {
	background-image: url('../../img/webapp/default/layout/payment_icons@2x.jpg');
	background-size: 251px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
	/* verlinkte panel-elemente (mit pfeil) */
	ul.sg-panel > li > a:not(.button-delete),
	ul.sg-panel > li > div.chevron,
	a.sg-panel {
		background-image: url('../../img/webapp/default/layout/chevron_panel@2x.png');
		background-size: 8px;
	}

	.button-delete.trash {
		background-image: url('../../img/webapp/default/layout/cart_trash@2x.png'); 
		background-size: 25px;
	}
	
	ul.sg-panel > li.checked > a:not(.button-delete) {
		background-image: url('../../img/webapp/default/layout/variation_checkmark@2x.png');
		background-size: 18px;
	}
	
	.chevron-map-small {
		background-image: url('../../img/webapp/default/layout/chevron_map_small@2x.png');
		background-size: 80px;
	}
	
	.payment-icons {
		background-image: url('../../img/webapp/default/layout/payment_icons@2x.jpg');
		background-size: 251px;
	}
	
	.navbar.overlay {
		background-image: url('../../img/webapp/default/layout/navbar_overlay@2x.png');
		background-size: 5px;
	}
	
	.button .icon {
		background-image: url('../../img/webapp/default/layout/button_icons@2x.png');
		background-size: 150px;
	}
	
	.rating.stars {
		background-image: url('../../img/webapp/default/layout/item_details_star_rating@2x.png');
		background-size: 48px;
	}
	
	.big-button > span,
	.big-button > input[type="submit"] {
		background-image: url('../../img/webapp/default/layout/big_button_overlay@2x.png') !important;
		background-size: 25px
	}
	
	.big-button.small > span,
	.big-button.small > input[type="submit"] {
		background-image: url('../../img/webapp/default/layout/big_button_small_overlay@2x.png') !important;
		background-size: 20px
	}
	
	ul.shop-tabbar span.icon {
		background-image: url('../../img/webapp/default/layout/tabbar_icons@2x.png');
		background-size: 200px;
	}
	
	/* shop sektoren */
	ul.item-list.small.sectors > li {
		background-image: url('../../img/webapp/default/layout/item_list_sectors_bg_even@2x.png');	
		background-size: 10px;
	}
	
	ul.item-list.small.sectors > li.alt {
		background-image: url('../../img/webapp/default/layout/item_list_sectors_bg_odd@2x.png');	
	}
	
	ul.item-list.small.sectors > li a,
	ul.item-list.big > li > a {
		background-image: url('../../img/webapp/default/layout/chevron_panel@2x.png');
		background-size: 9px
	}
}
/* === ENDE: Retina Hintergruende === */ 

/* iScroll Scrollbar-Styles*/
.myScrollbarH {
	position:absolute;
	z-index:100;
	height:7px;
	bottom:1px;
	left:2px;
	right:7px
}

.myScrollbarH > div {
	height:100%;
}

.myScrollbarV {
	position:absolute;
	z-index:100;
	width:7px;bottom:7px;top:2px;right:1px
}

.myScrollbarV > div {
	width:100%;
}
.myScrollbarH > div,
.myScrollbarV > div {
	position:absolute;
	z-index:100;

	/* The following is probably what you want to customize */
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	
	border-width:3px;
	-webkit-border-image:url(../../img/webapp/default/layout/scrollbar.png) 6 6 6 6;
	-moz-border-image:url(../../img/webapp/default/layout/scrollbar.png) 6 6 6 6;
	-o-border-image:url(../../img/webapp/default/layout/scrollbar.png) 6 6 6 6;
	border-image:url(../../img/webapp/default/layout/scrollbar.png) 6 6 6 6;
}

div#slide-animation{
	position:absolute;
	bottom: 10%;
	left: 0px;
	width: 100%;
	height: 20px;
}
div#slide-wrapper{
	align:center;
	margin: 0px auto;
}
div#slide-wrapper > div{
	width: 5px;
	height: 5px;
	background-color: #CCCCCC;
	float:left;
	margin: 5px;
	border-radius: 5px;
	z-index:999;
	
}
div#slide-wrapper > div.active-point{
	background-color: #353535;	
}

#js-error,
#cookie-error {
	background-color: #ffb8b6;
	padding: 4px 10px;
	font-size: 12px;
	line-height: 15px;
	color: #333;
	font-weight: bold
}
	
#cookie-error a {text-decoration: underline; color: red}

/* @media screen and (min-width: 640px) */
@media screen and (min-width: 40em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
    font-size: 1.0625em!important;
  }
}

/* @media screen and (min-width: 720px) */
@media screen and (min-width: 45em) {
  body {
    /* Reset baseline grid to 16/16 = 1 */
	font-size: 1em!important;
  }
  #scroll-wrapper {
    float: left;
    width: 50%;
  }
}

/* @media screen and (min-width: 888px) */
@media screen and (min-width: 55.5em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
    font-size: 1.0625em!important;
  }
}

/* @media screen and (min-width: 984px) */
@media screen and (min-width: 61.5em) {
  body {
	  /* Reset baseline grid to 16/16 = 1.0 */
	  font-size: 1em!important;
	  margin: 0 16.666666666666664%;
  }
}

/* @media screen and (min-width: 1200px) */
@media screen and (min-width: 75em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
    font-size: 1.0625em!important;
  }
}

/* @media screen and (min-width: 1392px) */
@media screen and (min-width: 87em) {
  body {
    /* Reset baseline grid to 16/16 = 1.0 */
    font-size: 1em!important;
    margin: 0 27.77777777777778%;
  }
}

/* @media screen and (min-width: 1680px) */
@media screen and (min-width: 105em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
    font-size: 1.0625em!important;
  }
}


div.footernew {
	font-size:12px;
	text-align:center;
	padding:12px 0 5px 0;
	width: 100%;
	clear: both;
	box-shadow: inset 0px 5px 7px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 5px 7px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 5px 7px rgba(0,0,0,0.2);
	-o-box-shadow: inset 0px 5px 7px rgba(0,0,0,0.2);
	background: -moz-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(216,216,216,0.6) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,216,216,1)), color-stop(50%,rgba(216,216,216,0.6)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(216,216,216,0.6) 50%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(216,216,216,0.6) 50%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(216,216,216,0.6) 50%,rgba(255,255,255,0) 100%);
	background: linear-gradient(top, rgba(216,216,216,1) 0%,rgba(216,216,216,0.6) 50%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#00ffffff',GradientType=0 );
}

div.footernew .text,
div.footernew a {
	color: #222;
	padding:15px 6px;
}
div.footernew a:first-child {
	padding-left: 4px;
}
div.footernew a:last-child {
	padding-right: 4px;
}

div.footernew a {
	font-weight: bold;
	white-space: nowrap;
}

div.footernew .text {
	padding: 15px 10px;
	font-size: 11px !important
}

div.footernew .copyright {display: inline-block; padding-bottom: 10px; font-weight: bold}

/* PAYMENT ICONS */
.payment-methods-icons .payment-method-icon {display:none}
.payment-methods-icons .payment-method-icon span {
	width: 50px;
	height: 45px;
	margin: -9px auto;
	padding: 2px 5px;
	display: inline-block;
}

.payment-methods-icons {
	height: 40px;
	overflow: hidden;
}

.payment-methods-icons .payment-method-icon {
	display: inline-block;
	margin-right: -4px;
}

.payment-methods-icons a {
	padding: 0 5px !important;
	height: 40px
}

.payment-methods-icons .payment-method-icon.prepay span { background-position: 1px 7px;background-size: 323px }
.payment-methods-icons .payment-method-icon.visa span { background-position: -65px 6px;background-size: 396px;width: 40px;}
.payment-methods-icons .payment-method-icon.mastercard span { background-position: -130px 6px; background-size: 393px; width: 40px; }
.payment-methods-icons .payment-method-icon.sue span { background-position: -243px 0px;background-size: 512px;width: 70px; }
.payment-methods-icons .payment-method-icon.paypal span { background-position: 164px 1px;background-size: 452px;width: 60px; }
.payment-methods-icons .payment-method-icon.invoice span { background-position: 98px -2px; background-size: 480px; width: 90px;}

div.trustmarks {
	font-size:12px;
	text-align:center;
	padding:12px 0 5px 0;
	width: 100%;
	clear: both;
}
#eKomiGate_widget img {
}

div.panel-wrapper ul {
    background: transparent;
}
div.panel-wrapper li.payment-info {
    margin: 15px auto;
}

div.panel-wrapper li.payment-info img {
	width: 150px;
	height: 26px
}

/* Artikeleigenschaften Kasse */
table.item-properties.checkout {margin: 10px 0 0 0; width: 210px; color: #414040; border-collapse: collapse; width: 100%}
table.item-properties.checkout tr:not(:last-child) {border-bottom: 1px solid #EBE9E9}
table.item-properties.checkout tr > td {padding: 2px 5px !important}
table.item-properties.checkout tr:first-child td {padding-top: 0}
table.item-properties.checkout tr:last-child td {padding-bottom: 0}
table.item-properties.checkout tr > td:first-child {font-weight: bold;vertical-align: top; width: 20px; padding-left: 0 !important}

/* SHOP START PAGE */
.startpage-custom-html-wrapper {
	text-align: left;
	margin-bottom: 20px;
	color: #333
}

.item-list.startpage-service-links liÊ{
	position: relative
}

.item-list.startpage-service-links li a img {
	width:123px;
	height:51px;
	position: absolute;
	margin: 0;
	top: 0;
	right: 0
}

.item-list.startpage-service-links.gradient li a img {
	-webkit-mask-image: -webkit-linear-gradient(right, rgba(0,0,0,1) 0%, rgba(0,0,0,.9) 25%, rgba(0,0,0,0.9) 75%, rgba(0,0,0,0) 100%);
	-moz-mask-image: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.9) 100%)
} 

.shop-contact-info {
	text-align: left;
	margin: 10px 5px;
	display:inline-block
}

.shop-contact-info a.support-tel,
.shop-contact-info a.support-mail {
	display: inline-block;
	width: 250px;
	float: left;
	margin-right:25px;
	padding:10px 0
}

.shop-contact-info a img {
	height: 50px;
	margin-bottom: -50px;
	float: left
}

.shop-contact-info span {
	vertical-align: top;
	display: inline-block;
	margin-bottom: 2px;
	margin-left: 54px;
	width: 100%
}