/* min-width for smartphones to show the whole headup gfx and make the website zoomable */
@media screen and (max-width: 1149px) {
	
	@-ms-viewport{
		width: device-width; 
		zoom: 1.0;
	}
	@viewport{
		/* width: device-width; */
		width: device-width; 
		zoom: 1.0;
	}

	html, body, #wrapper {
		min-width: 1149px;
	}	
}

html, body {
   margin:0;
   padding:0;
   height: 100%;
   letter-spacing: 0.04em;
   -webkit-text-size-adjust: 100%; 
}

body {
    font: 12px / 140% arial, helvetica, clean, sans-serif;
	background-color: #323232;
	background-image: url('../../img/bg/background_1024.gif');
	background-size: 100% auto;
	background-repeat: repeat-y; 
	color: white;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

a { 	color: white; }

img {border : 0;}

@font-face {
	  font-family: 'Lobster';
	  src: url('../fonts/lobster.eot'); 											/* IE 5-8 */ 
	  src: url('../fonts/lobster.eot?#iefix') format('embedded-opentype'),		/* sneakily trick IE */
		   url('../fonts/lobster.woff') format('woff'),    						/* FF 3.6, Chrome 5, IE9 */
		   url('../fonts/lobster.ttf') format('truetype'), 						/* Opera, Safari */
		   url('../fonts/lobster.svg#font') format('svg');						/* iOS */
	  font-weight: normal;
	  font-style: normal;
}

@font-face {
	  font-family: 'Gill';
	  src: url('../../fonts/gill.eot'); 									/* IE 5-8 */ 
	  src: url('../../fonts/gill.eot?#iefix') format('embedded-opentype'),  /* sneakily trick IE */
		   url('../../fonts/gill.woff') format('woff'),    					/* FF 3.6, Chrome 5, IE9 */
		   url('../../fonts/gill.ttf') format('truetype'), 					/* Opera, Safari */
		   url('../../fonts/gill.svg#font') format('svg'); 					/* iOS */
	  font-weight: normal;
	  font-style: normal;			
}

@font-face {
	  font-family: 'Free';
	  src: url('../fonts/free.eot'); 									/* IE 5-8 */ 
	  src: url('../fonts/free.eot?#iefix') format('embedded-opentype'),  /* sneakily trick IE */
		   url('../fonts/free.woff') format('woff'),    					/* FF 3.6, Chrome 5, IE9 */
		   url('../fonts/free.ttf') format('truetype'), 					/* Opera, Safari */
		   url('../fonts/free.svg#font') format('svg'); 					/* iOS */
	  font-weight: normal;
	  font-style: normal;			
}

@font-face {
  font-family: "Poppins-Medium";
  src: url("../fonts/Poppins-Medium.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Poppins-Medium.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Poppins-Medium.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Poppins-Medium.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Poppins-Medium.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Poppins-Medium.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;	
}

.groove {
	width: 2px;
	background-image: url('../../img/groove_bg.png');
	background-repeat: repeat-y;
}

/* scrollpane */
.jspVerticalBar {
	right: 2px !important;
}

.jspTrack {
	background: none !important;
}

.jspDrag {
	background: #836f4d !important;
	width: 6px;
	left: 2px !important;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;		
}

.jspArrow {
	background: url('../../img/arrow_top_gold_fb.gif') !important;
    background-image: url('../../img/arrow_top_gold.svg'), none !important;
    background-position: 2px 0px !important;
	background-size: 6px 12px !important;
    background-repeat: no-repeat !important;
} 

.jspArrowDown {
	background: url('../../img/arrow_down_gold_fb.gif') !important;
    background-image: url('../../img/arrow_down_gold.svg'), none !important;
	background-position: 2px 0px !important;
	background-size: 6px 12px !important;	
	background-repeat: no-repeat !important;
}

#wrapper {
	min-height: 100%;
	position: relative;
}

.limwidth {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 1256px;
	/* width: 1256px; */
}

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-overlay { background: #000; opacity: .70; filter:Alpha(Opacity=70); }
.ui-dialog { position: absolute; padding: .2em; width: 300px;}

/* HEAD */
#topbar {
	height: 55px;
	text-align: right;
	position: relative;
	z-index: 500;
}

#topbar nav {
	vertical-align: top;
	padding-top: 15px;
	display: inline-block;
	display: -moz-inline-stack;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */	
}

#topbar nav ul  {
	margin: 0;
	padding: 0;
}

#topbar nav ul li {
	list-style-type: none; 
	margin-right: 10px;
	height: 25px;
	line-height: 25px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;	
	display: inline-block;
	display: -moz-inline-stack;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */		
}
#topbar nav ul li.active, 
#topbar nav ul li:hover {
	-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.55);
	box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.55);
}

#topbar nav ul li a.topbarLink:link,
#topbar nav ul li a.topbarLink:visited,
#topbar nav ul li a.topbarLink:active {
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #000;	
	background: #171717;
    -moz-box-shadow:    8px 8px 8px -9px #000 inset, -8px -8px 8px -11px #474747 inset;
    -webkit-box-shadow: 8px 8px 8px -9px #000 inset, -8px -8px 8px -11px #474747 inset;
    box-shadow:         8px 8px 8px -9px #000 inset, -8px -8px 8px -11px #474747 inset;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;	
	text-align: center;	
	display: inline-block;
	display: -moz-inline-stack;
	width: 135px;
	height: 25px;
	line-height: 25px;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */	
}

#topbar nav ul li a.topbarLink.active:link,
#topbar nav ul li a.topbarLink.active:visited,
#topbar nav ul li a.topbarLink.active:active,
#topbar nav ul li a.topbarLink:link:hover {
	background: #53462b; /* Old browsers */
	background: -moz-linear-gradient(top,  #53462b 0%, #806d4b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53462b), color-stop(100%,#806d4b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #53462b 0%,#806d4b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #53462b 0%,#806d4b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #53462b 0%,#806d4b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #53462b 0%,#806d4b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53462b', endColorstr='#806d4b',GradientType=0 ); /* IE6-9 */

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1.0;	
	
    -moz-box-shadow:    1px 2px 2px -2px #fff inset, -1px -2px 2px -2px #000 inset;	
    -webkit-box-shadow: 1px 2px 2px -2px #fff inset, -1px -2px 2px -2px #000 inset;	
    box-shadow:         1px 2px 2px -2px #fff inset, -1px -2px 2px -2px #000 inset;	
}

#forgotPassword {
	display: none;
    background-color: #212121;
    border-color: #836f4d;
    border-radius: 4px;
    border-style: solid;
    border-width: 3px;
    box-shadow: 0 0 15px 5px #000;	
	padding: 20px;
    color: #c7c7c7;
    display: none;
    letter-spacing: 0.04em;	
}

#forgotPasswordUserLoginNamePopup {
	margin-left: 20px;
}

#forgotPassword button {
	margin-top: 15px;
	margin-bottom: 15px;
}

#login {
	position: absolute;
	top: 46px;
}

#loginBoxArrow,
#basketFlyoutArrow,
#newItemMsgArrow {
	display: none;
    border-bottom: 7px solid #836f4d;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    font-size: 0;
    height: 0;
    left: 62px;
    line-height: 0;
    position: relative;
    width: 0;
	z-index: 500;
}

#basketFlyoutArrow,
#newItemMsgArrow {
	top: 15px;
	left: 45px;
}

#newItemMsgArrow {
	display: block;
}

#loginBox, 
#basketFlyout,
#newItemMsg {
	display: none;
	position: absolute;
	left: -49px;
	background-color: #212121;
	border-style: solid;
	border-width: 3px;
	border-color: #836f4d;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;		
	padding-top: 5px;
	-webkit-box-shadow: 0 0 15px 5px #000;
	-moz-box-shadow: 0 0 15px 5px #000;
	box-shadow: 0 0 15px 5px #000;	
	z-index: 400;
	color: #cecece;
}

#basketFlyout,
#newItemMsg {
	position: relative;
	top: 15px;
	left: -285px;
	width: 420px;
}

#newItemMsg {
	display: block;
	left: -35px;
	width: 150px;
	padding: 10px;
	font-size: 0.9em;
	cursor: pointer;
}

#loginBox p {
	padding: 10px;
	text-align: left;
	padding: 5px 15px;
}

#loginBox label {
	font-size: 0.9em;
	color: #ae9871;
	font-family: Verdana, Geneva, sans-serif;
}

input.textbox {
	width: 175px;
	height: 25px;
	line-height: 25px;
	padding: 0 10px 0;
	font-size: 1em;
	color: #d9d9d9;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #000;	
	background: #292929;
    -moz-box-shadow:    8px 8px 8px -9px #000 inset, -8px -8px 8px -11px #474747 inset;
    -webkit-box-shadow: 8px 8px 8px -9px #000 inset, -8px -8px 8px -11px #474747 inset;
    box-shadow:         8px 8px 8px -9px #000 inset, -8px -8px 8px -11px #474747 inset;	
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */	
}

div.forgotPasswordOpenerWrapper {
    border-color: #322d25;
    border-style: solid;
    border-width: 1px 0 0;
    height: 30px;
    padding-left: 15px;
    padding-top: 3px;
    text-align: left;
}

a.forgotPasswordOpener:link,
a.forgotPasswordOpener:visited,
a.forgotPasswordOpener:active,
a.forgotPasswordOpener:hover {
	background: none;
	font-size: 0.9em;
	color: #615643;
	font-family: Verdana, Geneva, sans-serif;	
	text-decoration: none;
}

a.forgotPasswordOpener:hover {
	color: #ae9871;
}

#loginButton {
	text-align: right;
	padding: 15px 15px 15px 0;
}

#errorBadLogin {
    border-color: #322d25;
    border-style: solid;
    border-width: 1px 0;
    margin-top: 10px;
	margin-bottom: 5px;
}

#basketFlyout p.title {
	padding: 10px 20px 10px 60px;
	color: #836f4d;
	font-size: 1.2em;
	background: url('../../img/minibasket_gold_fb.png');
    background-image: url('../../img/minibasket_gold.svg'), none;
	background-size: 34px 21px;
    background-position: 16px 6px;
    background-repeat: no-repeat;
}

#basketFlyout.scrollable p.title {
	border-bottom: 2px solid #4d4332;
}

#basketFlyout img.closePop {
	display: none;
}


/* basketItems */
#basketFlyout li {
	padding: 15px;
    border-color: #4d4332;
    border-style: solid;
    border-width: 0 0 1px 0;
	min-height: 80px;
	overflow: hidden;
}

#basketFlyout.scrollable li:hover {
	background-color: #2a2a2a;
}

#basketFlyout.scrollable li {
	border-width: 0 1px 1px 0;
}

#basketFlyout.scrollable li:last-child {
	border-width: 0 1px 0 0;
}

/* basketItems */
#basketFlyout li  a:link,
#basketFlyout li  a:visited,
#basketFlyout li  a:active,
#basketFlyout li  a:hover  {
	display: block;
	min-height: 90px;
	text-decoration: none;
	position: relative;
	color: #cecece;
}

/* basketItems */
#basketFlyout li  a img {
	float: left;
	width: 80px;
	height: 80px;
	border-style: solid;
	border-color: #cecece;
	border-width: 3px;
	-webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.8);
	box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.8);		
}

/* basketItems */
#basketFlyout li  a span.item {
	display: inline;
	float: left;
	padding-left: 20px;
	width: 190px;
	font-weight: 600;
	min-height: 75px;
}

/* basketItems */
#basketFlyout li  a span.item span.shortdesc {
	display: block;
	padding-top: 5px;
	font-family: Verdana, Geneva, sans-serif;
	color: #c7c7c7;
	font-size: 0.8em;
	font-weight: normal;
}

/* basketItems */
#basketFlyout li  a strong.price {
	display: block;
	position: absolute;
	right: 0;
	text-align: right;
	width: 70px;
	height: 75px;
}

/* basketItems */
#basketFlyout li div.amount {
	position: absolute;
	top: 73px;
	left: 73px;
	height: 22px; 
	width: 22px;
	color: #fff;
	background-color: #836f4d;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;	
	text-align: center;
	letter-spacing: normal;
	-webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.75);		
}

#basketFlyout li div.amount span {
	font-family: Verdana, Geneva, sans-serif;	
	font-weight: 900;
 	line-height: 22px;
	font-size: 0.75em;
}

#basketFlyout p.totals {
	padding: 8px 15px 15px 15px;
	font-size: 1.1em;
}

#basketFlyout.scrollable p.totals {
	border-top: 2px solid #4d4332;
}

#basketFlyout p.totals span.item {
	padding-left: 95px;
	font-weight: 600;
}

#basketFlyout p.totals strong.price {
	float: right;
}

#basketFlyout.scrollable p.totals strong.price {
	padding-right: 15px;
}

#basketFlyout div.scrollbarBox {
	height: 332px;
}

#basketFlyout p.functions {
	padding: 15px 10px 10px;
}

#basketFlyout p.functions a.submitButton {
	float: right;
}

div.greetings {
	display: inline-block;
    height: 55px;
    line-height: 55px;
    margin-right: 30px;
	position: relative;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */	
}

div.greetings p:before, div.greetings p:after {
    content: "";
    position: absolute;
    height: 54px;
	line-height: 54px;
    width: 8px;
    top: 1px;
	background: url('../../img/rivet_fb.png');
    background-image: url('../../img/rivet.svg'), none;
	background-size: 8px 8px;
    background-position: center center;
    background-repeat: no-repeat;
}
div.greetings p:before {
	left: 10px;
} 

div.greetings p:after {
	right: 10px;
}

div.greetings p {
	display: block;
	padding: 0 35px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.06em;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #000;	
	background: #3a3a3a;
    -moz-box-shadow:    8px 8px 8px -9px #000 inset, -8px -8px 8px -11px #474747 inset;
    -webkit-box-shadow: 8px 8px 8px -9px #000 inset, -8px -8px 8px -11px #474747 inset;
    box-shadow:         8px 8px 8px -9px #000 inset, -8px -8px 8px -11px #474747 inset;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;	
	text-align: center;	
	display: inline-block;
	display: -moz-inline-stack;
	height: 25px;
	line-height: 25px;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */
}

div.flyoutBox {
	display: none;
}

#servicesTrigger {
	display: none;
}

#languages {
	vertical-align: top;
	padding: 15px 0 0 15px;
	display: inline-block;
	display: -moz-inline-stack;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */	
	margin: 0;
}

#languages li {
	display: inline;
	list-style-type: none; 
}

#languages li a {
	width: 43px;
	height: 31px;
	display: inline;
	text-decoration: none;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	
}

#languages li a.selected,
#languages li a:hover {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}

#logobar {
	position: absolute;
	top: 55px; /* height of the topbar */
	width: 100%;
	height: 60px;
	border-style: solid;
	border-width: 1px 0 7px 0;
	border-bottom-color: #836f4d;
	border-top-color: #131312;
	background-image: url('../../img/row_back.gif');
	-webkit-box-shadow: 0 6px 20px #000;
	-moz-box-shadow: 0 6px 20px #000;
	box-shadow: 0 6px 20px #000;	
}

a.logo:link,
a.logo:visited,
a.logo:active,
a.logo:hover  {
	position: relative;
	text-decoration: none;
	float: left;
}

#logo_erl {
	top: -42px;
	height: 145px;
	display: block;
}

#logo_erl img {
	width: 402px;
	height: 145px;
}

#logo_reut {
	top: -42px;
	display: block;
	z-index: 10000;	
}

#logo_reut img {
	/* width: 315px;
	height: 143px; */
	height: 210px;
	width: auto;
}

#searchandbasket {
	float: right;
}

form.search {
	float: left;
	height: 60px; /* height of the logobar */	
}

form.search div.searchBox {
	position: relative;
	top: 26%;
}

div.searchBox input.textbox {
	width: 230px;
	margin-right: 15px;
	vertical-align: middle;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
	padding: 0 15px;
	height: 30px;
	line-height: 14px;
	color: #d9d9d9;
	font-size: 1em;
	background: #171717;
    -moz-box-shadow:    8px 8px 8px -9px #000 inset, -8px -8px 8px -11px #474747 inset;
    -webkit-box-shadow: 8px 8px 8px -9px #000 inset, -8px -8px 8px -11px #474747 inset;
    box-shadow:         8px 8px 8px -9px #000 inset, -8px -8px 8px -11px #474747 inset;
}

div.searchBox input.searchSubmit {
	vertical-align: top;
	cursor: pointer;
    background: url('../../img/searchicon_fb.png');
    background-image: url('../../img/searchicon.svg'), none;
	background-repeat: no-repeat;
	background-size: 26px 30px;
	border: none;
	height: 30px;
    width: 26px;
}

#searchandbasket div.groove {
	float: left;
	height: 60px; /* height of the logobar */
	margin-left: 30px;
	margin-right: 30px;
}

#minibasketIcon:link,
#minibasketIcon:visited,
#minibasketIcon:active,
#minibasketIcon:hover {
	display: block;
	height: 60px; /* height of the logobar */
	text-decoration: none;
}	

#minibasket_container {
	width: 140px;	
	float: right;
	position: relative;
}

#miniBasket {
	display: block;
	height: 60px; /* height of the logobar */
    background: url('../../img/minibasket_fb.png');
    background-image: url('../../img/minibasket.svg'), none;
	background-size: 40px 25px;
	background-repeat: no-repeat;
	background-position: 85% 45%;
	text-decoration: none;
}

#miniBasket span.minibasket_desc {
	position: relative;
	font-size: 1.1em;
	font-weight: 600;
	top: 39%;
	color: #c7c7c7;
}

#miniBasket span.counter {
	position: relative;
	float: right;
	top: 50%;
	right: 1.5%;
	height: 22px; 
	width: 22px;
	color: #c7c7c7;
	background-color: #6b5b42;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;	
	text-align: center;
	letter-spacing: normal;
}

#miniBasket span.activeCounter {
	background-color: #d7b46a;
	color: #000;
	-webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.75);	
}

#miniBasket span.counter #countValue {
	font-family: Verdana, Geneva, sans-serif;	
	font-weight: 900;
 	line-height: 22px;
	font-size: 0.75em;
}

.basketFlyout {
	display: none;
}

#headup {
	padding-top: 69px; /* height and border of the logobar */
	height: 260px;
	background-color: black;
}

#headup div {
	height: 260px;
	background-size: auto 100%;
	width: 100%;
}	

#headup div.hiRes {
	display: none;
}

/* show HiRes-Headup if there is a device pixel ratio higher than 2 */
@media  screen and (-webkit-min-device-pixel-ratio: 2),
		screen and (min--moz-device-pixel-ratio: 2),
		screen and (-o-min-device-pixel-ratio: 2/1),
		screen and (min-device-pixel-ratio: 2) {
		
		#headup div.lowRes {
			/* display: none; */
			display: block;
		}
		
	   #headup div.hiRes {
			/* display: block; */
		}
	}

#mainmenu {
	position: absolute;
	top: 383px; /* height and border of the topbar + height of the logbar + height and padding of the headup */
	width: 100%;
	height: 83px;
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-bottom-color: #000;
	border-top-color: #000;
	background-image: url('../../img/row_back.gif');
	-webkit-box-shadow: 0 0 15px 5px #000;
	-moz-box-shadow: 0 0 15px 5px #000;
	box-shadow: 0 0 15px 5px #000;
}

#mainmenu-divider {
	position: absolute;
	width: 100%;
	background-color: #836f4d;
	height: 7px;
	top: 38px;
}

#mainmenu nav ul {
	margin: 0;
	padding: 0;
	max-width: 1100px;
}

#mainmenu nav ul li.depth3 {
	position: absolute;
}

#mainmenu nav ul li {
	float: left;
	list-style-type: none; 	
	display: block;
	height: 38px; /* height of the mainmenu */
	line-height: 38px; /* height of the mainmenu */
	background-image: url('../../img/groove_bg.png');
	background-repeat: repeat-y;
	background-size: 2px auto;
	background-position: right top;	
	letter-spacing: 0.04em;
	margin-bottom: 7px;
}

#mainmenu nav ul li.mainmenuitem.active,
#mainmenu nav ul li.mainmenuitem:hover {
	-webkit-box-shadow: 4px -3px 7px -4px rgba(0, 0, 0, 0.75), -4px -3px 7px -4px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 4px -3px 7px -4px rgba(0, 0, 0, 0.75), -4px -3px 7px -4px rgba(0, 0, 0, 0.75);
	box-shadow: 4px -3px 7px -4px rgba(0, 0, 0, 0.75), -4px -3px 7px -4px rgba(0, 0, 0, 0.75);
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px; 	
	background: none;
	margin-left: -1px;
}

#mainmenu nav ul li:last-child {
	background-image: none;
}

#mainmenu nav ul li.mainmenuitem a:link,
#mainmenu nav ul li.mainmenuitem a:visited,
#mainmenu nav ul li.mainmenuitem a:active {
	display: block;
	height: 38px; /* height of the mainmenu */
	line-height: 38px; /* height of the mainmenu */
	text-decoration: none;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 1.1em;
	font-family: Verdana, Geneva, sans-serif;		
	letter-spacing: 0.04em;
	color: #d9d9d9;
	text-shadow: 1px 2px 4px rgba(0, 0, 0, 1);
}

#mainmenu nav ul li.mainmenuitem.active a:link,
#mainmenu nav ul li.mainmenuitem.active a:visited,
#mainmenu nav ul li.mainmenuitem.active a:active,
#mainmenu nav ul li.mainmenuitem.active a:hover,
#mainmenu nav ul li.mainmenuitem a:hover {
	-moz-box-shadow:    1px 2px 2px -2px #fff inset, 0 0 0 0 #000 inset;	
	-webkit-box-shadow: 1px 2px 2px -2px #fff inset, 0 0 0 0 #000 inset;	
	box-shadow:         1px 2px 2px -2px #fff inset, 0 0 0 0 #000 inset;
	-moz-border-radius: 2px 2px 0px 0px;
	-webkit-border-radius: 2px 2px 0px 0px;
	border-radius: 2px 2px 0px 0px; 
	background-image: none;
	background: #836f4d; /* Old browsers */
	background: -moz-linear-gradient(top,  #53462c 0%, #836f4d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53462c), color-stop(100%,#836f4d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #53462c 0%,#836f4d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #53462c 0%,#836f4d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #53462c 0%,#836f4d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #53462c 0%,#836f4d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53462c', endColorstr='#836f4d',GradientType=0 ); /* IE6-9 */
	padding-left: 26px;
	text-shadow: none;
	color: #fff;
}

#mainmenu nav ul li:first-child {
	display: none;
}

#mainmenu nav ul li.mainmenuitem.index-7 {
	background-image: none;
}

/** Items of the second main menu row **/

#mainmenu nav ul li.mainmenuitem.index-8.active,
#mainmenu nav ul li.mainmenuitem.index-8:hover,
#mainmenu nav ul li.mainmenuitem.index-9.active,
#mainmenu nav ul li.mainmenuitem.index-9:hover,
#mainmenu nav ul li.mainmenuitem.index-10.active,
#mainmenu nav ul li.mainmenuitem.index-10:hover,
#mainmenu nav ul li.mainmenuitem.index-11.active,
#mainmenu nav ul li.mainmenuitem.index-11:hover {
	-webkit-box-shadow: 4px 3px 7px -4px rgba(0, 0, 0, 0.75), -4px 3px 7px -4px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 4px 3px 7px -4px rgba(0, 0, 0, 0.75), -4px 3px 7px -4px rgba(0, 0, 0, 0.75);
	box-shadow: 4px 3px 7px -4px rgba(0, 0, 0, 0.75), -4px 3px 7px -4px rgba(0, 0, 0, 0.75);
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px; 	
}

#mainmenu nav ul li.mainmenuitem.active.index-8 a:link,
#mainmenu nav ul li.mainmenuitem.active.index-8 a:visited,
#mainmenu nav ul li.mainmenuitem.active.index-8 a:active,
#mainmenu nav ul li.mainmenuitem.active.index-8 a:hover,
#mainmenu nav ul li.mainmenuitem.index-8 a:hover,
#mainmenu nav ul li.mainmenuitem.active.index-9 a:link,
#mainmenu nav ul li.mainmenuitem.active.index-9 a:visited,
#mainmenu nav ul li.mainmenuitem.active.index-9 a:active,
#mainmenu nav ul li.mainmenuitem.active.index-9 a:hover,
#mainmenu nav ul li.mainmenuitem.index-9 a:hover,
#mainmenu nav ul li.mainmenuitem.active.index-10 a:link,
#mainmenu nav ul li.mainmenuitem.active.index-10 a:visited,
#mainmenu nav ul li.mainmenuitem.active.index-10 a:active,
#mainmenu nav ul li.mainmenuitem.active.index-10 a:hover,
#mainmenu nav ul li.mainmenuitem.index-10 a:hover,
#mainmenu nav ul li.mainmenuitem.active.index-11 a:link,
#mainmenu nav ul li.mainmenuitem.active.index-11 a:visited,
#mainmenu nav ul li.mainmenuitem.active.index-11 a:active,
#mainmenu nav ul li.mainmenuitem.active.index-11 a:hover,
#mainmenu nav ul li.mainmenuitem.index-11 a:hover {
	-moz-box-shadow:    -1px -2px 1px -2px #a7a7a7 inset, 0 0 0 0 #000 inset;	
	-webkit-box-shadow: -1px -2px 1px -2px #a7a7a7 inset, 0 0 0 0 #000 inset;
	box-shadow:         -1px -2px 1px -2px #a7a7a7 inset, 0 0 0 0 #000 inset;
	-moz-border-radius: 0px 0px 2px 2px;
	-webkit-border-radius: 0px 0px 2px 2px;
	border-radius: 0px 0px 2px 2px; 
	background: -moz-linear-gradient(top,  #836f4d 0%, #5b4d30 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#836f4d), color-stop(100%,#5b4d30)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #836f4d 0%,#5b4d30 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #836f4d 0%,#5b4d30 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #836f4d 0%,#5b4d30 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #836f4d 0%,#5b4d30 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#836f4d', endColorstr='#5b4d30',GradientType=0 ); /* IE6-9 */
}
	
#shopswitch {
	float: right !important;
}

#reut_link {
	position: relative;
	display: block;
	width: 266px;
	height: 127px;
	top: -54px;
	right: -8px;
}

#erl_link {
	display: block;
	position: relative;
	font-weight: 600;
	font-size: 1.1em;
	color: #d9bd78;
	text-decoration: none;
}

#erl_link span {
	padding-right: 10px;
}

#erl_link_logo {
	position: relative;
	display: block;
	width: 84px;
	height: 110px;
	float: right;
	top: -40px;
	right: -6px;
	background: url('../../img/erlkoenig_link_fb.png');
    background-image: url('../../img/erlkoenig_link.svg'), none;
	background-repeat: no-repeat;
	background-size: 84px 110px;
}

#content {
	padding-top: 125px;
	min-height: 250px;
	padding-bottom: 85px;   /* height of the footer + 60px padding */
}

/* FOOTER */

footer {
    position: absolute;
    bottom: 1px;
    width: 100%;
	height: 30px;
	border-style: solid;
	border-width: 3px 0 0 0;
	border-top-color: #836f4d;
	background-image: url('../../img/row_back.gif');
	-webkit-box-shadow: 0 6px 20px #000;
	-moz-box-shadow: 0 6px 20px #000;
	box-shadow: 0 6px 20px #000;	
	letter-spacing: normal;
	font-family: Verdana, Geneva, sans-serif;	
	font-size: 0.9em;
}

footer nav ul {
	margin: 0;
	padding: 0;
}

footer nav ul li {
	float: left;
	height: 30px;
	list-style-type: none; 	
	background-image: url('../../img/groove_bg.png');
	background-repeat: repeat-y;
	background-size: 2px auto;
	background-position: left top;
	padding-left: 10px;
	padding-right: 10px;	
}

@media screen and (min-width: 1391px) {
	footer nav ul li {
		padding-left: 15px;
		padding-right: 15px;		
	}
}

footer nav ul li:first-child {
	background-image: none;
	padding-left: 0;
}

footer nav ul li:first-child a{
	text-align: left !important;
}

#copyright {
	text-align: right;
	padding-top: 6px;
	color: #cdb36e;
	height: 25px;
	padding-right: 0;
	background-image: none;
	float: right;
}

footer nav ul li a:link,
footer nav ul li a:visited,
footer nav ul li a:active {
	display: block;
	text-decoration: none;
	text-align: center;
	padding-top: 6px;
}

footer nav ul li a:hover {
	text-decoration: underline;
}

/* CONTENT */
.textEmb {
	position: relative;
	padding: 5px 30px 0;
	margin-bottom: 5px;
	background-color: rgba(26, 26, 26);
	background-color: rgba(26, 26, 26, 0.7);
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	-moz-box-shadow:    8px 8px 8px -7px #0d0d0d inset, -8px -8px 8px -11px #636363 inset;
    -webkit-box-shadow: 8px 8px 8px -7px #0d0d0d inset, -8px -8px 8px -11px #636363 inset;
    box-shadow:         8px 8px 8px -7px #0d0d0d inset, -8px -8px 8px -11px #636363 inset;
	color: #c1c1c1;
}

.textEmb:before, .textEmb:after,
div.accountDashboardView dl a:before, div.accountDashboardView dl a:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 8px;
    top: 0px;
	background: url('../../img/rivet_top_fb.png'), url('../../img/rivet_bottom_fb.png');
    background-image: url('../../img/rivet_top.svg'), url('../../img/rivet_bottom.svg');
	background-size: 8px 13px;
    background-position: top center, bottom center;
    background-repeat: no-repeat;
}

.textEmb:before,
div.accountDashboardView dl a:before {
    left: 6px;
}
.textEmb:after,
div.accountDashboardView dl a:after {
    right: 6px;
}

.textEmb h1 {
	margin-top: 5px;
	margin-bottom: 10px;
	color: #b99f5e;
	font-size: 1.3em;
	letter-spacing: 0.06em;
}

.textEmb h2 {
	font-size: 1.2em;
	color: #a89463;
	letter-spacing: 0.06em;
}

.textEmb h3,
.popupBox h3,
.textPlain h3,
.checkoutOptions h3,
.checkoutCollumns h3,
#thankyouPage h3,
.simpleTextBox h3 {
	color: #d9bd78; 
	font-weight: 600;
	font-size: 1.1em;
	margin-bottom: 20px;
}

/* GENERAL */

.errorMsg {
	color: #d03c3c;
	font-weight: 600;
}

.oxValidateError {
	color: #d03c3c;
	padding-top: 7px;
	letter-spacing: 0.05em;
	display: none;
	font-size: 0.9em;
}

button,
a.textButton:link,
a.textButton:visited,
a.textButton:active,
a.submitButton:link,
a.submitButton:visited,
a.submitButton:active {
	background-color: #a18750;
	font-weight: bold;
	border: 0;
	height: 28px;
	line-height: 25px;
    padding: 0 20px 1px;	
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	color: #000;
	cursor: pointer;
	font-family: Verdana, Geneva, sans-serif;		
	font-size: 0.9em;
}

a.textButton:link,
a.textButton:visited,
a.textButton:active,
a.submitButton:link,
a.submitButton:visited,
a.submitButton:active {
	text-decoration: none;
	line-height: 28px;
	padding: 0 25px 1px;
	display: inline-block;
	display: -moz-inline-stack;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */
}

button:hover,
a.textButton:hover ,
a.submitButton:hover  {
	background-color: #d7b46a;
}

input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label span {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0px 10px 0 0;
    vertical-align: middle;
	background: url('../../img/checkbox_sheet.png');
    background-image: url('../../img/checkbox_sheet.svg'), none;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 48px 24px;
    cursor: pointer;
}
input[type="checkbox"]:checked + label span {
	background-position: -24px top;
	background-repeat: no-repeat;	
	background-size: 48px 24px;
}

#loginBox input[type="checkbox"] + label span {
	float: right;
}

/* PRODUCTS */

/* PRODUCT GRID */
#productList,
#searchList {
	padding-top: 30px;
	text-align: center;
}

.gridView {
	margin-bottom: 25px;
}

.gridView li.productData {
	width: 214px;
	min-height: 300px;
	text-align: left;
	color: #000;
	vertical-align: top;
	position: relative;	
	margin-right: 42px;
	margin-bottom: 42px;
	display: inline-block;
	display: -moz-inline-stack;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */	
}

.gridView li.productData a:link,
.gridView li.productData a:visited,
.gridView li.productData a:active,
.gridView li.productData a:hover {
	display: block;
	width: 214px;
	padding-bottom: 15px;	
	min-height: 285px;
	position: relative;
	color: #000;
	text-decoration: none;
	border: solid 1px #000;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;		
	background: rgba(232, 232, 232);
	background: rgba(232, 232, 232, 0.85);
	zoom: 1;
	filter: alpha(opacity=95);
	opacity: 0.95;

}

.gridView li.productData a:hover  {
	border: 1px solid #fff;
	-webkit-box-shadow: 0 0 25px 10px #000;
	-moz-box-shadow: 0 0 25px 10px #000;
	box-shadow: 0 0 25px 10px #000;	
	background: rgba(232, 232, 232);
	background: rgba(232, 232, 232, 1);	
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;		
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}

/*
#productList.gridView li.productData.lastElemInRow {
	margin-right: 0;
}
*/

@media screen and (max-width: 1391px) {
	.gridView li.productData	{
		margin-right: 55px;
		margin-bottom: 55px;
	}
	.gridView li.productData:nth-child(4n)	{
		margin-right: 0;
	}
}

@media screen and (min-width: 1392px) {
	#productList,
	#searchList {
		text-align: left;
	}

	.gridView li.productData:nth-child(5n)	{
		margin-right: 0;
	}
}

.gridView li.productData .gridPicture {
	width: 195px;
	margin: 0 auto;
	padding-top: 8px;
}

.gridView li.productData .gridPicture img {
	border: solid 1px #4b4b4b;	
}

.gridView li.productData span {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	padding-top: 3px;
	letter-spacing: 0.03em;
}

.gridView li.productData span.shortDesc {
	font-size: 0.9em;
	font-weight: normal;
	padding-right: 75px;
	padding-top: 5px;
	letter-spacing: normal;
}

.gridView li.productData div.priceBlock {
	position: absolute;
	bottom: 7px;
	right: -25px;
	display: block;
	width: 100px;
	height: 34px;
	text-align: center;
	padding-left: 5px;
	padding-right: 0;
	padding-top: 0;
	width: 87px;
	color: #fff;
	background: url('../../img/pricelabel_fb.png');
    background-image: url('../../img/pricelabel.svg'), none;
	background-size: 87px 34px;
	background-repeat: no-repeat;		
}

.gridView li.productData div.priceBlock strong { 
	line-height: 33px;
	font-size: 0.9em;
	letter-spacing: normal;
}

.gridView li.productData div.priceBlock strong span { 
	padding-top: 0;
}

.gridView li.productData div.priceBlock span.priceOld {
	display: none;
}

#catLongDesc p:last-child {
	padding-bottom: 15px;
}

#catLongDesc img {
    border-color: #fff;
    border-style: solid;
    border-width: 6px;
    margin-bottom: 10px;
    margin-top: 10px;
	-webkit-box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.8);
	box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.8);
	/*
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;	
	*/
}

/*
#catLongDesc img:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
*/

/* attribute filter and submenu */
div.listFilter {
	background: #272727;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
	border-top-width: 0;
	margin: 20px 0 0 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;		
} 

#reutterSubmenu,
#detailsItemsPager {
	padding: 0 20px 0 20px;
	font-family: Verdana, Geneva, sans-serif;
}

#reutterSubmenu {
	margin-bottom: 20px;
}

#filterList div.attributeFilter {
	padding: 5px 25px;
    border-color: #000;
    border-style: solid;
    border-width: 1px 0 0;
	padding: 15px 30px 0 30px;	
}

#filterList div.attributeFilter p {
	font-weight: bold;
	min-width: 12%;
	vertical-align: top;
	font-size: 1.1em;
	padding-top: 4px;
	display: inline-block;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */		
}

#filterList div.attributeFilter ul, 
#reutterSubmenu ul ,
#content ul.sidebarMenu  {
	width: 87%;
	display: inline-block;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */		
}

#filterList div.attributeFilter ul li,
#reutterSubmenu ul li,
#content ul.sidebarMenu li,
ul.actionLinks li {
	display: block;
	float: left;
	padding: 0 10px 10px 10px;
}

#filterList div.attributeFilter ul li a:link,
#filterList div.attributeFilter ul li a:visited,
#filterList div.attributeFilter ul li a:active,
#reutterSubmenu ul li a:link,
#reutterSubmenu ul li a:visited,
#reutterSubmenu ul li a:active,
#content ul.sidebarMenu li a:link,
#content ul.sidebarMenu li a:visited,
#content ul.sidebarMenu li a:active,
#detailsItemsPager a:link,
#detailsItemsPager a:visited,
#detailsItemsPager a:active,
ul.actionLinks li a:link,
ul.actionLinks li a:visited,
ul.actionLinks li a:active  {
	display: block;
	padding: 8px 20px;
	position: relative;
	height: 8px;
	line-height: 8px;
	font-size: 1.1em;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;		
	text-decoration: none;
	background-color: #393939;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;		
}

#filterList div.attributeFilter ul li a.selected,
#filterList div.attributeFilter ul li a:hover,
#reutterSubmenu ul li a:hover,
#content ul.sidebarMenu li a:hover,
#detailsItemsPager a:hover,
ul.actionLinks li a:hover   {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;		
}

#filterList div.attributeFilter ul li a.selected,
#reutterSubmenu ul li a.active,
#content ul.sidebarMenu li a.active {
	padding: 8px 30px;
	color: #d9bd78;	
	background: #1e1e1e;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.45);
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.45);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;		
}

#filterList div.attributeFilter ul li a.selected:before, 
#filterList div.attributeFilter ul li a.selected:after,
#reutterSubmenu ul li a.active:before, 
#reutterSubmenu ul li a.active:after,
#content ul.sidebarMenu li a.active:before, 
#content ul.sidebarMenu li a.active:after {
    content: "";
    position: absolute;
    height: 10px;
	line-height: 10px;
    width: 8px;
	background: url('../../img/rivet_fb.png');
    background-image: url('../../img/rivet.svg'), none;
	background-size: 8px 8px;
    background-position: center center;
    background-repeat: no-repeat;
	top: 8px;
}
#filterList div.attributeFilter ul li a.selected:before,
#reutterSubmenu ul li a.active:before,
#content ul.sidebarMenu li a.active:before {
	left: 7px;
} 

#filterList div.attributeFilter ul li a.selected:after,
#reutterSubmenu ul li a.active:after,
#content ul.sidebarMenu li a.active:after {
	right: 7px;
}

#details div.detailsParams {
	position: relative;
	height: 55px;
	padding-top: 10px;
}

#detailsItemsPager a {
    float: left;
    font-size: 0.9em !important;
    height: 6px !important;
    line-height: 6px !important;
		margin: 0 10px 10px 10px;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)" !important;
		filter: alpha(opacity=75) !important;
		opacity: 0.75 !important;	
		padding-top: 12px !important;
		padding-bottom: 12px !important;
}

#detailsItemsPager a:hover,
ul.actionLinks a:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
	opacity: 1 !important;	
}

#content div.noArticlesFound {
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding: 50px 0;
	text-align: center;
	color: #919191;
}

/* --- Article Details ----------- */

#detailsMain {
	padding: 0 30px;
}

div.detailsInfo  {
    position: relative;
}

.detailsRelated {
    clear:both;
    padding-top:55px;
}

.detailsInfo {
    position: relative;
	height: 400px;
}

.detailsInfo .picture {
	position: absolute;
    padding: 6px;
    text-align: center;
	background: rgba(232, 232, 232);
	background: rgba(232, 232, 232, 0.85);	
	-webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.8);
	box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.8);	
	display: inline-block;
	vertical-align: top;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */
}

.detailsInfo .picture a {
    float: left;
    text-align: center;
    overflow: hidden;
}

.detailsInfo .picture img {
    vertical-align: middle;
	border: 1px solid #4b4b4b;
}

.hasBrand {
    float:left;
    width:258px;
}
.detailsInfo .informationWrapper {
	padding-left: 460px;
	position: relative;
	right: 0;
	top: 0;
}

.detailsInfo .information {
    min-height: 150px;
    position: relative;
	padding: 20px;
	vertical-align: top;
    background: #272727;
    border: 1px solid #000;
    opacity: 0.8;		
}

.detailsInfo .information .left {
	width: 50%;
	display: inline-block;
	vertical-align: top;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */	
}

.detailsInfo .information .right {
	text-align: right;
	width: 49%;
	vertical-align: top;
	display: inline-block;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */		
}

.detailsInfo .information h1 {
	width: 70%;
	font-size: 1.3em;	
	padding-bottom: 8px;
	line-height: 1.5em;
	font-weight: 600;
}

.detailsInfo .information .productMainInfo {
	padding-bottom: 15px;
	font-size: 0.9em;
}

.detailsInfo .information div.price {
	line-height: 1.5em;
	position: absolute;
	top: 20px;
	right: 20px;
}
.detailsInfo .information .price strong {
    font-size: 1.6em;
    line-height: 1.3em;
}

ul.actionLinks {
    float: right;
    padding-right: 20px;
}

ul.actionLinks a {
    font-size: 0.8em !important;
    height: 6px !important;
    line-height: 6px !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
	filter: alpha(opacity=50) !important;
	opacity: 0.5 !important;	
	font-family: Verdana, Geneva, sans-serif;
}

#zoomTrigger {
	position: absolute;
	z-index: 100;
	width: 18px;
	height: 18px;
	background: url('../../img/minilense_fb.png');
    background-image: url('../../img/minilense.svg'), none;
	background-position: 15px 15px;
	background-size: 18px 18px;
    background-repeat: no-repeat;		
	padding: 15px 0 0 15px;
}

/* --- persistent params ---------------- */
.persparamBox {
    padding-bottom: 7px;
}

.basketitems .persparamBox {
    padding-top:5px;
    font-size: 12px;
}

.persparamBox label,
.persparamBox input {
    float: left;
}

.persparamBox input {
    width: 150px;
}

.persparamBox label {
    margin: 2px 5px 0 0;
}

/* --- articles details attributes ------------ */
.attributes {
    width: 100%;
}

.attributes th,
.attributes td {
    padding:4px 10px;
    border-top: 1px solid #ddd;
}

.attributes th {
    text-align: left;
    width: 35%;
    background: #f5f5f5;
}

.attributes tr:first-child th,
.attributes tr:first-child td {
    border: none;
}

.itemCode {
    color: #686868;
}

.shortDescription {
    clear:both;
    font-size: 1em;
    margin-bottom: 10px;
}

.additionalInfo {
    padding: 10px 25px 0 0;
	font-size: 0.9em;
	color: #cdcdcd;
}

.additionalInfo span:first-child {
    border: none;
}

.additionalInfo span {
    border-left: 1px solid #6f6f6f;
	padding-left: 4px;
}

.additionalInfo .stockFlag {
    padding-right: 20px;
}

.additionalInfo.delivery {
	background: url('../../img/instock_green_fb.png');
    background-image: url('../../img/instock_green.svg'), none ;
    background-position: right 0;
	background-size: 29px 8px;
    background-repeat: no-repeat;
	padding: 15px 0 25px 25px;
}

.additionalInfo.lowStock {
	background: url('../../img/instock_yellow_fb.png');
    background-image: url('../../img/instock_yellow.svg'), none ;
    background-position: right 0;
	background-size: 29px 8px;
    background-repeat: no-repeat;	
}

.additionalInfo.notOnStock {
	background: url('../../img/instock_red_fb.png');
    background-image: url('../../img/instock_red.svg'), none ;
    background-position: right 0;
	background-size: 29px 8px;
    background-repeat: no-repeat;	
}

.additionalInfo.delivery span {
	vertical-align: middle;
	border: 0;
}

#productDeliveryTime {
	margin-bottom: 0;
	padding: 0;
	display: block;
}

.tobasketFunction .selector {
    position: relative;
    z-index:14;
}

.selector {
    padding: 2px 6px 3px 6px;
    line-height: 16px;
    position: absolute;
    z-index: 18;
}

.selector img {
    vertical-align: middle;
}

.otherPictures {
    position: relative;
    z-index: 4;
}

#morePicsContainer {
	padding: 0 20px;
}

.otherPictures ul {
    margin: 0 0 20px 0;
    padding: 0;
    overflow:hidden;
}

.otherPictures li,
.otherPictures a {
    list-style: none;
    padding: 20px 25px 0 0;
    display: inline-block;
}

.otherPictures a:link,
.otherPictures a:visited,
.otherPictures a:active {
    display: block;
    float: left;
    text-align: center;
    position: relative;
    padding: 3px;
    text-align: center;
	background: rgba(232, 232, 232);
	background: rgba(232, 232, 232, 0.85);	
	-webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.8);
	box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.8);		
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;	
}

.otherPictures a:hover,
.otherPictures a.selected {
	cursor: pointer;
	background: rgba(232, 232, 232);
	background: rgba(232, 232, 232, 1);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;	
}

.artIcon {
    display: block;
    overflow: hidden;	
}

.otherPictures img {
    vertical-align: middle;
    position: relative;
    z-index: 1;
}

.marker {
    position: absolute;
    width: 96px;
    height: 96px;
    border: 2px solid #eb6005;
    top: 0;
    left: 0;
    display: none;
    z-index: 33;
}

.marker img {
    position: absolute;
    top: -8px;
    left: 50%;
    z-index: 6;
    margin-left: -6px;

}

.otherPictures .selected .marker,
#zoomModal .selected .marker{
    display: block;
}

.shadowLine {
    width: 100%;
    height: 8px;
    position: absolute;
    top: 0;
    z-index: 4;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #c0c0c0;
}

#description {
	padding: 20px 35px 35px 35px;
}

#description p {
	font-size: 1.1em;
}

.relatedProducts {
}

.relatedInfoFull {
    float: none;
    width: auto;
    padding-right: 0;
}

/* --- Stock flags ----------------- */
.detailsInfo .information .oldPrice {
    color: #686868;
    text-align: right;
}

.detailsInfo .information .oldPrice strong {
    font-size: 0.9em !important;
    margin-bottom: 3px;
}

.detailsInfo .information .inclVat {
    color: #686868;
    display: block;
    font-size: 0.8em !important;
    font-weight: 600;
    text-align: right;
}

.tobasketFunction {
	margin-top: 15px;
}

.tobasketFunction .price {
    font-size: 18px;
}

.tobasketFunction .textbox {
    width: 20px;
	height: 25px;
	line-height: 25px;
	padding: 0 5px 2px;
	vertical-align: middle;
	font-size: 1em;
	color: #d9d9d9;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #000;	
	background: #292929;
	text-align: center;
    -moz-box-shadow:    8px 8px 8px -9px #000 inset, -8px -8px 8px -11px #474747 inset;
    -webkit-box-shadow: 8px 8px 8px -9px #000 inset, -8px -8px 8px -11px #474747 inset;
    box-shadow:         8px 8px 8px -9px #000 inset, -8px -8px 8px -11px #474747 inset;		
}

.tobasketFunction a,
.tobasketFunction label,
.tobasketFunction button,
.tobasketFunction input {
    margin-right: 7px;
}
.tobasketFunction button {
	margin-right: 0;
}
.tobasketFunction label {
    margin: 1px 10px 0 0;
}

.information .tobasket{
	margin-top: 40px;
	float: right;
}

/* --- ZOOM CLOUD ----------------------------- */
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
    border: 2px solid #a18750;
    margin:-2px;    /* Set this to minus the border thickness. */
    background-color:#fff;
    cursor:move;
}

/* This is for the title text. */
.cloud-zoom-title {
    font-family:Arial, Helvetica, sans-serif;
    position:absolute !important;
    background-color:#000;
    color:#fff;
    padding:3px;
    width:100%;
    text-align:center;
    font-weight:bold;
    font-size:10px;
    top:0;
}

/* This is the zoom window. */
.cloud-zoom-big {
    border:6px solid #a18750;
    overflow:hidden;
    background-repeat: no-repeat;
    background-color: #fff;
	margin-left: 20px;
	margin-top: -4px;
	-webkit-box-shadow: 2px 2px 45px 0px rgba(0,0,0,0.9);
	-moz-box-shadow: 2px 2px 45px 0px rgba(0,0,0,0.9);
	box-shadow: 2px 2px 45px 0px rgba(0,0,0,0.9);		
}

/* This is the loading message. */
.cloud-zoom-loading {
    color: #fff;
    font-weight: 600;
    padding: 15px 15px 15px 0;
	text-shadow: 1px 2px 4px rgba(0, 0, 0, 1);
}


.zoomed {
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 2;
}

.zoomPager {
    margin: 0;
    padding: 0;
}

.zoomPager li {
    list-style: none;
    float: left;
    padding: 0;
}

.zoomHead {
    font-weight: 700;
    text-transform: uppercase;
}

#zoomModal{
	display: none;
	background: #fff;
}

#zoomModal .otherPictures {
    margin: 0;
    padding: 0;

    z-index: 9;
}

#zoomModal .otherPictures a{
    width: 30px;
    height: 35px;
    line-height: 35px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    text-shadow: 0 1px 1px #fff;
	color: #000;
}

#zoomModal .shadowLine {
    clear: both;
}

#zoomModal .otherPictures ul{
    margin: 0;
}

#zoomModal .closePop,
#forgotPassword .closePop {
	position: absolute;
	z-index: 1000;
	cursor: pointer;
	right: -17px;
    top: -17px;	
	width: 30px;
	height: 30px;
	background: url('../../img/closepop_fb.png');
    background-image: url('../../img/closepop.svg'), none;
	background-size: 30px 30px;
    background-repeat: no-repeat;	
}

#forgotPassword .closePop {
	top: -15px;
	right: -15px;
	background: url('../../img/closepop_gold_fb.png');
    background-image: url('../../img/closepop_gold.svg'), none;
	background-size: 30px 30px;
    background-repeat: no-repeat;		
}

#zoomImg {
	margin: 11px 0 8px 0;
}

#moreZoomPicsContainer a:link,
#moreZoomPicsContainer a:visited,
#moreZoomPicsContainer a:active  {
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.4);
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #c0c0c0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity: 0.4;	
}

#moreZoomPicsContainer a:hover,
#moreZoomPicsContainer a.selected {
	background: #eeeeee;
	-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.8);
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.8);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;	
}

.popupBox > ul li,
#content .textEmb ul li,
#content .textPlain > ul li {
	list-style: none;
	margin: 10px 10px 10px 10px;
	padding-left: 20px;
	background: url('../../img/rivet_fb.png');
	background-image: url('../../img/rivet.svg'), none;
	background-position: 0 5px;
	background-size: 8px 8px;
    background-repeat: no-repeat;    
}

#content .textPlain {
	background: #272727;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
	margin: 25px 0 25px 0;
	padding: 20px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	opacity: 0.75;		
}

#content .textPlain button,
#content .textEmb  button {
	margin-top: 15px;
	margin-bottom: 15px;
}

#content div.status {
	background: none repeat scroll 0 0 #272727;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    margin: 10px 0 20px 0;
    opacity: 0.75;
    padding: 8px 20px;
	border-radius: 3px;
	font-size: 1.1em;
}

#content div.status.error {
    border-color: #942525;
    color: #d03c3c;
    font-weight: bold;
	border-width: 2px;
}

#content div.status.success {
    border-color: #d9bd78;
    color: #d9bd78;
    font-weight: bold;
	border-width: 2px;
}

#content div.status.withEmb {
	margin: 20px 0 !important;
}

#content .textPlain div.box.info {
    font-size: 1.1em;
    padding: 0 0 20px;
}

#content input.textbox {
	margin-left: 20px;
}

input[type=password] {
	margin-left: 0 !important;
}	

/* --- checkout Steps ------------------ */

.checkoutSteps + .status, .checkoutSteps + css3-container + .status {
    margin-top: 20px;
}

.checkoutCollumns .row,
#thankyouPage.row,
.simpleTextBox,
ul.orderList li {
    background: rgba(39, 39, 39);
    background: rgba(39, 39, 39, 0.7);
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    color: #c2c2c2;
    margin: 20px 0 0;
	padding: 20px;
}

.checkoutCollumns .collumn {
	vertical-align: top;
    width: 48%;	
	display: inline-block;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */
}

.checkoutCollumns .collumn:first-child {
	padding-right: 1%;
}

.checkoutSteps {
    overflow: hidden;
	background: none repeat scroll 0 0 #272727;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    margin: 20px 0 0;
    opacity: 0.7;	
}

.checkoutSteps li {
    list-style: none;
    padding: 0;
    float: left;
    height: 36px;
	width: 23%;
    line-height: 36px;
    position: relative;
    left: 0;
    margin-left: -10px;
	text-align: center;
	background: url('../../img/checkout_arrow_fb.png');
    background-image: url('../../img/checkout_arrow.svg'), none;
	background-size: 18px 36px;
	background-position: right 0;
	background-repeat: no-repeat;
}

.checkoutSteps li.active {
    color: #d7b46a;
	font-weight: 600;	
}

.checkoutSteps li.activeLast {
    color: #a18750;
	font-weight: 600;
	font-size: 1.2em;	
	background: url('../../img/checkout_lastcheck_fb.png');
    background-image: url('../../img/checkout_lastcheck.svg'), none;
	background-size: 61px 36px;
	background-position: right 0;
	background-repeat: no-repeat;		
}
.checkoutSteps li.defaultLast {
    background: none;
}

.checkoutSteps li.passed {
    color: #a18750;
	background: url('../../img/checkout_arrow_passed_fb.png');
    background-image: url('../../img/checkout_arrow_passed.svg'), none;
	background-size: 61px 36px;
	background-position: right 0;
	background-repeat: no-repeat;	
}

.checkoutSteps li.active a {
    color: #d7b46a;
	font-weight: 600;
}

.checkoutSteps li.passed a {
    color: #a18750;
}

.checkoutSteps li  a:link,
.checkoutSteps li  a:visited,
.checkoutSteps li  a:active {
    text-decoration: none;
	width: 100%;
	display: inline-block;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */
}

.checkoutSteps li.active a:hover {
    text-decoration: none;
}

.checkoutSteps span {
	height: 36px;
	line-height: 36px;
	margin-left: -30px;	
}

.checkoutSteps li.step1 {
    z-index: 5;
    margin-left: 0;
    padding-left: 0;
}

.checkoutSteps li.step2 {
    z-index: 4;
}

.checkoutSteps li.step3 {
    z-index: 3;
}

.checkoutSteps li.step4 {
    z-index: 2;
}

.checkoutSteps li.step5 {
    z-index: 1;
	width: 11%;
}

.checkoutSteps li.step5 span {
	padding-left: 15px;
}

div.checkoutOptions  {
	min-height: 390px;
}

.checkoutOptions .option{
    width: 32%;
    float:left;
    margin-right: 2%;	
}

.checkoutOptions .option .optionBorder {
    background: none repeat scroll 0 0 rgba(39, 39, 39, 0.7);
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    color: #c2c2c2;
	padding: 20px;
	min-height: 290px;
}

.checkoutOptions .option:last-child{
    margin-right:0;
}

.checkoutOptions .nextStep {
	float: none;
	margin-top: 30px;
}

#content ul.form  {
	margin-top: 25px;
}

#content ul.form li {
	margin-bottom: 10px;
	position: relative;
	line-height: 25px;
	vertical-align: middle;
}

.checkoutOptions ul.form li {
	margin-bottom: 20px !important;
}

#content ul.form li label {
	min-width: 180px;
	display: inline-block;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */	
}

#content label.innerLabel{
    position:absolute;
    /* margin: 5px 0 0 15px; */
	margin: 5px 0 0 12px;
    font-weight: normal;
	z-index: 100;
	color: #686868;
    font-size: 0.9em;	
	line-height: 18px !important;
}

#content label.innerLabel.textArea {
	margin: 10px !important;
	padding: 0 !important;
}

.checkoutOptions  ul.form li label {
	min-width: 110px !important;
	width: 110px !important;
}

#content ul.form label.req {
	font-weight: 600;
}

.lineBox {
    padding: 9px 0 10px;
    margin: 20px 0 40px;
}

.couponBox {
    margin-top: 75px;
    padding: 10px;
    position: relative;
    width: 550px;
}
.couponBox label {
	display: block;
	color: #c2c2c2;
	width: 250px;
	padding-bottom: 10px;
}

.couponBox button {
	margin-left: 20px;
}

.couponBox p.oxValidateError {
    padding-left: 5px;
}

.couponBox .inlineError {
    padding-top: 10px;
    line-height: 16px;
	color: #d03c3c;
}

.couponBox .textbox {
    margin: 0 5px;
}

.couponData span {
    padding-right: 10px;
}

h3.section {
    border-bottom: 1px solid #101010;
    padding: 20px;
	color: #d9bd78; 
}

h3.section button {
    float: right;
}

/* single golden bar while checkout */
#wrapper.basket #header,
#wrapper.user #header,
#wrapper.payment #header,
#wrapper.order #header {
	border-bottom: 7px solid #836f4d;
	box-shadow: 0 0 15px 5px #000;
}

#wrapper.basket #content,
#wrapper.user #content,
#wrapper.payment #content,
#wrapper.order #content {
	padding-top: 10px;
}

#wrapper.basket #searchandbasket div.groove,
#wrapper.user #searchandbasket div.groove,
#wrapper.payment #searchandbasket div.groove,
#wrapper.order #searchandbasket div.groove {
	display: none;
}

/*
#productTitle {
    position: relative;
    z-index: 17;
    padding-right: 30px;
    text-shadow: 0 1px 1px #fff;
}
*/

/* --- Checkout basket content ----------------------- */
#basketContainer,
#orderAddress,
#orderShipping,
#orderPayment,
#orderEditCartAndCart,
#confirmAGBContainer {
    background: rgba(39, 39, 39);
    background: rgba(39, 39, 39, 0.7);
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    margin: 20px 0 0;
    overflow: hidden;
	color: #c2c2c2;
	position: relative;
}

#basketContainer input.textbox {
	margin-left: 0;
}

.basketitems {
    width: 100%;
    font-size: 1.1em;
}

.basketitems .editCol {
    width: 30px;
}
.basketitems .thumbCol {
    width: 110px;
}
.basketitems .wrappingCol {
    width: 120px;
}
.basketitems .coutCol {
    width: 60px;
}
.basketitems .priceCol {
    width: 110px;
}
.basketitems .vatCol {
    width: 60px;
}
.basketitems .totalCol {
    width: 90px;
}


.basketitems td {
    vertical-align: top;
    border-top: 1px solid #101010;
    padding: 20px;
}

.basketitems tr:last-child td {
    border-bottom: 1px solid #a18750;
}

.basketitems th {
    font-size: 0.85em;
    text-align: left;
    color: #cdcdcd;
    padding: 10px 20px 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #a18750;
}

.basketitems tr td:last-child, .basketitems tr th:last-child, .basketitems .unitPrice, .basketitems .vatPercent {
    text-align: right;
    padding-right: 20px;
}

.basketitems td.basketImage {
    text-align: center;
    vertical-align: middle;
}

.basketitems td.basketImage img {
    border-color: #cecece;
    border-style: solid;
    border-width: 3px;
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.8);
    height: 80px;
}

.basketitems tr.basketError td {
    padding-top: 0;
    padding-bottom: 10px;
    border: none;
}

.basketItemTitle a:link,
.basketItemTitle a:visited,
.basketItemTitle a:active,
.basketItemTitle a:hover {
	text-decoration: none;
    font-size: 1.2em;
    font-weight: 600;
	color: #c2c2c2;
}

.basketItemTitle div.smallFont {
	color: #686868;
	font-size: 0.8em;
	padding: 10px 0;
}

.basketItemTitle div.shortDesc {
	color: #a2a2a2;
	font-size: 0.8em;
}

.basketitems .picture {
    width: 130px;
    height: 160px;
    overflow: hidden;
    border: 1px solid #555555;
}

.basketitems .wrappingTrigger {
    color: #1D7E96;
}

.wrappingTrigger span {
    display: block;
    color: #555;
    font-size: 11px;
}

.wrappingTrigger:hover span {
    text-decoration: underline;
}

.basketitems .checkbox {
    vertical-align: middle;
}

.basketitems .textbox {
    width: 20px;
    text-align: right;
}

.basketitems .persParam {
    width: 120px;
    text-align: left;
}

.basketitems .persParamLabel {
    font-size: 12px;
    font-weight: bold;
}

.quantity strong {
    display: block;
    font-size: 11px;
    margin-bottom: 3px;
}

.quantity p {
    margin-bottom: 5px;
	margin-top: -5px;
}

.quantity {
    white-space: nowrap;
    padding-right: 10px;
}

.summary {
    font-size: 14px;
    width: 350px;
    float: right;
    padding-top: 15px;
}

.summary table {
    width: 100%;
}

.summary table td {
    text-align: right;
    width: 90px;
    padding: 5px 5px 5px 2px;
    border-top: 1px solid #181818;
}

.summary table th {
    text-align: left;
    font-weight: 400;
    border-top: 1px solid #181818;
	padding-left: 15px;
}

.summary table tr:last-child td, .summary table tr:last-child th {
    border-top-color: #a18750;
    border-bottom-width: 0;
	border-top-width: 1px;
}

.summary table tr:first-child td, .summary table tr:first-child th {
    border-top-width: 0;
}

.backtoshop {
    float: left;
    padding-left: 10px;
}

.nextStep {
    float: right;
}
.prevStep {
    float: left;
}

.basketFunctions {
    float: left;
    padding-top: 20px;
}

.basketFunctions button,
#userChangeAddress,
#userChangeShippingAddress,
h3.section button {
    height: 22px;
    line-height: 18px;
    margin: 0 10px;
    padding: 0 8px 1px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}

h3.section button {
	margin: -2px 0 0 0;
}

.basketFunctions button:hover,
#userChangeAddress:hover,
#userChangeShippingAddress:hover,
h3.section button:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;	
}

#userChangeAddress, 
#userChangeShippingAddress {
    float: right;
    margin-right: 70px;
    font-size: 0.8em;
    font-weight: 600;	
}

.basketFunctions span {

}

.removeFn {
	color: #cecece;
    padding-left: 25px;
	display: block;
	margin-top: 10px;
	background: url('../../img/x-icon.png');
    background-image: url('../../img/x-icon.svg'), none;
	background-size: 14px 14px;
    background-position: 0 2px;
    background-repeat: no-repeat;
	text-decoration: none;
	font-size: 0.8em;
}

#basketSummary {
	font-size: 1.1em
}

#basketSummary th,
#basketSummary td {
    padding-bottom: 10px;
    padding-top: 10px;
}

#basketSummary td {
	padding-right: 20px;
}

/* --- Forms, Validation ---------------------------- */

.form select[data-fieldsize="normal"] {
    width: 202px;
}

.form input[data-fieldsize="xsmall"] {
    width: 25px;
}

.form input[data-fieldsize="small"] {
    width: 52px;
}

.form input[data-fieldsize="small"] {
    width: 52px;
}

.form input[data-fieldsize="medium"] {
    width: 86px;
}

.form input[data-fieldsize="xsmall"] + input[data-fieldsize="pair-xsmall"],
.form input[data-fieldsize="xsmall"] + css3-container + input[data-fieldsize="pair-xsmall"],

.form input[data-fieldsize="pair-xsmall"] + input[data-fieldsize="xsmall"],
.form input[data-fieldsize="pair-xsmall"] + css3-container + input[data-fieldsize="xsmall"],

.form input[data-fieldsize="small"] + input[data-fieldsize="pair-small"],
.form input[data-fieldsize="small"] + css3-container + input[data-fieldsize="pair-small"],

.form input[data-fieldsize="small"] + input[data-fieldsize="small"],
.form input[data-fieldsize="small"] + css3-container + input[data-fieldsize="small"],

.form input[data-fieldsize="medium"] + input[data-fieldsize="medium"],
.form input[data-fieldsize="medium"] + css3-container + input[data-fieldsize="medium"] {
    margin-left: 5px;
}

.form input[data-fieldsize="xsmall"] + .form input,
.form input[data-fieldsize="xsmall"] + css3-container + .form input {
    margin-left: 10px;
    margin-right: 0;
}

.form input[data-fieldsize="pair-xsmall"] {
    width: 132px;
}

.form input[data-fieldsize="pair-small"] {
    width: 121px;
}

.form input[data-fieldsize="verify"] {
    width: 103px;
}

.verificationCode {
    margin: 0 7px 0 0;
    float: left;
}

span.verificationCode {
    margin-top: 2px;
}

#content .formNote,
#content span.inputNote,
#content .note {
    color: #686868;
    font-size: 0.9em;
    margin-top: 20px;
}

#content .note {
	margin-top: 5px;
}

#content label.newsSubscribedLabel {
	width: 40px !important;
	min-width: 40px !important;
}

#content .form input[type=text] {
	position: relative;
	height: 25px;
	line-height: 25px;
	margin: 0;
	padding: 0 10px 0;
	font-size: 1em;
	color: #d9d9d9;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #000;	
	background: #292929;
    -moz-box-shadow:    8px 8px 8px -9px #000 inset, -8px -8px 8px -11px #474747 inset;
    -webkit-box-shadow: 8px 8px 8px -9px #000 inset, -8px -8px 8px -11px #474747 inset;
    box-shadow:         8px 8px 8px -9px #000 inset, -8px -8px 8px -11px #474747 inset;	
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */	
}

select {
    background: none repeat scroll 0 0 rgba(39, 39, 39, 0.7);
    border-color: #000;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #c2c2c2;
    font-size: 1em;
    height: 25px;
	line-height: 21px;
    min-width: 80px;
    overflow: hidden;
    padding-left: 5px;
}

select.oxMonth {
	width: 98px !important;
	min-width: 98px !important;
} 

li.oxDate span.selectboxit {
	width: 98px !important;
}

#content textarea {
    background: none repeat scroll 0 0 #292929;
    border-color: #000;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 8px 8px 8px -9px #000 inset, -8px -8px 8px -11px #474747 inset;
    color: #d9d9d9;
    font-size: 1em;
    padding: 10px;
    position: relative;
	max-width: 475px;
	min-width: 330px;
}

label.orderRemarkLabel {
	display: block !important;
	padding: 0 0 10px 0;
	margin-top: 50px;
}

.oxInValid {
	color: #d03c3c;
}

#addressText,
#shippingAddressText {
    border: 1px solid #181818;
    font-size: 1.1em;
    font-weight: bold;
    margin-right: 70px;
    margin-top: 20px;
    padding: 20px;	
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;		
}

label.shippingAddressLabel {
	font-weight: bold;
}

.checkoutCollumns dl {
	margin-bottom: 20px;
}

#paymentHeader {
	margin-bottom: 35px !important;
}

#payment dt {
	font-size: 1.25em;
}

#payment dd {
	display: none;
	margin: 10px 35px 35px 35px;	
}

#payment dd.activePayment {
	display: block;
}

.payment .paypalDescBox {
	margin: 25px 0 !important;
}

.paypalHelpIcon {
	background: none !important;
	color: #5a5a5a !important;
	border: 1px solid #3b3b3b !important;
	top: 20px !important;
	line-height: 19px !important;
	text-decoration: none;
}

.paypalPrice {
	display: none !important;
}

label[for="payment_payppaypalplus"] + div.desc {
	margin-left: 35px;
	font-size: 12px;
	margin-top: 20px;
}

#paypPayPalPlusWall {
	margin-left: 35px;
	margin-right: 35px;
}

#paypPayPalPlusLoading {
	position: fixed !important;
	z-index: 10999;
	background: #000 url("../../../../../../out/erlkoenig/img/loading1.gif") no-repeat 50% 50% !important;
	opacity: 0.75 !important;
}

#shipSetCost {
	margin-top: 15px;
	font-size: 1.1em;
}

input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
	cursor: pointer;
}

input[type="radio"] + label:before {
	content: ""; 
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0px 10px 0 0;
    vertical-align: middle;
	background: url('../../img/radiobutton_sheet.png');
    background-image: url('../../img/radiobutton_sheet.svg'), none;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 48px 24px;
    cursor: pointer;
}
input[type="radio"]:checked + label:before {
	background-position: -24px top;
	background-repeat: no-repeat;	
	background-size: 48px 24px;
}

#orderAddress dl {
	padding: 20px;
	margin-right: 60px;
	vertical-align: top;
	display: inline-block;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */
}

#orderAddress dt {
	font-size: 1.1em;
	font-weight: 600;
	padding-bottom: 15px;
}

#orderShipping,
#orderPayment,
#confirmAGBContainer {
	font-weight: 600;
	font-size: 1.2em;
	padding: 20px;
}

#orderShipping h3.section,
#orderPayment h3.section,
#confirmAGBContainer h3.section {
	font-size: 0.8em;
	border: none;
	padding: 0 0 15px 0;
}

#orderShipping h3.section button,
#orderPayment h3.section button {
	font-size: 0.95em;
}

.lineBox  span.title {
    background: none repeat scroll 0 0 rgba(39, 39, 39, 0.7);
    border-color: #000;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    color: #c2c2c2;
    display: block;
    font-weight: 600;
    margin-bottom: 0;
    padding: 10px 25px;
	font-size: 1.2em;
}

#orderEditCartAndCart h3.section {
	border: none;
	padding: 20px 20px 5px 20px;
}

.lineBox.textOnly {
	margin-top: 5px;
	margin-bottom: 5px;
	margin: 20px 40px 0 40px;
}

#confirmAGBContainer {
	margin-bottom: 20px;
}

p.agbConfirmation {
	font-size: 0.8em;
}

#content .contentPlainContainer {
	margin: -40px 50px 0; 
}

.contentPlainContainer .pageHead.textEmb {
	margin-bottom: 20px;
}

.contentPlainContainer .contentPlain.textEmb {
	padding: 20px 40px 40px 40px;
}

#basketGrandTotal {
	font-size: 1.2em;
}

#thankyouPage {
	font-size: 1.1em;
}

#thankyouPage h3 {
	font-size: 1.3em;
	margin-bottom: 25px;
}

#content .cmsContent.textEmb {
	margin-top: 20px;
	padding: 20px 40px 40px 40px;
}

#content ul.sidebarMenu  {
	margin-bottom: 5px;
	margin-top: 10px;
	margin-left: 20px;
	width: 95% !important;	
}

span.notice.newsletter {
    color: #686868;
    display: block;
    font-size: 0.9em;
    margin-top: 20px;
}

#newsletterSettingsSave {
	margin-top: 30px;
}

div.info.newsletter {
    color: #d9bd78;
    font-weight: bold;
    margin-left: 40px;
	display: inline-block;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */		
}

/* order history */

ul.orderList li td {
	min-width: 400px;
}

ul.orderList li td dt {
    color: #d9bd78;
    font-weight: bold;
	font-size: 1.3em;
}

ul.orderList li td dt span {
    color: #686868;
    display: block;
    font-size: 0.7em;
    margin-bottom: 15px;
    margin-top: 3px;
	font-weight: normal;
}

ul.orderList li td dd {
	margin-top: 8px;
}

ul.orderList li td dd strong {
	min-width: 120px;
	display: inline-block;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */	
}

ul.orderList li td h3 {
    font-size: 1.2em;
    margin-bottom: 20px;
}

table.orderhistory td {
	min-width: 0 !important;
}

table.orderhistory td a:link,
table.orderhistory td a:visited,
table.orderhistory td a:active {
	color: #cecece;
	padding: 0 10px 0 20px;
	margin-bottom: 12px;
	text-decoration: none;
	height: 20px;
	line-height: 18px;
	background: url('../../img/rivet_fb.png');
    background-image: url('../../img/rivet.svg'), none;
	background-size: 8px 8px;
    background-position: 0 center;
    background-repeat: no-repeat;	
	display: inline-block;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */	
}

table.orderhistory td a:hover {
	text-decoration: underline;
}

table.orderhistory td span.amount {
    color: #909090;	
	font-size: 0.9em;	
}

span.orderSent {
	color: #d9bd78;
}

/* account dashboard */
div.accountDashboardView dl {
    padding: 0 0px 0.1%;
    text-align: center;
    width: 48%;
	vertical-align: top;
	display: inline-block;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */	
}

div.accountDashboardView div.col {
	margin: 30px 0;
}

div.accountDashboardView dl a:link,
div.accountDashboardView dl a:visited,
div.accountDashboardView dl a:active {
	text-decoration: none;
	background-color: #000;
	display: block;
	min-height: 70px;
	padding: 20px;
	margin: 0 5% 25px;
	background: #272727;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;	
	font-weight: bold;
	font-size: 1.5em;
	position: relative;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;		
}

div.accountDashboardView dl a:hover {
	color: #d9bd78;	
	background: #1e1e1e;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.45);
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.45);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;	;	
}

div.accountDashboardView dl a span {
	display: block;
	color: #9f9f9f;
	margin-top: 30px;
	font-weight: normal;
	font-size: 0.65em;
}

div.accountLoginView  ul.form {
	margin-top: 10px !important;
}

div.accountLoginView  ul.form li label {
	min-width: 155px !important;
}

div.accountLoginView ul.form li #loginButton {
	padding: 0 20px 1px !important;
	margin-top: 10px !important;
}

div.accountLoginView .otherLinks .textButton {
	margin-left: 20px;
	display: inline-block;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */	
}

div.accountLoginView .otherLinks {
	text-align: right;
}

div.accountLoginView .loginPad {
	padding: 20px;
}

ul.subcatList li {
	text-align: center;
}

ul.subcatList li div.box {
	margin: 3.3%;
	vertical-align: top;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;		
	display: inline-block;
    zoom: 1; /* Für IE7 und darunter */
    *display: inline; /* Für IE7 und darunter */	
}

ul.subcatList li div.box:first-child {
	margin-left: 0 !important;
}

ul.subcatList li div.box:last-child {
	margin-right: 0 !important;
}

/*
ul.subcatList li div.box:nth-child(even) {
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);

	transform: rotate(2deg);	
}

ul.subcatList li div.box:nth-child(odd) {
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);

	transform: rotate(-2deg);	
}
*/

ul.subcatList li div.box:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

ul.subcatList div.subcatPic a:link,
ul.subcatList div.subcatPic a:visited,
ul.subcatList div.subcatPic a:active,
ul.subcatList div.subcatPic a:hover {
	display: block;
	text-decoration: none;
	width: 200px;
	height: 154px;
	background: url('../../img/polaborder_fb.png');
    background-image: url('../../img/polaborder.svg'), none;
	background-size: 200px 154px;
	background-repeat: no-repeat;
}

ul.subcatList div.subcatPic a img {
    border: 1px solid #cecece;
    margin: 21px 0 0 0;
}

ul.subcatList h3 {
	text-align: center;
	width: 200px;
	padding-top: 5px;
}

ul.subcatList h3 a:link,
ul.subcatList h3 a:visited,
ul.subcatList h3 a:active {
	/* font-family: "Free", Georgia, serif; */
	font-family: "Poppins-Medium", Georgia, serif;
	font-size: 1.375em;
	line-height: 1.2em;
	text-decoration: none;
	color: #cecece;
	font-weight: normal;
	hyphens: manual;
}

ul.subcatList li div.box {
	transition: all 125ms;
}

ul.subcatList li div.box:hover  h3 a {
	color: #d9bd78 !important;
}

#wrapper.contact #content ul.form li label,
#wrapper.suggest #content ul.form li label {
	vertical-align: top; 
}

#wrapper.contact #content ul.form li.verify img,
#wrapper.suggest #content ul.form li.verify img {
	margin-right: 20px;
	vertical-align: middle;
}
#wrapper.suggest #content ul.form li.formSubmit {
	margin-top: 30px !important;
}

#wrapper.contact #content div.simpleTextBox h3 {
	margin-bottom: 10px !important;
}

#wrapper.suggest #content div.simpleTextBox h3 {
	margin-top: 30px !important;
}

#wrapper.contact #content .contactaddress {
	float: right;
	margin-right: 30px;
}

#wrapper.contact #content form {
	margin-top: -20px;
}	

#amountToBasket {
	margin-left: 0 !important;
}

/* senet_taxfreecustomer */
span.vatExempt {
	color: #a89463 !important;
}

#vatexempt-stamp  {
    float: right;
    position: relative;
    right: 5px;
    top: 20px;
}

#vatexempt-stamp:hover {
	-moz-transform: rotate(-2deg) scale(1.05);
	-ms-transform: rotate(-2deg) scale(1.05);
	-o-transform: rotate(-2deg) scale(1.05);
	-webkit-transform: rotate(-2deg) scale(1.05);

	transform: rotate(-2deg) scale(1.05);
}

span.vatExempt a:link,
span.vatExempt a:visited,
span.vatExempt a:active,
span.vatExempt a:hover {
	color: #a89463 !important;
	text-decoration: none;
}

span.vatExempt a:hover {	
	text-decoration: underline;
}

.gdproptin-danger {
    color: #d03c3c;
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.fade {
    opacity: 0;
    transition: opacity .15s linear;
}

.fade.in {
	opacity: 1;
}

.modal {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

.modal.in .modal-dialog {
    transform: translate(0, 0);
}

.modal.fade .modal-dialog {
    transform: translate(0, -25%);
    transition: transform 0.3s ease-out;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #000;
    border: 2px solid #a18750;
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    background-clip: padding-box;
    outline: 0;
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 600px;
		margin: 120px auto;
	}
	
	.modal-content {
		box-shadow: 0 5px 15px rgba(0,0,0,0.5);
	}
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #443921;
    min-height: 16.42857143px;
}

.modal-header .close {
    margin-top: -2px;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #a18750;   
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #443921;
}

.modal-header h3 {
	margin-bottom: 0;
}

.modal.fade.popupBox {
	opacity: 1 !important;
}

#oegdprbase-delete-shipping-address-button {
	padding: 0 10px 1px !important;
}

#addressIdSelectBoxItContainer {
	margin-right: 15px;
}

.ol-default-style {
	margin-left: 20px;
}

.ol-default-style li {
	padding-left: 10px;
}

.categoryTopLongDescription {
	margin-bottom: 25px !important;
}

a.link-head-url {
	text-decoration: none;
}

a.link-head-url:hover h1 {
	color: #D7B46A !important;
}

@media screen and (max-width: 1391px) {
	#highlightItems li.lastElem {
		display: none;
	}
	#newItems li.lastElem,
	#newItems li.secondLastElem {
		display: none;
	}
}

.categoryTopLongDescription .headAdditionalDesc {
	float: right;
	font-size: 85%;
	color: #efefef;
}

.categoryTopLongDescription .headAdditionalDesc .triangle {
	margin-left: 8px;
	font-size: 20px;
	vertical-align: middle;
}

a.link-head-url:hover .headAdditionalDesc {
	color: #D7B46A !important;
}

.flexslider {
	margin: 0 !important;
	background: #000 !important;
	border: 0 !important;
}

.flexslider .flex-control-nav {
	bottom: 235px;
	z-index: 10000;
}

.flexslider .flex-control-paging li a {
	background: #fff !important;
	width: 8px !important;
	height: 8px !important;
}

.flexslider .flex-control-paging li a.flex-active {
	background: #dbc182 !important;
}

.flexslider .flex-direction-nav a {
	width: 80px !important;
	height: 250px !important;
	margin: -120px 0 0 !important;
}

.flexslider .flex-direction-nav a::before {
	font-size: 30px !important;
	color: #dbc182 !important;
	line-height: 80px !important;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 85px;
}

.flexslider .slides img {
	height: 260px !important;
	width: 1256px !important;
}

.flexslider img.linked-slide {
	cursor: pointer;
}

.information .right .rabatt {
	margin-top: 40px;
	margin-bottom: 10px;
	font-weight: 600;
	background: url(../../img/productmain_rabatt.jpg) no-repeat;
	background-position: right;
	height: 29px;
	margin-right: -4px;
}

.information .right .rabatt > span {
	padding-top: 6px;
	display: block;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	width: 57px;
	text-align: center;
	right: 23px;
	position: absolute;
	font-size: 11px;
	margin-right: -4px;
}

li.productData .rabattBlock {
	position: absolute;
	right: -20px;
	background: url(../../img/productgrid_rabatt.png) no-repeat;
	width: 75px;
	height: 34px;
	bottom: 46px;
}

li.productData .rabattBlock > span {
	font-size: 0.9em;
	text-align: center;
	color: #fff;
	padding-top: 8px;
	padding-left: 15px;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
}

li.productData .rabattOldPrice {
	font-weight: 300 !important;
	font-size: 0.9em;
	color: #696969;
	margin-top: 7px;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
}

#topHomeLink, #topBackLink, #topForwardLink {
	width: auto !important;
	padding-left: 15px;
	padding-right: 15px;
}

#topLinkMenuNav {
	position: absolute;
	left: 225px;
}

#topBackLink {
	padding-left: 5px;
}

#topForwardLink {
	padding-right: 5px;
}

#topBackLink > .triangle,
#topForwardLink > .triangle {
	font-size: 20px;
	vertical-align: top;
}

#topBackLink > .triangle {
	margin-right: 5px;
}

#topForwardLink > .triangle {
	margin-left: 5px;
}

#articleBackLink > .triangle,
#articleForwardLink > .triangle {
	font-size: 19px;
	vertical-align: top;
}

#articleBackLink > .triangle {
	margin-right: 5px;
}

#articleForwardLink > .triangle {
	margin-left: 5px;
}

#articleBackLink {
	display: none !important;
	padding-left: 10px !important;
	padding-bottom: 12px !important;
	padding-top: 12px !important;
}

#articleForwardLink {
	display: none !important;
	padding-right: 10px !important;
	padding-bottom: 12px !important;
	padding-top: 12px !important;
}

#detailsItemsPager .overviewLink {
	padding-bottom: 12px !important;
	padding-top: 12px !important;
}

#ups-hint-wrapper {
	text-align: center;
}

#ups-hint {
	padding: 15px 30px 12px 25px;
	color: #f9bb46;
	background: #1e1e1e;
  background-color: rgb(30, 30, 30);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-attachment: scroll;
  background-image: none;
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
	-webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,.45);
	-moz-box-shadow: 2px 2px 3px 0 rgba(0,0,0,.45);
	box-shadow: 2px 2px 3px 0 rgba(0,0,0,.45);
	opacity: 1;
	font-weight: 600;
	font-size: 15px;
	border: 1px solid #000;
	border-radius: 2px;
	display: inline-block;
	margin-bottom: 20px;
	margin-top: -20px;
	display: inline-block;
}

#ups-hint img {
	height: 30px; 
	width: auto;
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 15px;
	line-height: 31px;
}