/**
* Default template
* @package Poloxx
* @subpackage Templates
* @version 2011-11-28-mybacknumber
*/

@import "lightbox.css";
@import "https://fonts.googleapis.com/css?family=Cabin+Sketch:bold";

img {border: none;}

input,
textarea {
	border: 1px solid #e0e0e0;
	border-bottom: none;
	padding: 3px 2px;
	margin-top: 0px;
}

.cx input, label input, th input {width: auto; border: none; padding: 0px;}

.cx ul {float: left;}

span.inp {float: left;	border-top: 1px solid #a3a3a3;}

input.input-special {width: 0px; height: 0px; padding: 0px; border: none; margin: 0px;}

.check-it input {background-color: #fbc4c4; border-top: 1px solid #ebaaaa;}
.check-it label {color: #FF0000;}

.check-it th {color: #FF0000;}

li {list-style: none;}
ul {padding: 0px; margin: 0px;}

ul.list {padding: 10px 0px 10px 20px;}

.list li {list-style: disc; padding-bottom: 3px;}

td, th {vertical-align: top; padding-bottom: 7px;}

th {padding-top: 2px;}

h1, h2, h3, h4, h5, .ft {
	font-size: 22px;
	line-height: 30px;
	margin: 0px;
	padding: 0px 0px 12px;
	color: #131b40;
}

h1 span {font-size: 12px; font-weight: normal; color: #3A3A3A;}

.static h2, .popup h2, .shipdata h2 {margin-top: 20px;}

h3, h4, .ft {font-size: 16px; padding-bottom: 13px; line-height: 18px;}

.product h3, .shop-order .content h3 {font-size: 15px; line-height: 17px; padding: 17px 0px 10px; color: #000;}
h3 span {font-size: 12px; font-weight: normal; color: #a3a3a3;}
.shipdata h3, .shipdata h4 {color: #000;}
.ship-stan h3, .ship-ex h3 {padding-bottom: 4px;}

.shipdata h4 {font-size: 13px; padding-bottom: 5px;}

h5 {font-size: 14px; line-height: 16px; padding: 5px 0px;}

p {margin: 0px;}

.static p {padding-bottom: 5px;}

/* Links */
a:link, a:visited, a:hover, a {color: #0f58dd; text-decoration: none; cursor: pointer;}

a:hover {text-decoration: underline;}

a.pre, a.unpre {font-weight: bold; padding-left: 11px; background: url(../img/icons.png) 0px -218px no-repeat;}
a.unpre {padding-left: 12px; background: url(../img/icons.png) -7px -314px no-repeat;}
a.plus {font-weight: bold; padding-left: 14px; background: url(../img/icons.png) 0px -1171px no-repeat;}
a.pdf {font-weight: bold; padding: 3px 0px 3px 21px; background: url(../img/icons.png) 0px -1130px no-repeat;}
a.help {font-weight: bold; padding: 3px 0px 3px 25px; background: url(../img/icons.png) 0px -1479px no-repeat;}

/* Button */

div.btn {
	float: left;
	border: 1px solid #dededf;
	border-top: none;
	border-radius: 4px;
	font-weight: bold;
	white-space: nowrap;
	cursor: pointer;
	background: #464fa9;
	background:  -moz-linear-gradient(top, #464fa9, #3b449e);
	background:  -webkit-gradient(linear, left top, left bottom, from(#464fa9), to(#3b449e));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(start Colorstr= #464fa9, endColorstr= #3b449e)";
	filter: "progid:DXImageTransform.Microsoft.gradient(start Colorstr= #464fa9, endColorstr= #3b449e)";
}

.tb-btm div.btn {float: right; margin-top: 10px;}
.tb-btm div.btn-left {float: left;}
.home-slider .btn {margin-right: 10px; border: 1px solid #9bafc7;}
.home-slider .btn-xxl {clear: both;}

.btn-i {
	float: left;
	padding-left: 25px;
	border-bottom: 1px solid #aeaeae;
	border-radius: 3px;
	background: url(../img/icons.png) 9px -350px no-repeat;
}

.home-slider .btn-i {border-bottom: 1px solid #79899c;}

.btn-xl .btn-i {padding-left: 35px; background: url(../img/icons.png) 14px -345px no-repeat;}
.btn-xxl .btn-i {padding-left: 45px; background: url(../img/icons.png) 17px -1057px no-repeat;}

.confirm .btn-xl {float: right;}

.btn-left .btn-i {background: url(../img/icons.png) 9px -560px no-repeat;}

.btn-ii {float: left; line-height: 12px; padding: 5px 12px; background-color: #FFF; border-bottom: 1px solid #3b449e; border-top: 1px solid #464fa9; border-right: 1px solid #464fa9; border-radius: 2px;}

.btn-xl .btn-ii {padding: 10px 17px;}
.btn-xxl .btn-ii {padding: 15px 22px; font-size: 24px;}

.home-slider .btn-ii {width: 130px; text-align: center;}
.home-slider .btn-xxl .btn-ii {width: auto; text-align: left;}

/* Inactive Button as Adaption */

div.off {
	color: #a1a1a1;
	background: #a7a6a7;
	background:  -moz-linear-gradient(top, #a7a6a7, #a1a1a1);
	background:  -webkit-gradient(linear, left top, left bottom, from(#a7a6a7), to(#a1a1a1));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(start Colorstr= #a7a6a7, endColorstr= #a1a1a1)";
	filter: "progid:DXImageTransform.Microsoft.gradient(start Colorstr= #a7a6a7, endColorstr= #a1a1a1)";
	cursor: default;
}

div.off .btn-ii {border-bottom: 1px solid #a1a1a1; border-top: 1px solid #a7a6a7; border-right: 1px solid #a7a6a7;}

/* css */

html {background-color: #434e76;}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana;
	font-size: 12px;
	background-color: #f7f7f8;
	color: #3a3a3a;
	min-width: 980px;
}

.main {background: url(../img/bg.jpg) repeat-x;	background-color: #f7f7f8; min-width: 980px;}
.home .main {background: url(../img/bg-home.jpg) repeat-x;	background-color: #f7f7f8;}

.inner {
	width: 960px;
	margin: 0px auto;
	padding: 0px 10px;
}

a.hl {float: left; margin-left: -70px; width: 500px; height: 100px; margin-bottom: 1px;}
.head-right {float: right; color: #ced0e4; height: 101px; max-width: 260px;}

/* Head Login and Language Switch */

.switch {padding: 12px 0px 0px; height: 24px; border-bottom: 1px dotted #ced0e4; text-align: right; width: 100%;}

.switch span, #lang-select span {padding: 3px 0px 3px 40px; color: #FFF; cursor: pointer}
#lang-select span {color: #0f58dd;}
#lang-select span:hover {color: #5086e9;}
#lang-select .active span {color: #464646; font-weight: bold;}
#lang-select li {padding: 0px 0px 7px 20px;}
#lang-select li.active {background: url(../img/icons.png) 0px -539px no-repeat;}
span.lang-de {background: url(../img/icons.png) 6px -488px no-repeat;}
span.lang-en {background: url(../img/icons.png) 6px -388px no-repeat;}
span.lang-es {background: url(../img/icons.png) 6px -438px no-repeat;}
span.lang-fr {background: url(../img/icons.png) 6px -413px no-repeat;}
span.lang-ru {background: url(../img/icons.png) 6px -463px no-repeat;}
span.lang-pl {background: url(../img/icons.png) 6px -512px no-repeat;}
span.lang-nl {background: url(../img/icons.png) 6px -668px no-repeat;}

.switch b {padding-right: 15px; background: url(../img/icons.png) right 3px no-repeat;}

#lang-select, #login-layer {width: 300px; position: absolute; padding: 10px 0px 0px; background: url(../img/lang-shadow.png) -300px 0px no-repeat; margin-top: 10px; z-index: 10;}
.layer-i {width: 300; padding-bottom: 10px; background: url(../img/lang-shadow.png) -600px bottom no-repeat;}
#lang-select ul, .layer-ii {width: 220px; padding: 15px 40px; background: url(../img/lang-shadow.png) repeat-y;}
#login-layer {margin: 135px 0px 0px 670px;}


.login {float: right; padding: 9px 15px 0px 12px; border-left: 1px solid #5d73cd; height: 26px; font-size: 14px; font-weight: bold; color: #d9edec; background: url(../img/icons.png) right 13px no-repeat; cursor: pointer;}

.logout {float: right; height: 35px; font-size: 14px; font-weight: bold; border-right: 1px solid #5d73cd; border-left: 1px solid #172b7d;}

.logout a {float: left; padding: 4px 12px 5px 12px; line-height: 26px; border-left: 1px solid #5d73cd; border-right: 1px solid #172b7d; color: #FFF;}

.logout a.lg {padding-left: 33px; background: url(../img/icons.png) 10px -1017px no-repeat;}

/* Back Button */

.back {float: left; border: 1px solid #bfc5d8; border-radius: 5px; font-size: 16px; line-height: 16px; font-weight: bold; color: #131b40; padding: 12px 14px 12px 33px; background: url(../img/icons.png) 11px -301px no-repeat; background-color: #FFF; cursor: pointer;}

/* Head Basket */
.hb {height: 48px; padding: 16px 0px 0px 60px; cursor: pointer; background: url(../img/icons.png) 0px -16px no-repeat;}
.empty {background: url(../img/icons.png) 0px -76px no-repeat;}
.hb table {width: 100%;}
.hb th, .hb td {padding: 0px;}
.hb th {text-align: right; padding-left: 8px;}

/* Head Nav */

ul.nav {float: left; width: 590px; font-size: 14px; font-weight: bold;}

.nav li {float: left; border-left: 1px solid #172b7e; color: #FFF;}
.nav li.active {border-top: 1px solid #142461; border-left: 1px solid #182a72; border-bottom: #1a2f7e; background-color: #1b3081; height: 35px; line-height: 26px;}
.nav li.last {border-right: 1px solid #5e74ce;}

.nav span {display: block;}
.nav span.a {height: 33px; border-top: 1px solid #162769; border-left: 1px solid #5e74ce; border-right: 1px solid #192d79;}

.nav span.b {height: 32px; border-top: 1px solid #182a72; border-left: 1px solid #192d79; border-right: 1px solid #172b7d;}

.nav span.c {height: 31px; border-top: 1px solid #192d79; border-left: 1px solid #1a2f7e;}

.nav span.d {height: 30px; border-top: 1px solid #1a2f7e; padding: 0px 8px;}

.nav a {float: left; line-height: 26px; padding: 5px 10px; color: #FFF; border-left: 1px solid #5e74ce;}
.nav a:hover {background-color: #3851b1; text-decoration: none;}

.nav .active a, .nav .active a:hover {padding: 0px; border: none; background: none;}

.nav .last a {border-right: 1px solid #172b7e;}
.nav .last span.a {border-right: 2px solid #172b7e;}

/* Path */
.path {clear: both; height: 70px; padding: 6px 0px 0px; font-size: 11px;}

/* Home Slider */

.home-slider {height: 485px;}

/* Side */
.side {float: left; width: 260px; margin-top: -10px;}

.admin-shop-partner-settings .side {float: right;}

.side p {padding-bottom: 5px;}

.pay-opt, .bulk-teas {background-color: #ced0e4; border-radius: 5px 5px 0px 0px; padding: 13px 0px 13px 15px; border-bottom: 1px solid #aeb0b8;}
.side-text {background-color: #ced0e4; border-radius: 5px; padding: 13px 15px 13px;}
.shop-partner .side-text, .shop-partner-registration .side-text {border-radius: 5px 5px 0px 0px; border-bottom: 1px solid #aeb0b8;}
.plist .pay-opt {border-radius: 0px; border-top: 1px solid #FFF;}
.inf, .wl-teas, .calc {background-color: #e8e9f2; padding: 13px 10px 13px 15px; border-top: 1px solid #FFF; border-bottom: 1px solid #aeb0b8;}
.inf li {padding-bottom: 5px; padding-left: 11px; background: url(../img/icons.png) 0px -218px no-repeat;}
.inf a {font-weight: bold;}
.sidefirst {background-color: #ced0e4; border-radius: 5px 5px 0px 0px; border-top: none;}
.last div {border-bottom: 0px; margin-bottom: 15px; border-radius: 0px 0px 5px 5px;}

.side-text ul {padding: 0px 0px 10px 15px;}
.side-text li {list-style: square; padding-bottom: 5px;}

div.partner-special-img {float: right; min-width: 60px; height: 60px; background-color: #283e94; border-radius: 45px; color: #FFF; padding: 15px; text-align: center; margin: -14px -5px 0px 5px; font-family: 'Cabin Sketch',arial,serif; font-size: 14px;}

div.partner-special-img span {font-size: 31px; line-height: 36px;}

span.club-discount {float: right; width: 118px; min-height: 55px; margin: -8px 0px 0px 3px; background: url(../img/club-discount.png) no-repeat; font-family: 'Cabin Sketch', arial, serif; font-size: 21px; color: #081387; line-height: 21px; padding-top: 15px; text-align: center; cursor: pointer;}
.club-fr span.club-discount, .club-ru span.club-discount, .club-nl span.club-discount {font-size: 17px; line-height: 19px;}
.club-es span.club-discount {font-size: 13px;}
.limg {float: right; margin: -20px 10px 0px 0px;}

.calc select {max-width: 200px;}

.calc ul {margin-bottom: 20px;}
.calc .lih {font-weight: bold; padding: 0px;}
.calc li {padding: 2px 0px 7px;}

/* Filter */
.filter {background-color: #FFF; border: 1px solid #bfc5d8; border-radius: 5px 5px 0px 0px; padding: 13px 15px;}
.filter ul {padding-bottom: 15px;}
.filter li {border-top: 1px dashed #b2b2b2; clear: both; width: 100%; height: 28px;}

.ft {font-weight: bold;}

.filter li.ft {color: #283e94; margin-left: -20px; padding: 3px 0px 10px 35px; border-top: none;}

.ft1 {background: url(../img/icons.png) 0px -1330px no-repeat;}
.ft2 {background: url(../img/icons.png) 0px -1380px no-repeat;}

.filter a {display: block; font-size: 14px; line-height: 28px; height: 28px; color: #3a3a3a; text-decoration: none;}


.filter span.fil-p {float: left; width: 68px;}
.filter span.fil-n {float: left; width: 160px;}

.filter a:hover {background-color: #F7F7F8;}

.filter li.on {background-color: #283e94;}

.filter .on span.fil-n, .filter .on span.fil-p {color: #FFF; font-size: 14px; line-height: 28px; height: 28px;}

.filter .on span.fil-p {background: url(../img/icons.png) 0px -242px no-repeat; padding-left: 13px; width: 55px;}

img.fil-i {float: left; width: 24px; margin: 2px 18px 0px 0px;}

.filter .on img.fil-i {float: left; width: 24px; margin-right: 5px; padding-left: 13px; background: url(../img/icons.png) 0px -246px no-repeat;}


/* Content */
.content {float: right; width: 672px; margin-top: -10px; padding-bottom: 30px;}
.admin-shop-partner-settings .content {float: left;}
.home .content, .products {width: 682px;}
.con-head {clear: both; padding-left: 10px;}
.con-left {float: left; width: 390px;}
.con-right {float: right; width: 260px;}

.tile {float: left; width: 329px; height: 191px; border: 1px solid #e9e9ea; border-top: none; background-color: #FFF; margin: 0px 0px 10px 10px; cursor: pointer;}
.shop .tile {width: 215px; height: 340px; text-align: center;}

.tile:hover {border: 1px solid #d4d4d7; border-top: none;}

.tile-i {height: 175px; padding: 15px 0px 0px 10px; border-bottom: 1px solid #cececf;}
.shop .tile-i {height: 329px; padding: 10px 10px 0px;}
.shop .tile-i img {height: 195px;}
.shop .kids .tile-i img {height: 155px; margin: 20px;}

.shop .tile-i img.spons-label, .shop .kids .tile-i img.spons-label, img.spons-label {margin: -84px 0px 0px 116px;}

.shop .tile-i p {font-weight: bold;}
.tile p {margin-bottom: 10px; height: 92px;}
.shop .tile p {height: auto; padding-top: 10px; border-top: 1px solid #b6cae2; line-height: 18px; margin-top: 10px;}
.tile a {font-size: 13px;}
.tile b, .bulk-teas h4 {color: #ff0000;}

.t-eju {background: url(../img/home-tiles.jpg) right -10px no-repeat;}
.t-individ {background: url(../img/home-tiles.jpg) right -210px no-repeat;}
.t-shirt {background: url(../img/home-tiles.jpg) right -411px no-repeat;}
.t-kids {background: url(../img/home-tiles.jpg) right -611px no-repeat;}

.tile span {display: block; width: 55px; height: 25px; margin-top: 8px;}
.t-eju span {background: url(../img/manufacturer-logos.png) left -288px no-repeat;}
.t-individ span {background: url(../img/manufacturer-logos.png) left -250px no-repeat;}

.pro-top {border-bottom: 1px solid #c1c3cc; font-weight: bold; color: #434e76; line-height: 20px; margin-bottom: 12px;}

/* Product */
.product {clear: both; padding: 25px 0px 0px;}

span.manufacturer {float: right; width: 100px; height: 40px;}
.static span.manufacturer {float: none; display: block; margin-top: 15px;}

span.mIddjb {background: url(../img/manufacturer-logos.png) 0px 0px no-repeat;}
span.mIdijfeju {background: url(../img/manufacturer-logos.png) 0px -40px no-repeat;}
span.mIdffbj {background: url(../img/manufacturer-logos.png) 0px -160px no-repeat;}
span.mIdpzj {background: url(../img/manufacturer-logos.png) 0px -80px no-repeat;}
span.mIdvjf {background: url(../img/manufacturer-logos.png) 0px -120px no-repeat;}
span.mIdflam {background: url(../img/manufacturer-logos.png) 0px -200px no-repeat;}

 .fed {float: left; width: 50px; border-top: 1px solid #99abc2; border-radius: 4px; padding: 13px; font-size: 15px; font-weight: bold; color: #424242; margin-bottom: 10px; text-align: center;}
.home-slider .mIddjb {width: 85px; background: url(../img/manufacturer-logos.png) 6px 5px no-repeat; background-color: #FFF;}
.home-slider .mIdffbj {padding-left: 60px; background: url(../img/manufacturer-logos.png) -43px -157px no-repeat; background-color: #FFF;}
.home-slider .mIdpzj {padding-left: 48px; background: url(../img/manufacturer-logos.png) -43px -78px no-repeat; background-color: #FFF;}
.home-slider .mIdvjf {padding-left: 60px; background: url(../img/manufacturer-logos.png) -38px -117px no-repeat; background-color: #FFF; margin-left: 70px;}

.pro-head {float: left; width: 100%;}

p.intro {float: left; width: 390px; color: #464646;}

.bulk-cross {float: right; width: 250px; background-color: #e8e9f2; border-radius: 5px; padding: 5px;}
.bulk-cross img {float: left; margin: 0px 15px 0px 5px;}
.bulk-cross p {padding-top: 10px;}

.product th {width: 140px; padding-right: 10px; color: #464646; text-align: right;}

.product td input {width: 190px;}
.product td select {max-width: 190px;}

.product td label {font-weight: bold; line-height: 22px;}
.product td label span {font-weight: normal; line-height: 14px; font-style: italic;}

	/* Hint */
.hint {position: absolute; width: 200px; border: 1px solid #ececed; border-top: none; border-radius: 3px; margin: -180px 0px 0px 360px; z-index: 10;}

.partnerreg .hint {margin: 730px 0px 0px 412px;}

.hint-i {border: 1px solid #d7d7d8; border-top: 1px solid #ececed; border-radius: 3px;}
.hint-ii {border: 1px solid #a4a4a4; border-radius: 3px; padding: 8px; background-color: #f7f2bd;}

.hint span, .banner-code span {float: right; padding: 5px 15px 0px 0px; background: url(../img/icons.png) right -283px no-repeat; cursor: pointer;}
.hint p {padding: 15px 0px;}

.prev {border: 1px solid #ececed; border-top: none;  border-radius: 4px; background: url(../img/prev-off.png) center center no-repeat; background-color: #ebedf4; margin-bottom: 10px;}
.prev a {text-decoration: none;}
.prev div {border: 1px solid #d7d7d8; border-bottom: 2px solid #c2c2c2; border-top: none;  border-radius: 4px;}
.prev img {border: 3px solid #ebedf4; border-radius: 4px;}
/* .prev .off {opacity: 0.08;} */

.pre-small {float: left; width: 100%; margin-bottom: 5px;}
.pre-small a {float: left; border: 1px solid #ecedf4; margin-right: 3px; padding: 3px; background-color: #FFF;}
.pre-small img {width: 46px;}

span.zoom {position: absolute; width: 20px; height: 20px; background: url(../img/icons.png) 0px -978px; margin: 231px 0px 0px -25px;}

.price-label {float: left; width: 120px; padding: 15px 10px 0px 0px; color: #464646;}
.price {float: right; width: 130px; margin-top: 12px; padding: 7px 0px; text-align: center; color: #FFF; background-color: #80b500; font-size: 20px; font-weight: bold;}

a.currency-link {float: right; clear: both; margin-top: 3px; font-size: 11px; color: #A1A1A1;}

.checkout {
	float: left;
	clear: both;
	width: 672px;
	margin: 20px 0px;
	border-top: 1px solid #d6d8e2;
	height: 60px;
}

.checkout-inner {border-top: 1px solid #FFF; padding-top: 10px;}

.checkout span, .checkout span.inp, .checkout .btn {float: right; margin-left: 10px;}

span.label {line-height: 21px;}
input.off, span.off {color: #A1A1A1;}

input.quantity {width: 30px; text-align: center;}
.calc input.quantity {width: 60px;}

/* Paging */

.paging {float: left; width: 100%; height: 50px; padding-top: 5px;}

.paging ul {float: right;}

.paging li {float: left; text-align: center; min-width: 34px; background-color: #FFF; margin-left: 4px; font-size: 13px; line-height: 28px; border: 1px solid #e9e9ea; border-radius: 3px; cursor: pointer; color: #283e94;}

.paging li.active {color: #FF0000; font-weight: bold;}

.paging li.pagnxt {background: url(../img/icons.png) 14px -348px no-repeat; background-color: #283e94;}
.paging li.pagpre {background: url(../img/icons.png) 13px -558px no-repeat; background-color: #283e94;}

/* Cart */

.cart-tb {width: 100%;}
.tbth td {border-bottom: 4px solid #cbcbcb; color: #434e76; font-size: 11px; text-transform: uppercase; padding-left: 10px; padding-top: 25px;}
#confirmation-form .tbth td {padding-top: 5px;}
.cart-i th, .cart-i td {padding: 16px 0px 16px 10px; border-bottom: 1px solid #cbcbcb;}
.cart-i th, .tbth td.first, .cart-i td.first, .datatable td.first {padding-left: 0px;}
.cart-i th {width: 74px; min-height: 74px;}

th.right, td.right {text-align: right;}

.cart-i li {float: left; clear: both; padding-bottom: 5px;}

.cart-i li a.pre, #login-layer a.pre, #login-content-form a.pre, .con-right a.pre {font-weight: normal;}

span.refresh {float: left; width: 20px; height: 20px; background: url(../img/icons.png) 2px -598px no-repeat; margin-left: 5px; cursor: pointer}
a.refresh {float: left; padding: 4px 0px 4px 20px; background: url(../img/icons.png) 2px -598px no-repeat; font-weight: bold;}
a.delete {padding-left: 17px; background: url(../img/icons.png) 2px -625px no-repeat; font-weight: bold;}
.cart-i a.delete {clear: both; float: left; padding: 4px 0px 2px 17px; margin-top: 9px; background: url(../img/icons.png) 2px -620px no-repeat; font-weight: normal;}

.cart-i th img {border: 2px solid #e1e1e1; max-width: 70px;}

.sep td, div.sep, .datatable .sep td {border-bottom: 1px solid #cbcbcb; line-height: 1px; padding: 2px 0px 0px;}
.spc td {padding: 0px 0px 20px;}

.tb-btm th {padding: 10px 0px 2px; font-weight: normal;}
#confirmation-form .tb-btm th {padding-bottom: 5px;}

.tb-btm span {font-size: 14px; font-weight: bold;}

/* Compliance */

.eju-compliance {float: left; border: 1px solid #80b500; border-radius: 3px; background: url(../img/icons.png) 4px -644px no-repeat; background-color: #80b500; padding-left: 20px;}
.eju-compliance div {float: left; padding: 2px 5px; background-color: #FFF;}

.cart-i .eju-compliance {margin: 5px 0px;}

/* Product labels */

.pro-labels {height: 40px; margin: 5px auto; padding-left: 5px;}
.labs1 {width: 45px;}
.labs2 {width: 90px;}
.labs2wide {width: 98px;}

.pro-labels div {
	float: left;
	width: 43px;
	margin-right: 2px;
	height: 40px;
	background: url(../img/federation-labels.png) 0px 0px no-repeat;
}

.pro-labels .ejuconf-label {background-position: 0px -196px; width: 37px;}
.pro-labels .ejuijf-label {background-position: 0px -49px; width: 57px;}
.pro-labels .flam-label {background-position: 0px -202px;}
.pro-labels .ffbj-label {background-position: 0px -147px;}
.pro-labels .vjf-label {background-position: 0px -98px;}
.pro-labels .pzj-label {background-position: 0px -120px;}
.pro-labels .high-quali {background-position: 0px -391px;}
.pro-labels .kid-size {background-position: 0px -441px;}

/* Order Steps */

.order-steps {position: absolute; margin: -55px 0px 0px 258px; width: 416px; height: 40px; background: url(../img/steps.png) center 16px no-repeat;}

.order-steps.two {background-position: center -39px;}
.order-steps.three {background-position: center -100px;}
.order-steps.four {background-position: center -161px;}

.order-steps li {float: left; height: 40px; text-align: center; font-size: 11px; color: #a6afcf; width: 104px;}
.order-steps a, .order-steps span {color: #283e94;}
.order-steps a:hover {text-decoration: underline;}

/* Address Form */

.user-switch {margin: 20px 0px 0px; font-size: 15px; font-weight: bold; line-height: 35px;}

.do-switch-i {clear: both;}

.do-switch-i div, .bold-switch div, .saved-address div, #confirmation-form .do-switch div {padding: 0px 0px 10px 25px;}
.user-switch input {float: left; margin: 10px 10px 0px 3px;}
.do-switch input, .saved-address input, .bold-switch input {float: left; margin: 1px 3px 3px;}
.saved-address .inp input {margin: 0px;}

.user-switch, .do-switch {border-bottom: 1px solid #cbcbcb; padding-bottom: 15px;}
.do-switch {border-bottom: none;}
.bold-switch {clear: both; color: #000; font-weight: bold; font-style: italic;}

.do-switch b {color: #000;}
.do-switch span {cursor: pointer;}
.disabl, .do-switch .disabl b {color: #858585;}
.do-switch span img {margin: 5px 0px;}

span.input-hint {float: left; padding: 3px 0px 3px 21px; background: url(../img/icons.png) 0px -778px no-repeat; color: #858585; width: 215px;}
.box span.input-hint, span.clear {width: auto; padding-top: 5px; color: #3A3A3A;}
span.clear {width: 651px; margin-bottom: 10px;}

.payment-table span.input-hint {width: 355px;}
span.input-hint img {float: right; margin-left: 10px;}

.bold-switch span.input-hint {font-style: normal; font-weight: normal; margin: -53px 0px 0px 250px; position: absolute; width: 400px;}

.saved-address {float: left; width: 280px; padding: 10px 20px 10px 0px;}
#confirmation-form .saved-address {padding-left: 0px; width: 316px;}

.saved-address li {padding-bottom: 3px;}

.confirm {float: left; clear: both; width: 100%; margin: 5px 0px; padding-top: 10px; border-top: 1px solid #cbcbcb;}

/* Finish Page */

.box {padding: 15px 0px;}

/* Note Error */
.note {margin: 10px 0px; padding-left: 10px; border-left: 1px solid #FF0000;}
.note div {padding: 2px 0px 2px 20px; background: url(../img/icons.png) 0px -180px no-repeat; color: #FF0000; font-weight: bold; font-style: italic;}
.note p, .partnerreg .note p {padding: 5px 0px 0px;}

.partnerreg .note {margin: 5px 0px 20px;}
#address-form .note {margin-top: 0px;}

/* Success Note */
.success {margin: 0px 0px 10px;}
.success div {font-size: 15px; padding: 12px 0px 10px 47px; color: #000; font-weight: bold; background: url(../img/icons.png) 0px -700px no-repeat;}
.success p {padding: 0px 0px 10px 47px;}

.success .btn, .note .btn {margin-top: 15px;}

/* Home-Teaser */

.home-teaser {clear: both; width: 100%; height: 300px; padding-bottom: 50px;}

#teaser-switcher {height: 300px;}

.sub-teaser {position: absolute; top: 137px; width: 960px; height: 300px;}

.home-slider {position: absolute; width: 410px; height: 240px; margin: 30px 0px 0px 530px; border-left: 1px dotted #7c8b9d;}
.home-slider-i {border-left: 1px dotted #d8e2ee; height: 240px; padding-left: 20px; width: 389px;}

.maintitle {font-size: 28px; line-height: 32px; color: #000; font-weight: bold; display: block; padding-bottom: 10px; text-shadow: 0px 1px #cddbeb;}
.subtitle {font-size: 19px; line-height: 22px; color: #000; font-weight: bold; display: block; padding-bottom: 10px;}

.home-slider p {line-height: 18px; padding-bottom: 20px; color: #424242;}

.home-teaser ul {position: absolute; width: 88px; height: 16px;}
.home-teaser li {
	float: left;
	margin-top: 270px;
	cursor: pointer;
	width: 17px;
	height: 15px;
	margin-right: 5px;
	border-top: 1px solid #797979;
	border-radius: 3px;
	background: #666565;
	background:  -moz-linear-gradient(top, #666565, #4e4d4d);
	background:  -webkit-gradient(linear, left top, left bottom, from(#666565), to(#4e4d4d));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(start Colorstr= #666565, endColorstr= #4e4d4d)";
	filter: "progid:DXImageTransform.Microsoft.gradient(start Colorstr= #666565, endColorstr= #4e4d4d)";
}

.home-teaser li.on {
	cursor: default;
	background: #fefefe;
	background:  -moz-linear-gradient(top, #fefefe, #f0f0f0);
	background:  -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f0f0f0));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(start Colorstr= #fefefe, endColorstr= #f0f0f0)";
	filter: "progid:DXImageTransform.Microsoft.gradient(start Colorstr= #fefefe, endColorstr= #f0f0f0)";
}

.tpA_de {background: url(../img/slider-A_de.png) 0px 30px no-repeat;}
.tpB_de {background: url(../img/slider-B_de.png) 0px 30px no-repeat;}
.tpC_de {background: url(../img/slider-C_de.png) 0px 30px no-repeat;}
.tpD_de {background: url(../img/slider-D_de.png) 0px 30px no-repeat;}

/* Shipping */

.shipdata p {padding-bottom: 20px;}
.shipdata .note p {padding-bottom: 0px;}
.ship-stan, .ship-ex {padding: 5px 0px 0px 70px; background: url(../img/shipping-icons.png) 0px -55px no-repeat;}

.ship-ex {background-position: 0px -2px;}

.shipdata th {font-weight: normal; text-align: left; padding: 10px 10px 10px 0px; border-bottom: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; width: 325px;}
.shipdata td {padding: 10px 0px 10px 10px; border-bottom: 1px solid #cbcbcb; width: 326px;}

.shipdata .table-mini table th, .shipdata .table-mini table td {padding: 0px 0px 5px 0px; text-align: right; border: none; width: auto;}
.shipdata .table-mini table th {font-weight: bold; text-align: left;}
.table-mini table {white-space: nowrap; width: 325px;}
.shipdata .table-mini table.ship-example th {text-align: right;}
.shipdata .table-mini table.ship-example td {text-align: left;}

/* Footer */
.footer {clear: both; height: 100px; padding: 10px 0px 0px; background-color: #434e76; color: #a9add8;}
.footer div {width: 960px; margin: 0px auto;}
.footer a {color: #FFF;}

.fl {float: left;}
.fr {float: right;}

/* Producst Overview Help Site */

.overview {padding-left: 10px; width: 672px;}
.overview .fl {width: 160px; min-height: 120px; padding-top: 5px;}
.overview .fr {width: 512px; min-height: 125px;}

.overview h3 {clear: both; padding: 10px 0px 5px;}
.overview p {padding: 5px;}

/* Popup */
.popup {}
.pophead {height: 100px; background-color: #0B227D; margin-bottom: 25px;}
.pophead img {margin-left: -20px;}
.pop-i {padding: 0px 50px 30px;}

pre.debug {clear: both; border: 1px solid #AC2200; background-color: yellow;}

/* Profile Settings */

.tabs {float: left; width: 672px; border-bottom: 1px solid #cbcbcb; font-weight: bold; margin-bottom: 10px;}

.tabs li {float: left; margin-left: 10px; margin-bottom: -1px; border: 1px solid #ececed; border-bottom: 1px solid #cbcbcb; border-radius: 3px 3px 0px 0px; color: #0F58DD; background-color: #f7f7f8; cursor: pointer;}
.tabs li span {float: left; line-height: 16px; height: 16px; padding: 8px 10px 5px; border: 1px solid #d7d7d8; border-bottom: none; border-radius: 3px 3px 0px 0px;}
.tabs li.active {color: #434e76; cursor: default; border-bottom: 1px solid #f7f7f8;}

.tabs li.tabempty {float: right; border: none; padding: 10px 5px 0px 0px;}

#first-tab, #second-tab {clear: both;}

.order-head b {font-size: 15px; color: #000;}

.order-head p {padding: 15px 0px;}

.order-status {width: 672px; height: 40px; background: url(../img/order-status.png) center 20px no-repeat; margin: 20px 0px 25px;}

.order-status.two {background-position: center -20px;}
.order-status.three {background-position: center -60px;}
.order-status.four {background-position: center -100px;}
.order-status.five {background-position: center -140px;}
.order-status.six {background-position: center -180px;}

.order-status li {float: left; height: 40px; text-align: center; font-size: 11px; color: #676767; width: 112px;}
.order-status span {color: #000; font-weight: bold;}

table.pro-detail, .box table, table.datatable {width: 100%;}
.box table.pro-detail, .half, .half table {float: left; width: 336px;}

table.pro-detail th, table.pro-detail td {padding: 0px 0px 5px 10px;}
.box table.pro-detail th {width: 110px;}

table.pro-detail th {color: #464646; font-weight: normal; text-align: right;}
table.pro-detail td {font-weight: bold;}
table.pro-detail td span {font-weight: normal;}

#form-mails td a.delete {text-decoration: none;}

.profile .box {float: left; width: 100%; clear: both; border-top: 1px solid #CBCBCB;}
.profile div.first {border: none;}

.saved-address select {max-width: 120px;}
.saved-address th {text-align: right; padding-right: 5px;}

#vat-id-form a {line-height: 20px;}

/* Cart Layer */

#background-layer, #legal-layer-background {background-color: #000; position: fixed; opacity: 0.3; width: 100%; height: 100%; top: 0px; left: 0px;}
#basket-layer, #legal-layer {position: absolute; width: 500px; top: 100px; background-color: #FFF; padding: 20px;}
#legal-layer {top: 500px;}
.admin-shop-partner-settings #legal-layer {top: 115px;}

.layer-close {float: right; width: 20px; height: 20px; background: url(../img/icons.png) -32px -280px no-repeat; margin: -10px -10px 0px 0px;}

.layer-head {font-size: 22px; color: #131b40; font-weight: bold;}

.layer-shop-on, .layer-check-out {float: left; width: 154px; padding: 10px 90px 10px 0px; min-height: 75px;}

.layer-shop-on {border-right: 1px solid #b6cae2; background: url(../img/layer-shop-on.png) 160px 15px no-repeat;}
.layer-check-out {padding-left: 10px; background: url(../img/layer-check-out.png) 160px 15px no-repeat;}

#basket-layer p {padding-bottom: 15px;}
#legal-layer p {padding-top: 5px;}
#legal-layer .sep {margin: 10px 0px}
#legal-layer h4 {padding: 5px 0px;}

/* Shop Partner Registration */

.partnerreg p, .prereg p {padding-bottom: 20px;}

.dataform table, .bulkform table {width: 672px;}

.dataform th, .payment-table th {text-align: right; width: 180px; padding: 2px 20px 10px 0px;}
.shop-order .dataform th, .payment-table th {width: 150px;}

.dataform td, .payment-table td {padding-bottom: 10px;}

.dataform th.mandatory {padding-right: 12px;}
th.mandatory span {color: #FF0000; padding-left: 3px;}

.dataform span input, .dataform span textarea, .payment-table input {width: 250px;}
.dataform span.inp, .payment-table span.inp, .calc span.inp {margin-right: 5px;}
.dataform select {max-width: 252px;}
.dataform span textarea {height: 150px;}

.captcha img {float: left; margin-right: 5px;}

.product .bulkform th {text-align: left; vertical-align: bottom;}
.product .bulkform input {width: 90px;}
.product .bulkform select {max-width: 115px;}
.bulkform td {padding-right: 5px;}

.prereg th {text-align: left; width: 160px; border-bottom: 1px solid #cbcbcb; padding: 10px 5px 10px 0px; vertical-align: middle; border-right: 1px solid #e5e5e6;}
.prereg td {text-align: center; padding: 10px 5px; border-bottom: 1px solid #cbcbcb; vertical-align: middle; border-left: 1px solid #e5e5e6; border-right: 1px solid #e5e5e6;}

.prereg td.brz, .prereg td.sil, .prereg td.gol {border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; width: 147px;}
.prereg .th-row td.brz, .prereg .th-row td.sil, .prereg .th-row td.gol {border-top: 1px solid #cbcbcb; color: #434e76; font-weight: bold;}

.label-bronze, .label-silver, .label-gold {float: left; width: 120px; padding: 10px 0px 9px 30px; text-align: center; border: 1px solid #cbcbcb; border-radius: 5px; font-weight: bold; color: #434E76; text-transform: uppercase; background: url(../img/partner-reg-th-bg.png) 0px -1px no-repeat; line-height: 18px; margin-right: 10px;}
.label-silver {font-size: 14px; background: url(../img/partner-reg-th-bg.png) 0px -63px no-repeat;}
.label-gold {font-size: 16px; background: url(../img/partner-reg-th-bg.png) 0px -125px no-repeat;}
a.pregch {float: left; margin-top: 13px;}

.prereg .th-row td {border-radius: 5px 5px 0px 0px; border-right: none; border-left: none;}

.prereg td.brz {background-color: #f2ece5;}
.prereg .th-row td.brz {background: url(../img/partner-reg-th-bg.png) 0px -1px no-repeat; border-right: 1px solid #cbcbcb; border-left: 1px solid #CBCBCB;}

.prereg td.gol {background-color: #faf5e9;}
.prereg .th-row td.gol {background: url(../img/partner-reg-th-bg.png) 0px -125px no-repeat; border-right: 1px solid #cbcbcb; border-left: 1px solid #CBCBCB; font-size: 16px;}

.prereg .th-row td.sil {background: url(../img/partner-reg-th-bg.png) 0px -63px no-repeat; border-right: 1px solid #cbcbcb; border-left: 1px solid #CBCBCB; font-size: 14px;}

.prereg .btm-row td, .prereg .btm-row th {border: none;}

.prereg .btm-row td.brz, .prereg .btm-row td.sil, .prereg .btm-row td.gol {border-bottom: 2px solid #CBCBCB; border-right: 1px solid #cbcbcb; border-left: 1px solid #CBCBCB; border-radius: 0px 0px 5px 5px;}

.prereg td span {color: #283e94; font-weight: bold; font-size: 14px;}

.prereg .btm-row .btn {margin-left: 22px;}
.prereg .btm-row .btn-ii {min-width: 55px;}

/* Home Steps */
.home-steps {border-bottom: 1px solid #ebebec; margin: 0px 0px 10px 10px; height: 41px; background-color: #FFF; color: #434e76; font-weight: bold;}

.home-steps-i {border: 1px solid #d0d0d1; border-top: none; height: 40px;}

.home-steps-ii {border: 1px solid #BFC5D8; height: 38px;}

.home-steps-ii div {float: left; line-height: 18px; height: 18px; padding: 10px 33px;}

.home-step-one {background: url(../img/icons.png) 0px -1209px no-repeat;}
.home-step-two {background: url(../img/icons.png) 0px -1252px no-repeat; border-left: 1px solid #ced0e4;}
.home-steps-ii .home-step-go {float: right; border-left: 1px solid #ced0e4; padding-left: 22px;}
.home-step-go a {font-size: 16px; padding-left: 28px; background: url(../img/icons.png) 0px -1298px no-repeat;}

/* Product List Steps */
.list-help {float: left; width: 670px; min-height: 210px; border: 1px solid #BFC5D8; border-radius: 5px; background-color: #FFF; margin: 0px 0px 15px 10px;}

img.point1 {display: block; position: absolute; margin: 64px 0px 0px -15px;}
img.point2 {display: block; position: absolute; margin: 161px 0px 0px -15px;}

.list-help-i {float: left; width: 420px; padding: 10px 0px 10px 17px;}

span.list-help-head {display: block; font-size: 16px; line-height: 22px; font-weight: bold; padding-left: 35px; background: url(../img/icons.png) 0px -1430px no-repeat;}

.list-help p {padding: 12px 0px 6px;}

.list-help-i ul {clear: both;}
.list-help-i li {padding: 3px 0px 5px 35px;}
.list-help-i li.one {background: url(../img/stepone.png) 0px 0px no-repeat;}
.list-help-i li.two {background: url(../img/steptwo.png) 0px 0px no-repeat;}
.list-help-i b {color: #434e76;}

ul.faq-teas {float: right; border-left: 1px solid #ced0e4; font-weight: bold; margin: 15px 0px 10px; padding-left: 15px; width: 190px;}

ul.faq-teas li {padding: 0px 0px 15px 11px; background: url(../img/icons.png) 0px -218px no-repeat;}
ul.faq-teas li.first {padding-left: 0px; background: none;}
ul.faq-teas li.last {padding: 0px; background: none;}

.help-list-bn, .help-list-ts, .help-list-ps {float: left; width: 140px; text-align: center; padding: 60px 0px 10px 0px; font-weight: bold; color: #3a3a3a;}

.help-list-bn {background: url(../img/help-list-icons.png) center 11px no-repeat;}
.help-list-ts {background: url(../img/help-list-icons.png) center -116px no-repeat;}
.help-list-ps {background: url(../img/help-list-icons.png) center -243px no-repeat;}

/* FAQ */

.faqlist ul {padding-bottom: 20px;}

.further-faq {margin-top: 20px; border-top: 1px solid #C1C3CC; padding-top: 15px;}

/* Partner Shop Admin */

.datatable td {padding: 8px 0px 7px 10px;}
td.grey {color: #A1A1A1; line-height: 16px;}
td.grey span {color: #858585;}

.shop-ads-i {float: left; height: 180px; width: 150px;}

.shop-ads-i div {padding-top: 117px; background: url(../img/shop-ads.png) 0px 5px no-repeat;}
.shop-ads-i div.medium-rec-b {background-position: -178px 5px;}
.shop-ads-i div.sky-b {background-position: -347px 5px;}

.shop-ads div.banner-code {float: none; background: none; margin-left: -200px; position: absolute; width: 500px; height: 120px; background-color: #FFF; padding: 10px 10px 0px 10px; border: 1px solid #A1A1A1;}

.shop-ads .fullsize-b .banner-code {margin-top: -210px;}
.shop-ads .medium-rec-b .banner-code {margin-top: -170px;}
.shop-ads .sky-b .banner-code {margin-top: -130px;}

.banner-code p {padding-top: 10px;}

.banner-code p.codestyle {padding-bottom: 15px; font-family: Courier;}

a.cross-to-shopadmin {position: absolute;}

.logoupload label {color: #0F58DD;}

.dataform .logoupload span input {width: auto;}

.logoupload div {float: left; width: 370px;}

.file-delete, .file-upload {float: left; margin: 3px 10px 3px 0px; clear: both;}
.logoupload span.input-hint {clear: both; margin-top: 3px;}

