/**
* Default template
* @package Poloxx
* @subpackage Templates
* @version 2010-04-01-mybacknumber
*/

@import "lightbox.css";

img {border: none;}

input,
textarea {
	border: 1px solid #bebebe;
	padding: 1px 2px;
}

.check-it input {border: 1px solid #F7000E;}

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

.checkbox input,
.login .checkbox input,
.user-properties .checkbox input,
.address-table .checkbox input,
.select-payment .checkbox input {
	width: auto;
	margin-right: 7px;
	border: none;
	padding: 0px;
}

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

td, th {vertical-align: top;}

h1, h2, h3, h4, h5 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	color: #000000;
}

h1 {
	font-size: 20px;
	padding-bottom: 15px;
}

h2 {
	font-size: 16px;
	padding-bottom: 10px;
}

h4 {padding-bottom: 15px;}

p {margin: 0px;}

/* Links and Buttons */
a:link,
a:visited,
a:hover {
	color: #283e94;
	text-decoration: none;
}

a:visited {color: #5466ab;}
a:hover {text-decoration: underline;}

a.pdf:link,
a.pdf:visited,
a.pdf:hover {
	padding: 3px 0px 3px 20px;
	background: url(../images/pdf.gif) no-repeat;	
}

a.pre:link,
a.pre:visited,
a.pre:hover {
	padding-left: 12px;
	background: url(../images/pre.gif) 0px 2px no-repeat;	
}

a.unpre:link,
a.unpre:visited,
a.unpre:hover {
	padding-left: 12px;
	background: url(../images/unpre.gif) 0px 2px no-repeat;	
}

a.delete:link,
a.delete:visited,
a.delete:hover {
	padding-left: 12px;
	background: url(../images/delete.gif) 0px 3px no-repeat;	
}

a.plus:link,
a.plus:visited,
a.plus:hover {
	padding-left: 12px;
	background: url(../images/plus.gif) 0px 2px no-repeat;	
}

a.btn:link,
a.btn:visited,
a.btn:hover {
	float: left;
	line-height: 12px;
	background: url(../images/buttons/small-btn-m.gif) repeat-x;
}

span.btn-l {
	float: left;
	padding-left: 25px;
	background: url(../images/buttons/small-btn-l.gif) no-repeat;
	cursor: pointer;
}

span.btn-r {
	float: left;
	padding: 3px 10px 3px 0px;
	background: url(../images/buttons/small-btn-r.gif) right top no-repeat;
	cursor: pointer;
	white-space: nowrap;
}

.side a.btn:link,
.side a.btn:visited,
.side a.btn:hover,
.go-pay a.btn:link,
.go-pay a.btn:visited,
.go-pay a.btn:hover {float: right;}

.go-on a.btn:link,
.go-on a.btn:visited,
.go-on a.btn:hover {
	float: right;
	margin-top: 10px;
}

.go-on {
	float: left;
	width: 100%;
}

/* css */

body {
	margin: 0px;
	padding: 0px;
	background: url(../images/header/bodyBg.gif) repeat-x;
	font-family: Arial, Verdana;
	font-size: 12px;
}

.main,
.head,
.footer {
	width: 968px;
	margin: 0px auto;
}

.border {
	float: left;
	width: 960px;
	padding: 0px 4px;
	background: url(../images/contentBg.gif) repeat-y;
}

table.maintable {
	float: left;
	width: 960px;
}

.main .border {padding-bottom: 15px;}

.head .border {
	height: 72px;
	background: url(../images/header/headerBg.gif) no-repeat;
}

.footer .border {
	font-size: 11px;
	width: 940px;
	padding: 5px 14px 17px;
	background: url(../images/footerBg.gif) left bottom no-repeat;
}

.footer-left {
	float: left;
	width: 470px;
}

.footer-right {
	float: right;
	width: 470px;
	text-align: right;
}

/* Header and Switch */

img.logo {
	float: left;
	height: 70px;
	width: 188px;
}

.head-content {
	float: left;
	height: 50px;
	font-size: 13px;
	color: #5E5E5E;
	padding: 22px 10px 0px 142px;
}

.head-content-eju {background: url(../images/header/ijf-eju.gif) no-repeat;}
.head-content-djb {background: url(../images/header/djb.gif) no-repeat;}

.head-content b {
	font-size: 14px;
	color: #2e3092;
}

.switch {
	float: right;
	width: 150px;
	padding: 20px 19px 0px 20px;
	height: 50px;
	border-left: 1px solid #E2E2E2;
}

.switch ul,
.switch div {
	float: left;
	width: 150px;
	padding-bottom: 3px;
}

.head li {
	float: left;
	width: 27px;
	padding-right: 3px;
}

.head li a:link,
.head li a:visited,
.head li a:hover {
	display: block;
	width: 27px;
	height: 17px;
	background: url(../images/header/lang-flags.gif) no-repeat;
	background-position: 0px -23px;
	text-decoration: none;
}

.head li.active a:link,
.head li.active a:visited,
.head li.active a:hover,
.head li a:hover {background-position: 0px 0px;}

.head li a.lang-fr:link,
.head li a.lang-fr:visited {background-position: -30px -23px;}

.head li.active a.lang-fr:link,
.head li.active a.lang-fr:visited,
.head li.active a.lang-fr:hover,
.head li a.lang-fr:hover {background-position: -30px 0px;}

.head li a.lang-es:link,
.head li a.lang-es:visited {background-position: -60px -23px;}

.head li.active a.lang-es:link,
.head li.active a.lang-es:visited,
.head li.active a.lang-es:hover,
.head li a.lang-es:hover {background-position: -60px 0px;}

.head li a.lang-ru:link,
.head li a.lang-ru:visited {background-position: -90px -23px;}

.head li.active a.lang-ru:link,
.head li.active a.lang-ru:visited,
.head li.active a.lang-ru:hover,
.head li a.lang-ru:hover {background-position: -90px 0px;}

.head li a.lang-de:link,
.head li a.lang-de:visited {background-position: -120px -23px;}

.head li.active a.lang-de:link,
.head li.active a.lang-de:visited,
.head li.active a.lang-de:hover,
.head li a.lang-de:hover {background-position: -120px 0px;}


.side {
	width: 190px;
	background-color: #EDEDED;
}

.center {

	padding: 0px 14px;
	width: 552px;
	color: #555555;
}

/* Shop */

.center h1 {
	padding-top: 9px;
	color: #000000;
	border-top: 1px dotted #000000;
}

.center h3 {
	color: #000000;
	font-size: 12px;
	padding: 15px 0px 10px;
}

.user-properties {
	float: left;
	padding-right: 12px;
/*	height: 400px; */
	width: 282px;
}

.eju-generator .user-properties {height: 250px;}

.preview  {
	float: left;
	width: 258px;
}

.preview img {
	width: 250px;
	border: 5px solid #e9e9e9;
}

.user-properties th {
	text-align: left;
	width: 112px;
	font-weight: normal;
}

.user-properties td {
	width: 170px;
	padding-bottom: 5px;
}

.user-properties input {width: 164px;}

.user-properties select {max-width: 270px;}

.preview div {
	float: left;
	margin-top: 3px;
}

.preview input {
	float: left;
	width: 30px;
	margin: 0px 7px;
	text-align: center;
}

.hint {font-size: 11px;}

.price {
	float: right;
	width: 258px;
	padding: 10px 0px 14px;
}

.price div {
	float: right;
	text-align: center;
	background-color: #9cc800;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px;
}

/* Path */
.path {
	float: left;
	width: 741px;
	font-size: 11px;
	color: #545454;
	padding: 5px 15px 5px 204px;
}

.path a:link,
.path a:visited,
.path a:hover {color: #545454;}

/* Side Module */
.side-module,
.basket-side {
	float: left;
	width: 176px;
	padding: 15px 7px;
	background-color: #EDEDED;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #B9B9B9;
}

.side-module ul {
	width: 176px;
}

.side-module img {
	float: left;
	width: 57px;
	margin: 0px 10px 10px 0px;
}

.side-module a.pdf:link,
.side-module a.pdf:visited,
.side-module a.pdf:hover {
	float: left;
}

.payment-options {
	height: 133px;
	background: url(../images/payment-options.gif) 6px 43px no-repeat;
	background-color: #EDEDED;
}

/* How Create Backnumber Module */

.how-create-backnumber,
.how-create-djb-backnumber {
	float: left;
	width: 400px;
	padding: 10px 152px 10px 0px;
	margin-top: 15px;
	border-top: 1px dotted #000000;
	background: url(../images/backnumber-manuel.gif) right 30px no-repeat;
}

.how-create-djb-backnumber {
	width: 350px;
	height: 430px;
	padding-right: 202px;
	background: url(../images/backnumber-manuel-djb.gif) right 10px no-repeat;
}


.how-create-backnumber h3,
.how-create-djb-backnumber h3 {
	font-size: 14px;
	padding: 0px 0px 15px;
}

.how-create-backnumber li,
.how-create-djb-backnumber li {
	padding: 0px 0px 8px 12px;
	background: url(../images/pre.gif) 0px 2px no-repeat;
}

/* Login modue */

.login {background-color: #d3d8ea;}

.login li {
	padding-bottom: 5px;
	width: 174px;
	float: left;
}

.login input {
	width: 170px;
}

.login a:link,
.login a:visited,
.login a:hover {
	margin: 2px 0px;
}

/* Basket Module */

.basket-side {background-color: #d3d8ea;}

.basket-side table {
	float: left;
	width: 176px;
}

.basket-side td {
	padding: 3px 0px;
}

.basket-side .table-th td {
	font-size: 11px;
	vertical-align: bottom;
}

.basket-side h4 {padding-bottom: 7px;}


.basket-left,
.basket-right {
	float: left;
	width: 87px;
	padding: 3px 0px 10px;
	border-top: 1px solid #B9B9B9;
}

.basket-right {
	text-align: right;
	font-weight: bold;
}

/* Basket Module */

.basket-table,
.order-steps {
	float: left;
	width: 552px;
}

.order-steps {padding-bottom: 20px;}

.order-steps li {
	float: left;
	width: 98px;
	font-weight: bold;
	padding: 10px 0px 10px 40px;
	background: url(../images/order/steps.gif) 0px 0px no-repeat;
}

.order-steps li.two {background-position: 0px -35px;}
.order-steps li.two.active,
.order-steps li.two.done {background-position: 0px -70px;}
.order-steps li.three {background-position: 0px -105px;}
.order-steps li.three.active,
.order-steps li.three.done {background-position: 0px -140px;}
.order-steps li.four {background-position: 0px -175px;}
.order-steps li.four.active,
.order-steps li.four.done {background-position: 0px -210px;}

.right {text-align: right;}

.basket-table th,
.contentbox .basket-item th {
	text-align: left;
	padding: 10px 5px 10px 0px;
	border-bottom: 1px solid #B9B9B9;
}

.basket-item td,
.contentbox .basket-item td {
	padding: 10px 0px 10px 5px;
	border-bottom: 1px solid #B9B9B9;
}

.table-th td {
	padding: 3px 0px;
	border-bottom: 3px solid #B9B9B9;
}

.sum td {
	padding: 5px 0px 0px;
	color: #000000;
}

.special {font-weight: bold;}

.go-pay td {padding: 15px 0px;}

.center .basket-item {color: #000000;}

.basket-item th img {width: 60px;}

.basket-item input {width: 20px; text-align: center;}

.basket-item li a:link,
.basket-item li a:visited,
.basket-item li a:hover {
	font-size: 11px;
	color: #444444;
}

tr.dotted span {
	float: left;
	width: 100%;
	border-bottom: 1px dotted #222222;
}

img.refresh {margin-bottom: -6px;}

/* Address Form */

.user-switch,
.user-switch label {
	float: left;
	width: 552px;
	padding: 5px 0px;
	font-size: 14px;
	font-weight: bold;
}

.user-switch {padding-bottom: 15px;}

.address-table,
.address-table table,
table.selected-address {
	float: left;
	width: 552px;
}

.select-address td.checkbox {width: 30px;}

.select-address ul {
	float: left;
	width: 246px;
}

.pointer {cursor: pointer;}

.select-address td.separate {
	padding: 10px 0px 0px;
	border-top: 1px dotted #000000;
}

.address-table th {
	font-weight: normal;
	text-align: right;
	padding: 0px 14px 5px 0px;
}

th.mandatory {background: url(../images/order/mandatory.gif) right 3px no-repeat;}

.address-table td {
	padding: 0px 0px 5px 0px;
}

.address-table input {width: 300px;}

.address-table span input {width: 144px; margin-right: 3px;}

.address-table .go-pay td {
	padding-top: 5px;
}

.address-table .padding td {padding-bottom: 10px;}

.address-table .select-address .go-pay td {
	border-top: 1px solid #B9B9B9;
	padding: 15px 0px;
}

.selected-address ul {
	float: left;
	width: 270px;
}

/* Payment Confirmation */

table.select-payment {
	float: left;
	width: 552px;
}

.select-payment th {
	font-weight: normal;
	text-align: right;
	padding: 0px 14px 5px 0px;
}

.select-payment td {
	padding: 0px 0px 15px 0px;
	cursor: pointer;
}

.select-payment input {width: 300px;}

.select-payment h2 {
	font-size: 14px;
	color: #000000;
	padding-bottom: 10px;
}

.select-payment img {margin: -5px 0px -9px 5px;}

.cc-expire th,
.cc-expire td {height: 111px;}

.cvc-code div {
	float: left;
	width: 300px;
	font-size: 11px;
	cursor: default;
}

.cvc-code img {
	float: left;
	width: 138px;
	height: 78px;
	margin: 0px 5px 5px 10px;
}

.cvc-code span {
	float: left;
	display: block;
	clear: both;
	width: 290px;
	padding: 5px 0px 0px 10px;
}


.selected-address h2 {padding-top: 10px;}

td.terms {padding-top: 10px;}

td.terms input,
td.terms span {float: left;}

td.terms span {width: 500px;}

/* Profile */

.contentbox a:link,
.contentbox a:visited,
.contentbox a:hover {
	margin-right: 5px;
}

h2 span {
	float: left;
	padding-bottom: 10px;
}

h2 a:link,
h2 a:visited,
h2 a:hover {
	float: right;
	font-size: 12px;
	font-weight: normal;
}

div.half {
	float: left;
	width: 276px;
}

.half select {width: 120px;}

#table-mails td input {width: 135px;}

.address-grid ul {
	float: left;
	width: 276px;
}

#addresses div {float: left;}

.address-grid li {padding: 0px 5px 3px 0px;}

/* Delete Account */
.address-table form#delete-account-form {
	float: left;
	width: 552px;
	padding: 10px 0px 5px 0px;
}

.address-table form#delete-account-form textarea{
	width: 270px;
	height: 100px;
}

.captcha div {
	width: 272px;
	background-color: #DCDCDC;
	padding: 10px 0px 15px;
}

.captcha img {margin: 0px 10px -10px;}


/* Contact us */

#contact-us textarea {
	width: 307px;
	height: 200px;
}

#contact-us th {padding-right: 14px;}

/* Home */

img.intro-img {
	margin: -8px 0px 15px;
}

img.steps-img {
	margin: 20px 0px;
}

.orderbox {
	float: left;
	width: 100%;
	border-top: 1px dotted #000000;
}

.orderbox img {
	float: left;
	margin-right: 25px;
}

.orderbox a.pre:link,
.orderbox a.pre:visited,
.orderbox a.pre:hover {
	float: left;
	font-size: 14px;
	margin-top: 45px;
	width: 300px;
	background-position: 0px 3px;
}

/* Finish Page */

.contentbox {
	float: left;
	width: 552px;
	padding: 10px 0px;
	border-bottom: 1px dotted #000000;
}

.contentbox table {
	float: left;
	width: 552px;
}

.contentbox table.half {width: 276px;}

.contentbox th,
.contentbox td {padding-bottom: 3px;}

.contentbox th {
	padding-right: 10px;
	text-align: right;
	font-weight: normal;
}

.contentbox .half th {
	text-align: left;
}

/* News FAQ */

.further-faq {
	width: 100%;
	padding-top: 20px;
}

.further-faq li {
	padding-top: 5px;
}


/* Layer */
#background-layer {position: fixed; background-color: #000000; opacity: 0.5; filter: alpha(opacity=50);}
#basket-layer {
	position: fixed;
	background-color: #ffffff;
	width: 550px;
}

a.layer-close:link,
a.layer-close:visited,
a.layer-close:hover {
	float: right;
	display: block;
	width: 52px;
	height: 52px;
	text-decoration: none;
}

.basket-layer-content {
	float: left;
	color: #222222;
	width: 385px;
	padding: 10px 50px 60px 115px;
}

.basket-layer-content li {
	padding-bottom: 10px;
}

.basket-layer-content li.layer-head {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 40px;
}

.basket-layer-content li.layer-text {
	padding-bottom: 30px;
}

.basket-layer-content img {
	margin: 0px 5px -6px 5px;
}

/* Navigation */

.navigation {
	float: left;
	width: 190px;
	margin: 0px;
	padding: 0px;
	border-top: 1px dotted #575757;
	background-color: #FFFFFF;
}

.navigation li {
	float: left;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dotted #575757;
}

.navigation a:link, .navigation a:visited {
	float: left;
	display: block;
	width: 170px;
	height: 20px;
	padding: 7px 10px 0px 10px;
}

.navigation li.active a:link, .navigation li.active a:visited {
	color: #ac0000;
}

pre.debug {
	clear: both;
	background-color: #AC2200;
	color: #FFFFFF;
	width: 100%;
}

/* Error */
.error,
.success,
.attention {
	float: left;
	font-weight: bold;
	width: 490px;
	min-height: 20px;
	padding: 20px 10px 20px 52px;
	background: url(../images/error.gif) 0px 12px no-repeat;
}

.success {background: url(../images/okay.gif) 0px 12px no-repeat;}
.attention {background: url(../images/attention.gif) 0px 12px no-repeat;}

.side .error {
	width: 176px;
	padding: 0px 0px 5px;
	margin-top: -10px;
	color: #F2101A;
	background: none;
}

.half .error,
.half .success,
.half .attention {
	width: 276px;
	padding: 10px 0px;
	background: none;
}

.half .error {color: #F2101A;}

/* Popup */
.popup {
	padding: 90px 10px 20px;
	background: url(../images/popup-logo.gif) 10px 5px no-repeat;
}

.download-information-eju {
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 15px;
}

.download-information-eju li {
	float: left;
	clear: both;
	padding: 3px 0px 3px 0px;
}

.download-information-eju a:link, .download-information-eju a:visited {
	float: left;
	clear: both;
	display: block;
	width: 140px;
	padding: 3px 0px 3px 22px;
	background: url(../images/pdf.gif) 0px 1px no-repeat;
}

/* order */
.address-hint {float: left; clear: both; width: 100%; margin-bottom: 15px; color: #ff0000;}
.order-hint {display: block; color: #aaaaaa; font-size: 11px;}