/* colors 
	blue: #084885;
	green: #4c9754;
*/

body {
	color: #084885; /* default text-color for complete site except a-tags (hyperlinks) */
}

body, #page_wrapper {
	background: #fff;
}

.default_color {
	color: #084885;
}

#header_nav > li > a:hover, #header_nav > li > a:active, /* don't set :focus the same */
#header_nav > li > a:hover span, #header_nav > li > a:active span {
	color: #fff;
}

#header_nav > li > a span[class*="icon"] {
	font-size: 3rem;
}

#logo {
	background-image: url("../images/logo.jpg");
	height: 10rem;
}

header p {
	margin-bottom: 0;
}

#header_wrapper, #header_nav ul {
	/* background: #fff;  background(-color) for #header_wrapper */
}

#header_wrapper header > a > img {
	width: 20rem;
}

#header_nav .flyout_login p {
	float: left;
}

#header_nav .flyout_login p span {
	text-align: left;
	margin-bottom: .5rem;
}

#header_nav .flyout_login p span[class*="icon-"] {
	margin-right: .2rem;
}

/* icon-color if flyout is hovered */
a.hover_link_color, a.hover_link_color span {
	color: #fff;
}

header a img {
	max-width: 20rem;
}

#breadcrumbs li {
	float: left;
	font-size: 1rem;
}

.languages li a:hover, .languages li a:active, .languages li a:focus, .languages li a.active {
	box-shadow: .2rem .2rem .2rem #333;
}

.languages .de { 
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDUgMyI+DQo8cGF0aCBkPSJtMCwwaDV2M2gtNXoiLz4NCjxwYXRoIGZpbGw9IiNkMDAiIGQ9Im0wLDFoNXYyaC01eiIvPg0KPHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0ibTAsMmg1djFoLTV6Ii8+DQo8L3N2Zz4NCg==');
}

/* >>> box_product */
.product_wrapper {
	min-height: 41rem;
}

.box_product {
	text-decoration: none;
	box-shadow: none;
	text-align: center;
	border: .1rem solid #fff;
}

.box_product:hover, .box_product:active, .box_product:focus {
	border-color: #084885;
}

.box_product h3 {
	font-size: 1.5rem;
	height: 3.5rem;
	text-align: center;
}

/* >>> price */
.price {
	font-weight: bold;
}

.price > span {
	font-size: 2rem;
}

.price > span > s {
	color: #c00;
}

.price > span:last-child {
	float: right;
}
/* <<< price */

ul.colors li a {
    border: .1rem solid #666;
}

ul.colors li a:hover, ul.colors li a:active, ul.colors li a:focus, ul.colors li a.active {
	border-color: #084885;
	transition: 1s ease;
}

.box_product h3 + div {
    height: 19rem;
}

/* <<< box_product */

/* >>> filter */

label[for="product_per_page"] ~ a.button {
	float: left;
	margin: 0 .5rem 0 0;
	width: 2.4rem;
}

#form_filter label, #ItemList_sortedItemList label {
	font-weight: bold;
	text-align: center;
}

/* <<< filter */

/* >>> thumbnail_scroller */

.thumbnail_scroller {
	border: .1rem solid #084885;
	background: #fff;
}

.thumbnail_scroller li a:hover, .thumbnail_scroller li a:focus, .thumbnail_scroller li a:active {
	text-decoration: underline;
}

.mTSButton {
    border-radius: 50%;
	background: #084885;
	font-size: 1.6rem;
	color: #fff;
}

.mTSButton:hover, .mTSButton:active, .mTSButton:focus {
	background: #4c9754;
	color: #fff;
}

/* <<< thumbnail_scroller */

/* >>> form_product_table */

#form_product_table table tr td:first-child {
	font-weight: bold;
}

#form_product_table table td:not(:first-child) {
	text-align: right;
}

/* <<< form_product_table */

a.button, 
input[type="submit"],
button,
header ul li:hover > a,
header ul li:active > a,
header ul li:focus > a,
nav ul li ul li:hover > a,
nav ul li ul li:active > a,
nav ul li ul li:focus > a,
nav ul li ul > li.nav_active > a,
aside ul li:hover > a,
aside ul li:active > a,
aside ul li:focus > a,
#navigation_wrapper,
aside div.box h2, 
th, .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn,
#header_nav li:hover,
#header_nav li:active,
#header_nav li:focus,
#header_nav li.active,
.default_gradient,
.ui-tooltip {
	background: #084885;
}

#navigation_wrapper {
	background: #084885;
	
	/*	background: -webkit-linear-gradient(top,  #4c9754 50%,#084885 50%);	*/ /* Chrome10-25,Safari5.1-6 */
	/*	background: linear-gradient(to bottom,  #4c9754 50%,#084885 50%);	*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* >>> navigation */

/* default settings for all links in navigation */
nav ul li a {
	color: #084885;
	font-weight: normal; /* font-weight for main navigation */
	text-shadow: none;
}

/* first level navigation */
nav > ul > li > a, 
nav > ul > li > a > span {
	color: #fff;
	font-size: 1.8rem; /* font-size for navigation-entries (will be multiplied with default font-size of 1.2em) */
	text-transform: uppercase; /* text-transform for main navigation (first level) */
}

nav ul > li:hover > a,
nav ul > li:active > a,
nav ul > li:focus > a,
nav ul > li.nav_active > a {
	background: #084885;
	color: #fff;
}

nav > ul li a,
form[name="loginForm"] ul li a {
	font-weight: bold; /* font-weight for navigation entries */
	text-decoration: none;
}

/* second level navigation */
nav > ul > li ul {
	background: #fff; /* background(-color) for sub-level ul in navigation (includes opacity) */
	box-shadow: 0 .1rem .3rem #666; /* box-shadow (right/left, top/bottom, blur, color) sub-level ul in navigation */
}

/* third level navigation */
nav ul li ul li a { border-bottom: .1rem solid #084885; }
nav ul li ul li:hover > a,
nav ul li ul li:active > a,
nav ul li ul li:focus > a,
nav ul li ul li.nav_active > a,
nav ul li ul li:hover a > span,
nav ul li ul li:active a > span,
nav ul li ul li:focus a > span,
nav ul li ul li.nav_active a > span {
	color: #fff; /* text-color for highlighted hyberlinks of subentries in navigation */
}

nav ul ul { font-size: 1rem; }
nav ul ul ul { position: relative; margin-left: 0; }
nav ul ul ul > span { font-size: 1.5rem; }
nav ul ul ul a { border-left: .1rem solid #084885; }
nav ul ul ul ul { margin-left: 1rem; }
li.products_group.sub_entries { display: none; }
#navigation_wrapper { max-width: 100%; }
/* <<< navigation */

/* footer >>> */
article footer {
	background: none; /* background for footer in articles */
}

#clear_footer { height: 15.5rem; }
#footer_wrapper {
	border-top: .1rem solid #084885; /* border-bottom for #footer_wrapper */
	margin-top: -15.5rem;
}

body#admin #outer_wrapper #footer_wrapper { margin-top: 0; }
#footer_wrapper footer h6 { font-size: 1.4rem; display: none; }

#footer_wrapper footer, 
#footer_wrapper footer a {
	text-decoration: none; /* text-decoration for hyperlinks in footer */
    font-weight: bold; /* font-weight for hyperlinks in footer */
	color: #084885; /* text-color for hyperlinks within footer (and #copyright_wrapper) */
}

#footer_wrapper footer ul li:hover a, #footer_wrapper footer ul li:active a, #footer_wrapper footer ul li:focus a {
	text-decoration: underline; /* text-decoration for hover-/active-/focus-status of hyperlinks in footer */
	color: #4c9754;
}
/* <<< /footer */

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< END DESIGN FOR BASIC STRUCTURE */

/* HYPERLINKS >>> */
a, label > sup, small > sup, span[class^="icon-"],
article ul li a:hover, article ul li a:active, article ul li a:focus,
article ul li a:hover span[class^="icon-"], article ul li a:active span[class^="icon-"], article ul li a:focus span[class^="icon-"] {
    color: #084885;
}

a.link-icon, a:hover, a:active, a:focus, a:hover span, a:active span, a:focus span {
	text-decoration: none; /* text-decoration for :hover-/:active-/:focus-status hyperlinks */
	color: #4c9754;
}

article ul li a:hover span:last-child, article ul li a:active span:last-child, article ul li a:focus span:last-child {
	text-decoration: underline !important;
}

hr {
	color: #084885;
	background: #084885;
}

.box.login a.link-icon {
	margin-bottom: .5rem;
}

ul li a:hover, ul li a:active, ul li a:focus,
ul li a:hover span[class^="icon-"], ul li a:active span[class^="icon-"], ul li a:focus span[class^="icon-"] {
	text-decoration: none;	
}

article h1, article h2, article h3, article h4, article h5, article h6,
a, main > article ul li a:hover, main > article ul li a:active, main > article ul li a:focus {
	color: #084885; /* default text-color for hyperlinks (i.e. in main, left/right column; NOT in nav) */
}
/* <<< HYPERLINKS END */

.border-radius {
	border-radius: .5rem; /* border-radius to create round corners for any element with this class or id  */
}

.box-shadow {
	box-shadow: #ccc 0 .3rem .3rem; /* box-shadow (color, left/right, top/bottom, blur) for all .box-shadow */
}

.box.login p.small {
	border-top: .1rem dotted #084885;
}

aside div.box h2 {
	border-top-left-radius: .9rem; /* border-top-left-radius for h2 in boxes in box-column */
	border-top-right-radius: .9rem; /* border-top-right-radius for h2 in boxes in box-column */
	text-align: center; /* text-align for h2 in boxes in box-column */
}

aside div.box h3 a:hover, aside div.box h3 a:active, aside div.box h3 a:focus {
	text-decoration: underline;
}

article fieldset, .highlight {
	background: #fff;
	border: .1rem solid #084885;
}

input, select, textarea {
	border: .1rem solid #084885; /* border-color for all elements with borders */
}

div.box_news .fancybox {
	border: 0; /* border-color for all elements with borders */
}

/* FORMS >>> */
input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
	color: #0c0; /* text-color for pseudo-classes for submit-buttons */
}

input, select, textarea {
	border-radius: 0; /* border-radius for text-input-elements */
}

input:focus, select:focus, textarea:focus {
	border-color: #4c9754;
	color: #084885;
}

input.error, select.error, textarea.error {
	background: #fff3f3; /* default background(-color) for error-classes on text-input-elements (old browsers only) */
	background: -webkit-linear-gradient(#fff3f3 5%, #eee1e1 100%); /* background(-gradient) for error-classes on text-input-elements (chrome and safari only) */
	background: linear-gradient(#fff3f3 5%, #eee1e1 100%); /* background(-gradient) for error-classes on  text-input-elements (w3c) */
	border: .1rem solid #c00; /* border for error-classes on text-input-elements */
}

input.error:focus, select.error:focus, textarea.error:focus {
	box-shadow: 0 0 .3rem #c00; /* box-shadow for pseudo-classes of error-classes on text-input-elements */
}

input[type="radio"],
input[type="checkbox"] {
	background: none;
	border-radius: 0;
	box-shadow: none;
} 

fieldset.error, label.error, label.error span {
	border-color: #c00; /* border-color error-classes on fieldsets, labels and spans inside labels) */
    color: #c00; /* text-color error-classes on fieldsets, labels and spans inside labels) */
}

#messaging_view fieldset.info span {
    font-size: 1.2rem; /* font-size for spans in fieldset with class .info on #messaging_view-page */
    line-height: 150%;
}

.box.login form label > span {
	color: #fff;
}
/* <<< FORMS END */

/* BUTTONS AND ICONS >>> */
a.button, 
input[type="submit"],
button, .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
    background-repeat: no-repeat;
    border: .1rem solid #084885;
	color: #fff;
    cursor: pointer;
    float: right;
    font-weight: normal;
    margin: 0 0 .5rem 1rem;
    padding: .6rem;
    text-align: center;
    text-decoration: none;
	font-weight: bold;
}

/* Matrix  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
table.tablesaw {
    width: auto;
}

.tablesaw-enhanced .tablesaw-bar .btn:active, .tablesaw-enhanced .tablesaw-bar .btn:focus,
.tablesaw-bar .tablesaw-advance .tablesaw-nav-btn:active, .tablesaw-bar .tablesaw-advance .tablesaw-nav-btn:focus  {
	background: #084885;
}

#Cart_addItems th {
    min-width: 7rem;
}

#Cart_addItems .variantListLabel {
    min-width: 13rem;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

#AddressModification_add_action.standard button {
	float: none;
}

a.button:hover, a.button:active, a.button:focus, a.button.active, 
input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus,
.tablesaw-enhanced .tablesaw-bar .btn:hover, 
button:hover, button:active, button:focus,
#navigation_wrapper li:hover, #navigation_wrapper li:active, #navigation_wrapper li:focus, #navigation_wrapper li.active {
	background: #fff;
	color: #084885; 
}

a.button:hover, a.button:active, a.button:focus, a.button.active, 
a.button:hover span, a.button:active span, a.button:focus span, a.button.active span,
input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus,
.tablesaw-enhanced .tablesaw-bar .btn:hover, .tablesaw-enhanced .tablesaw-bar .btn:active, .tablesaw-enhanced .tablesaw-bar .btn:focus,
button:hover, button:active, button:focus,
button:hover span, button:active span, button:focus span,
a.button:hover [class*="icon-"], a.button:active [class*="icon-"], a.button:focus [class*="icon-"], a.button.active [class*="icon-"], 
input[type="submit"]:hover [class*="icon-"], input[type="submit"]:active [class*="icon-"], input[type="submit"]:focus [class*="icon-"],
.tablesaw-bar .tablesaw-advance .tablesaw-nav-btn:hover, .tablesaw-bar .tablesaw-advance .tablesaw-nav-btn:active, .tablesaw-bar .tablesaw-advance .tablesaw-nav-btn:focus,
button:hover [class*="icon-"], button:active [class*="icon-"], button:focus [class*="icon-"] {
	color: #084885 !important;
}

#navigation_wrapper li:hover a, #navigation_wrapper li:active a, #navigation_wrapper li:focus a {
	text-shadow: inherit;
}

/* tablesaw >>> */
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
	padding: 1rem;
	float: none;
}

.tablesaw tbody tr {
	border-bottom: .1rem solid #084885;
}

.tablesaw td, .tablesaw tbody th {
	font-size: 1.3rem;
}

.tablesaw-swipe .tablesaw-cell-persist {
	box-shadow: none;
}

.tablesaw thead tr:first-child th {
	border-top: 0;
	border-right: .1rem solid #fff;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
	border-right: .5rem solid #fff;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
	border-left: .5rem solid #fff;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:hover:before {
	border-right: .5rem solid #084885;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:hover:before {
	border-left: .5rem solid #084885;
}

.tablesaw td.text-align_right {
	text-align: right;
}

.tablesaw td.text-align_center {
	text-align: center;
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right { margin-left: .5rem; }
/* <<< tablesaw */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
td.lastSizeMarking input {
	border: 2px solid #f00;
}

/* StockInfo >>> */
span[class*="status_"] {
	display: none;
}

#stockInfo {
	display: none;
}

/* <<< StockInfo */

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

[class*="icon-"] {
	font-size: 1.7rem;
	vertical-align: middle;
}

[class*="icon-"].large {
	font-size: 2.7rem;
}

a[class*="icon-"].button, button[class*="icon-"] {
	min-width: 3rem;
	text-align: center;
	line-height: 112%;
	font-weight: normal;
}

button[class*="icon-"] { background-color: #084885; } 
button [class*="icon-"], a.button [class*="icon-"] {
	font-weight: normal;
}

span[class*="icon-file"] {
	font-size: 1.5rem;
}

span.icon-file-pdf {
	color: #da251c;
}

.product_sizes li a {
	border: .1rem solid #084885;
}

.product_sizes li a:hover, .product_sizes li a:active, .product_sizes li a:focus, .product_sizes li.active a {
	background: #084885;
	color: #fff;
	transition: ease .5s;
}

.product_colors li span[class*="colors"] {
	border: .1rem solid #084885;
}

.product_colors li span.active {
	font-weight: bold;
}

a[href$=".pdf"] > span:last-child {
	text-decoration: underline;
}

a[href$=".pdf"] > span:last-child:hover, a[href$=".pdf"] > span:last-child:focus, a[href$=".pdf"] > span:last-child:active {
	text-decoration: none;
}

a[id^="submit_link_search_"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

a.button > span, a.button > span[class*="icon-"], button > span, button > span[class*="icon-"] {
	color: #fff;
	text-decoration: none !important;
}

.disabled, .disabled:hover, .disabled:active, .disabled:focus,
a.disabled, a.disabled:hover, a.disabled:active, a.disabled:focus,
input[disabled="disabled"], input[disabled="disabled"]:hover, input[disabled="disabled"]:active, input[disabled="disabled"]:focus,
input[type="submit"]:disabled, input[type="submit"]:disabled:hover, input[type="submit"]:disabled:active, input[type="submit"]:disabled:focus,
button:disabled, button:disabled:hover, button:disabled:active, button:disabled:focus {
	background: linear-gradient(#a0a0a0 0%, #777 100%) !important; /* background(-gradient) for pseudo-classes and active-status of disabled buttons (w3c) */
	border: .1rem solid #a0a0a0 !important; /* border for pseudo-classes and active-status of disabled buttons (old browsers only) */
	cursor: not-allowed !important;
	color: #ddd !important;
	box-shadow: inherit;
}

.message .icon-warning {
	color: #fff;
}

.message a[class*="icon"] {
	font-size: 1rem;
}

span.icon-male {
	color: #27b5e5;
}

span.icon-female {
	color: #fcb5b5;
}
/* <<< BUTTONS AND ICONS END */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> TABLES */

article .box.login {
	box-shadow: none;
}

.box fieldset {
	border-radius: 0;
}

#header_wrapper fieldset {
	background: none !important;
}

table {
	border-style: solid; /* border-style for tables */
	border-top: none; /* border-top for tables */
}

thead, .tablesaw thead {
	border-left: 0;
}

th, td, .tablesaw-swipe .tablesaw-cell-persist {
	border: .1rem solid #084885; /* border for th (tablehead) and td (tablecells) */
	border-left-width: 0; /* border-left for th (tablehead) and td (tablecells) */
	border-bottom: none;  /* border-top for th (tablehead) and td (tablecells) */
}

td:first-child {
	border-left-width: .1rem;
}

th, table.tablesaw thead th {
	color: #fff; /* text-color for th */
	font-size: 1.5rem; /* font-size for th */
	font-weight: bold;  /* font-weight for table-headline */
	border-right: .1rem solid #084885; /* border-right for th */
	border-top: .1rem solid #fff; /* border-top for th */
}

tr:first-child, th:first-child {
	border-left: 0; /* border-left for first th */
}

tr:first-child, th:last-child {
	border-right: 0; /* border-right for last th */
}

td { background: #e6e6e6; }
tr:nth-child(2n+1) td { background: rgba(230, 230, 230, .8); }

tr:hover td, tr:active td, tr:focus td {
	background: #fff; /* background(-color) for pseudo-classes of tr (overwrites background(-color of td) */
	transition: all 1.5s;
}

td:last-child {
	border-right: none; /* border-right for last td (of each tr) */
}

table.no_table_head tr:first-child td {
	border-top: 0; /* border-top for all td of first tr in tables with class .no_table_head (=without tablehead) */
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< END TABLES */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> CONTENT & MODULES */

/* >>> slideshow */
.callbacks .caption {	
	background: rgba(255, 255, 255, 0.3);
}

.callbacks .caption p {
    color: #fff;
	font-size: 2rem;
	text-shadow: .1rem .1rem .1rem #444;
}

.slideshow ul.callbacks_tabs li {
	border-radius: 50%;
    background: #fff;
	border: .1rem solid #084885;
}

.slideshow ul.callbacks_tabs li a {
    background: #fff;
}

.slideshow ul.callbacks_tabs li a:hover, 
.slideshow ul.callbacks_tabs li a:active, 
.slideshow ul.callbacks_tabs li a:focus, 
.slideshow ul.callbacks_tabs li.callbacks_here a {
    background: #4c9754;
}
/* <<< /slideshow */
article div.box {
	border-color: #084885; /* border-color of boxes in article */
}

aside div.box h2 {
	color: #fff; /* text-color for h2 in boxes */
}

.box.login nav {
	background: none; /* background for navigation in #box_login */
}

nav.box ul li:not(:last-child) a {	
	border-bottom: .1rem dotted #fff; /* border-bottom (vertical separation) between hyperlinks in navigation within boxes */
}

nav.box ul.horizontal li a {	
	border-bottom: none; /* border-bottom (vertical separation) between hyperlinks in navigation within boxes */
}

nav.box ul li a:hover, nav.box ul li a:active, nav.box ul li a:focus, nav.box ul li a.nav_active {	
	color: #fff; /* text-color for pseudo-classes and active-status on hyperlinks in navigation within boxes */
	background-color: #084885;
}

article div.box.content {
	border: 0;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< END CONTENT & MODULES */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> PAGES */
#home #breadcrumbs, #home h1 {
	display: none; /* displays/hides h1 on homepage */ 
}

.message {
    box-shadow: 0 .2rem .2rem #333; /* box-shadow for messages */
	border-radius: 0;
}

.ui-tooltip {
	border: .2rem solid #fff;
    color: #fff;
    border-radius: .5rem;
    font-size: 1.1rem;
	font-weight: bold;
    box-shadow: 0 .2rem .2rem #666;
	font-family: inherit !important;
}

.ui-tooltip.error {
	background: -webkit-linear-gradient(#e00 0%, #c00 100%);
    background: linear-gradient(#e00 0%, #c00 100%);
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< PAGES */
#back_to_top_wrapper {
	color: #084885;
	background: #fff;
	box-shadow: .1rem .1rem .1rem #666;
	font-size: 1.3rem;
}

#back_to_top_wrapper:hover, #back_to_top_wrapper:active, #back_to_top_wrapper:focus {
	color: #fff;
	background: #084885;
}

a[href^="tel"] {
	text-decoration: none;
}

a[href^="tel"]:hover, a[href^="tel"]:active, a[href^="tel"]:focus {
	text-decoration: underline;
}

/* begin cart table */
#cart_table {
	border-bottom: .1rem solid #084885;
}

#cart_table td {
	background: none;
}

#cart_table td:nth-child(3), #cart_table td:nth-child(4), #cart_table td:nth-child(6) {
	text-align: right;
}
/* end cart table */

#summary, #filter_wrapper {
	background: #fff;
	border: .1rem solid #084885;
}

#summary {
	font-weight: bold;
}

#summary dt, #summary dd {
	font-size: 1.6rem;
}

/* >>> flyout */

input[type="search"], #search_input {
	border-right: 0;
}

[class*="flyout"] input[type="search"], [class*="flyout"] #search_input {
	border: .1rem solid #fff;
}

[class*="flyout"] {
	background: #084885;
	color: #fff;
}

[class*="flyout"] span, [class*="flyout"] a {
	color: #fff;
}

[class*="flyout"] a:hover, [class*="flyout"] a:active, [class*="flyout"] a:focus
[class*="flyout"] a:hover span:not([class*="icon-"]), [class*="flyout"] a:active span:not([class*="icon-"]), [class*="flyout"] a:focus span:not([class*="icon-"]) {
	text-decoration: underline;
}

[class*="flyout"] span.icon-search.place-inside {
	color: #084885;
}

[class*="flyout"] a.button, [class*="flyout"] button, [class*="flyout"] input[type="submit"] {
	border: .1rem solid #fff;
	text-decoration: none;
}

.flyout_cart  > div, .flyout_wishlist > p {
	margin-bottom: 1rem;
}

.flyout_my_account li a {
	display: block;
	padding: 0;
	margin: 0;
}

.flyout_my_account li a:hover, .flyout_my_account li a:focus, .flyout_my_account li a:active {
	background: none;
}

.flyout_login .box_login span, .flyout_login .box_login a {
	color: #fff;
}

.flyout_login .form_login {
	color: #064337
}

[class*="flyout"] input[type="search"] {
	max-width: 60%;
}

#category_wrapper h2 {
	text-align: center;
}

#category_wrapper h2 a {
	text-decoration: none
}

/* Kunde will Wunschzettel nicht */
ul#header_nav a.link_navigation_wishlist,
#Cart_addItems_itemView_wishlist_button {
	display: none;
}

/* <<< flyout */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
#productsHistory {
	padding: .5rem;
	margin-top: .5rem;
}

#productsHistory a {
	display: table;
	float: left;
	margin-right: 1rem;
}
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
/* >>> cookie_policy */
#cookie_policy {
	color: #fff;
    background: #084885;
    border-top: 0;
	outline: 0;
	text-transform: uppercase;
	letter-spacing: .2rem;
	padding: 1.5rem;
}

#close_cookie_policy:hover, #close_cookie_policy:active, #close_cookie_policy:focus { color: #fff; }
#cookie_policy .button { border: 1px solid #fff; color: #fff; background-color: #084885; }
#cookie_policy .button:hover, 
#cookie_policy .button:active, 
#cookie_policy .button:focus { color: #084885; background: #fff; }
/* <<< cookie_policy */

#form_checkout_method_of_payment img, #form_checkout_mode_of_chipment main img { border: .1rem solid #084885; }
	
/* Begin Media Queries for responsive Styles ----------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
	nav > ul > li > a, nav > ul > li > a > span { font-size: 1.6rem; text-transform: none; }
	a.button, input[type="submit"], button { padding: 1rem; }
	#pager a.button { font-size: 1.3rem !important; margin: 0.3rem 0; }
	button, input[type="submit"] { margin: .5rem 0; }
	.customerListForm dl dt, .customerListForm dl dd { margin-bottom: .5rem; }
} /* end 1024px */
			
@media only screen and (max-width: 768px) { 
	#header_nav > li > a > span[class*="icon"] { font-size: 2.5rem; }
	#header_nav > li:last-child a.link_navigation_cart div:last-child { display: block; }
	nav li.sub-entries a.ui-state-default { border-bottom: .1rem dotted #fff; color: #fff; }
		nav > ul li a,
	nav ul li ul li:last-child a,
	nav > ul li:last-child a,
	nav ul li ul li:last-child a {
		border-bottom: .1rem dotted #fff;
		border-radius: 0;
		border-left: 0;
		background: none;
	}
	
	nav ul li:last-child ul { right: 0; left: auto; }
	nav > ul > li > ul { background: none; position: relative !important; }
	nav ul li ul li a { border-radius: 0; text-decoration: none; }	
	nav ul li ul li a:hover, nav ul li ul li a:active, nav ul li ul li a:focus { background: none; }
	nav ul ul ul a { border-radius: 0; border-left: 0; background: none; }
	th, table.tablesaw thead th { text-transform: none; font-size: 1.3rem; }
	#navigation_wrapper:not(.persist_on_mobile) { height: auto; }	
} /* end 768px */
	
@media only screen and (max-width: 480px) { 			    
	
	header a > img { max-height: 7.5rem; max-width: 7.5rem; }
	form input[type="search"], form input#search_input { height: 3rem; }
	[class*="flyout"] form input[type="search"], [class*="flyout"] form input#search_input { max-width: 50%; }
	nav > ul li a { font-weight: normal; }
	nav a > span[class^="icon-"] { color: #fff; }
	.vertical nav > ul > li > a { font-size: 2rem; }
	#header_nav li a.link_navigation_cart > div { float: none; }
	#Cart_changeEntry_quantity { height: 4.1rem; margin-right: .5rem; }
	
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#Cart_addItems th { min-width: 7rem; width: 7rem; }
	#Cart_addItems .variantListLabel { min-width: 10rem; width: 10rem !important; }
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
} /* end 480px */