/********************************************************	General pagelayout */

html {
	padding: 0;
	margin: 0;
	border: 0;
	}

body {
	padding: 54px 10px 10px 10px;
	margin: 0;
	border: 0;
	font-family: Tahoma, Arial, Sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	background-color: #fff;
	background-image: url('/static/img/bar.png');
	background-repeat: repeat-x;
	background-position: 0 0;
	}

div.wrapper {
	width: 980px;
	margin: 0 auto;
	}

div.header {
	width: 980px;
	height: 90px;
	}

div.logo {
	margin: 17px 17px 0 0;
	width: 214px;
	height: 53px;
	float: left;
	}

div.navigation {
	float: left;
	height: 90px;
	width: 749px;
}

/******************************************************** Overall Definitions */

a,
a:visited {
	color: #999;
	text-decoration: none;
}

a:active,
a:hover {
	color: #999;
	text-decoration: underline;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 12px 0;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 6px 0;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 6px 0;
}

p {
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	padding: 0 0 12px 0;
}

table, tr td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

td {
	vertical-align: top;
}

img {
	border: 0;
}

div.clear {
	clear: both;
}

/***************************************************************** Navigation */
div.navigation ul.navigation {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.navigation ul.navigation li {
	text-transform: uppercase;
	float: left;
	padding: 35px 25px 0 25px;
	margin: 0;
	background-image: url('/static/img/menubarvi.png');
	background-repeat: no-repeat;
}

div.navigation ul.navigation li.sub {
	background-image: url('/static/img/menubarva.png');
	margin-right: -518px;
	height: 55px;
}

div.navigation ul.navigation li.sub a {
	margin-right: 518px;
}

div.navigation ul.navigation li ul {
	padding-left: 0;
	list-style: none;
}

div.navigation ul.navigation li ul li {
	text-transform: none;
	padding: 15px 25px 0 0;
	margin: 0;
	background-image: none;
}

div.navigation ul.navigation li.sub ul li,
div.navigation ul.navigation li.sub ul li a {
	height: auto;
	margin: 0;
	background-image: none;
}

div.navigation ul.navigation li a,
div.navigation ul.navigation li.active ul li a {
	color: #999;
}

div.navigation ul.navigation li.active a,
div.navigation ul.navigation li.active ul li.active a {
	color: #000;
}

div.navigation a:active,
div.navigation a:hover {
	text-decoration: none;
}

/***************************************************************** Language select */
ul.language_select {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.header div.right div.top_navigation ul.language_select {
		margin: 1px 0 0 3px;
		float: right;
	}
}

ul.language_select li {
	display: inline;
	position: relative;
}

ul.language_select li a {
	padding: 0 0 5px 0;
	cursor: default;
}

ul.language_select li a:hover {
	text-decoration: none;
}

ul.language_select ul {
	cursor: pointer;
	position: absolute;
	top: 18px;
	left: -5px;
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.language_select ul li a {
	cursor: pointer;
	display: block;
	text-decoration: none;
	color: #666;
	background: #fff;
	padding: 4px;
	text-align: left;
}

ul.language_select ul li a:hover {
	background-color: #999;
	color: #fff;
	text-decoration: none;
}

ul.language_select li:hover ul {
	display: inline;
}

ul.language_select ul {
	border-color: #666;
	border-style: solid;
	border-width: 0 0 1px 0;
}

ul.language_select ul li a {
	border-color: #666;
	border-style: solid;
	border-width: 1px 1px 0 1px;
}

div.navigation ul.language_select li ul li {
	/*padding: 0;*/
}

/******************************************************************** Shopbar */
div.shopbar, div.botschafterbar {
	float: left;
	margin-left: 231px;
	padding: 0 9px;
	background-image: url('/static/img/shopbar.png');
	background-repeat: no-repeat;
	background-position: center bottom;
}

div.shopbar div,
div.botschafterbar div {
	height: 40px;
	width: 115px;
	padding: 0 5px;
	float: left;
	text-align: center;
	color: #999;
}

div.botschafterbar div {
	height: 30px;
}

div.shopbar div.active,
div.botschafterbar div.active {
	color: #000;
	font-weight: bold;
	background-image: url('/static/img/cart.png');
	background-repeat: no-repeat;
	background-position: center bottom;
}

div.botschafterbar div.active {
	background: none;
}

div.shopbar div a:active,
div.shopbar div a:hover,
div.botschafterbar div a:active,
div.botschafterbar div a:hover {
	text-decoration: none;
}

/******************************************************************** Content */
div.content {
	margin-top: 20px;
	width: 980px;
}

div.content div.left {
	float: left;
	width: 160px;
}

div.content div.left div {
	float: left;
	margin: 0 5px 5px 0;
}

div.content div.center {
	float: left;
	width: 550px;
	padding: 0 10px;
}

div.content div.right {
	float: left;
	width: 250px;
}

div.content div.right div.top {
	background-image: url('/static/img/boxt.png');
	background-repeat: no-repeat;
	background-position: right top;
}

div.content div.right div.middle {
	background-image: url('/static/img/boxm.png');
	background-repeat: no-repeat;
	height: 1px;
}

div.content div.right div.bottom {
	background-image: url('/static/img/boxb.png');
	background-repeat: no-repeat;
	background-position: right bottom;
}

div.content div.center p,
div.content div.center h1,
div.content div.center h2,
div.content div.center h3 {
	padding-left: 10px;
	padding-right: 10px;
}

div.content div.center h1 {
	background-image: url('/static/img/line.png');
	background-repeat: no-repeat;
	background-position: center 22px;
}

div.footer {
	background-image: url('/static/img/line.png');
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: 180px;
	margin-top: 25px;
	width: 550px;
	text-align: center;
}

div.footer,
div.footer a {
	color: #999;
}

div.footermain {
	background-image: url('/static/img/line.png');
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 25px;
	width: 710px;
	text-align: center;
}

div.footermain,
div.footermain a {
	color: #999;
}

div.main div.left {
	width: 720px;
	margin: 0 10px 0 0;
}

/******************************************************** Rounded boxes */
div.content div.top_round {
	padding: 0;
	height: 30px;
	position: relative;
	}

div.content div.top_round div.corner {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url('/static/img/box.png') no-repeat;
	font-size: 0%;
}

div.content div.top_round div.corner {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url('/static/img/box.png') no-repeat;
	font-size: 0%;
}

div.content div.top_round div.tl {
	top: 0;
	left: 0;
	background-position: 0 0;
}

div.content div.top_round div.tr {
	top: 0;
	right: 0;
	background-position: -10px 0;
}

div.content div.top_round div.i {
	height: 26px;
	padding: 2px 10px;
	background-color: #FFF8DC;
/*
	font-size: 1.25em;
	line-height: 1.5em;
*/
}

div.content div.middle div.i {
	height: 26px;
	padding: 2px 10px;
	background-color: #FFF8DC;
/*
	font-size: 1.25em;
	line-height: 1.5em;
*/
}

div.content div.bottom_round {
	padding: 0;
	width: 980px;
	height: 10px;
	position: relative;
	}

div.content div.bottom_round div.corner {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url('/static/img/box.png') no-repeat;
	font-size: 0%;
}

div.content div.bottom_round div.bl {
	bottom: 0;
	left: 0;
	background-position: 0 -10px;
}

div.content div.bottom_round div.br {
	bottom: 0;
	right: 0;
	background-position: -10px -10px;
}

div.content div.bottom_round div.i {
	height: 26px;
	padding: 2px 10px;
	color: #000;
	background-color: #FFF8DC;
}

div.content div.bottom_round div.i {
	height: 6px;
	padding: 2px 10px;
}

/****************************************************************** Error Box */
div.error {
	border: 1px solid #dd2a2b;
	background-color: #f4cece;
	padding: 5px;
	margin: 0 0 10px 0;
}

div.warning {
	border: 1px solid #efbb2e;
	background-color: #fbedc4;
	padding: 5px;
	margin: 0 0 10px 0;
}

div.confirmation {
	border: 1px solid #3e8213;
	background-color: #d2e5cc;
	padding: 5px;
	margin: 0 0 10px 0;
}

div.admin {
	border: 1px solid #3139ae;
	background-color: #d6d7ef;
	padding: 5px;
	margin: 0 0 10px 0;
}

div.error p,
div.warning p,
div.confirmation p,
div.admin p {
	margin: 0;
	padding: 0;
}

div.error p.error_title,
div.warning p.warning_title,
div.confirmation p.confirmation_title,
div.admin p.admin_title {
	font-weight: bold;
}

/*********************************************************************** Form */

input,
textarea,
select {
	font-family: Arial, Sans-serif;
	font-size: 12px;
	line-height: 20px;
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #999;
	color: #000;
	padding: 2px;
	margin: 2px 0;
	width: 98%;
}

textarea {
	overflow: auto;
}

input.error,
textarea.error,
select.error {
	border-color: #dd2a2b;
	background-color: #f4cece;
}

input[type="submit"],
input[type="button"] {
	cursor: pointer;
	width: auto;
	font-weight: bold;
	padding: 4px;
	padding-bottom: 22px;
	margin: 4px 0;
	color: #fff;
	border-width: 0;
	background-image: url('/static/img/button.png');
	width: 200px;
	height: 53px;
	text-align: center;
	text-transform: uppercase;
}

input.gray {
	background-image: url('/static/img/button_gray.png');	
}

input[type="checkbox"] {
	margin-right: 3px;
	width: auto;
}

input.zip   {
	width: 20%;
	float: left;
	}

select.city, input.city  {
	width: 75%;
	float: right;
	}

table.product select {
	width: auto;
}

a.submit {
	font-family: Arial, Sans-serif;
	font-size: 12px;
	line-height: 20px;
	display: block;
	cursor: pointer;
	width: auto;
	font-weight: bold;
	padding: 4px;
	padding-top: 8px;
	margin: 4px 0;
	color: #fff;
	border-width: 0;
	background-image: url('/static/img/button.png');
	width: 192px;
	height: 41px;
	text-align: center;
	text-transform: uppercase;
}

a.submit:active,
a.submit:hover {
	text-decoration: none;
}

/**************************************************************** Shop Step 1 */
table.product {
	/*width: 980px;*/
}

table.product td.title {
	text-align: center;
	padding-top: 25px;
	background-image: url('/static/img/line.png');
	background-repeat: no-repeat;
	background-position: center bottom;
}

table.product td.title h1 {
	background-image: none;
}

table.product td.description {
	padding-top: 10px;
	background-image: url('/static/img/boxt.png');
	background-repeat: no-repeat;
	background-position: right top;
	width: 200px;
	color: #999;
	text-align: center;
}

table.product td.product {
	padding-top: 10px;
	width: 195px;
	text-align: center;
}

table.product td.description_quantity {
	background-image: url('/static/img/boxb.png');
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: center;
}

table.product td.product_quantity {
	text-align: left;
	padding-left: 10px;
}

table.product td.description_quantity,
table.product td.product_quantity {
	vertical-align: middle;
}

table.product td.submit {
	padding-top: 10px;
	text-align: right;
}

table.shipping td.country {
	padding-left: 10px;
}

table.shipping td.price {
	padding-left: 10px;
	text-align: right;
}

/************************************************************ Shop Step 2 & 3 */

table.order td.submit {
	padding-top: 10px;
	text-align: right;
}

table.order td.order1 {
	padding-top: 10px;
	background-image: url('/static/img/boxt.png');
	background-repeat: no-repeat;
	background-position: right top;
	width: 250px;
	padding-right: 20px;
}

table.order td.order2 {
	padding-left: 20px;
	padding-top: 10px;
	width: 550px;
}

table.order td.title {
	text-align: center;
	padding-top: 25px;
	background-image: url('/static/img/line.png');
	background-repeat: no-repeat;
	background-position: center bottom;
}

table.order td.title h1 {
	background-image: none;
}

table.address td.text {
	width: 200px;
	padding-right: 5px;
}

table.address td.input {
	width: 330px;
	padding-right: 10px;
}

table.products td {
	padding-bottom: 5px;
}

table.products td.quantity {
	padding-top: 3px;
	width: 40px;
	padding-right: 5px;
	text-align: right;
}

table.products td.product {
	padding-top: 3px;
	width: 120px;
	padding-right: 5px;
}

table.products td.price {
	padding-top: 3px;
	width: 90px;
	text-align: right;
}

td.middle {
	padding-top: 3px;
}