/*
	$Id: layout.css, v 1.0 2010-02-02 17:41:57 PM rgerber Exp $
	Copyright (c) 2010 Raphael Gerber, raphael.gerber@gmail.com
	All rights reserved.

	File:          layout.css
	Author:        Raphael Gerber (rgerber)
	Description:   Layout Stylesheet

	History:
		v 1.0 2010-02-02 rgerber Created

	Base font size: 12px

	Table of Contents:
		- Global Styles
		- Wrapper
		- Radio-Buttons und Checkboxen
		- Header
		- Main
			- Sidebar
			- Main
			- Context
			- Grid
		- Footer
		- Typography
			- Headings
			- Text
			- Anchors
			- Images
			- Lists
		- Navigation
		- Search
		- Tables
		- Tables for grouped lists
		- Definition List
		- Boxes
		- Tabs
		- Carousel
			- Carousel Standalone
			- Carousel Releases
			- Carousel Recommended
			- Carousel myWoG
		- Pagination
		- Messages
			- Error
			- Success
			- Notice
			- Loading
		- Product
			- Details
			- Overview
		- Ratings
		- Slider
		- Charts Legend
		- Team
		- Donation
		- Developer Timeline
		- Autocomplete
		- Filter
		- Tiles
		- Cart with payment options
		- Tooltip
		- Toogle Switch
		- My Orders
		- My Keys
		- My WoG
*/


/* --------------------------------------------------------------------- */
/* Global Styles */
/* --------------------------------------------------------------------- */
html {
	height: 100%;
}

body {
	color: #464548;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	height: 100%;
}



/* --------------------------------------------------------------------- */
/* Wrapper */
/* --------------------------------------------------------------------- */
div#wrapper {
	margin: 0 auto;
	height: 100%;
	min-height: 100%;
	padding: 0;
	position: relative;
	width: 75em; /* 1200px */
}
body > div#wrapper {
	height: auto;
	min-height: 100%;
}



/* --------------------------------------------------------------------- */
/* Radio-Buttons und Checkboxen */
/* --------------------------------------------------------------------- */

span.radio_checkbox{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
}

span.radio_checkbox input[type=checkbox],
span.radio_checkbox input[type=radio]{
	display: none;
}

span.radio_checkbox input[type=checkbox] + label,
span.radio_checkbox input[type=radio] + label{
	display: flex;
    align-items: center;
}

span.radio_checkbox input[type=checkbox] + label span,
span.radio_checkbox input[type=radio] + label span{
	margin-left: auto;
}

span.radio_checkbox input:not([disabled]) + label:hover div{
	border-color: #4f9cca;
}
span.radio_checkbox input:not([disabled]) + label:active div{
	background-color: #cad2ff;
	border-color: #4f9cca;
}

span.radio_checkbox label div{
	width: 15px;
	height: 15px;
	border: 1px solid;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

span.radio_checkbox input[type=radio] + label div{
	border-radius: 15px;
}

span.radio_checkbox input[type=checkbox]:checked + label div,
span.radio_checkbox input[type=radio]:checked + label div{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

span.radio_checkbox input[type=checkbox]:checked + label div{
	background-image: url('../../nas/img/icons/checkbox-active.svg');
}

span.radio_checkbox input[type=radio]:checked + label div{
	background-image: url('../../nas/img/icons/radio-active.svg');
}


/* --------------------------------------------------------------------- */
/* Header */
/* --------------------------------------------------------------------- */
div#header {
	border-bottom: 0.25em solid #e2e3e3; /* 4px */
	height: 6.438em; /* 103px */
	overflow: hidden;
	position: relative;
	width: 75em; /* 1200px */
}

div#header img.logo {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 999;
}



/* --------------------------------------------------------------------- */
/* Main */
/* --------------------------------------------------------------------- */
/* Sidebar */
div.sidebar {
	float: left;
	font-size: 0.75em; /* 12px */
	margin: 1.333em 1.333em 1.333em 0; /* 16px 16px 16px 0 */
	padding: 0;
	width: 13.667em; /* 164px */
}



/* Main */
div#main {
	float: left;
	font-size: 0.75em; /* 12px */
	margin: 1.333em 0 1.333em 0; /* 16px 0 16px 0 */
	padding: 0;
	width: 70em; /* 840px */
}

div#main-details {
	float: left;
	font-size: 0.75em; /* 12px */
	margin: 1.333em 0 1.333em 0; /* 16px 0 16px 0 */
	padding: 0;
	width: 85em; /* 1020px */
}

div.main-modal {
	font-size: 0.75em; /* 12px */
	padding: 0.667em !important; /* 8px */
}



/* Context */
div#context {
	float: right;
	font-size: 0.75em; /* 12px */
	margin: 1.333em 1.333em 1.333em 0; /* 16px 16px 16px 0 */
	padding: 0;
	width: 13.659em; /* 164px */
}



/* Grid */
.grid-25,
.grid-40,
.grid-50,
.grid-60,
.grid-75,
.grid-100,
.grid-details-20,
.grid-details-30,
.grid-details-35,
.grid-details-50,
.grid-details-65,
.grid-details-70,
.grid-details-80,
.grid-details-100 {
	display: inline;
	float: left;
	margin: 0 1.333em 1.333em 0; /* 0 16px 16px 0 */
}

.grid-25 {
	width: 16.828em; /* 202px */
}

.grid-40 {
	width: 26.828em; /* 322px */
}

.grid-50 {
	width: 33.66em; /* 404px */
}

.grid-60 {
	width: 40.495em; /* 486px */
}

.grid-75 {
	width: 50.495em; /* 606px */
}

.grid-100 {
	width: 68.667em; /* 824px */
}

.grid-details-20 {
	width:16.500em; /* 198px */
}

.grid-details-30 {
	width:24.157em; /* 290px */
}

.grid-details-35 {
	width: 28.995em; /* 348px */
}

.grid-details-50 {
	width: 41.162em; /* 494px */
}

.grid-details-65 {
	width: 53.328em; /* 640px */
}

.grid-details-70 {
	width:58.167em; /* 698px */
}

.grid-details-80 {
	width:65.667em; /* 788px */
}

.grid-details-100 {
	width: 83.667em; /* 1004px */
}

.grid-inner-40,
.grid-inner-60 {
	display: inline;
	float: left;
	margin: 0 0 0.667em 0; /* 0 0 8px 0 */
}

.grid-inner-40 {
	width: 26.487em; /* 318px */
}

.grid-inner-60 {
	width: 39.990em; /* 480px */
}



/* --------------------------------------------------------------------- */
/* Footer */
/* --------------------------------------------------------------------- */
div#footer {
	background: #2e3769 url('../../nas/img/template/bg_footer.png') top left repeat-x !important;
	bottom: 0;
	clear: both;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 75em; /* 1200px */
}

div#footer p {
	font-size: 0.625em; /* 10px */
	margin: 0;
	padding: 0.7em; /* 11px */
}

div#footer-links {
	clear: both;
	height: 10em;
	margin: 24px auto;
	padding: 0;
	width: 65em;  /* 1040px */
}

div#footer-links ul {
	float: left;
	list-style-type: none;
	margin: 0.625em; /* 10px */
	padding: 0;
	width: 11.563em; /* 185px */
}

div#footer-links ul li {
	font-size: 0.750em; /* 12px */
	padding: 3px 0;
}

div#footer-links ul li h3 {
	font-size: 1.083em;
	font-weight: 800;
	text-transform: none;
}



/* --------------------------------------------------------------------- */
/* Typography */
/* --------------------------------------------------------------------- */
/* Headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
	margin-bottom: 0.4em;
}

h1, h2 { /*, h3*/
	font-size: 1.25em; /* 15px */
	text-transform: uppercase;
}

h3, h4 {
	font-size: 1.25em; /* 15px */
}

h5 {
	font-size: 1.167em; /* 14px */
}

h6 {
	font-size: 1.083em; /* 13px */
}

h5 .font-size-default {
	font-size: 0.857em; /* 12px */
}

.cart-step,
.cart-step-off {
	font-size: 1.167em; /* 14px */
	font-weight: bold;
	text-transform: uppercase;
}

.cart-step-off {
	color: #ddd !important;
}


/* Text */
p {
	line-height: 1.25em !important; /* 15px */
	margin-bottom: 1.333em; /* 16px */
}

blockquote {
	font-style: normal;
	margin-bottom: 1.333em; /* 16px */
	min-height: 2.167em; /* 26px */
	padding-left: 2.167em; /* 26px */
}

blockquote cite {
 	font-size: 0.833em; /* 10px */
}

blockquote cite a {
	color: #464548 !important;
	text-decoration: underline !important;
}

strong, dfn,
.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal !important;
}

.caption-info {
	font-size: 0.8em !important; /* 12px */
	line-height: 1.5em; /* 18px */
	text-transform: none !important;
}

em, dfn,
.italic {
	font-style: italic !important;
}

.hint {
	font-size: 0.833em; /* 10px */
	line-height: 1.2em; /* 12px */
}

.important-hint {
	color: #a4333a;
	font-size: 0.833em; /* 10px */
}

small,
.small {
	font-size: 0.833em; /* 10px */
}

.important {
	color: #a4333a !important;
}

.price {
	color: #a4333a;
	font-weight: bold;
}

.help {
	cursor: help;
}
.help-detail {
	top: -0.1em;
	width: 1.6em;
}
#retailHelpBox,
#digitalHelpLinks {
	background-color: #f0f0f0;
}

.disabled {
	color: #999 !important;
	font-style: italic;
}

/*special case for myWoG where products have to be displayed disabled except for the fav-icon and the action-icons*/
.disabledListElement > .hint,
.disabledListElement > div > div > img:not(.redeem-icon),
.disabledListElement > div > div > .product-list-areaCode,
.disabledListElement > div > img,
.disabledListElement > div > span,
.disabledListElement > div > .product-list-price,
.disabledListElement > div > p,
.disabledListElement > div > div:not(.order-change-container) > div > div > div > *:not(.product-list-price-status):not(.product-list-actions):not(.disabled-show):not(.key-info),
.disabledListElement > div > div > div > div > div > .product-list-price-status > *:not(.fav-icon-box):not(.fi-message-list):not(.order-display),
.disabledListElement > div > div > div > div > div > .product-list-actions > .rating-display > *:not(.action-icon-box) {
	font-style: normal !important;
	filter: alpha(opacity=50);
	opacity: 0.50;
}

.disabledRow {
	background-color: #f8f8f8;
}

.positive {
	color: #00b700 !important;
}

.negative {
	color: #c12406 !important;
}

.highlighted {
	color: #95111a;
	font-weight: bold;
}

.strike-through {
	text-decoration: line-through;
}

hr,
hr.dashed,
hr.fat,
hr.dashboard,
hr.specials {
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #cdcdcd;
	border-left: 0;
	height: 1px;
	margin: 1.333em 0 1.333em 0; /* 16px 0 16px 0 */
}

hr.dashed,
hr.specials {
	border-bottom: 1px dashed #cdcdcd;
}

div#context hr.dashed {
	margin: 0 0 1em 0; /* 0 0 12px 0 */
}

hr.specials {
	margin: 1.5em 0 1.833em 0; /* 18px 0 22px 0 */
}

hr.fat {
	border-bottom: 4px solid #cdcdcd;
	height: 4px;
}

hr.section-divider {
	border-bottom: 6px solid #cecfd0;
	height: 6px;
	margin: 2em 0 1.6em 0;
}

hr.dashboard {
	margin: 0.667em 0 0.667em 0; /* 8px 0 8px 0 */
}

.age-not-verified {
	background-color: #fddbda !important;
}

/* additional fonts */
.font-size-13 {font-size: 1.0833em; /*13px*/}



/* Line Spacing */
.line-height-3 {line-height: 0.25em !important; /* 3px */}
.line-height-18 {line-height: 1.5em !important; /* 18px */}
.line-height-20 {line-height: 1.666em !important; /* 20px */}
.line-height-22 {line-height: 1.833em !important; /* 22px */}
.line-height-24 {line-height: 2em !important; /* 24px */}



/* Anchors */
a,
a:link,
a:hover,
a:active {
	color: #0464b2;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.price,
a.price:link,
a.price:hover,
a.price:active {
	color: #a4333a !important;
}

.product-title,
a.product-title,
a.product-title:link,
a.product-title:hover,
a.product-title:active,
a.userzone,
a.userzone:link,
a.userzone:hover,
a.userzone:active {
	color: #464548 !important;
	font-weight: bold;
}

a.dashboard,
a.dashboard:link,
a.dashboard:hover,
a.dashboard:active {
	color: #464548 !important;
	text-decoration: underline;
}

a.rating-ticker {
	color: #0464b2 !important;
}


.cart-step a,
.cart-step-off a {
	color: #464548 !important;
	text-decoration: none !important;
}

.cart-step-off a {
	color: #ddd !important;
}



/* Images */
img {
	border: 0;
	vertical-align: middle;
}

img.icon {
	margin-right: 0.25em; /* 3px */
}

img.disabled {
	filter: alpha(opacity=30);
	opacity: .30;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*--IE 8 Transparency--*/
}

img.platform-icon {
	vertical-align: top;
	white-space: nowrap;
	width: 2.2em;
}

img.platform-icon-large {
	float: left;
	padding-right: 0.4em;
	vertical-align: top;
	white-space: nowrap;
	width: 2.2em;
}



/* Lists */
ul {
	list-style-type: disc;
	margin: 0 0 1.333em 1.5em; /* 0 0 16px 18px */
}

ol {
	list-style-type: decimal;
	margin: 0 0 1.333em 2.5em;
}

div#main ul li,
div#main ol li {
	line-height: 1.25em !important; /* 15px */
}

ul.conclusion-positive,
ul.conclusion-negative {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.conclusion-positive li {
	padding-left: 1.167em; /* 14px */
	line-height: 1.25em !important; /* 15px */
	margin: 0.333em 0; /* 4px 0 */
}

ul.conclusion-negative li {
	padding-left: 1.167em; /* 14px */
	line-height: 1.25em !important; /* 15px */
	margin: 0.333em 0; /* 4px 0 */
}

ul.userzone {
	margin: -0.667em 0 1.5em 1.167em; /* -8px 0 18px 14px */
}

ul.delivery-info {
	float: left;
	margin: 0.333em 0.667em 0.333em 1.833em !important; /* 4px 8px 4px 20px */
}

ul.delivery-info li {
	margin: 0.333em 0; /* 4px 0 */
}

ul.series-select {
	list-style: none;
	margin: 0.333em 0 0.333em 0 !important; /* 4px 0px 4px 20px */
}

ul.series-select li {
	margin: 0.333em 0; /* 4px 0 */
}

.series-info {
	float: right;
	width: 18.0em;
	padding-right: 0.5em;
}


.label {
	background-color: #e74c3c !important;
	color: #fff !important;
	display: inline;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	margin: 0 6px;
	padding: 1px 6px 2px;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


/* Tab Bar */
.tab-bar {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.tab-bar ul {
	display: table-row;
	margin: 0;
	padding: 0;
}

.tab-bar ul li {
	display: table-cell;
	list-style: none;
	text-align: center;
}

.tab-bar ul li a,
.tab-bar ul li div {
	border-top: 1px solid #2c3a6e;
	border-left: 1px solid #2c3a6e;
	border-bottom: 1px solid #2c3a6e;
	color: #2c3a6e;
	display: block;
	font-size: 1.083em;
	padding: 0.5em 0.5em;
	text-decoration: none;
	background-color: #fff;
}

.tab-bar ul li:first-child a,
.tab-bar ul li:first-child div {
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}

.tab-bar ul li:last-child a,
.tab-bar ul li:last-child div {
	border-right: 1px solid #2c3a6e;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

.tab-bar ul li a:hover,
.tab-bar ul li a.selected,
.tab-bar ul li div:hover,
.tab-bar ul li div.selected {
	background-color: #2c3a6e;
	color: #fff;
}

.tab-bar ul li a.selected,
.tab-bar ul li div.selected {
	cursor: default;
	pointer-events: none;
}

.tab-bar ul li a.disabled,
.tab-bar ul li div.disabled,
.tab-bar ul li label.disabled {
	color: #999;
	cursor: default;
	font-style: italic;
	pointer-events: none;
}


/* icon tab bar */
.icon-tab-bar {
	border-style: solid;
	border-width: 0.0833em; /*1px;*/
	border-radius: 7px;
	border-color: #cecfd0;
	background-color: #ffffff;
	padding: 0.8333em; /*10px;*/
	overflow: auto;
}

img.tab-platform-icon {
	vertical-align: top;
	white-space: nowrap;
	width: 2.5em;
}

.img-link {
	text-decoration: none !important;
}

.tab-bar ul .active,
.product-platforms .active {
	border-style: solid;
	border-color: #2c3a6e;
	border-width: 0.1666em; /*2px*/
	border-radius: 7px;
	padding: 0.1666em; /*2px*/
	margin: -0.3333em; /*-4px*/	/*prevents buttons from moving (border + padding)*/
}

.tab-bar ul .inactive {
	border-style: none;
}

.tab-bar-icon,
.tab-bar-tab {
	position: relative;
	cursor: pointer;		/*fix for IE*/
}
.tab-bar-icon {
	display: inline-block;	/*fix for IE*/
}
.tab-bar-icon input,
.tab-bar-tab input {
	position: absolute;
	z-index: -1;
}
.tab-bar-icon img {
	pointer-events: none;	/*fix for IE*/
	-moz-user-select: none;	/*fix for FF*/
}

.tooltip-category {
	display: none;
	position: relative;
	float: right;
	top: 0.7em;
	right: 0.3em;
	font-weight: bold;
}

.tooltip-trigger:hover + .tooltip-category {
    display: inline-block;
}


/* dropdown styling */
.dropdown {
	position: relative;
	height: 2.0833em;
	width: 17em;
	font-size: 1em;
	overflow: hidden;
	background-color: #fff;
	border-style: solid;
	border-width: 0.0833em;
	border-color: #36417c;
	border-radius: 0.5833em;
}

.dropdown select {
	background: transparent;
	border: none;
	height: 2.0833em;
	padding: 0.25em; /* If you add too much padding here, the options won't show in IE */
	width: 19em;
	font-weight: bold;
	color: #343434;
	cursor: pointer;
}

.dropdown-arrow {
	position: relative;
	float: right;
	top: 0.8333em;
	left: 17.5em;
	margin-left: -1.5em;
	border-style: solid;
	border-width: 0.6em 0.6em 0 0.6em;
	border-color: #36417c transparent transparent transparent;
	pointer-events: none;
}
.dropdown-arrow.timeline-arrow {
	left: 16.5em;
}

.dropdown-small {
	position: relative;
	height: 2.0833em;
	line-height: 2.0833em;
	width: 4em;
	font-size: 1em;
	overflow: hidden;
	margin-right: 1.2em;
	background-color: #fff;
	border-style: solid;
	border-width: 0.0833em;
	border-color: #36417c;
	border-radius: 0.5833em;
}

.dropdown-small select {
	background: transparent;
	border: none;
	height: 2em;
	padding: 0.1em; /* If you add too much padding here, the options won't show in IE */
	width: 6em;
	color: #343434;
	cursor: pointer;
}

.dropdown-arrow-small {
	position: relative;
	left: 3.6em;
	top: 0.8em;
	float: right;
	border-style: solid;
	border-width: 0.5em 0.5em 0 0.5em;
	border-color: #36417c transparent transparent transparent;
	pointer-events: none;
}


/* ---------- list view style ---------- */
#switchLayout input {
	position: absolute;
	z-index: -1;
}

.list-box {
	position: relative;
	float: right;
	height: 2.0833em;
	width: 2.0833em;
	font-size: 1em;
	background-color: #fff;
	border-style: solid;
	border-width: 0.0833em;
	border-color: #36417c;
	border-top-left-radius: 0.5833em;
	border-bottom-left-radius: 0.5833em;
}
.list-box.active {
	background-color: #36417c;
}

.list-icon-bar {
	position: relative;
	right: -0.5em;
	top: 0.3333em;
	width: 1.2em;
	height: 0.25em;
	margin-top: 0.1666em;
	background-color: #36417c;
}
.list-icon-bar.active {
	background-color: white;
}

.tile-box {
	position: relative;
	left: -1px;
	float: right;
	height: 2.0833em;
	width: 2.0833em;
	font-size: 1em;
	background-color: #fff;
	border-style: solid;
	border-width: 0.0833em;
	border-color: #36417c;
	border-top-right-radius: 0.5833em;
	border-bottom-right-radius: 0.5833em;
}
.tile-box.active {
	background-color: #36417c;
}

.tile-icon-square {
	position: relative;
	width: 0.5em;
	height: 0.5em;
	background-color: #36417c;
}
.tile-icon-square.topLeft {
	top: 0.5em;
	right:-0.4166em;
}
.tile-icon-square.topRight {
	right:-1.0833em;
}
.tile-icon-square.bottomLeft {
	top: 0.1666em;
	right:-0.4166em;
}
.tile-icon-square.bottomRight {
	top: -0.3333em;
	right:-1.0833em;
}
.tile-icon-square.topLeft.active,
.tile-icon-square.topRight.active,
.tile-icon-square.bottomLeft.active,
.tile-icon-square.bottomRight.active {
	background-color: white;
}

.tile-discount-offset {
	bottom: 1.5em;
}

.cursor-pointer {
	cursor: pointer;
}


/* navigation arrows */
.arrow-box {
	position: relative;
	float: right;
	height: 2.0833em;
	width: 2.0833em;
	font-size: 1em;
	background-color: #fff;
	border-style: solid;
	border-width: 0.0833em;
	border-color: #36417c;
	border-radius: 0.5833em;
	cursor: pointer;
}

.left-arrow{
	position: relative;
	top: 0.4166em;
	right: 0.8333em;
	border-style: solid;
	border-width: 0.6em 0.6em 0.6em 0;
	border-color: transparent #36417c transparent transparent;
	pointer-events: none;
}

.right-arrow {
	position: relative;
	top: 0.4166em;
	left: 0.8333em;
	border-style: solid;
	border-width: 0.6em 0 0.6em 0.6em;
	border-color: transparent transparent transparent #36417c;
	pointer-events: none;
}

.arrow-box-disabled,
.arrow-disabled {
	filter: alpha(opacity=30);
	opacity: .30;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*--IE 8 Transparency--*/
	pointer-events: none;
}


/* --------------------------------------------------------------------- */
/* Navigation */
/* --------------------------------------------------------------------- */
/* Navigation Service*/
div#naviService {
	font-size: 0.75em; /* 12px */
	position: absolute;
	right: 0.75em; /* 9px */
	top: 0.555em;
}

div#naviService a {
	margin: 0 0.167em; /* 2px */
}



/* Navigation First Level */
div#naviFirstLevel {
	float: left;
	height: 1.813em; /* 29px */
	margin-top: 2.813em; /* 45px */
	padding: 0;
	width: 100%;
}

div#naviFirstLevel ul {
	list-style-type: none;
	margin: 0;
}

div#naviFirstLevel li {
	float: left;
	margin: 0;
	padding: 0;
}

div#naviFirstLevel li a {
	background: #c4c4c4 url('../../nas/img/template/bg_navi_first_level_off.png') top left repeat-x !important;
	border-top: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4;
	color: #39467a;
	display: block;
	font-size: 0.875em; /* 15px */
	font-weight: bold;
	padding: 0.5em 0.725em; /* 8px ... */
	text-decoration: none !important;
	text-transform: none;
	text-shadow: 1px 1px 1px #eee;
}

div#naviFirstLevel li a:hover,
div#naviFirstLevel li.selected a {
	background: #425184 url('../../nas/img/template/bg_navi_first_level_on.png') top left repeat-x !important;
	color: #fff;
	text-shadow: 0px 1px 0px #425184;
}

div#naviFirstLevel li.first a {
	border-left: 1px solid #b4b4b4;
	margin-left: 12.333em; /* 185px */
}

div#naviFirstLevel li.align-right {
	float: right;
}

div#naviFirstLevel li.align-right a {
	border-right: 0;
	border-left: 1px solid #b4b4b4;
}

div#naviFirstLevel li.offset {
	margin-left: 0.313em; /* 5px */
	padding-left: 3.5em;
}

div#naviFirstLevel li.offset a {
	border-left: 1px solid #b4b4b4;
}

div#naviFirstLevel li.icon-cart a {
	padding-left: 1.1em;
	text-shadow: 1px 1px 1px #eee;
}

div#naviFirstLevel li.icon-cart a:hover,
div#naviFirstLevel li.icon-cart-selected a {
	color: #fff;
	padding-left: 1.1em;
	text-shadow: 0px 1px 0px #425184;
}

div#naviFirstLevel li.icon-wishlist a,
div#naviFirstLevel li.icon-wishlist-selected a {
	padding-left: 1.1em;
	padding-right: 0.941em;
	text-shadow: 1px 1px 1px #eee;
}

div#naviFirstLevel li.icon-mywog-loggedout a,
div#naviFirstLevel li.icon-mywog-loggedin a,
div#naviFirstLevel li.icon-mywog a:hover,
div#naviFirstLevel li.icon-mywog-loggedout a:hover,
div#naviFirstLevel li.icon-mywog-loggedin a:hover,
div#naviFirstLevel li.icon-mywog-selected a {
	color: #fff;
	padding-left: 2.357em; /* 33px */
	text-shadow: 0px 1px 0px #425184;
}

div#naviFirstLevel li.icon-community a {
	padding-left: 2.714em; /* 38px */
	text-shadow: 1px 1px 1px #eee;
}

div#naviFirstLevel li.icon-community a:hover,
div#naviFirstLevel li.icon-community-selected a {
	color: #fff;
	padding-left: 2.714em; /* 38px */
	text-shadow: 0px 1px 0px #425184;
}

div#naviFirstLevel li.icon-info a {
	padding-left: 2.357em; /* 33px */
	text-shadow: 1px 1px 1px #eee;
}

div#naviFirstLevel li.icon-info a:hover,
div#naviFirstLevel li.icon-info-selected a {
	color: #fff;
	padding-left: 2.357em; /* 33px */
	text-shadow: 0px 1px 0px #425184;
}



/* Navigation Second Level */
div#naviSecondLevel {
	background: #2e3769 url('../../nas/img/template/bg_navi_second_level.png') top left repeat-x !important;
	height: 1.813em; /* 29px */
	margin-top: 4.625em; /* 74px */
	padding: 0;
	width: 100%;
}

div#naviSecondLevel ul {
    float: left;
    list-style-type: none;
    margin: 0;
    width: 74em;
}

div#naviSecondLevel li {
	float: left;
	margin-top: 0.333em; /* 4px */
	padding: 0;
}

div#naviSecondLevel li a {
	border-right: 1px solid #cdd4da;
	color: #fff;
	font-size: 0.75em; /* 12px */
	padding: 0 0.583em; /* 0 7px */
	text-decoration: none !important;
	text-shadow: 0px 1px 0px #425184;
}

div#naviSecondLevel li a:hover {
	text-decoration: underline !important;
}

div#naviSecondLevel li.selected a {
	font-weight: bold;
}

div#naviSecondLevel li.first a {
	border-left: 1px solid #cdd4da;
	margin-left: 14.417em; /* 173px */
}



/* Navigation Third Level */
div#naviThirdLevel ul {
	list-style-type: none;
	margin: 0 0 1.333em 0; /* 0 0 16px 0 */
	padding: 0;
}

div#naviThirdLevel ul li {
	border-top: 1px solid #f6f6f6;
	margin: 0;
	padding: 0;
}

div#naviThirdLevel ul li.first-point {
	border-top: 0;
}

div#naviThirdLevel ul li a,
div#naviThirdLevel ul li span.caption {
	background: #30396b url('../../nas/img/template/bg_navi_third_level_off.png') top left repeat-x !important;
	color: #fff;
	display: block;
	/* font-weight: bold; */
	padding: 0.667em 1em; /* 8px 12px */
	text-decoration: none !important;
	text-shadow: 0px 1px 0px #425184;
}

div#naviThirdLevel li a:hover,
div#naviThirdLevel li.selected a {
	background: #c5c5c5 url('../../nas/img/template/bg_navi_third_level_on.png') top left repeat-x !important;
	color: #00589d;
	text-shadow: 1px 1px 1px #eee;
}

div#naviThirdLevel ul li span.caption {
	font-size: 1.083em; /* 13px */
	font-weight: bold;
}



/* --------------------------------------------------------------------- */
/* Search */
/* --------------------------------------------------------------------- */
div#search {
    float: right;
    text-align: left;
    width: 39.357em !important;
    position: absolute;
    top: 0.4em;
    left: 10.6em;
    /* border: 1px solid; */
}

div#search form fieldset,
div#search form input {
	border: 0;
	margin: 0;
	padding: 0;
}

div#search form input {
	font-size: 0.75em; /* 12px */
	margin: 0.083em 0.125em 0 0; /* 2px */
}

div#search form input {
    height: 2.0em;
    padding: 0 0.667em;
    width: 50em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 0.16em solid #adadad;
}

div#search form input[type=text]:focus {
    outline: none;
	border: 2px solid #3e4a8e !important;
	color: #3e4a8e !important;
}

div#search form button {
    background: #fff;
    border: 0;
    position: absolute;
    top: 0.5em !important;
    right: 1.333em !important;
    padding: 0 0 0 0.5em;
    margin: 0 0.500em;
}

.groupedSearchDescription{
	padding-left:2.9em;
}

.search-term {
	color: #a4333a;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #adadad !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #adadad !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #adadad !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #adadad !important;
}


/* --------------------------------------------------------------------- */
/* Tables */
/* --------------------------------------------------------------------- */

.th {
	font-weight: bold;
	background-color: #eee;
}

table, .table {
	border: 0 !important;
	margin: 0 0 0.25em 0; /* 0 0 3px 0 */
	padding: 0;
	width: 100%;
}

.td.width-10 { width: 10%; }
.td.width-20 { width: 20%; }
.td.width-25 { width: 25%; }
.td.width-30 { width: 30%; }
.td.width-40 { width: 40%; }
.td.width-50 { width: 50%; }
.td.width-60 { width: 60%; }
.td.width-70 { width: 70%; }
.td.width-75 { width: 75%; }
.td.width-80 { width: 80%; }
.td.width-90 { width: 90%; }

th, .th,
td, .td {
	line-height: 1.25em !important; /* 15px */
	margin: 0;
	padding: 0.333em 0.5em; /* 4px 6px */
	text-align: left;
	vertical-align: top;
}

table thead th, .table .thead .th,
table thead td, .table .thead .td {
	background-color: #eee;
}

table.calc th, .table.calc .th {
	padding: 0 0.5em 0.5em 0; /* 0 6px 6px 0 */
}

table.calc td, .table.calc .td {
	padding: 0 0 0.5em 0.5em; /* 0 0 6px 6px */
	text-align: right;
	white-space: nowrap;
}

table.padding-2 th, .table.padding-2 .th,
table.padding-2 td, .table.padding-2 .td {
	padding: 0.167em; /* 2px */
}

tr.valign-middle th, .tr.valign-middle .th,
tr.valign-middle td, .tr.valign-middle .td {
	vertical-align: middle;
}

td p, .td p {
	margin-bottom: 0.333em; /* 4px */
}

td.language-versions p, .td.language-versions p {
	line-height: 1em !important;
	margin-bottom: 0.5em; /* 6px */
	white-space: nowrap;
}

table.border th, .table.border .th,
table.border td, .table.border .td {
	border-left: 1px solid #cecfd0; /* 0px */
	border-bottom: 1px solid #cecfd0;
}

table.legend th, .table.legend .th,
table.legend td, .table.legend .td {
	border-top: 1px solid #cecfd0;
	border-bottom: 1px solid #cecfd0;
}

table.list th, .table.list .th,
table.list td, .table.list .td {
	border-left: none;
	border-bottom: 1px solid #cecfd0;
	line-height: 1em !important;
	padding: 0.667em; /* 8px */
}

table th.minilogo, .table .th.minilogo,
table td.minilogo, .table td.minilogo {
	padding: 0.333em 0 0 0.5em; /* 4px 0 0 6px */
}

table.border tr.last-row th, .table.border .tr.last-row .th,
table.border tr.last-row td, .table.border .tr.last-row .td,
table.list tr.last-row th, .table.list .tr.last-row .th,
table.list tr.last-row td, .table.list .tr.last-row .td {
	border-bottom: none !important;
}

table.border th.first-col, .table.border .th.first-col,
table.border td.first-col, .table.border .td.first-col {
	border-left: 0;
}

table.list td.cover, .table.list .td.cover {
	padding-right: 0 !important;
}

table.list td a, .table.list .td a {
	color: #464548;
}

table.list td p, .table.list .td p {
	margin-bottom: 1.333em; /* 16px */
}

table.list td.disabled .price, .table.list .td.disabled .price {
	color: #999;
	font-style: italic;
}

table.product-header th, .table.product-header .th {
	background-color: #ebebeb;
	border-right: 4px solid #fff;
	font-size: 1.083em;
	padding: 0.333em; /* 4px */
}

table.product-header th.off, .table.product-header .th.off {
	background-color: #fff;
}

table.product-header th.last-col, .table.product-header .th.last-col {
	border-right: 0;
}

table.product-header td, .table.product-header .td {
	padding: 0.5em 0.333em 0.333em 0.333em; /*  6px 4px 4px 4px */
}

tr.list-caption th, .tr.list-caption .th,
tr.list-caption td, .tr.list-caption .td {
	background: #e2e3e4 url('../../nas/img/template/bg_carousel_releases.png') top left repeat-x !important;
	border-left: 0;
	color: #fff;
	text-shadow: 0px 1px 0px #425184;
}

tr.alternate th, .tr.alternate .th,
tr.alternate td, .tr.alternate .td {
	background-color: #eee;
}

tr.highlight th, .tr.highlight .th,
tr.highlight td, .tr.highlight .td {
	background-color: #fff4cf;
}

tr.important th, .tr.important .th,
tr.important td, .tr.important .td {
	background-color: #fddbda;
	color: #464548 !important;
}

tr.divider th, .tr.divider .th,
tr.divider td, .tr.divider .td {
	border-top: 0;
	border-left: 0;
	height: 2.5em; /* 30px */
}

tr.divider-small th, .tr.divider-small .th,
tr.divider-small td, .tr.divider-small .td {
	height: 1.5em; /* 18px */
}

table.mini td, .table.mini .td {
	font-size: 0.833em; /* 10px */
}


/* --------------------------------------------------------------------- */
/* Tables with round corner */
/* --------------------------------------------------------------------- */
.round .table {
	border-collapse: collapse; /* IE7 and lower */
	border-spacing: 0;
	margin: 0;
}

.round .table .th:first-child {
	border-radius: 7px 0 0 0;
}

.round .table .th:last-child {
	border-radius: 0 7px 0 0;
}

.round .table .th:only-child {
	border-radius: 7px 7px 0 0;
}

.round .table.border .th:first-child {
	border-left: 0px;
}

.round .table .tr:last-child .td:first-child {
	border-radius: 0 0 0 7px;
}

.round .table .tr:last-child .td:last-child {
	border-radius: 0 0 7px 0;
}

/* --------------------------------------------------------------------- */
/* Tables for grouped lists */
/* --------------------------------------------------------------------- */
tr.productRow, tr.productRow td, tr.productRow th,
.tr.productRow, .tr.productRow .td, .tr.productRow .th {
	background-color: #f8f8f8;
}
tr.productRowAlternate, tr.productRowAlternate td, tr.productRowAlternate th,
.tr.productRowAlternate, .tr.productRowAlternate .td, .tr.productRowAlternate .th {
	background-color: #eee;
}

tr.productRow:hover td, tr.productRowAlternate:hover td,
.tr.productRow:hover:not(.disabledListElement) .td, .tr.productRowAlternate:hover:not(.disabledListElement) .td {
	background-color: #e3e3e3;
}
.tr.list-attention .productRow:hover .td {
	background-color: #892a30;
}

.tr.productRow.no-round-corners .td, .tr.productRowAlternate.no-round-corners .td {
	border-radius: 0 0 0 0 !important;
}

.productGroup>td, .productGroup>.td {
	padding: 0.7em 0.5em;
}

table.grouped th, table.grouped td,
.table.grouped .th, .table.grouped .td {
    border-top: 1px solid #CECFD0;
    border-left: 1px solid #CECFD0;
}

table.grouped th.first-col, table.grouped td.first-col,
.table.grouped .th.first-col, .table.grouped .td.first-col {
    border-left: 0px;
}

.productGroup-disabled {
	filter: alpha(opacity=40);
	opacity: 0.40;
}

table.group tr td, table.group-items tr td,
.table.group .tr .td, .table.group-items .tr .td {
	padding: 0.7em 0.5em;
}

table.group tr th, table.group tr td,
.table.group .tr .th, .table.group .tr .td {
	border-bottom: 1px solid #cecfd0;
}

table.group-items tr th, table.group-items tr td,
.table.group-items .tr .th, .table.group-items .tr .td {
	border-right: 1px solid #cecfd0;
}

table.group-items .position-relative:first-child tr th, table.group-items .position-relative:first-child tr td,
.table.group-items .position-relative:first-child .tr .th, .table.group-items .position-relative:first-child .tr .td {
	border-top: 1px solid #cecfd0;
}

table.group-items tr th:last-child, table.group-items tr td:last-child,
.table.group-items .tr .th:last-child, .table.group-items .tr .td:last-child {
	border-right: 0;
}

.td.position-relative .hint a {
	color: #3c5190 !important;
}

/* --------------------------------------------------------------------- */
/* Div Tables */
/* --------------------------------------------------------------------- */

.table {
    display:table;
}
.tr {
    display:table-row;
}
.td, .th {
    display:table-cell;
}
.thead {
    display:table-header-group;
}
.tbody {
    display:table-row-group;
}


.table-high {
	overflow: hidden;
}

.table-high .thead .th, .table-high .tr .td {
	line-height: 2.3333em !important;
}

.table-high .table-alternate-rows div.tr:nth-child(even) {
	background-color: #eee;
}

.table-high .table-alternate-rows div.tr:last-child div.td {
	border-bottom: 0;
}

.table-high img {
	position: relative;
	top: -0.0833em;
}

.table-high .center {
	text-align: center;
}
.table-high .left {
	text-align: left;
}
.table-high .right {
	text-align: right;
}


/*list captions*/
.news-date-bar {
	width: 100px;
	max-width: 100px; /*needed so the cell width is actually set*/
	padding: 0.4em !important;
	white-space: nowrap;
	background-color: #36417c;
	color: white;
	font-size: 12px;
}

.bar-triangle-down {
	position: relative;
	float: right;
	right: 5px;
	top: 0.25em; /*3px;*/
	border-style: solid;
	border-width: 0.6em 0.6em 0 0.6em;
	border-color: white transparent transparent transparent;
}


/* --------------------------------------------------------------------- */
/* Definition List */
/* --------------------------------------------------------------------- */
dl.table-display {
	margin: 0;
	padding: 0;
	width: 100%;
}

dl.table-display dt {
	clear: left;
	float: left;
	font-weight: bold;
	line-height: 1.25em !important; /* 15px */
	margin: 0;
	padding: 0 0.5em 0.5em 0; /* 0 6px 6px 0 */
	width: 30%;
}

dl.table-display dd {
	line-height: 1.25em !important; /* 15px */
	margin: 0 0 0 30%;
	padding: 0 0.5em 0.5em 0.5em; /* 0 6px 6px 6px */
	width: 65%;
}

dl.table-display dt.term-20p {
	width: 20%;
}

dl.table-display dd.term-20p {
	margin: 0 0 0 20%;
	width: 75%;
}

dl.table-display dt.term-25p {
	width: 25%;
}

dl.table-display dd.term-25p {
	margin: 0 0 0 25%;
	width: 70%;
}

dl.table-display dt.term-45p {
	width: 45%;
}

dl.table-display dd.term-45p {
	margin: 0 0 0 25%;
	width: 50%;
}



/* --------------------------------------------------------------------- */
/* Boxes */
/* --------------------------------------------------------------------- */
/* Common */
.box {
	margin-bottom: 1.333em; /* 16px */
}

.box h1.caption,
.box h2.caption,
.box h3.caption,
.box h3.filter,
.box h3.userzone,
.box h3.userzone-off {
	background: #e2e3e4 url('../../nas/img/template/bg_caption.png') top left repeat-x !important;
	border-top: 1px solid #bcbdbe;
	border-right: 1px solid #bcbdbe;
	border-left: 1px solid #bcbdbe;
	color: #202024;
	margin: 0;
	padding: 0.133em 0.5em 0.067em 0.5em; /* 2px 6px 1px 6px */
	text-shadow: 1px 1px 1px #ccc;
}

.box .caption img {
	vertical-align: -9%;
}

.box .caption .max-rows {
	font-size: 0.800em !important;
	font-weight: normal;
	float: right;
	margin: 0 5em 0 0;
}

.box .caption-options {
	font-size: 1em !important;
	font-weight: normal;
	float: right;
	margin: 0 1em 0 0;
}

.box h3.filter {
	background: #2e3764 url('../../nas/img/template/bg_filter.png') top left repeat-x !important;
	color: #fff;
	text-shadow: 0px 1px 0px #425184;
}

.box h3.userzone-off {
	background: #920101 url('../../nas/img/template/bg_userzone_off.png') top left repeat-x !important;
	color: #fff;
	text-shadow: 0px 1px 0px #425184;
	text-transform: none;
}

.box h3.userzone {
	background: #446c0a url('../../nas/img/template/bg_userzone_on.png') top left repeat-x !important;
	color: #fff;
	text-shadow: 0px 1px 0px #425184;
	text-transform: none;
}

.box-flow {
	overflow/**/: hidden; /* auto */
	\height: 1%;
}

.box h1 img,
.box h2 img,
.box h3 img {
	vertical-align: baseline;
}

.block {
	background-color: #fff;
	border: 1px solid #bcbdbe;
	padding: 0.667em; /* 8px */
	box-shadow: 0px 1px 0px #c1c2c3;
	-moz-box-shadow: 0px 1px 0px #c1c2c3;
	-webkit-box-shadow: 0px 1px 0px #c1c2c3;
}

.block.hidden {
	display: none;
}

.block.no-shadow {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.inner-block {
	background-color: #fff;
	border: 1px solid #c1c2c3;
	padding: 0.5em; /* 6px */
	box-shadow: 0px 1px 0px #c1c2c3;
	-moz-box-shadow: 0px 1px 0px #c1c2c3;
	-webkit-box-shadow: 0px 1px 0px #c1c2c3;
}

.recommendations-background {
	background-position: -2px top;
	background-repeat: no-repeat;
}

.recommendations {
	border: 0;
	margin: 7.833em 5.750em 0 0.667em; /* 94px 69px 0 8px */
	padding: 0;
}

.gameNews {
	border: 0;
	max-height: 38.25em; /* 459px */
	margin: 3.75em 0.75em 0 0.75em; /* 45px 9px 0 9px */
	overflow: hidden;
	padding: 0;
}

.facebook {
	background: #fff;
	border: 0 !important;
	overflow: hidden;
	box-shadow: 0px 1px 0px #c1c2c3;
	-moz-box-shadow: 0px 1px 0px #c1c2c3;
	-webkit-box-shadow: 0px 1px 0px #c1c2c3;
}

#videoPlayer {
	margin-bottom: 0.333em; /* 4px */
}

.ageVerificationHint {
	padding: 0.667em 14.167em 0.667em 0.667em; /* 8px 170px 8px 8px */
}

.community_button img {
	 width: 1.7em;
	 border: none;
	 padding-right: 0.5em;
}

.dashed {
	border-bottom: 1px dashed #cdcdcd;
	margin-bottom: 1.333em;
	padding-bottom: 1.333em;
}

/* --------------------------------------------------------------------- */
/* Tabs */
/* --------------------------------------------------------------------- */
.ui-tabs,
.tabs {
	clear: both;
	float: left;
	margin: 0 0 2.0833em 0; /* 0 0 25px 0 */
	padding: 0;
	width: 100%;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 0.333em 0.5em; /* 4px 6px */
}

.ui-tabs .ui-tabs-nav,
.tabs .tabs-nav  {
	float: left;
	list-style-type: none;
	margin: 0 !important;
	padding: 0;
	width: 100%;
}

.ui-tabs .ui-tabs-nav li,
.tabs .tabs-nav li {
	border-top: 1px solid #cacccc;
	border-right: 1px solid #cacccc;
	float: left;
	padding: 0;
	margin: 0;
}

.ui-tabs .ui-tabs-nav li.info {
	border: 0;
	color: #545454;
	float: right;
	display: block;
	font-weight: bold;
	padding: 0.333em 0.5em; /* 4px 6px */
	margin: 0;
}

.ui-tabs .ui-tabs-nav li.first-tab {
	border-left: 1px solid #cacccc;
}

.ui-tabs .ui-tabs-nav li.last-tab {
	border-right: 1px solid #cacccc;
}

.tabs .tabs-nav li {
	border-left: 1px solid #cacccc;
}

.ui-tabs .ui-tabs-nav li a,
.tabs .tabs-nav li span {
	background: #cacaca url('../../nas/img/template/bg_tabs.png') top left repeat-x !important;
	border-bottom: 0.25em solid #b0b0b0; /* 3px */
	color: #545454;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 0.333em 0.5em; /* 4px 6px */
	text-decoration: none !important;
}

.ui-tabs .ui-tabs-nav a:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	border-bottom: 0.25em solid #294470; /* 3px */
}

.ui-tabs .ui-tabs-panel,
.tabs .tabs-panel,
.tabs .tabs-panel-thumbs {
	background-color: #fff;
	border: 1px solid #bcbdbe;
	clear: left;
	display: block;
	line-height: 1.25em; /* 15px */
	padding: 0.667em; /* 8px */
	box-shadow: 0px 1px 0px #c1c2c3;
	-moz-box-shadow: 0px 1px 0px #c1c2c3;
	-webkit-box-shadow: 0px 1px 0px #c1c2c3;
}

.inner-tabs-panel {
	border-top: 1px solid #bcbdbe;
	border-right: 0 !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
}

.tabs .tabs-panel-thumbs {
	padding: 0.333em; /* 4px */
}

.ui-tabs .ui-tabs-hide {
	display: none;
}

.ui-tabs .ui-tabs-panel p:last-child,
.tabs .tabs-panel p:last-child {
	margin-bottom: 0;
}

.ui-tabs .ui-tabs-panel ul,
.ui-tabs .ui-tabs-panel ol,
.tabs .tabs-panel ul,
.tabs .tabs-panel ol {
	margin-bottom: 0.583em; /* 7px */
}

.ui-tabs .ui-widget-header {
    border: 0;
    background: none;
}

.ui-tabs.ui-widget.ui-widget-content {
    border: 0;
}

.ui-tabs .ui-corner-all,
.ui-tabs .ui-corner-top,
.ui-tabs .ui-corner-bottom
{
    border-radius: 0;
}

.ui-tabs .ui-state-active,
.ui-tabs .ui-state-active:hover,
.ui-tabs a.ui-button:active,
.ui-tabs .ui-button:active
{
	border-left: 0;
	background: none;

}

/* --------------------------------------------------------------------- */
/* Carousel */
/* --------------------------------------------------------------------- */
div.carousel {
	background: #ececed url('../../nas/img/template/bg_carousel.png') top left repeat-x !important;
	border: 1px solid #bcbdbe;
	height: 16.667em; /* 200px */
	width: 100%;
}

div.carousel a.prevPage,
div.carousel a.prev {
	display: block;
	float: left;
	margin: 5.833em 0.333em 0 0.667em; /* 70px 4px 0 8px */
}

div.carousel a.nextPage,
div.carousel a.next {
	display: block;
	float: left;
	margin: 5.833em 0.667em 0 0.167em; /* 70px 8px 0 2px */
}

div.carousel div.scrollable {
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 60.833em; /* 730px */
}

div.carousel div.scrollable div#items {
	position: absolute;
	width: 20000em;
}

div.carousel div.scrollable div#items div {
	float: left;
	height: 16.667em; /* 200px */
	margin: 0 2px; /* 0 2px */
	padding: 0.833em 2px 2px 2px; /* 10px 2px 2px 2px */
	text-align: center;
	width: 11.5em; /* 138px */
}

div.carousel div.scrollable div#items div.hover,
div.carousel div.scrollable div#items div.active {
	background: #d0d0d0 url('../../nas/img/template/bg_carousel_on.png') top left repeat-x !important;
}

div.carousel div.scrollable div#items div p {
	margin-bottom: 0.25em; /* 3px */
}

div.carousel .disabled {
	visibility: hidden;
}



div.highlights-carousel {
	background-color: white !important;
	border: 1px solid #bcbdbe;
	border-top: 0;
	height: 17.5em;
	width: 100%;
	padding-top: 5px;
}

div.highlights-carousel a.prevPage,
div.highlights-carousel a.prev {
	display: block;
	float: left;
	margin: 5.833em 0.333em 0 0.667em;
}

div.highlights-carousel a.nextPage,
div.highlights-carousel a.next {
	display: block;
	float: left;
	margin: 5.833em 0.667em 0 0.167em;
}

div.highlights-carousel div.scrollable-highlights {
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 62.4em;
}

div.highlights-carousel div.scrollable-highlights div#items {
	position: absolute;
	width: 20000em;
}

div.highlights-carousel div.scrollable-highlights div#items div {
	float: left;
	height: 15.2em;
	margin: 0 6px;
	padding: 0.833em 2px 2px 2px;
	text-align: center;
	width: calc((62.4em / 4) - 18px);
	border: 1px solid;
	background-color: #ececed;
}

div.highlights-carousel div.scrollable-highlights div#items div.hover,
div.highlights-carousel div.scrollable-highlights div#items div.active {
	background: #d0d0d0 url('../../nas/img/template/bg_carousel_on.png') top left repeat-x !important;
}

div.highlights-carousel div.scrollable-highlights div#items div p {
	margin-bottom: 0.25em; /* 3px */
}

div.highlights-carousel .disabled {
	visibility: hidden;
}

div.highlights-carousel-header {
	width: 100%;
	border: 1px solid #bcbdbe;
	border-bottom: 0;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}


/* Carousel Standalone */
div.carousel-standalone {
	background: #ececed url('../../nas/img/template/bg_carousel.png') top left repeat-x !important;
	border: 1px solid #bcbdbe;
	clear: left;
	display: block;
	height: 16.667em; /* 200px */
	width: 100%;
	box-shadow: 0px 1px 0px #c1c2c3;
	-moz-box-shadow: 0px 1px 0px #c1c2c3;
	-webkit-box-shadow: 0px 1px 0px #c1c2c3;
}

div.carousel-standalone a.prevPage,
div.carousel-standalone a.prev {
	display: block;
	float: left;
	margin: 5.833em 0.333em 0 0.667em; /* 70px 4px 0 8px */
}

div.carousel-standalone a.nextPage,
div.carousel-standalone a.next {
	display: block;
	float: left;
	margin: 5.833em 0.667em 0 0.167em; /* 70px 8px 0 2px */
}

div.carousel-standalone div.scrollable-standalone {
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 62.250em; /* 747px */
}

div.carousel-standalone div.scrollable-standalone div#items {
	position: absolute;
	width: 20000em;
}

div.carousel-standalone div.scrollable-standalone div#items div {
	float: left;
	height: 16.667em; /* 200px */
	margin: 0 2px; /* 0 2px */
	padding: 0.833em 2px 2px 2px; /* 10px 2px 2px 2px */
	text-align: center;
	width: 11.75em; /* 141px */
}

div.carousel-standalone div.scrollable-standalone div#items div.hover,
div.carousel-standalone div.scrollable-standalone div#items div.active {
	background: #d0d0d0 url('../../nas/img/template/bg_carousel_on.png') top left repeat-x !important;
}

div.carousel-standalone div.scrollable-standalone div#items div p {
	margin-bottom: 0.25em; /* 3px */
}

div.carousel-standalone .disabled {
	visibility: hidden;
}



/* Carousel Seventy */
div.carousel-seventy {
	border: 1px solid #bcbdbe;
	clear: left;
	display: block;
	height: 20em; /* 200px */
	width: 100%;
	box-shadow: 0px 1px 0px #c1c2c3;
	-moz-box-shadow: 0px 1px 0px #c1c2c3;
	-webkit-box-shadow: 0px 1px 0px #c1c2c3;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee));
	background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);
	background: -o-linear-gradient(top, #fff 0%,#eee 100%);
	background: -ms-linear-gradient(top, #fff 0%,#eee 100%);
	background: linear-gradient(to bottom, #fff 0%,#eee 100%);
}

div.carousel-seventy .caption {
	display: block;
	float: left;
	font-weight: bold;
	margin: 0.667em;
	width: 100%;
}

div.carousel-seventy a.prevPage,
div.carousel-seventy a.prev {
	display: block;
	float: left;
	margin: 5em 0.333em 0 0.667em; /* 60px 4px 0 8px */
}

div.carousel-seventy a.nextPage,
div.carousel-seventy a.next {
	display: block;
	float: left;
	margin: 5em 0.667em 0 0.167em; /* 60px 8px 0 2px */
}

div.carousel-seventy div.scrollable-seventy {
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 51.833em; /* 622px */
}

div.carousel-seventy div.scrollable-seventy div#items {
	position: absolute;
	width: 20000em;
}

div.carousel-seventy div.scrollable-seventy div#items div {
	float: left;
	height: 16.667em; /* 200px */
	margin: 0 2px; /* 0 2px */
	padding: 0.833em 5px 2px 5px; /* 10px 5px 2px 5px */
	text-align: center;
	width: 11.75em; /* 141px */
}

div.carousel-seventy div.scrollable-seventy div#items div.hover,
div.carousel-seventy div.scrollable-seventy div#items div.active {
	background: #ededed;
	background: -moz-linear-gradient(top, #ededed 0%, #d2d2d2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#d2d2d2));
	background: -webkit-linear-gradient(top, #ededed 0%,#d2d2d2 100%);
	background: -o-linear-gradient(top, #ededed 0%,#d2d2d2 100%);
	background: -ms-linear-gradient(top, #ededed 0%,#d2d2d2 100%);
	background: linear-gradient(to bottom, #ededed 0%,#d2d2d2 100%);
}

div.carousel-seventy div.scrollable-seventy div#items div p {
	margin-bottom: 0.25em; /* 3px */
}

div.carousel-seventy .disabled {
	visibility: hidden;
}



/* Carousel Recommended */
div.carousel-recommended {
	background: #ececed url('../../nas/img/template/bg_carousel.png') top left repeat-x !important;
	border: 1px solid #bcbdbe;
	clear: left;
	display: block;
	height: 16.667em; /* 200px */
	width: 100%;
	box-shadow: 0px 1px 0px #c1c2c3;
	-moz-box-shadow: 0px 1px 0px #c1c2c3;
	-webkit-box-shadow: 0px 1px 0px #c1c2c3;
}

div.carousel-recommended a.prevPage,
div.carousel-recommended a.prev {
	display: block;
	float: left;
	margin: 5.833em 0.333em 0 0.667em; /* 70px 4px 0 8px */
}

div.carousel-recommended a.nextPage,
div.carousel-recommended a.next {
	display: block;
	float: left;
	margin: 5.833em 0.667em 0 0.167em; /* 70px 8px 0 2px */
}

div.carousel-recommended div.scrollable-recommended {
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 76.833em;
}

div.carousel-recommended div.scrollable-recommended div#items {
	position: absolute;
	width: 20000em;
}

div.carousel-recommended div.scrollable-recommended div#items div {
	float: left;
	height: 16.667em; /* 200px */
	margin: 0 2px; /* 0 2px */
	padding: 0.833em 9px 2px 8px; /* 10px 2px 2px 2px */
	text-align: center;
	width: 11em; /* 132px */
}

div.carousel-recommended div.scrollable-recommended div#items div.hover,
div.carousel-recommended div.scrollable-recommended div#items div.active {
	background: #d0d0d0 url('../../nas/img/template/bg_carousel_on.png') top left repeat-x !important;
}

div.carousel-recommended div.scrollable-recommended div#items div p {
	margin-bottom: 0.25em; /* 3px */
}

div.carousel-recommended .disabled {
	visibility: hidden;
}



/* Carousel Releases */
div.carousel-releases {
	background: #989fc7 url('../../nas/img/template/bg_carousel_releases.png') top left repeat-x !important;
	border: 1px solid #bcbdbe;
	height: 2.167em; /* 26px */
	width: 68.5em; /* 822px */
	box-shadow: 0px 1px 0px #c1c2c3;
	-moz-box-shadow: 0px 1px 0px #c1c2c3;
	-webkit-box-shadow: 0px 1px 0px #c1c2c3;
}

div.carousel-releases a.prevPage,
div.carousel-releases a.prev {
	display: block;
	float: left;
	margin: 0.25em 0.417em 0 0.333em; /* 3px 5px 0 4px */
}

div.carousel-releases a.nextPage,
div.carousel-releases a.next {
	display: block;
	float: left;
	margin: 0.25em 0.333em 0 0.5em; /* 3px 4px 0 6px */
}

div.carousel-releases div.scrollable-releases {
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 65em; /* 780px */
}

div.carousel-releases div.scrollable-releases div#items {
	position: absolute;
	width: 20000em;
}

div.carousel-releases div.scrollable-releases div#items div {
	border-right: 1px dashed #fff;
	float: left;
	height: 2.167em; /* 26px */
	padding-top: 0.583em; /* 7px */
	text-align: center;
	width: 16.25em; /* 195px */
}

div.carousel-releases div.scrollable-releases div#items div a {
	color: #fff;
	font-weight: bold;
	text-shadow: 0px 1px 0px #425184;
}

div.carousel-releases div.scrollable-releases div#items div.hover,
div.carousel-releases div.scrollable-releases div#items div.active {
	background: #a5a8ba url('../../nas/img/template/bg_carousel_releases_on.png') top left repeat-x !important;
}

div.carousel-releases div.scrollable-releases div#items div.hover a,
div.carousel-releases div.scrollable-releases div#items div.active a {
	color: #00589d;
	text-shadow: 1px 1px 1px #eee;
}

div.carousel-releases div.scrollable-releases div#items div.first {
	border-left: 1px dashed #fff;
}



/* Carousel myWoG */
div.carousel-mywog {
	background: #ececed url('../../nas/img/template/bg_carousel.png') top left repeat-x !important;
	border: 0;
	height: 9.5833em; /*115px*/
	width: 100%;
}

div.carousel-mywog a.prevPage,
div.carousel-mywog a.prev {
	display: block;
	float: left;
	margin: 3.9166em 0.417em 0 0.25em; /* 34px 5px 0 3px */
}

div.carousel-mywog a.nextPage,
div.carousel-mywog a.next {
	display: block;
	float: left;
	margin: 3.9166em 0.25em 0 0.5em; /* 34px 3px 0 6px */
}

div.carousel-mywog div.scrollable {
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 33.5em; /*402px*/
}

div.carousel-mywog div.scrollable div#items {
	position: absolute;
	width: 20000em;
}

div.carousel-mywog div.scrollable div#items div {
	float: left;
	height: 7.5em; /* 90px */
	margin: 0.4167em; /*5px*/
	padding: 0.5em 0.1667em 0.75em 0.1667em; /* 6px 2px 9px 2px */
	text-align: center;
	width: 5.667em; /* 68px */
}

div.carousel-mywog div.scrollable div#items div.hover,
div.carousel-mywog div.scrollable div#items div.active {
	background: #d0d0d0 url('../../nas/img/template/bg_carousel_on.png') top left repeat-x !important;
}

div.carousel-mywog div.scrollable div#items div p {
	margin-bottom: 0.25em; /* 3px */
}

div.carousel-mywog .disabled {
	visibility: hidden;
}



/* --------------------------------------------------------------------- */
/* Pagination */
/* --------------------------------------------------------------------- */
div.paginationContainer {
	height: 1.667em; /* 20px */
	padding: 0.333em 0.5em 0.667em 0.5em; /* 4px 6px 8px 6px */
}

div.paginationBlockListContainer {
	height: 1.667em; /* 20px */
	padding: 0 0.5em; /* 0 6px */
}

ul.pagination {
	list-style-type: none;
	width: 100%;
	margin: 0 0 0.667em 0; /* 0 0 8px 0 */
	padding: 0;
}

ul.pagination li {
	float: left;
	display: block;
	padding: 0;
	margin: 0 0.25em 0 0; /* 0 3px 0 0 */
}

ul.pagination li a {
	border: 1px solid #c0c2c2;
	margin: 0;
	display: block;
	padding: 0.167em 0.333em; /* 2px 4px */
}

ul.pagination li a:hover{
	border: 1px solid #888;
}

ul.pagination li.previous-off,
ul.pagination li.next-off {
	padding: 0.25em 0.333em; /* 3px 4px */
}

ul.pagination li.next a,
ul.pagination li.previous a,
ul.pagination li.next a:hover,
ul.pagination li.previous a:hover {
	border: 1px solid transparent;
}

ul.pagination li.active{
	color: #383d44;
	font-weight: bold;
	padding: 0.25em 0.333em; /* 3px 4px */
}

ul.pagination li.info-text {
	color: #383d44;
	padding: 0.25em 0.333em; /* 3px 4px */
}



/* --------------------------------------------------------------------- */
/* Messages */
/* --------------------------------------------------------------------- */
div.error,
div.success,
div.notice {
	margin-bottom: 1.333em; /* 16px */
	padding: 0.4em 0.8em; /* 5px 10px */
}

div.error p:last-child,
div.success p:last-child,
div.notice p:last-child {
	margin-bottom: 0;
}

div.error a,
div.success a,
div.notice a {
	color: #464548;
	text-decoration: none !important;
}

div.error a:hover,
div.success a:hover,
div.notice a:hover {
	border-bottom: 2px solid #464548;
}

/* Error */
div.error {
	color: #8a1f11;
	background-color: #fbe3e4;
	border: 1px solid #fbc2c4;
	box-shadow: 0px 1px 0px #fbc2c4;
	-moz-box-shadow: 0px 1px 0px #fbc2c4;
	-webkit-box-shadow: 0px 1px 0px #fbc2c4;
}

div.error a {
	color: #8a1f11;
	border-bottom: 2px solid #fbc2c4;
}

/* Success */
div.success {
	background-color: #e6efc2;
	border: 1px solid #c6d880;
	box-shadow: 0px 1px 0px #c6d880;
	-moz-box-shadow: 0px 1px 0px #c6d880;
	-webkit-box-shadow: 0px 1px 0px #c6d880;
}

div.success a {
	border-bottom: 2px solid #c6d880;
}

/* Notice */
div.notice {
	background-color: #fff6bf;
	border: 1px solid #ffd324;
	box-shadow: 0px 1px 0px #ffd324;
	-moz-box-shadow: 0px 1px 0px #ffd324;
	-webkit-box-shadow: 0px 1px 0px #ffd324;
}

div.notice a {
	border-bottom: 2px solid #ffd324;
}

div.error ul,
div.success ul,
div.notice ul {
	list-style-type: disc;
	margin: 0;
}

div.error ul li,
div.success ul li,
div.notice ul li {
	line-height: 1.25em !important; /* 15px */
	margin: 0 0 0 1.2em; /* 0 0 0 14px */
}

div.loading {
	background: #fff;
	border: 0.25em solid #cecfd0; /* 4px */
	left:  50%;
	line-height: 1.333em; /* 16px */
	margin: 0 0 0 -10.938em; /* 0 0 0 -175px (half of width) */
	padding: 0.833em; /* 10px */
	position: absolute;
	top: 18.75em; /* 300px */
	width: 21.875em; /* 350px */
	z-index: 9000;
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-webkit-transition: -opacity 0.0s ease-out;
}



/* --------------------------------------------------------------------- */
/* Product */
/* --------------------------------------------------------------------- */
/* Details */
h1.product-title {
	font-size: 1.5em; /* 18px */
	line-height: 1.2em; /* 14px */
	margin-bottom: 0.111em; /* 2px */
	padding-top: 0.056em; /* 1px */
	text-transform: none;
}
h2.product-title {
	font-size: 1.5em; /* 18px */
	line-height: 1.2em; /* 14px */
	margin-bottom: 0.111em; /* 2px */
	padding-top: 0.056em; /* 1px */
	text-transform: none;
}

a.smart-upgrade {
	background-color: #a4333a;
	border-radius: 5px;
	padding: 5px 8px;
	color: white;
	font-size: 12px;
	text-decoration: none;
	display: flex;
	align-items: center;
}
a.smart-upgrade:hover {
	background-color: #c33c45;
}
a.smart-upgrade img {
	width: 20px;
	height: 20px;
	margin-right: 6px;
}

.product-price {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.2em; /* 14px */
	margin-bottom: 0.111em; /* 2px */
}

hr.product-message {
	margin: 0.667em 0 0 0; /* 8px 0 0 0 */
}

hr.tag-filter-separator {
	margin: 0.8333em 0 0.8333em 0;
}

p.product-message {
	margin: 0;
	padding: 0.667em; /* 8px */
}

p.product-related-covers {
	margin-bottom: 0.35em;
	margin-right: 0.85em;
}

img.disabledCover {
	opacity: 0.7;
}

.disclaimer {
	display: block;
	line-height: 1.3em;
    font-size: 0.85em;
    font-style: italic;
    color: #777;
}

.quantity-to-cart {
	float: right;
	margin: 0.167em 0 0 0;
}

.quantity-to-cart input {
	font-size: 1.3em;
	font-weight: bold;
	height: 1.7em;
	text-align: center;
	width: 1.7em;
}

hr.rating-list {
	margin: 0.667em 0; /* 8px 0 */
}

.stock-0 {
	color: #999;
}

.stock-1 {
	color: #009900;
}

.stock-2 {
	color: #ffbe00;
}

.stock-3 {
	color: #cc0000;
}

.thumbnail {
	float: left;
	margin: 0.333em;
	width: 8.05em;
}

.singleScreenshot {
    /*float: left;*/
    margin: 0.333em;
    width: 36.7em;
}

.print-tab {
	display: none;
}

span.versionsText {
	padding-left: 1em;
}

.price-info-cart {
	background-color: #f0f0f0;
	display: block;
	height: 3.233em;
}

.price-info-cart-bargain {
	background-color: #f0f0f0;
	display: block;
	height: 5.233em;
}

.product-property {
	margin: 0 !important;
	padding: 0 !important;
}

.series-info-box {
 	border: 1px solid #c1c2c3;
 	border-radius: 7px;
 	overflow: hidden;
}
.series-info-label {
	background-color: #e6e6e6;
	display: table-cell;
	height: 2.9167em;
	padding: 0 0.667em;
	vertical-align: middle;
	width: 7.5em;
}

.series-info-content {
	display: table-cell;
	height: 2.933em;
	padding: 0 0.667em; /* 0 8px */
	vertical-align: middle;
}

.product-property img {
	background-color: #eee;
	float: left;
	padding: 0.33em;
	margin-right: 0.25em;
}

.product-property div {
	display: table-cell;
	height: 2.933em;
	padding: 0 0.667em; /* 0 8px */
	vertical-align: middle;
	max-width: 35em;
	line-height: 1.2em;
}

.product-property div p {
	margin: 0;
}

.product-screenshots {
	border-left: 1px solid #bcbdbe;
	float: right;
	height: 21.6em;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0 0 0 0.4em;
	width: 18.85em;
}


/* Actors */
.actors{
	background-color:#ffffff;
}
a:nth-child(2n+1) .actors{
	background-color:#f0f0f0;
}
a div.actors:hover{
	background-color:#dddddd;
}

.actor-style {
	border-left: 1px solid #bcbdbe;
	overflow-y: scroll;
	padding: 0 0 0 0.7em;
}

.actor-list-trailer {
	float: right;
	height: 21.6em;
	width: 18.0em;
	padding-right: 0.5em;
}

.actor-list-no-trailer {
	float: none;
	height: 21.6em;
	margin-left: 37.8em;
	width: 18.0em;
	padding-right: 0.5em;
}

.product-screenshots .actor-list-trailer {
	width: 16.8em;
	margin-left: 0.35em;
	float: left;
}

.product-ratings-bg, .product-mostWanted-bg, .filter-bg {
	background-color:rgb(235, 241, 251);
}


/* Overview */
.teaser {
	overflow: hidden;
	position: relative;
}

.teaser .desc,
.teaser .desc-small {
	background: #fff;
	bottom: 0;
	color: #343434;
	display: block;
	filter: alpha(opacity=75);
	font-size: 1.167em; /* 14px */
	font-weight: 500;
	left: 0;
	opacity: .75;
	padding: 0.571em; /* 8px */
	position: absolute;
	width: 33.143em; /* 464px */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
}

.teaser .desc-small {
	border-bottom: 1px solid #cecfd0;
	font-size: 0.833em; /* 10px */
	font-weight: normal;
	padding: 0.333em 0.6em; /* 4px 6px */
	width: 22.8em; /* 228px */
}

.teaser a:hover {
	text-decoration: none;
}

.teaser .desc p {
	margin-bottom: 0.286em; /* 4px */
}

.teaser .desc-small p {
	margin-bottom: 0.167em; /* 2px */
}

.teaser .desc img,
.teaser .desc-small img {
	vertical-align: text-top;
}

.teaser .desc .title {
	font-size: 1.286em; /* 18px */
	font-weight: 600;
	text-shadow: 1px 1px 1px #ccc;
	text-transform: uppercase;
}

.teaser .desc-small .title {
	font-size: 1.2em; /* 12px */
	font-weight: bold;
	text-shadow: 1px 1px 1px #ccc;
	text-transform: normal;
}

ul.tab-list {
	list-style-type: none;
	margin: 0 !important;
}

ul.tab-list li {
	border-top: 1px solid #bcbdbe;
}

ul.tab-list li.first {
	border-top: none;
}

ul.tab-list li.last {
	border-bottom: none;
}

ul.tab-list li img.cover {
	padding: 0 0.5em 0.333em 0; /* 0 6px 4px 0 */
}

ul.tab-list li img.icon {
	margin: 0 0.167em !important; /* 0 2px */
}

ul.tab-list li a {
	color: #464548;
	display: block;
	padding: 0.25em; /* 3px */
}

ul.tab-list li a:hover {
	background: #f6f6f6;
	text-decoration: none;
}


/* releases-list-group */

.releases-list-group .teaser{
	 margin: 0;
	 padding-bottom: 0.4em;
	 padding-left:2.65em;
}

ul.releases-list-group {
	list-style-type: none;
	margin: 0 !important;
}

ul.releases-list-group li {
	border-top: 1px solid #bcbdbe;
}

ul.releases-list-group li.first {
	border-top: none;
}

ul.releases-list-group li.last {
	/*border-bottom: 1px solid #bcbdbe;*/
	border-bottom: none;
}

ul.releases-list-group li img.cover {
	padding: 0 0.5em 0.6em 0; /* 0 6px 4px 0 */
}

ul.releases-list-group li img.icon {
	margin: 0 0.167em !important; /* 0 2px */
}

ul.releases-list-group li a {
	color: #464548;
	display: inline-block;
	padding: 0.25em 0; /* 3px */
}

ul.releases-list-group li a.icons-1 {
	width:33.54em;
}

ul.releases-list-group li a.icons-2 {
	width:31.03em;
}

ul.releases-list-group li a.icons-3 {
	width:28.52em;
}

ul.releases-list-group li a.icons-4 {
	width:26.01em;
}

ul.releases-list-group li a.icons-5 {
	width:23.50em;
}


ul.releases-list-group li a.iconLink {
	width:2.2em;
}

ul.releases-list-group li:hover {
	background: #f6f6f6;
	text-decoration: none;
}



/*.tab-list-group*/

ul.tab-list-group {
	list-style-type: none;
	margin: 0 !important;
}

ul.tab-list-group li {
	border-top: 1px solid #bcbdbe;
}

ul.tab-list-group li.first {
	border-top: none;
}

ul.tab-list-group li.last {
	border-bottom: none;
}

ul.tab-list-group li img.cover {
	padding: 0 0.5em 0.6em 0; /* 0 6px 4px 0 */
}

ul.tab-list-group li img.icon {
	margin: 0 0.167em !important; /* 0 2px */
}

ul.tab-list-group li a {
	color: #464548;
	display: inline-block;
	padding: 0.25em 0; /* 3px */
}

ul.tab-list-group li a.icons-1 {
	width:23.04em;
}

ul.tab-list-group li a.icons-2 {
	width:20.53em;
}

ul.tab-list-group li a.icons-3 {
	width:18.02em;
}

ul.tab-list-group li.first a {
	width:100%;
	display: inline;
}

ul.tab-list-group li a.iconLink {
	width:2.2em;
}

ul.tab-list-group li:hover {
	background: #f6f6f6;
	text-decoration: none;
}

ul.tab-list-group li a:hover {
	text-decoration: none;
}





ul.box-list {
	list-style-type: none;
	margin: 0 !important;
}

ul.box-list li {
	padding: 0.167em 0.333em 2em 0.333em; /* 2px 4px 24px 4px */
}

ul.box-list li.last {
	padding: 0.167em 0.333em; /* 2px 4px */
}

ul.box-list li img.cover {
	margin-right: 0.5em; /* 6px */
}

ul.box-list li img.icon {
	margin: 0 0.167em 0.083em 0 !important; /* 0 2px 1px 0 */
}

ul.box-list li div {
	color: #464548;
	display: block;
	padding: 0.5em; /* 6px */
}


/* --------------------------------------------------------------------- */
/* Ratings */
/* --------------------------------------------------------------------- */
.rating-total {
	color: #fff;
	display: block;
	font-size: 1.25em; /* 15px */
	font-weight: bold;
	height: 1.667em; /* 25px */
	line-height: 1.6em; /* 24px */
	text-align: center;
	width: 3.333em; /* 50px */
}

.rating-total a {
	color: #fff;
	text-shadow: 1px 1px 1px #425184;
}

.rating-total-detail {
	color: #fff;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	height: 3em;
	line-height: 3em;
	text-align: center;
	width: 3em;
	text-shadow: 1px 1px 1px #425184;
}

.rating-total-detail a {
	color: #fff;
}


.rating-80-detail {
	color: #464548;
	text-shadow: 1px 1px 1px #ffffff;
}


.rating-rank {
	margin: 0.5em 0 0 0; /* 6px 0 0 8px */
}



/* Small */
.rating-total-small {
	color: #fff;
	display: block;
	font-size: 0.917em; /* 11px */
	height: 1.545em; /* 17px */
	line-height: 1.455em; /* 16px */
	text-align: center;
	width: 3.091em; /* 34px */
}

.rating-80-small,
.rating-80-small a {
	color: #464548;
}

.rating-percentage {
	font-size: 1.667em; /* 20px */
	margin-top: 0.167em; /* 2px */
}

.rating-percentage a {
	color: #464548 !important;
}

.rating-percentage-small {
	font-size: 1.5em; /* 18px */
}



/* Medium */
.rating-total-medium {
	color: #fff;
	display: inline-block;
	font-size: 1.1em;
	height: 1.6em;
	line-height: 1.518em;
	text-align: center;
	width: 3.26em;
}

.rating-total-medium a {
	color: #fff;
	text-shadow: 1px 1px 1px #425184;
}

.rating-80-medium,
.rating-80-medium a {
	color: #464548;
}

#ratingDetailContentBox{
	width: 54em;
}

#ratings, #ratingListBox, #ratingDetailContentBox{
	line-height: 1.25em;
}

#ratingDetailContentBox h1, #ratingDetailContentBox h2, #ratingDetailContentBox h3 {
    text-transform: none;
}


/* Square */
.rating-total-square {
	color: #fff;
	display: block;
	font-size: 0.917em; /* 11px */
	height: 2.182em;
	line-height: 2.182em;
	text-align: center;
	width: 2.5em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.rating-total-square-detail {
	position: relative;
	float: left !important;
	margin: auto;
	margin-right: 0.5em;
	margin-bottom: 0.8em;
	height: 2.8em;
	line-height: 2.8em;
	width: 2.8em;
	font-size: 1.3em;
	font-weight: bold;
}

.rating-total-square-large {
	position: relative;
	margin: auto;
	height: 2.4em;
	line-height: 2.4em;
	width: 2.6em;
	font-size: 1.1em;
}

.rating-total-square-large.disabled {
	opacity: 0.30;
	pointer-events: none;
  	cursor: default;
}

.rating-total-square a {
	color: #fff;
}

.rating-value-100 {
	background: #32861f;
	background: -ms-radial-gradient(left top, ellipse farthest-side, #a1c390 0%, #32861f 100%);
	background: -moz-radial-gradient(left top, ellipse farthest-side, #a1c390 0%, #32861f 100%);
	background: -o-radial-gradient(left top, ellipse farthest-side, #a1c390 0%, #32861f 100%);
	background: -webkit-gradient(radial, left top, 0, left top, 515, color-stop(0, #a1c390), color-stop(100, #32861f));
	background: -webkit-radial-gradient(left top, ellipse farthest-side, #a1c390 0%, #32861f 100%);
	background: radial-gradient(ellipse farthest-side at left top, #a1c390 0%, #32861f 100%);
}
.rating-value-90 {
	background: #9bc643;
	background: -ms-radial-gradient(left top, ellipse farthest-side, #cee3af 0%, #9bc643 100%);
	background: -moz-radial-gradient(left top, ellipse farthest-side, #cee3af 0%, #9bc643 100%);
	background: -o-radial-gradient(left top, ellipse farthest-side, #cee3af 0%, #9bc643 100%);
	background: -webkit-gradient(radial, left top, 0, left top, 515, color-stop(0, #cee3af), color-stop(100, #9bc643));
	background: -webkit-radial-gradient(left top, ellipse farthest-side, #cee3af 0%, #9bc643 100%);
	background: radial-gradient(ellipse farthest-side at left top, #cee3af 0%, #9bc643 100%);

}
.rating-value-80,
.rating-value-80 a {
	background: #dee74c;
	background: -ms-radial-gradient(left top, ellipse farthest-side, #f5f7cd 0%, #dee74c 100%);
	background: -moz-radial-gradient(left top, ellipse farthest-side, #f5f7cd 0%, #dee74c 100%);
	background: -o-radial-gradient(left top, ellipse farthest-side, #f5f7cd 0%, #dee74c 100%);
	background: -webkit-gradient(radial, left top, 0, left top, 515, color-stop(0, #f5f7cd), color-stop(100, #dee74c));
	background: -webkit-radial-gradient(left top, ellipse farthest-side, #f5f7cd 0%, #dee74c 100%);
	background: radial-gradient(ellipse farthest-side at left top, #f5f7cd 0%, #dee74c 100%);
	color: #464548;
}
.rating-value-70 {
	background: #ebbc36;
	background: -ms-radial-gradient(left top, ellipse farthest-side, #f5efb3 0%, #ebbc36 100%);
	background: -moz-radial-gradient(left top, ellipse farthest-side, #f5efb3 0%, #ebbc36 100%);
	background: -o-radial-gradient(left top, ellipse farthest-side, #f5efb3 0%, #ebbc36 100%);
	background: -webkit-gradient(radial, left top, 0, left top, 515, color-stop(0, #f5efb3), color-stop(100, #ebbc36));
	background: -webkit-radial-gradient(left top, ellipse farthest-side, #f5efb3 0%, #ebbc36 100%);
	background: radial-gradient(ellipse farthest-side at left top, #f5efb3 0%, #ebbc36 100%);
}
.rating-value-60 {
	background: #f78443;
	background: -ms-radial-gradient(left top, ellipse farthest-side, #f8d7c2 0%, #f78443 100%);
	background: -moz-radial-gradient(left top, ellipse farthest-side, #f8d7c2 0%, #f78443 100%);
	background: -o-radial-gradient(left top, ellipse farthest-side, #f8d7c2 0%, #f78443 100%);
	background: -webkit-gradient(radial, left top, 0, left top, 515, color-stop(0, #f8d7c2), color-stop(100, #f78443));
	background: -webkit-radial-gradient(left top, ellipse farthest-side, #f8d7c2 0%, #f78443 100%);
	background: radial-gradient(ellipse farthest-side at left top, #f8d7c2 0%, #f78443 100%);
}
.rating-value-50 {
	background: #eda4a2;
	background: -ms-radial-gradient(left top, ellipse farthest-side, #eda4a2 0%, #cd2e32 100%);
	background: -moz-radial-gradient(left top, ellipse farthest-side, #eda4a2 0%, #cd2e32 100%);
	background: -o-radial-gradient(left top, ellipse farthest-side, #eda4a2 0%, #cd2e32 100%);
	background: -webkit-gradient(radial, left top, 0, left top, 515, color-stop(0, #eda4a2), color-stop(100, #cd2e32));
	background: -webkit-radial-gradient(left top, ellipse farthest-side, #eda4a2 0%, #cd2e32 100%);
	background: radial-gradient(ellipse farthest-side at left top, #eda4a2 0%, #cd2e32 100%);
}


/* Rating Scatter */
.ratingScatter-100{
	background-color: rgb(49, 142, 33);
}
.ratingScatter-90{
	background-color: rgb(160, 203, 51);
}
.ratingScatter-80{
	background-color: rgb(221, 231, 74);
}
.ratingScatter-70{
	background-color: rgb(236, 190, 55);
}
.ratingScatter-60{
	background-color: rgb(244, 129, 64);
}
.ratingScatter-50{
	background-color: rgb(193, 51, 55);
}
.ratingScatter-40{
	background-color: rgb(193, 51, 55);
}
.ratingScatter-30{
	background-color: rgb(193, 51, 55);
}
.ratingScatter-20{
	background-color: rgb(193, 51, 55);
}
.ratingScatter-10{
	background-color: rgb(193, 51, 55);
}


/* --------------------------------------------------------------------- */
/* Slider */
/* --------------------------------------------------------------------- */
#slider .ui-slider, #slider-filter .ui-slider {
	position: relative; text-align: left;
}
#slider .ui-slider .ui-slider-handle, #slider-filter .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	cursor: default;
	border:0 !important;
    width: 0.75em;
}
#slider .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: 0.7em;
	display: block;
	border: 0;
	background-position: 0 0;
}
#slider-off  .ui-slider .ui-slider-range {
	border-radius: 0;
}

#slider .ui-slider-horizontal { height: .8em;  }
#slider .ui-slider-horizontal .ui-slider-handle { top: -.25em; margin-left: -.1em; }
#slider .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
#slider .ui-slider-horizontal .ui-slider-range-min { left: 0; }
#slider .ui-slider-horizontal .ui-slider-range-max { right: 0; }

#slider,
#slider-off {
	border: 1px solid #bcbdbe;
	padding: 0 0.5em 1em 0.5em; /* 0 6px 12px 6px */
	/*box-shadow: 0px 1px 0px #c1c2c3;*/
	-moz-box-shadow: 0px 1px 0px #c1c2c3;
	-webkit-box-shadow: 0px 1px 0px #c1c2c3;
}

#slider .ui-widget-content,
#slider-short .ui-widget-content,
#slider-filter .ui-widget-content,
#slider-off .ui-widget-content {
	/*border: 1px solid #bcbdbe;*/
	height: 1.083em; /* 13px */
	/*box-shadow: 0px 1px 0px #c1c2c3;*/
	-moz-box-shadow: 0px 1px 0px #c1c2c3;
	-webkit-box-shadow: 0px 1px 0px #c1c2c3;
}

#slider div.criteria,
#slider-short div.criteria,
#slider-filter div.criteria,
#slider-off div.criteria {
	display: block !important;
	/*margin: 1em 0 1em 0 !important;*/ /* 12px 0 12px 0 */
	margin: 0.5em 0 !important; /* 12px 0 12px 0 */
}

#slider div.criteria div,
#slider-off div.criteria div {
	float: left;
	margin-right: 1em; /* 12px */
	width: 11.583em; /* 139px */
}

#slider div.criteria strong,
#slider-off div.criteria strong {
	display: block;
	float: left;
	width: 8.75em; /* 105px */
}

#slider div.criteria span,
#slider-short div.criteria span,
#slider-filter div.criteria span,
#slider-off div.criteria span {
	display: block;
	float: left;
	font-weight: bold;
	text-align: right !important;
	margin: 0;
}

#slider .round-2 {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

/* Disabled */
#slider-off div.criteria .ui-slider-handle { position: absolute; z-index: 2; cursor: default; border:0 !important; }

#slider-off .ui-state-disabled {
    opacity: 1;
}

/* Short */
#slider-short {
	padding: 0;
}

#slider-short div.criteria {
	margin: 0 !important;
}

#slider-short div.criteria div {
	float: left;
	margin-right: 1em; /* 12px */
	width: 9.917em; /* 119px */
}


/* Filter */
#slider-filter {
	padding: 0;
	width: 20.5em;
}

#slider-filter div.criteria {
	height: 1em !important;
	margin: 0 !important;
}

#slider-filter div.criteria div {
	display: inline-block;
	float: left;
	margin-right: 0.833em; /* 10px */
	margin-bottom: 5px;
	width: 20.5em;
}

#slider-filter div.criteria span {
	display: inline-block;
	float: left;
	font-weight: normal;
	text-align: left !important;
	width: 20.5em;
}


/* --------------------------------------------------------------------- */
/* Charts Legend */
/* --------------------------------------------------------------------- */
.legend img {
	border: 1px solid #d9d9d9;
	width: 0.833em; /* 10px */
	height: 0.833em; /* 10px */
}

.color1 {
	background-color: #e48701;
}

.color2 {
	background-color: #a5bc4e;
}

.color3 {
	background-color: #1b95d9;
}

.color4 {
	background-color: #caca9e;
}

.color5 {
	background-color: #5ccccc;
}

.color6 {
	background-color: #F0E68C;
}

.color7 {
	background-color: #f69;
}


/* --------------------------------------------------------------------- */
/* Team */
/* --------------------------------------------------------------------- */
td.teamgrid {
	padding: 10px;
}
.teamgrid th {
	text-transform: uppercase;
}
.teamgrid ul {
	margin-left: 1em;
}
ul.teaminfo {
	list-style: none;
	margin: 0;
}
.teamImgBackground {
	background-color:#D5D5D5;
	width: 10.4em;
	vertical-align: top;
}

img.teamavatar {
	border: 2px solid white;
	box-shadow: 2px 2px 0 #C1C2C3;
	-moz-box-shadow: 2px 2px 0 #C1C2C3;
	-webkit-box-shadow: 2px 2px 0 #C1C2C3;
	background-color: #BCBDBE;
	width: 10em;
}

.team div.carousel {
    height: 11em;
}
.team div.carousel div.scrollable div#items div {
    width: 11.5em;
}
.team div.carousel a.prevPage, .team div.carousel a.prev, .team div.carousel a.nextPage, .team div.carousel a.next {
    margin-top: 3.3em;
}

ul.teamlist {
    list-style: none outside none;
    margin-left: 1em;
}
ul.teamlist li {
    margin-bottom: 0.3em;
}


/* --------------------------------------------------------------------- */
/* Donation */
/* --------------------------------------------------------------------- */
.donation {
	background-color: #e6efc2;
}


/* --------------------------------------------------------------------- */
/* Goody */
/* --------------------------------------------------------------------- */
.goody {
	background-color: #666666;
	background-image: url('../../nas/img/template/bg_goody.png');
	background-repeat: repeat-x;
	background-size: contain;
   padding: 0.5em 0.5em 0;
	color: white;
}
.goody img {
	width: 12.7em;
}
.goody hr.specials{
	border:none;
}
.goodyTitle, .goodyText{
	text-shadow: 1px 1px 1px #444444;
}
dl.goodyCart{
	padding: 0.1em 1em;
}

/* --------------------------------------------------------------------- */
/* Developer Timeline */
/* --------------------------------------------------------------------- */
/*#timelinecontainer	{	width:83em; margin: 0 auto; 	}*/

.timelineitem {
	margin: 0.833em;
	width: 25.95em;
}
.timelineitem div
{
	padding:0.667em;
}
.timelineRightCorner {
	display: block;
	margin-top: 0.667em;
	padding: 0;
	vertical-align: top;
	z-index:2;
	position: absolute;
}
.timelineLeftCorner{
	display: block;
	margin-top: 0.667em;
	position: absolute;
	z-index:2;
}
 .timeline_container{
	width: 16px;
	text-align: center;
	margin: 0 auto;
	display: block;
}
.timeline{
	margin: 0 auto;
	background-color:#4A4A4A;
	display: block;
	float: left;
	height: 100%;
	left: 34.65em;
	margin-top: 0.833em;
	position: absolute;
	width: 0.2em;
}

/*year*/
.timelineyear{
	/*812*/
	width:3.45em;
	text-align:center;
	color: white;
	background-color:#364E84;
	font-size: 1.3em;
}
.timelineyear .timelineRightCorner, .timelineyear .timelineLeftCorner {
	background-image: none;
}

img.timelineteaser{
	width:27.5em;
}

/* ghost the box if product is not released */
.notReleased, a.notReleased:hover {
	/*color: #888 !important;*/
	background-color:#f4f9fc;
}


/* timeline: Logo and Avatar and Name from actor and developer */
.timelineTypeIcon {
	position: relative;
	height:6em;
	top: 3.2em;
}
.timelineTypeIconDeveloper {
	float: left;
    position: relative;
    top: -1em;
    width: 5.5em;
}
.timelineAvatar{
	position: relative;
	top: 0em;
	margin: 0em 0 1em 0em;
	width:12em;
	padding: 0em;
	border-radius: 7em;
	float: left;
	border: 0.4em solid #ffffff;
}
.timelineDeveloperLogo{
	padding: 0em;
	/*width:12em;*/
	border:none;
	box-shadow: none;

	max-height: 18em;
    max-width: 24em;
}
.timelineTitleLineSmall{
	color: white;
	padding: 0px;
	height: 0.3em;
	margin-bottom: 0.3em;
	margin-top: 2em;
	background-color: rgb(173, 173, 173);
}
.timelineTitleLine{
	margin-bottom: 0em;
	padding: 0.8em 1em 0.8em 0;
	background-color: rgb(173, 173, 173);
}
.timelineTitle{
	margin-bottom: 0;
	color:white;
	text-transform: none;
}
.timelineTitleArrow{
	text-align: right;
	margin-right: 3em;
}
.timelineTitleArrow img{
 	height: 1.3em;
 }

.timelineBoxLeft {
	width: 6.25em;
	box-sizing: border-box;
	float: left;
}
.timelineBoxRight {
	width: calc(100% - 6.25em);
	box-sizing: border-box;
	vertical-align: top;
	float: left;
}

/* --------------------------------------------------------------------- */
/* Autocomplete  */
/* --------------------------------------------------------------------- */
.ui-autocomplete {
	border: 1px solid #bcbdbe;
	border-bottom: 2px solid #bcbdbe;
	background: #ffffff;
	color: #464548;
	font-size: 0.75em;
	/*max-height: 30em;*/
	max-width: 24em;
	overflow: auto;
	box-shadow: #c1c2c3 4px 4px 4px 0px;
	-moz-box-shadow: #c1c2c3 4px 4px 4px 0px;
	-webkit-box-shadow: #c1c2c3 4px 4px 4px 0px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.ui-autocomplete a { color: #464548; }

.ui-autocomplete .ui-state-default { border: 1px solid #cccccc; background: white; font-weight: bold; color: #1c94c4; }
.ui-autocomplete .ui-state-default a, .ui-autocomplete .ui-state-default a:link, .ui-autocomplete .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }

.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-focus { border: 0; background: #0464b2; font-weight: bold; color: white; }

.ui-state-hover a, .ui-state-hover a:hover { color: #0464b2; text-decoration: none; }
.ui-autocomplete .ui-state-active { border: 1px solid #fad84f; background: #ffffff; font-weight: bold; color: #eb8f00; }
.ui-autocomplete .ui-state-active a, .ui-autocomplete  .ui-state-active a:link, .ui-autocomplete .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-autocomplete :active { outline: none; }

.ui-autocomplete { position: absolute; cursor: default; }

* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-autocomplete {
	list-style: none;
	padding: 0;
	margin: 0;
	display:block;
	float: left;
}
.ui-autocomplete {margin-top: -3px;}
.ui-autocomplete .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-autocomplete .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.4em;
	zoom:1;
}
.ui-autocomplete .ui-menu-item a.ui-state-hover,
.ui-autocomplete .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: 0px;
}

.ui-autocomplete li {
	border-bottom: 1px solid #cecfd0;
}

.ui-autocomplete li:last-child {
	border-bottom: 0;
}

.ui-state-focus,
.ui-state-hover {
	background-color: #eee !important;
	color: #464548 !important;
	height: 100%;
}

.suggested-item {
	font-size: 1em;
   width: 100%;
}

.suggested-item .cover {
	float: left;
	text-align: center;
	width: 3.167em;
}

.suggested-item .cover img {
	max-width: 3.167em;
}

.suggested-item .desc {
	margin-left: 3.667em;
}

.suggested-item .desc strong {
	line-height: 1.250em;
}

.suggested-item .desc small {
	color: #808080;
	font-size: 0.833em;
	line-height: 1.2em;
}

.suggested-item .highlight {
	background-color: #fff4cf;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-state-active.ui-button:hover  {
	border: 0 !important;
	color: #464548 !important;
	background-color: #e3e3e3;
}

/* --------------------------------------------------------------------- */
/* Cart  */
/* --------------------------------------------------------------------- */
.cartInfo {
    color: #A4333A;
    font-size: 0.8em;
    padding-left: 1.5em;
}
.cartItems {
    color: #333333;
	 padding-right: 1.3em;

    margin-top: 0.001em;
    position: relative;
    top: -0.5em;
	 font-size: 0.8em;
}
.icon-cart-selected .cartInfo, .icon-cart-selected .cartItems, li.icon-cart a:hover .cartItems, li.icon-cart a:hover .cartInfo{
	color: white;
}

/* --------------------------------------------------------------------- */
/* myWoG orderChange  */
/* --------------------------------------------------------------------- */
table.orderChange td {
	background-color: #FFF2B1;
	border-bottom: 1px solid #CECFD0;
}
table.orderChange td.alternate {
	background-color: #EEEEEE;
}
table.orderChange td.trans {
	background-color:transparent;
}

/* --------------------------------------------------------------------- */
/* Filter  */
/* --------------------------------------------------------------------- */
.filterActive {
	background-color: rgb(236, 210, 202);
}


/* --------------------------------------------------------------------- */
/* Tiles */
/* --------------------------------------------------------------------- */
/*.tiles {
	position: relative;
	float: left;
	width: 25%;
}*/

/*special case for wishlist where products have to be displayed disabled except for the fav-icon*/
/*.tiles-disabled > div > *:not(.tiles-info):not(.message-arrow),
.tiles-disabled > div > .tiles-info > *:not(.fav-icon-box){
	filter: alpha(opacity=40);
	opacity: 0.40;
}

.tiles-product,
.tiles-bundle-product,
.tiles-disabled .tiles-product:hover {
	border: 1px solid #cecfd0;
	line-height: 1.333em;
	margin: 0 0.417em 1.333em 0.417em;
	padding: 0.583em;
	position: relative;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee));
	background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);
	background: -o-linear-gradient(top, #fff 0%,#eee 100%);
	background: -ms-linear-gradient(top, #fff 0%,#eee 100%);
	background: linear-gradient(to bottom, #fff 0%,#eee 100%);
}

:not(.tiles-disabled) > .tiles-product:hover {
	border: 1px solid #3c5190 !important;
	background: #eee;
	background: -moz-linear-gradient(top, #eee 0%, #d9d9d9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#d9d9d9));
	background: -webkit-linear-gradient(top, #eee 0%,#d9d9d9 100%);
	background: -o-linear-gradient(top, #eee 0%,#d9d9d9 100%);
	background: -ms-linear-gradient(top, #eee 0%,#d9d9d9 100%);
	background: linear-gradient(to bottom, #eee 0%,#d9d9d9 100%);*/	/*linear-gradient(to bottom, #fff 0%,#fff 100%);*/
/*}*/

/*.tiles-bundle-product {
	height: 17.5em;
}

.tiles-product-highlight {
	border: 1px solid #cecfd0;
	line-height: 1.333em;
	margin: 0 0.417em 1.333em 0.417em;
	padding: 0.583em;
	position: relative;
	background: #FFEEAA;
}

.tiles-cover {
	float: left;
	height: 10.833em;
	text-align: center;
	width: 75%;
}

.tiles-movie-cover {
	float: left;
	height: 10.833em;
	text-align: center;
	width: 70%;
}

.tiles-figure-cover {
	height: 10.833em;
	text-align: center;
}

.tiles-info {
	float:right;
	height: 10.833em;
	width: 23%;
}

.tiles-movie-info {
	float:right;
	height: 10.833em;
	width: 29%;
	text-align: right;
}

.tiles-info-rating {
	position: absolute;
	top: 8.500em;
	left: 75%;
}

.tiles-info-modeltype {
	position: absolute;
	top: 4em;
	left: 75%;
	font-size: 0.833em;
	font-weight: bold;
}

.tiles-movie-info-rating {
	position: absolute;
	bottom: 6.9em;
	right: 0.5em;
}

.tiles-series-info {
	margin: 0.6em 1.8em 0.3em 0;
}

.tiles-title {
	height: 2.667em;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
}
.season-number {
	height: 1.5em !important;
}
.season, .season a {
	color: #464548 !important;
}

.tiles-title a {
	color: #464548 !important;
}

.tiles-discount {
	text-align: center;
}

.tiles-price,
.tiles-bundle-price {
	text-align: center;
}

.tiles-price a,
.tiles-bundle-price a {
	color: #a4333a !important;
	font-weight: bold;
}

.tiles-pagination {
	height: 1.667em;
	margin: 0 0.417em 1.333em 0.417em;
	padding: 0.583em;
}*/


/* --------------------------------------------------------------------- */
/* New Tiles */
/* --------------------------------------------------------------------- */
.article-grid {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 1.8333em);
	margin-left: -0.6667em;
	align-items: stretch;
}
.article-grid.slick__carousel {
	width: calc(100% + 1.1333em);
}

.tiles, .tiles-carousel, .tiles-disabled {
	width: calc(33% - 1.3333em);
	position: relative;
	float: left;
	margin: 0.6667em;
	text-align: left;
}

.tiles.four-tiles {
	width: calc(25% - 1.5em);
}

/*special case for myWoG where products have to be displayed disabled except for the fav-icon and the action-icons*/
.tiles-disabled > div > *:not(.tiles-bottom-area):not(.margin-b-12),
.tiles-disabled > div > .margin-b-12 > *:not(.age-hint):not(.key-info),
.tiles-disabled > div > .tiles-bottom-area > *:not(.fav-icon-box):not(.fi-message-tile):not(.rating-display):not(.order-display):not(.disabled-show):not(.keyCode):not(.keyCode-showMore):not(.keyCode-showLess):not(.redeem-icon-container),
.tiles-disabled .rating-display > *:not(.action-icon-box) {
	filter: alpha(opacity=40);
	opacity: 0.40;
}

.tiles .tiles-product,
.tiles-carousel .tiles-product,
.tiles .tiles-bundle-product,
.tiles .tiles-bundle-product-added {
	margin: 0;
	font-size: 1.0833em;
	padding: 1.25em;
	padding-bottom: 1.25em;
	background-color: #FFF;
	border: 1px solid #cecfd0;
}

.tiles-product-highlight {
	border: 1px solid #cecfd0;
	line-height: 1.333em;
	margin: 0 0.417em 1.333em 0.417em;
	padding: 0.583em;
	position: relative;
	background: #FFEEAA;
}

:not(.tiles-disabled) > .tiles-product:not(.tiles-attention):hover,
.tiles-bundle-product:hover,
.tiles-bundle-product-added:hover {
	outline: 2px solid #3c5190;
	outline-offset: -2px;
}
:not(.tiles-disabled) > .tiles-product:hover > .tiles-discount {
	/*background: #e69900;*/ /*#3c5190*/
}
/*:not(.tiles-disabled) > .tiles-product:hover .tiles-price a {
	color: #3c5190 !important;
}
:not(.tiles-disabled) > .tiles-product:hover .bold {
	color: #3c5190 !important;
}*/

.tiles > .tiles-product.tiles-attention {
	color: white !important;
	background: #a4333a !important;
}
.tiles > .tiles-product.tiles-selected {
	color: white !important;
	background: #36417c !important;
}
.tiles > .tiles-product.tiles-attention a,
.tiles > .tiles-product.tiles-attention p,
.tiles > .tiles-product.tiles-attention .bundle-delete-text,
.tiles > .tiles-product.tiles-selected a {
	color: white;
}
.tiles > .tiles-product.tiles-attention .tiles-price a {
	color: white !important;
}

.tiles-active {
	outline: 2px solid #3c5190;
	outline-offset: -2px;
}
.list-active {
	outline: 2px solid #3c5190;
	outline-offset: -1px;
	position: relative;
	z-index: 1;
}
.order-change-option.list-active {
	position: static;
}

.tiles-cover {
	position: relative;
	float: left;
	min-height: 10em;
	text-align: left;
}

.tiles-movie-cover {
	float: left;
	text-align: left;
	width: 70%;
}

.tiles-figure-cover {
	text-align: left;
}

.tiles-areaCode {
	position: absolute;
	right: -0.5em;
	bottom: -0.75em;
	pointer-events: none;
}

.tiles-info {
	float: right;
	width: 23%;
}

.tiles-movie-info {
	float: right;
	width: 29%;
	text-align: right;
}

.tiles-info-rating {
	position: absolute;
	right: 1.25em;
	top: 9em;
}

.tiles-info-modeltype {
	position: absolute;
	top: 4.2em;
	right: 1.25em;
	width: 3em;
	text-align: center;
	font-size: 0.9167em;
	font-weight: bold;
}

.tiles-movie-info-rating {
	position: absolute;
	bottom: 6.9em;
	right: 0.5em;
}

.tiles-series-info {
	margin: 0 0.5em;
	clear: both;
	float: right;
}

.tiles-title {
	max-height: 2.3333em;
	overflow: hidden;
	text-align: left;
	line-height: 1.1667em;
	font-size: 1.1667em;
	font-weight: bold;
}

.tiles a,
.tiles-carousel a {
	color: #3c5190;	/*#464548*/	/*#0464b2*/
}

.tiles-discount,
.tiles-discount-ranking,
.tiles-discount-ranking-trend {
	position: absolute;
	top: 4.3em;
	right: 0;
	width: 5.6667em;
	height: 3.8333em;
	background: #a4333a;
	text-align: center;
	color: white;
}

.tiles-discount-ranking {
	top: 4.5em;
}

.tiles-discount-ranking-trend {
	top: 7.5em;
}

.tiles-discount-overview {
	left: 0;
}

.tiles-discount-text-big {
	position: relative;
	top: 0.3333em;
	font-size: 1.5em;
	font-weight: bold;
}
.tiles-discount-text-small {
	position: relative;
	top: 0.9em;
	font-size: 0.9167em;
}
.tiles-discount-text-overview {
	position: relative;
	top: 0.8em;
	line-height: 1.3em;
	font-size: 0.9167em;
	font-weight: bold;
}

.tiles-bottom-area-pos {
    position: absolute;
    bottom: 1.25em;
    width: calc(100% - 2.5em);
}

.tiles-price,
.tiles-bundle-price {
	text-align: left;
	font-size: 1.3333em;
}

.tiles-price a,
.tiles-price span,
.tiles-bundle-price a,
.tiles-bundle-price span {
	color: #a4333a !important;
	font-weight: bold;
}

.tiles-bundle-regular-price {
	position: relative;
	left: 2.5em;
	float: left;
}

.tiles-rate-text a {
	font-size: 1em;
	color: #a4333a !important;
	font-weight: bold;
}

.tiles-pagination {
	height: 1.667em;
	margin: 0 0.417em 1.333em 0.417em;
	padding: 0.583em;
}

.tiles > .tiles-product > *:not(.hint) > a,
.tiles > .tiles-product > div > *:not(.hint) > a,
.tiles > .tiles-bundle-product > div > *:not(.hint) > a,
.tiles > .tiles-bundle-product-added > div > *:not(.hint) > a,
.tiles-carousel > .tiles-product *:not(.hint) > a {
	text-decoration: none;
}

.tiles-product:hover > .tiles-title a,
.tiles-bundle-product:hover > div > .tiles-title a,
.tiles-bundle-product-added:hover > div > .tiles-title a,
.tiles-product:hover .tiles-rate-text a {
	color: #e69900 !important;
}



/*discount corner*/
/*#tiles-discount-corner {
    width: 6em;
    height: 6em;

    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
}

#tiles-discount-corner::before,
#tiles-discount-corner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-color: transparent;
    border-style: solid;
}

#tiles-discount-corner::before {
    border-width: 3em;
    border-left-color: #3c5190;
    border-top-color: #3c5190;
}*/


/* --------------------------------------------------------------------- */
/* Search Results */
/* --------------------------------------------------------------------- */
.search-tile {
	width: calc(33% - 1.3333em);
	position: relative;
	float: left;
	margin: 0.6667em;
	text-align: left;
}

.search__no-results {
	background-color: #fbe3e4;
	border: 1px solid #fbc2c4;
	color: #8a1f11;
	font-size: 1.250em;
	margin-bottom: 2em;
	padding: 0.667em; /* 8px */
}

.search__carousel {
	width: calc(100% + 1.083em);
}

.search__caption {
	float: right;
	margin-right: 0.250em;
	font-size: 0.800em;
	font-weight: normal;
	border: 1px solid #cecfd0;
	border-radius: 7px;
	padding: 0 0.667em;
	cursor: pointer;
}

.search__caption:hover {
	border: 1px solid #737373;
	color: #e69900;
}

.search__caption--carousel {
	margin-right: 5.250em;
}

.result {
	color: #464548;
	margin: 0;
	font-size: 1em;
	padding: 1em 1em 0.917em 1em;
	background-color: #fff;
	border: 1px solid #cecfd0;
	text-decoration: none;
}

.result:hover {
	outline: 2px solid #3c5190;
	outline-offset: -2px;
}

.result__title {
	display: inline-block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: left;
	line-height: 1.1667em;
	font-size: 1.1667em;
	font-weight: bold;
	margin-bottom: 0.179em;
	height: 2.400em;
	overflow: hidden;
	text-overflow: ellipsis;
}

.result:hover .result__title a {
	color: #e69900 !important;
	text-decoration: none;
}

.result__image {
	float: left;
	margin: -1em 0.500em 0 -1em;
	height: 3em;
	width: 3em;
}

.result__link {
	line-height: 1em;
	font-size: 1em;
	display: block;
	height: 1.083em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.result:hover .result__link a,
.result:hover a.result__link {
	color: #e69900 !important;
	text-decoration: none;
}

.result__banner {
	margin: 0;
	background-color: #fff;
	border: 1px solid #cecfd0;
}

.result__banner:hover {
	outline: 2px solid #3c5190;
	outline-offset: -2px;
}

.result__banner--img {
	width: 100%;
}

.gamenews {
	color: #464548;
	margin: 0;
	font-size: 1.0833em;
	padding: 1.25em;
	background-color: #fff;
	border: 1px solid #cecfd0;
	text-decoration: none;
}

.gamenews:hover {
	outline: 2px solid #3c5190;
	outline-offset: -2px;
}

.gamenews__title {
	display: inline-block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: left;
	line-height: 1.1667em;
	font-size: 1.1667em;
	font-weight: bold;
	margin-bottom: 0.533em;
	height: 2.400em; /* 3.400em */
	overflow: hidden;
	text-overflow: ellipsis;
}

.gamenews:hover .gamenews__title a {
	color: #e69900 !important;
	text-decoration: none;
}

.gamenews__teaser {
	display: inline-block;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-size: 0.917em;
	line-height: 1.083em;
	margin-bottom: 0.727em;
	height: 3.091em;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gamenews__datetime {
	color: #999;
	font-size: 0.833em;
	line-height: 1.2em;
	margin-bottom: 0.667em;
}


/* --------------------------------------------------------------------- */
/* List View */
/* --------------------------------------------------------------------- */
.tbody .td .product-list-info {
	border-right: none !important;
	padding-left: 0px !important;
}

.tbody .td .product-list-platform-icon {
	width: 3%;
	border-right: none !important;
	padding: 0.6667em !important;
}

.product-list-platform-icon img {
	width: 2.0833em;
	height: 2.0833em;
}

.tbody .td .product-list-discount {
	position: relative;
	float: right;
	width: 6.1667em;
	height: 4.3333em;
	background: #a4333a;
	text-align: center;
	color: white;
}

.product-list-discount-text-big {
	position: relative;
	top: 0.5em;
	font-size: 1.6667em;
	font-weight: bold;
}

.product-list-discount-text-small {
	position: relative;
	top: 1.2em;
	font-size: 1em;
}

.product-list-discount-text-overview {
	position: relative;
	top: 0.8em;
	font-size: 1em;
	font-weight: bold;
}

.tbody .td .product-list-age {
	text-align: center;
}

img.product-list-age {
	width: 3em;
	height: 3.6667em;
}

img.product-list-age-movies {
	width: 3.1667em;
	height: 3.1667em;
}

.tbody .td .product-list-price-status,
.tbody .td .product-list-actions {
	white-space: nowrap;
	text-align: right !important;
}

.product-list-title {
	max-height: 2.4em;
	text-align: left;
	line-height: 1.1667em;
	font-size: 1.1667em;
	font-weight: bold;

}
.product-list-title a {
	color: #3c5190 !important;
	text-decoration: none !important;
}

.product-list-title a:hover {
	color: #e69900 !important;
}

.product-list-price {
	font-size: 1.25em;
}

.product-list-price a {
	font-weight: bold;
	color: #a4333a !important;
}

.product-list-price a:hover {
	text-decoration: none;
}

a.price-outdated {
	color: #464548 !important;
}

.disabledListElement .product-list-price {
	color: #464548 !important;
	font-weight: normal;
}

.product-list-areaCode {
	position: absolute;
	right: -0.4167em;
	bottom: -0.8333em;
	pointer-events: none;
}



/* ---------------------------------------------------------------------
/* Cart with payment options */
/* --------------------------------------------------------------------- */

#cart_breadcrumbs {
   display: flex;
}


#cart_breadcrumbs div a {
    text-decoration: none;
    font-weight: bold;
    color: #9A9A9A;
}

#cart_breadcrumbs div span {
    text-decoration: none;
    font-weight: bold;
    color: #9A9A9A;
}


#cart_breadcrumbs div {
    font-size: 1.333em;
    display: inline-block;
    padding: 0 1.000em 0 1.000em;
    height: 2.667em;
    width: 20.750em;
    font-weight: normal;
    line-height: 2.667em;
    text-align: left;
    vertical-align: middle;
    border: 0.083em solid transparent;
    background-color: #ffffff;
    border-color: #9A9A9A;
    position: relative;
}

#cart_breadcrumbs div:not(:first-child) {
    padding-left: 2.000em;
}

#cart_breadcrumbs div:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 1.333em solid transparent;
    border-bottom: 1.333em solid transparent;
    border-left: 1.333em solid #ffffff;
    position: absolute;
    top: 50%;
    margin-top: -1.333em;
    left: 100%;
    z-index: 3;
}

#cart_breadcrumbs div:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 1.333em solid transparent;
    border-bottom: 1.333em solid transparent;
    border-left: 1.333em solid #9A9A9A;
    position: absolute;
    top: 50%;
    margin-top: -1.333em;
    margin-left: 0.06em;
    left: 100%;
    z-index: 3;
}

#cart_breadcrumbs div:first-child {
   border-radius: 0.500em 0 0 0.500em;
}

#cart_breadcrumbs div:last-child {
   border-radius: 0 0.500em 0.500em 0;
}

#cart_breadcrumbs div img {
    vertical-align: middle;
    height: 1.667em;
    margin-right: 1.000em;
}


/* current position */
#cart_breadcrumbs .current {
    background-color: #347c44; /*#8cd272;*/
}

#cart_breadcrumbs .current span {
    color: #ffffff;
}

#cart_breadcrumbs .current:not(:last-child):after {
    border-left: 1.333em solid #347c44; /*#8cd272;*/
}

#cart_breadcrumbs .current:hover {
    background: #347c44; /*#8cd272;*/
}

#cart_breadcrumbs .current:hover:not(:last-child):after {
    content: "";
    width: 0;
    height: 0;
    border-top: 1.333em solid transparent;
    border-bottom: 1.333em solid transparent;
    border-left: 1.333em solid #347c44; /*#8cd272;*/
    position: absolute;
    margin-top: -1.333em;
    top: 50%;
    left: 100%;
    z-index: 3;
}

/* active position */
#cart_breadcrumbs .active {
    background-color: #8cd272; /*#347c44;*/
}

#cart_breadcrumbs .active a {
    color: #ffffff;
}

#cart_breadcrumbs .active span {
    color: #ffffff;
}

#cart_breadcrumbs .active:not(:last-child):after {
    border-left: 1.333em solid #8cd272; /*#347c44;*/
}

#cart_breadcrumbs .active:hover {
    background: #347c44;
    cursor: pointer;
}

#cart_breadcrumbs .active:hover:not(:last-child):after {
    content: "";
    width: 0;
    height: 0;
    border-top: 1.333em solid transparent;
    border-bottom: 1.333em solid transparent;
    border-left: 1.333em solid #347c44;
    position: absolute;
    margin-top: -1.333em;
    top: 50%;
    left: 100%;
    z-index: 3;
}

/* ready position */
#cart_breadcrumbs .ready:hover {
    background: #347c44; /*#8cd272;*/
    cursor: pointer;
}

#cart_breadcrumbs .ready:hover span {
    color: #ffffff;
}

#cart_breadcrumbs .ready:hover:not(:last-child):after {
    content: "";
    width: 0;
    height: 0;
    border-top: 1.333em solid transparent;
    border-bottom: 1.333em solid transparent;
    border-left: 1.333em solid #347c44; /*#8cd272;*/
    position: absolute;
    margin-top: -1.333em;
    top: 50%;
    left: 100%;
    z-index: 3;
}

/* div. cart elements */
div[name=infoBox] ul,
div[name=infoBox] div p {
    margin-bottom: 0.333em;
}



div[name=infoBox] ul li {
    margin-top: 0.333em;
    list-style-type: square;
}

div#main ul.info li,
div[name=infoBox] div p,
div.notice {
    line-height: 150% !important;
}

div.notice {
    margin: 0.667em 0em 0.333em 0em !important;
}

li[class=bill],
li[class=cards],
li[class=shippment],
li[id=online],
li[id=shop]
 {
    margin-bottom: 0.333em;
    margin-left: 0.333em;
    list-style-type: none;
}

.cart-total-bg {
    background-color: #e7fbd1;
}


.cart-row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
}


.cart-col-border-left,
.cart-col-border-right,
.cart-col {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1.333em;
    position: relative;
}

.cart-col-border-left {
    border-left: 1px solid #bcbdbe;
}

.cart-col-border-right {
    border-right: 1px solid #bcbdbe;
}

.cart-col-border-left div.align-bottom,
.cart-col-border-right div.align-bottom,
.cart-col div.align-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 1.333em;
}

.cart-col.cart-notice {
    background-color: #fff6bf;
    border-radius: 7px;
}

.cart-col-border-left.cart-notice {
    background-color: #fff6bf;
    border-radius: 0 7px 7px 0;
}

.cart-col-border-right.cart-notice {
    background-color: #fff6bf;
    border-radius: 7px 0 0 7px;
}


a.cart-btn {
    background: none repeat-x scroll left top rgb(247, 190, 46) !important;
    background-color: rgb(245, 245, 245);
    border: 1px solid #bebebe;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 1.2em;
    font-weight: bold;
    text-shadow: 0.05em 0.05em 0.05em #333;
    line-height: 1.833em; /* 22px */
    margin: 0 0 0 0.833em;
    padding: 0.167em 0.667em 0.083em 0.667em; /* 2px 8px 1px 8px */
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 1.833em; /* 22px */
    padding: 0.25em 0.667em; /* 3px 8px */
}


a.cart-btn-gray {
    background-color: rgb(245, 245, 245);
    border: 1px solid #bebebe;
    color: #555555; /*#464548;*/
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.833em; /* 22px */
    margin: 0 0.833em 0 0; /* 10px */
    padding: 0.167em 0.667em 0.083em 0.667em; /* 2px 8px 1px 8px */
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 1.833em; /* 22px */
    padding: 0.25em 0.667em; /* 3px 8px */
}


/* --------------------------------------------------------------------- */
/* Tooltip */
/* --------------------------------------------------------------------- */
.ui-tooltip {
    background: #ddd;
	color:black;
	border: 1px solid #aaa;
    padding: 0;
    opacity: 1;
	font-weight: normal;
	font-size: 0.8em;
	line-height: 1.2em;
}
.ui-tooltip-content {
    position: relative;
    padding: 1em;
}
.ui-tooltip-content::after {
    content: '';
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
}
.right .ui-tooltip-content::after {
    top: 18px;
    left: -10px;
    border-color: transparent #aaa;
    border-width: 10px 10px 10px 0;
}
.left .ui-tooltip-content::after {
    top: 18px;
    right: -10px;
    border-color: transparent #aaa;
    border-width: 10px 0 10px 10px;
}
.top .ui-tooltip-content::after {
    bottom: -10px;
    left: 20px;
    border-color: #aaa transparent;
    border-width: 10px 10px 0;
}
.bottom .ui-tooltip-content::after {
    top: -10px;
    left: 20px;
    border-color: #aaa transparent;
    border-width: 0 10px 10px;
}


/* --------------------------------------------------------------------- */
/* Charts */
/* --------------------------------------------------------------------- */
div.charts-rank {
	width: 2.6667em; /*32px;*/
	height: 2.6667em; /*32px;*/
	line-height: 2.6667em; /*32px;*/
	background-color: #36417c;	/*#2e3769;*/
	/*background: linear-gradient(to top, #2e3769, #4653a0);*/
	border-radius: 5px;
	margin-bottom: 5px;
}

.charts-rank .charts-number {
	text-align: center;
	font-size: 1.5em; /*18px;*/
	font-style: normal !important;
	color: white;
}

.charts-rank .font-size-13 {
	font-size: 1.0833em;
}
.charts-rank .font-size-16 {
	font-size: 1.3333em;
}

div.previous-charts-rank {
	width: 2.5em; /*30px;*/
	height: 2.5em; /*30px;*/
	line-height: 2.5em; /*30px;*/
	background-color: #ffffff;
	border-style: solid;
	border-width: 0.0833em; /*1px;*/
	border-radius: 5px;
	border-color: #2e3769;
	text-align: center;
}

.previous-charts-number {
	position: relative;
	top: -0.25em; /*-3px;*/
	font-size: 0.8333em; /*10px;*/
	color: black;
	font-style: normal;
}

.triangle-up {
	position: relative;
	top: 0.25em; /*3px;*/
	left: 0.4167em; /*5px;*/
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0.8333em 0.8333em 0.8333em; /*0 10px 10px 10px;*/
	border-color: transparent transparent #008c00 transparent;
}

.triangle-down {
	position: relative;
	top: 0.25em; /*3px;*/
	left: 0.4167em; /*5px;*/
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.8333em 0.8333em 0 0.8333em; /*10px 10px 0 10px;*/
	border-color: #dc0004 transparent transparent transparent;
}

.equal-bar {
	position: relative;
	left: 0.5em; /*6px;*/
	width: 1.5em; /*18px;*/
	height: 0.3333em; /*4px;*/
	margin-top: 0.3333em; /*4px;*/
	margin-bottom: -0.16667em; /*-2px;*/
	background-color: #2e3769;
}


/* --------------------------------------------------------------------- */
/* Tile Charts */
/* --------------------------------------------------------------------- */
div.tile-charts-rank {
	float: right;
	width: 2.6667em; /*32px;*/
	height: 2.6667em; /*32px;*/
	line-height: 2.6667em; /*32px;*/
	background-color: #2e3769;
	border-radius: 5px;
	margin-bottom: 5px;
}

.tile-charts-rank .tile-charts-number {
	text-align: center;
	font-size: 1.5em; /*18px;*/
	color: white;
}

.tile-charts-rank .font-size-10 {
	font-size: 0.8333em;
}
.tile-charts-rank .font-size-12 {
	font-size: 1em;
}

div.tile-previous-charts-rank {
	float: right;
	width: 2.5em; /*30px;*/
	height: 2.5em; /*30px;*/
	line-height: 2.5em; /*30px;*/
	background-color: #ffffff;
	border-style: solid;
	border-width: 0.0833em; /*1px;*/
	border-radius: 5px;
	border-color: #2e3769;
	text-align: center;
}

.tile-previous-charts-number {
	position: relative;
	top: -0.25em; /*-3px;*/
	font-size: 0.8333em; /*10px;*/
	color: black;
}

.charts-rank-new {
	font-weight: bold;
	color: #dc0004;
}

.tile-triangle-up {
	position: relative;
	top: 0.25em; /*3px;*/
	left: 0.4167em; /*5px;*/
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0.8333em 0.8333em 0.8333em; /*0 10px 10px 10px;*/
	border-color: transparent transparent #008c00 transparent;
}

.tile-triangle-down {
	position: relative;
	top: 0.25em; /*3px;*/
	left: 0.4167em; /*5px;*/
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.8333em 0.8333em 0 0.8333em; /*10px 10px 0 10px;*/
	border-color: #dc0004 transparent transparent transparent;
}

.tile-equal-bar {
	position: relative;
	left: 0.5em; /*6px;*/
	width: 1.5em; /*18px;*/
	height: 0.3333em; /*4px;*/
	margin-top: 0.3333em; /*4px;*/
	margin-bottom: -0.16667em; /*-2px;*/
	background-color: #2e3769;
}


/* --------------------------------------------------------------------- */
/* list icons */
/* --------------------------------------------------------------------- */
.fav-icon-box {
	position: relative;
	margin-top: 1.5em;
	float: right;
	width: 2.0833em;
	height: 2.0833em;
	cursor: pointer;
}

.fav-icon-box-tiles {
	margin-top: -0.2em;
	right: -0.4em;
}

.fav-icon-box-most-wanted {
	margin-top: 0.1333em;
	margin-left: 0.5em;
}

.fav-icon-box-tiles-most-wanted {
	margin-top: 0.1333em;
	right: -0.4em;
}

.fav-icon-box-detail {
	margin-top: 0.4em;
}

.fav-icon-box-cart {
	margin-top: 0;
}


img.fav-icon {
	width: 1.6666em;
	height: 1.6666em;
}

img.fav-icon-detail {
	width: 1.8em;
	height: 1.8em;
}

img.action-icon {
	width: 1.25em;
	height: 1.25em;
	margin-left: 0.25em;
}

.cart-icon-box {
	margin-top: 1.5em;
	margin-right: 0.25em;
	float: right;
}
.cart-icon-box-tiles {
	position: relative;
	top: -0.2em;
	margin-left: 0.5em;
}

.cart-icon-box img,
.cart-icon-box-tiles img {
	width: 2.063em;
	height: 1.688em;
}

.input-quantity {
	width: 2em !important;
	height: 2em !important;
	font-size: 1.3333em !important;
	border-bottom: 1px solid #d9d9d9 !important;
}

.quantity-to-cart input[type=text]:focus {	/*let it in pxs to stay precise because it's border stuff*/
	outline: none;
	border: 2px solid #3e4a8e !important;
	margin-right: -2px;
	margin-bottom: -2px;
	position: relative;
	bottom: 1px;
	right: 1px;
	color: #3e4a8e !important;
}

.hidden-icon {
	visibility: hidden;
}

.list-series-info {
	margin: 0.5em 0 0.5em 0;
}


/* --------------------------------------------------------------------- */
/* highlight carousel */
/* --------------------------------------------------------------------- */
.carousel-container{
	 position: relative;
	 width: 100%;
	 height: 16.6667em;
	 margin-bottom: 2em;
}

.carousel-leftDummy {
	height: 10em;
	width: 17.1em;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-245%,-50%);
	transform: translate(-245%,-50%);
	box-shadow: 0 0 0.5833em #000;
	z-index: 97;
	cursor: pointer;
	border-radius: 0.8333em;
	filter: grayscale(60%);
}

.carousel-farLeftPos {
	height: 10em;
	width: 17.1em;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-245%,-50%);
	transform: translate(-245%,-50%);
	box-shadow: 0 0 0.5833em #000;
	z-index: 98;
	cursor: pointer;
	border-radius: 0.8333em;
	filter: grayscale(60%);
}

.carousel-farLeftPos_hover:hover {
	height: 11em !important;
	width: 18.8333em !important;
	transform: translate(-225%,-50%) !important;
	filter: grayscale(0%);
}

.carousel-leftPos {
	height: 13.3333em;
	width: 22.85em;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-140%,-50%);
	transform: translate(-140%,-50%);
	box-shadow: 0 0 0.5833em #000;
	z-index: 99;
	cursor: pointer;
	border-radius: 0.8333em;
	filter: grayscale(60%);
}
.carousel-leftPos_hover:hover {
	height: 14em !important;
	width: 24em !important;
	transform: translate(-135%,-50%) !important;
	filter: grayscale(0%);
}

.carousel-centerPos {
	height: 16.62em;
	width: 28.5em;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	box-shadow: 0 0 0.5833em #000;
	z-index: 100;
	border-radius: 0.8333em;
}
.carousel-centerPos_hover:hover {
	height: 17.5em !important;
	width: 30em !important;
}
.carousel-centerBar{
	position: relative;
	width: 100%;
	height: 3.75em;
	bottom: 3.75em;
	background-color: rgba(0,0,0,0.6);
	border-bottom-left-radius: 0.6em;
	border-bottom-right-radius: 0.6em;
	pointer-events: none;
}
.carousel-centerBar .carousel-bar-text{
	position: relative;
	float: right;
	right: 1.25em;
	width: 10em;
	height: 3em;
	line-height: 3em;
	text-align: right;
	color: white;
	font-weight: bold;
	font-size: 1.3333em;
}
.carousel-centerBar .carousel-bar-label{
	position: relative;
	float: left;
	left: 1.25em;
	top: 0.4em;
	width: 7em;
	height: 2em;
	line-height: 2em;
	background-color: #cc0000;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 1.3333em;
	border-radius: 0.4167em;
}

.carousel-rightPos {
	height: 13.3333em;
	width: 22.85em;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(40%,-50%);
	transform: translate(40%,-50%);
	box-shadow: 0 0 0.5833em #000;
	z-index: 99;
	cursor: pointer;
	border-radius: 0.8333em;
	filter: grayscale(60%);
}
.carousel-rightPos_hover:hover {
	height: 14em !important;
	width: 24em !important;
	transform: translate(35%,-50%) !important;
	filter: grayscale(0%) !important;
}

.carousel-farRightPos {
	height: 10em;
	width: 17.1em;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(145%,-50%);
	transform: translate(145%,-50%);
	box-shadow: 0 0 0.5833em #000;
	z-index: 98;
	cursor: pointer;
	border-radius: 0.8333em;
	filter: grayscale(60%);
}
.carousel-farRightPos_hover:hover {
	height: 11em !important;
	width: 18.8333em !important;
	transform: translate(125%,-50%) !important;
	filter: grayscale(0%);
}

.carousel-rightDummy {
	height: 10em;
	width: 17.1em;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(145%,-50%);
	transform: translate(145%,-50%);
	box-shadow: 0 0 0.5833em #000;
	z-index: 97;
	cursor: pointer;
	border-radius: 0.8333em;
	filter: grayscale(60%);
}

.carousel-image {
	max-width:100%; max-height:100%; border-radius: 0.5833em;
}


.carousel-moveTo-pos1 {
	height: 10em;
	width: 17.1em;
	z-index: 98;
    -webkit-transform: translate(-245%,-50%);
	transform: translate(-245%,-50%);
}

.carousel-moveTo-pos2 {
	height: 13.3333em;
	width: 22.85em;
	z-index: 99;
	-webkit-transform: translate(-140%,-50%);
	transform: translate(-140%,-50%);
}

.carousel-moveTo-pos3 {
	height: 16.62em;
	width: 28.5em;
	z-index: 101;	/*why?*/
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.carousel-moveTo-pos4 {
	height: 13.3333em;
	width: 22.85em;
	z-index: 99;
	-webkit-transform: translate(40%,-50%);
	transform: translate(40%,-50%);
}

.carousel-moveTo-pos5 {
	height: 10em;
	width: 17.1em;
	z-index: 98;
	-webkit-transform: translate(145%,-50%);
	transform: translate(145%,-50%);
}

.carousel-fadeIn {
	z-index: 97;
  	-webkit-opacity: 100;
  	opacity: 100;
    -webkit-transition: all 800ms;
  	transition: all 800ms;
}

.carousel-fadeOut {
	z-index: 97;
  	-webkit-opacity: 0;
  	opacity: 0;
    -webkit-transition: all 800ms;
  	transition: all 800ms;
}

.carousel-instaFadeOut {
	z-index: 97;
  	-webkit-opacity: 0;
  	opacity: 0;
}

.carousel-transition {
	transition: 0.3s;
}

.carousel-noTransition {
	transition: none;
}

.areaCode-flag-detail {
	position: absolute;
	right: -0.5em;
	bottom: 0.2em;
	width: 5em;
	height: 5em;
}

.areaCode-icon {
    width: 2.5em;
    height: 2.5em;
}


/* --------------------------------------------------------------------- */
/* fav-icon messages */
/* --------------------------------------------------------------------- */
.fi-message-list {
	display: none;
	position: absolute;
	bottom: 3.8em;
	right: 0;
	width: 97.5%;
	white-space: normal;
	line-height: 1.5em;
	text-align: center;
	color: white;
	font-size: 0.9167em;
	font-weight: bold;
	padding: 0.6em;
}
.fi-message-list-most-wanted {
	bottom: 5.25em;
}

.fi-message-tile {
	display: none;
	position: absolute;
	bottom: 2.6667em;
	left: -1.333em;
	width: calc(100% + 1.333em);
	line-height: 1.5em;
	text-align: left;
	color: white;
	font-size: 0.9167em;
	font-weight: bold;
	padding: 0.6em;
}
.fi-message-tile-most-wanted {
	bottom: 4.75em;
}
.fi-message-tile-release {
	bottom: 4em;
}

.fi-message-detail {
	display: none;
	position: absolute;
	right: -0.75em;
    width: 23.5em;
	color: white;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	padding: 0.4em;
	box-sizing: border-box;	/*to ignore padding for width*/
}

.fi-message-detail-active {
    bottom: 0.7em;
}
.fi-message-detail-inactive {
	bottom: 3.1667em;
}

.fi-message-tile-stock-circle {
	bottom: 4.4em;
	line-height: 1.6em;
	text-align: center;
}
.fi-message-list-stock-circle {
	bottom: 4.6em;
	line-height: 1.6em;
	font-size: 1em;
	text-align: center;
	width: 17.25em;
	right: -0.5em;
}
.fi-message-detail-stock-circle {
	bottom: 4.4em;
	line-height: 1.6em;
	font-size: 1em;
	text-align: center;
	right: -0.6666em;
}

.fi-message-cart {
	display: none;
	position: absolute;
	top: -4.75em;
	right: -1em;
    width: 23.5em;
	color: white;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	padding: 0.4em;
	box-sizing: border-box;	/*to ignore padding for width*/
}

.message-arrow {
	position: absolute;
	bottom: -0.75em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.8em 0.8em 0 0.8em;
}

.tile-message-arrow {
	right: 1.333em;
}

.list-message-arrow {
	right: 0.6em;
}

.detail-message-arrow {
	right: 1.1667em;
}

.stock-circle-tile-message-arrow {
	right: 2.25em;
}
.stock-circle-list-message-arrow {
	right: 1.5em;
}
.stock-circle-detail-message-arrow {
	right: 1.7em;
}

.success-message-arrow {
	border-color: #009900 transparent transparent transparent;
}

.notice-message-arrow {
	border-color: #ffbe00 transparent transparent transparent;
}

.error-message-arrow {
	color: #8a1f11;
	border-color: #cc0000 transparent transparent transparent;
}

.disabled-message-arrow {
	border-color: #adadad transparent transparent transparent;
}

.preorder-message-arrow {
	border-color: #666 transparent transparent transparent;
}

.fi-message-accordion {
	display: none;
	position: absolute;
	bottom: 3.3333em;
	right: 0;
	width: 98%;
	white-space: normal;
	line-height: 1.5em;
	text-align: center;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding: 0.6em;
}

.fi-success-message {
	background-color: #009900;
}

.fi-notice-message {
	background-color: #ffbe00;
}

.fi-error-message {
	background-color: #cc0000;
}

.fi-disabled-message {
	background-color: #adadad;
}

.fi-preorder-message {
	background-color: #666;
}

.fi-text {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}


/* --------------------------------------------------------------------- */
/* info messages */
/* --------------------------------------------------------------------- */
.info-message {
	display: none;
	position: absolute;
	top: 2.5em;
	left: -0.7em;
	right: -0.7em;
	color: white;
	line-height: 1.5em;
	padding: 0.75em 1em 0.75em 1em;
	box-sizing: border-box;	/*to ignore padding for width*/
	background-color: #36417c;
	border: 0.0833em solid #36417c;
}
.current-order-bar .info-message,
.payment-info .info-message,
.code-info .info-message,
.code-display .info-message {
	z-index: 10;
	width: 23em;
	left: -10.5em;
	top: 2.75em;
	background-color: white;
	border: 0.0833em solid #a4333a;
	line-height: 1.5em;
	text-align: left;
	color: inherit;
	white-space: normal;	/*for list view*/
}
.code-info .info-message,
.code-display .info-message {
	z-index: 1000;
}
.current-order-bar .info-message * {
	line-height: 1.5em !important;
}
.current-order-bar .info-message *:last-child {
	margin-bottom: 0 !important;
}
.payment-info .info-message,
.code-info .info-message,
.code-display .info-message {
	border: 0.0833em solid #36417c;
	color: #464548;
	font-size: 1em;
}
.tiles-product .payment-info .info-message,
.tiles-product .code-info .info-message {
	font-size: 1.0833em;
}
.tiles-product .code-display .info-message {
	font-size: 1.1667em;
}
.table .hint .code-display .info-message {
	font-size: 1.25em;
}
.code-info .info-message,
.code-display .info-message {
	top: 2.5em;
}
.code-display .info-message {
	left: 7.25em;
	top: -1.75em;
	width: 19em;
}
.hint .code-display .info-message {
	left: 5em;
}

.info-message-arrow {
	right: 0.5em;
	top: -0.8333em;
	border-width: 0 0.8em 0.8em 0.8em;
	border-color: transparent transparent #36417c transparent;
}
.current-order-bar .info-message-arrow,
.payment-info .info-message-arrow,
.code-info .info-message-arrow {
	left: 10.25em;
	top: -1em;
	border-width: 0 1em 1em 1em;
	border-color: transparent transparent #a4333a transparent;
}
.payment-info .info-message-arrow,
.code-info .info-message-arrow {
	border-color: transparent transparent #36417c transparent;
}
.code-display .info-message-arrow {
	left: -0.9167em;
	top: 1.3333em;
	border-width: 0.9167em 0.9167em 0.9167em 0;
	border-color: transparent #36417c transparent transparent;
}

.order-change-arrow {
	position: absolute;
	bottom: -1em;
	left: 45%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 1em 1em 1em;
	border-color: transparent transparent #36417c transparent;
}

.copy-message {
	display: none;
	position: absolute;
	top: -3.75em;
	left: -1.5em;
	width: 116.5%;
	color: white;
	padding: 0.5em;
	box-sizing: border-box;	/*to ignore padding for width*/
	background-color: #2c7d00;
	border: 0.0833em solid #2c7d00;
	font-size: 0.75em;
	font-weight: bold;
	z-index: 1000;
}
.copy-message-arrow {
	left: 50%;
	bottom: -0.75em;
	border-width: 0.8em 0.8em 0 0.8em;
	border-color: #2c7d00 transparent transparent transparent;
}


/* --------------------------
	e3 Promotion
-------------------------- */
.e3PromoBox {
	width: 26.26em;
	height: 16em;
}



/* --------------------------------
	new product detail classes
-------------------------------- */

/*buttons*/
a.btnNew, div.buttons button.btnNew {
	background-color: #3e4a8e;
	border: 0.0833em solid #36417c;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	margin-right: 0.833em;
	padding: 0.3em 0.667em 0.2em 0.667em;
	text-decoration: none;
	border-radius: 0.4166em;
}

a.btnNew:hover, div.buttons button.btnNew:hover {
	background-color: #4653a0;
	border: 0.0833em solid #4653a0;
	color: white;
}


/*cart area*/
.cart-area-top {
	background-color: #fff6bf /*light grey version: f2f2f2*/;
	border: 0.0833em solid #ffd324 /*light grey version: adadad*/;
}
.cart-area-top .no-margin {margin: 0 !important;}

.cart-area-top .put-into-cart {
	float: left !important;
	margin-left: 0.3em !important;
	height: 1.833em;
	border: none;
}


/*info area*/
.product-detail-info-area {
	margin-bottom: 2.5em;
}

.product-detail-info-line {
	margin-bottom: 0.5em;
	line-height: 1.5em;
}

.product-detail-info-text {
	display: inline-block;
	font-size: 1em;
	color: #001433;
}

.product-detail-area-title {
	margin-bottom: 1em;
	width: 100%;
	text-transform: uppercase;
}

.product-tag {
	display: inline-block;
	margin-bottom: 0.4166em;
	height: 0.4166em;
	line-height: 0.3333em;
	border: 0.0833em solid #36417c;
	border-radius: 0.4166em;
	box-shadow: none;
	color: #36417c;

}

.product-tag:hover {
	border: 0.1666em solid #36417c;
	margin: -0.0833em;
	margin-bottom: 0.3333em;
}

.product-tag-link {
	text-decoration: none !important;
}


/* status circles */
.circle {
	display: inline-block;
	border-radius: 50%;
	width: 1em;
	height: 1em;
}

.circle-product-lists {
	vertical-align: top;
	width: 0.8333em;
	height: 0.8333em;
	margin-left: 0.2em;
}

/*circle colors have to be equivalent to 'stock-' class colors*/
.circle-green {
	background: #009900;
	border: 1px solid #009900;
}
.circle-green-foreign {
	background: #009900;
    background-image: linear-gradient(180deg, transparent 50%, #009900 50%), linear-gradient(90deg, white 50%, transparent 50%);
    border: 1px solid #009900;
}
.circle-yellow {
	background: #ffbe00;
	border: 1px solid #ffbe00;
}
.circle-red {
	background: #cc0000;
	border: 1px solid #cc0000;
}
.circle-grey {
	background: #adadad;
	border: 1px solid #adadad;
}

.delivery-text-detail {
	font-size: 1.0833em;
}


/* stock percentage circles */
.stock-circle-list-container {
	position: relative;
	height: 44px;
	margin-top: 1.25em;
}
.stock-circle-detail-container {
	position: relative;
	float: right;
	margin-top: -5px;
	margin-right: 5px;
	margin-bottom: 0.25em;
	width: 44px;
	height: 44px;
}

.stock-circle {
	float: right;
    position: absolute;
	bottom: -3px;
	right: 0;
	z-index: 2;
	cursor: pointer;
}
.stock-circle circle {
	stroke-width: 6;
	fill: transparent;
	transition: stroke-dashoffset 1s;
  	transform: rotate(-90deg);
  	transform-origin: 50% 50%;
}

.stock-circle-empty {
	float: right;
    position: absolute;
	bottom: -3px;
	right: 0;
	z-index: 1;
}
.stock-circle-empty circle {
	stroke: #e4e4e4;
	stroke-width: 6;
	fill: transparent;
}

.stock-circle-numbers {
	font-size: 12px;
	font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
	padding-bottom: 1px;
}


.version-type {
	position: relative;
	top: 0.8em;
	width: 3em;
	height: 3em;
	background: #ebf1fb;
	border: 0.0833em solid #8ba2c8;
	border-radius: 0.5833em;
}

.version-type-small {
	top: -0.1em;
	width: 1.4em;
	height: 1.4em;
	background:#ebf1fb;
	border: 0.0833em solid #8ba2c8;
	border-radius: 0.4166em;
}

.tab-bar-version-type {
	background-color: #ebf1fb;
	border-radius: 0.5833em;
}
.tab-bar-version-type.active {
	background-color: #ebf1fb;
	background-clip: content-box;
}

#versions-div {
	float: left;
}


img.online-service {
	position: relative;
	top: -0.1em;
	width: 1.4em;
	height: 1.4em;
	background:#ebf1fb;
	border: 0.0833em solid #8ba2c8;
	border-radius: 0.4166em;
}
img.online-service.online-service-list{
	width: 2em;
	height: 2em;
}

img.product-region {
	position: relative;
	top: -0.1em;
	width: 1.3333em;
	height: 1.3333em;
}


.warning-message {
	min-height: 2em;
	background-color: #ffb3b3;
	border: 0.0833em solid #b30000;
	border-radius: 0.5em;
}

.siblings-border {
	border-left: solid 0.0833em #bcbdbe;
}
.siblings-price {
	font-size: 0.9em;
}

.versions-info {
	margin-right: 0.6em !important;
}
.versions-info img {
	margin-right: 0.6em;
	width: 1.6667em;
	height: 1.2667em;
}


#cart-div {
	float: right;
}

#descriptionPanel p {
	line-height: 1.9em !important;
}
#descriptionPanel div {
	line-height: 1.9em;
}

#detailsBox .box div li {
	margin-bottom: 0.5em;
}
#detailsBox div li {
	line-height: 1.5em !important;
}

#descriptionPanel .closedClass {
	height: 50.0em;
	display: block;
	overflow: hidden;
}

.closedClass {
	height: 6.5em;
	display: block;
	overflow: hidden;
}
.closedClassMovie {
	height: 12.0em;
	display: block;
	overflow: hidden;
}

.info-text-feature-box {
	background-color: #f2f2f2;
}


/* --------------------------------------------------------------------- */
/* New Product Detail Accordion */
/* --------------------------------------------------------------------- */
.box #accordion {
	margin-top: 0;
}

.ui-accordion {
	margin-bottom: 0.4166em;
}

.ui-accordion .ui-accordion-header {
	margin: 0.1666em 0 0 0;
	padding: 0.6em 0.8em;
	background-color: #fff;
	font-weight: bold;
	font-size: 1em;
	border: 0.0833em solid #36417c;
	border-radius: 0.5833em;
}

.ui-accordion .ui-accordion-li-fix {
	display: inline;
}

.ui-accordion .ui-accordion-header:hover {
	background-color: #36417c !important;
}
.ui-accordion-header-active a:hover {
	color: #fff !important;
}

.ui-accordion .ui-accordion-header-active {
	border-top: 0.0833em solid #36417c !important;
	border-left: 0.0833em solid #36417c !important;
	border-right: 0.0833em solid #36417c !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	background-color: #36417c !important;
}

.ui-accordion .ui-accordion-header a {
	display: block;
	border: 0;
	font-size: 1em;
}

.ui-accordion .ui-accordion-header .ui-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -0.6666em;
}

.ui-accordion .ui-accordion-content {
	padding: 0.4em 0.8em;
	overflow: auto;
	display: none;
}

.ui-accordion .ui-accordion-content-active {
	display: block;
	border-left: 0.0833em solid #36417c !important;
	border-right: 0.0833em solid #36417c !important;
	border-bottom: 0.0833em solid #36417c !important;
	border-bottom-left-radius:  0.5833em !important;
	border-bottom-right-radius:  0.5833em !important;
}

.ui-accordion .ui-accordion-content h4 {
	margin: 0.25em 0;
	line-height: 1.2em;
}

.ui-accordion .ui-accordion-content h5 {
	margin: 0.25em 0;
	line-height: 1em;
}

.ui-accordion .ui-accordion-content p:last-child {
	margin-bottom: 0;
}

.accordion-arrow {
	position: relative;
	left: -0.5em;
	float: right;
	border-style: solid;
	border-width: 0.6em 0 0.6em 0.6em;
	border-color: transparent transparent transparent #36417c;
	pointer-events: none;
}

.accordion-arrow-active {
	position: relative;
	top: 0.3em;
	left: -0.3em;
	float: right;
	border-style: solid;
	border-width: 0.6em 0.6em 0 0.6em;
	border-color: white transparent transparent transparent;
	pointer-events: none;
}

.accordion-row:hover {
	background-color: #eee;
}

.accordion-row .product-title,
.accordion-row .price {
	font-size: 1.083em;
}


/* --------------------------------------------------------------------- */
/* New Product List Filter Accordion */
/* --------------------------------------------------------------------- */
.filter-accordion {
	width: 100%;
	padding: 0.8em;
	background-color: white;
	color: #464548;
	font-size: 1.0833em;
	line-height: 1.5em;
	text-align: left;
	cursor: pointer;
	border-top: 0.0833em solid #cdcdcd !important;
	border-right: none;
	border-bottom: 0.0833em solid #cdcdcd !important;
	border-left: none;
	margin-bottom: -0.0833em;	/*for collapsing non-table borders*/
	height: 100%;	/*fix for safari collapsing*/
}

.filter-accordion-reset,
.all-button {
	right: 0.5em;
	width: 8em;
	height: 1.5em;
}
.filter-accordion-reset {
	position: absolute;
	top: 1.0833em;
	display: none;
}
.all-button {
	width: 45%;
}

.filter-accordion-reset .reset-image,
.all-button .all-button-image {
	background-image: url('../../nas/img/icons/resetFilter_blue.svg');
	background-size: 1em 1em;
	width: 1em;
	height: 1em;
}
.all-button-image.close-image {
	background-image: url('../../nas/img/icons/arrowUp_blue.svg');
}
.filter-accordion-reset .reset-image {
	position: absolute;
	top: 0.25em;
	right: 0;
	float: right;
}

.filter-accordion-reset .reset-text,
.all-button .all-button-text {
	right: 1.5em;
	font-size: 0.9167em;
	color: #36417c;
}
.filter-accordion-reset .reset-text {
	position: absolute;
	top: 0.25em;
}

.filter-accordion-reset-active {
	display: block;
}

.filter-accordion-active ~ .filter-accordion-reset-active .reset-image,
.filter-accordion-parent:hover .filter-accordion-reset-active .reset-image {
	display: block;
}

.filter-accordion-active {
	border-bottom: none !important;
	padding-bottom: 0;
}

.filter-accordion-active,
.filter-accordion-parent:hover .filter-accordion {
	color: #36417c;
	font-weight: bolder;
}

.filter-accordion-parent:hover .filter-accordion:after {
	color: #36417c;
}

.filter-accordion-parent .filter-accordion-reset:hover .reset-image,
.all-button:hover .all-button-image {
	background-image: url('../../nas/img/icons/resetFilter_lightBlue.svg');
}
.all-button:hover .all-button-image.close-image {
	background-image: url('../../nas/img/icons/arrowUp_lightBlue.svg');
}

.filter-accordion-parent .filter-accordion-reset:hover .reset-text,
.all-button:hover .all-button-text {
	color: #55c1f6;
}

.filter-accordion-panel .filterActive {
	background-color: #e6f7ff;
	padding: 0 2px 0 2px;
	margin: 0 -2px 0 -2px;
}

.filter-accordion-panel {
	max-height: 0;
	overflow: hidden;
}

.filter-accordion:after {
	content: '+';
	float: left;
	margin-left: 0.25em;
	margin-right: 0.75em;
	color: #464548;
	font-size: 1.25em;
	line-height: 1.25em;
	font-weight: normal;
}

.filter-accordion-active:after {
	content: "–";
	margin-left: 0.25em;
	margin-right: 0.9166em;
	color: #36417c;
}

.filter-accordion-parent:last-of-type {
	border-bottom: 0.0833em solid #cdcdcd !important;
}

.filter-accordion-panel .searchFilter,
.most-wanted-display .most-wanted-input,
.activation-input {
	position: relative;
	width: 95%;
	padding: 0.3333em;
	border: solid 0.0833em #8c8c8c !important;
	border-radius: 0.4em;
	color: #464548;
	text-align: center;
}
.most-wanted-display,
.rating-display > *:not(.helpful-info) {
	font-size: 1.25em;
	font-weight: bold;
}
.most-wanted-display .most-wanted-input {
	width: 2em;
	padding: 0.1666em;
	font-weight: bold;
}
.activation-input {
	width: 50%;
}

.filter-accordion-panel .searchFilter:focus,
.most-wanted-display .most-wanted-input:focus,
.activation-input:focus {
	outline: none !important;
	border-color: transparent !important; /* remove the border's colour */
    box-shadow: 0 0 0 0.1666em #36417c; /* emulate the border --> prevents shifting*/
}

#titleFilter + .filter-accordion-panel div div {
	margin-top: 0.6666em;
	text-align: center;
	font-size: 0.9166em;
	font-style: italic;
	color: #8c8c8c;
}

.filter-closed {
	height: 16.3333em;
	display: block;
	overflow: hidden;
}

.filter-accordion-panel .showMoreLessButton a,
a.more, a.less {
	color: #36417c;
	text-decoration: none;
}
.filter-accordion-panel .showMoreLessButton a:hover,
a.more:hover, a.less:hover {
	color: #55c1f6;
}

.filter-sublevel-hidden {
	display: none !important;
}

.filter-loading-overlay, .product-loading-overlay, .grid-list-loading-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(255,255,255,0.5);
}
.overlay-bottom {
	background-color: rgba(217, 218, 220, 0.5);
}

.filter-loading-overlay-hidden, .product-loading-overlay-hidden, .grid-list-loading-overlay-hidden {
	display: none;
}

/*loading circle (credit goes to 'loading.io', CC0 licensed)*/
.filter-loading-circle {
	display: inline-block;
	position: relative;
	left: 8.75em;
	top: 45%;
	width: 5.3333em;
	height: 5.3333em;
}
.product-loading-overlay .tile-loading-circle,
.product-loading-overlay .list-loading-circle {
	left: 6em;
	top: 35%;
}
.product-loading-overlay .list-loading-circle {
	left: 50%;
}
.grid-list-loading-overlay .filter-loading-circle {
	left: 47%;
	top: 12em;
}
.overlay-bottom .filter-loading-circle {
	left: 0;
	top: -1em;
}
.filter-loading-circle div {
	position: absolute;
	border: 0.3333em solid #36417c;
	opacity: 1;
	border-radius: 50%;
	animation: filter-loading-circle 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.filter-loading-circle div:nth-child(2) {
	animation-delay: -0.5s;
}
@keyframes filter-loading-circle {
  0% {
    top: 2.3333em;
    left: 2.3333em;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -0.0833em;
    left: -0.0833em;
    width: 4.8333em;
    height: 4.8333em;
    opacity: 0;
  }
}

#filter {
	overflow: visible;
}

.load-products-area {
	right: 0;
	min-height: 2.5em;
}

.load-products-area-left {
	width: 33%;
	color: #36417c;
}

.load-products-area-center {
	margin: 0 auto;
}
.load-products-area-center button {
	width: 14.1667em;
}

.load-products-area-right {
	width: 33%;
}
.load-products-area-right button {
	width: 10em;
}

.slider-button-closed {
	background-image: url('../../nas/img/icons/arrowDown_blue.svg');
}
.slider-button-open {
	background-image: url('../../nas/img/icons/arrowUp_blue.svg');
}

#sliderToggleButton {
	margin-top: -0.3333em;
}

.page-slider-container {
	position: absolute;
	width: 100%;
	margin-top: 2.75em;
}

.page-slider {
	position: absolute;
  	-webkit-appearance: none;
	appearance: none;
  	display: none;
  	width: 92%;
  	-webkit-transform: translate(-50%, 50%);
  	-moz-transform: translate(-50%, 15%);
  	-ms-transform: translate(4%, 0);
  	border: none !important;
  	background: none !important;
  	cursor: pointer;
  	margin: 0;
  	padding: 0;	/*for IE, not working if used on -ms-track*/
}

.page-slider::-webkit-slider-runnable-track {
	background-color: white;
  	height: 0.75em !important;
  	border-radius: 0.5833em;
}
.page-slider::-moz-range-track {
	background-color: white;
  	height: 0.75em !important;
  	border-radius: 0.5833em;
}
.page-slider::-ms-track {
	background-color: transparent;
	border-color: transparent;
    border-width: 0.5em 0;
    color: white;	/*same color as fill background-colors, removes odd black vertical lines*/
}
.page-slider::-ms-fill-lower {
	background-color: white;
  	border-radius: 0.5833em;
}
.page-slider::-ms-fill-upper {
	background-color: white;
  	border-radius: 0.5833em;
}
.page-slider::-ms-tooltip {
	display: none;
}

.page-slider::-webkit-slider-thumb {
  	-webkit-appearance: none;
  	margin-top: -0.3333em !important;
	width: 1.5em;
  	height: 1.5em;
  	border: none !important;
  	border-radius: 50%;
  	background: #36417c;
  	cursor: pointer;
}
.page-slider::-moz-range-thumb {
  	width: 1.5em;
  	height: 1.5em;
  	border: none !important;
  	border-radius: 50%;
  	background: #36417c;
  	cursor: pointer;
}
.page-slider::-ms-thumb {
  	width: 1.5em;
  	height: 1.5em;
  	border: none !important;
  	border-radius: 50%;
  	background: #36417c;
  	cursor: pointer;
}

.page-slider::-webkit-slider-thumb:hover,
.page-slider::-webkit-slider-thumb:active,
.page-slider:hover.page-slider::-webkit-slider-thumb,
.slider-arrow:hover ~ .page-slider::-webkit-slider-thumb {
  	cursor: pointer;
  	background: white;
  	width: 1.5833em;
  	height: 1.5833em;
  	border: 0.1667em solid #36417c !important;
}
.page-slider::-moz-range-thumb:hover,
.page-slider::-moz-range-thumb:active,
.page-slider:hover.page-slider::-moz-range-thumb,
.slider-arrow:hover ~ .page-slider::-moz-range-thumb {
  	cursor: pointer;
  	background: white;
  	outline: 0.1667em solid #36417c;
  	outline-offset: -0.0833em;
  	-moz-outline-radius: 100%;
}
.page-slider::-ms-thumb:hover,
.page-slider::-ms-thumb:active,
.page-slider:hover.page-slider::-ms-thumb,
.slider-arrow:hover ~ .page-slider::-ms-thumb {
  	cursor: pointer;
  	background: white;
  	width: 1.25em;
  	height: 1.25em;
  	border: 0.1667em solid #36417c !important;
}

.slider-value-tooltip {
	position: absolute;
	transform: translate(0, -2.25em);
	-webkit-transform: translate(0, -2em);
	-moz-transform: translate(0, -2em);
	-ms-transform: translate(0, -2em);
	width: 3em;
	height: 2em;
	background-color: #36417c;
	text-align: center;
	vertical-align: middle;
	border-radius: 0.5833em;
	display: none;
}
.slider-value-tooltip:after {
	position: absolute;
	content: '';
	left: 0.5em;
	border-radius: 1.3333em;
	top: 1.5em;
	border-left: 1em solid transparent;
	border-right: 1em solid transparent;
	border-top: 1.1667em solid #36417c;
}

.slider-value {
	position: relative;
	top: 0.5em;
	color: white;
	font-weight: bold;
}

.slider-arrow {
	-webkit-appearance: none;
  	display: none;
	top: 0.1667em;
}
.slider-arrow-left {
	left: 0;
}
.slider-arrow-right {
	right: 0;
}


/* ---------------------------------
	new event promotion
--------------------------------- */
.promotion-100 {
	width: 83.5em;
	padding: 0;
	margin: 0;
}

.menu-tab-bar {
	width: 100%;

	font-size: 1rem;
	line-height: 2rem;

	border-bottom: 1px solid black;
}

.menu-tab-bar-item {
	display: inline-block;
	padding: 0 0.5rem;
	line-height: 2rem;

	-webkit-transform: translateY(3px);

	font-weight: bold;
	text-transform: uppercase;
	pointer: default;
}

.menu-tab-bar-item.link {
	cursor: pointer;
}

.menu-tab-bar-item:first-child {
	padding-left: 0;
}

.menu-tab-bar-item.active {
	border-bottom: 5px solid #464548;
}

.group-title-bar span.title {
	font-weight: bold;
	text-transform: uppercase;
}


.justify-container {
	width: 100%;
	margin: 1rem auto 0 auto;

	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
}

.justify-container:after {
	content: '';
	width: 100%;
	display: inline-block;
	font-size: 0;
	line-height: 0;
}

.justified-box-4 {
	width: 23.5%;

	vertical-align: top;
	display: inline-block;
	*display: inline;
	zoom: 1;

	text-align: center;
	vertical-align: middle;
}

.justified-box-5 {
	width: 18.5%;

	vertical-align: top;
	display: inline-block;
	*display: inline;
	zoom: 1;

	text-align: center;
	vertical-align: middle;
}

.justified-box {
	box-sizing: border-box;
	width: 100% !important;
}


.justified-box > .price.discount {
	background: rgba(255, 0, 69, 1);
}

.justified-box-4 > .teaser .desc {
    background: rgba(34, 34, 34, 0.8);
    bottom: 0;
    color: rgba(255, 255, 255, 1);
    display: block;
    font-size: 1.167em;
    font-weight: 500;
    left: 0;
    padding: 0.571em;
    position: absolute;
    width: 33.143em;
    z-index: 10;
    opacity: 1;
}

.justified-box-4 > .teaser .desc .price {
    border: 1px solid #67605f;
    color: rgba(255, 255, 255, 1);
    padding: 0.286em 0.417em;
}

.justified-box > .round-3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


.justified-box .old-price {
	line-height: 100%;
	font-size: 80%;
	font-weight: normal;
	text-decoration: line-through;
}

.newsletter li {
	line-height: 1.25em !important; /* 15px */
}

/* ---------------------------------
	book / movie series highlights
--------------------------------- */
.highlightSeriesList {
	max-height: 300px;
	overflow: scroll;
}

.highlightSeriesBanner {
	display: none;
}

.highlightSeriesCoverList {
	display: flex;
	justify-content: flex-start;
}

.highlightSeriesCover {
	flex-grow: 0;
	width: calc(100% / 6);
}

.highlightSeriesCoverImage {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.highlightSeriesCoverTriangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 17.5px 20px 17.5px;
	border-color: transparent transparent #30396b transparent;
	-webkit-transform:rotate(360deg);
	display:block;
	margin-left:auto;
	margin-right:auto;
}


/* --------------------------------------------------------------------- */
/* Toggle Switch */
/* --------------------------------------------------------------------- */
.toggle-switch {
	position: relative;
	display: table-cell;
	width: 2.8333em;
	height: 1.6667em;
}

.toggle-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: -0.25em;
	right: 0;
	bottom: 0;
	background-color: white;
	-webkit-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
	border: 1px solid #36417c;
	border-radius: 0.8333em;
}

.toggle-slider:before {
	position: absolute;
	content: "";
	height: 1em;
	width: 1em;
	left: 0.25em;
	bottom: 0.25em;
	background-color: #36417c;
	-webkit-transition: .3s;
	transition: .3s;
	border-radius: 50%;
}

.toggle-switch input {
	position: relative;
	left: 0.75em;
}

input:checked + .toggle-slider {
	background-color: #36417c;
}

input:checked + .toggle-slider:before {
	-webkit-transform: translateX(1.4166em);
	-ms-transform: translateX(1.4166em);
	transform: translateX(1.4166em);
	background-color: white;
}

.toggle-switch-text {
	display: table-cell;
	vertical-align: middle;
	padding-left: 0.5em;
}

.toggle-switch-info-icon {
	position: relative;
	top: 0.1666em;
	right: -0.25em;
}

/* --------------------------------------------------------------------- */
/* My Orders */
/* --------------------------------------------------------------------- */
.order-list-info {
	display: table-cell;
	padding-left: 2.5em !important;
}
.attention .order-list-info {
	padding-left: 4.5em !important;
}

.order-display {
	font-size: 1.25em;
}

.order-display .trash-icon,
.order-display .edit-icon {
	position: relative;
	top: -0.16667em;
}

.bundle-delete:hover div {
	color: #C70000 !important;
}
.bundle-delete.attention:hover div {
	color: #e69900 !important;
}

.bundle-delete-text {
	position: relative;
	top: -0.25em;
	font-size: 11px;
	font-weight: normal !important;
	color: #3c5190;
}
.tiles-bottom-area .bundle-delete-text {
	width: 4em;
}

.current-order-bar {
	border: solid 1px #36417c;
}
.current-order-bar.attention {
	border: solid 1px #a4333a;
}

.order-bar {
	width: 8.3333em;
	white-space: nowrap;
	font-size: 1em;
}

.current-order-tag {
	padding: 0.8333em;
	background-color: #36417c;
	color: white;
}

.current-order-bar.attention .current-order-tag {
	background-color: #a4333a;
}

.order-change-container.tile-container {
	border: 2px solid #36417c;
	margin-top: -0.75em;
}

.order-change-container.tile-container>div {
	padding: 1em;
	background-color: white;
}

.order-warning,
.order-warning > a {
	color: #3c5190;
}
.order-warning:hover,
.order-warning:hover > a {
	color: #e69900;
	cursor: pointer;
}

.order-warning-info {
	position: relative;
	border-radius: 50%;
	width: 1.667em;
	height: 1.667em;
	background: #a4333a;
	text-align: center;
}

.order-warning-info-text {
	color: white;
	font-weight: bolder;
	font-size: 1.25em;
	font-family: Liberation;
}

.order-warning-icon {
	margin-top: -1em;
	margin-right: 0.3333em;
	margin-bottom:-0.8333em;
	margin-left: -0.25em
}

.payment-info,
.code-info {
	position: relative;
	border-radius: 50%;
	width: 1.5em;
	height: 1.5em;
	background: #3c5190;
	text-align: center;
}
.payment-info-text,
.code-info-text {
	margin-top: 0.0833em;
	color: white;
	font-weight: bolder;
	font-size: 1.15em;
	font-family: Liberation;
}

.list-attention,
.list-attention .table.group-items .tr.productRow:not(:hover) .td {
	color: white !important;
	background-color: #a4333a !important;
	position: static !important;	/*fix for Firefox where background is painting over border*/
}
.list-attention {
	border: solid #a4333a 1px;
}

.list-attention .td .product-list-title a:not(:hover),
.list-attention .td .product-list-price a,
.list-attention .td .price,
.list-attention .td .bundle-delete-text {
	color: white !important;
}

.delivery-status-icon {
	width: 2.0833em;
	height: 2.0833em;
	margin-top: -0.0833em;
}
.order-list-info .delivery-status-icon {
	margin-top: -0.5833em;
}

.status-text-green {
	color: #009900;
}


/* --------------------------------------------------------------------- */
/* My Keys */
/* --------------------------------------------------------------------- */
.keyCode {
	padding: 0.4167em;
	border: 1px solid #aaa;
	font-size: 1.2em;
	line-height: 1.3em;
	background-color: #fff;
    white-space: nowrap;
    min-width: 12em;
}
.keyCode:hover {
	background: #36417c;
	color: #36417c;
	border-color: #36417c;
}
.keyCode:active {
	background: #4653a0;
	border-color: #4653a0;
	color: #4653a0;
}

.keyText-12 {
	font-size: 1em;
}
.keyText-10 {
	font-size: 0.8333em;
}
.keyText-9 {
	font-size: 0.75em;
}
.keyText-8 {
	font-size: 0.6667em;
}

.copy-icon-box {
	display: none;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: white;
	font-size: 0.9167em;
}

.copy-icon {
	position: relative;
	top: 15%;
	width: 1.75em;
	height: 1.75em;
}

.redeem-icon-container {
	z-index: 100;
}


/* --------------------------------------------------------------------- */
/* My WoG */
/* --------------------------------------------------------------------- */
.myWog-box {
	background: white;
	border: solid 1px #bcbdbe;  /*#cdcdcd*/
}

.myWog-box-title {
	background: #36417c;
	color: white;
	text-align: center;
}
.attention .myWog-box-title {
	background: #a4333a;
	color: white;
}

.myWog-sub-box {
	margin: 0;
}
.myWog-sub-box.inline {
	display: inline-block;
	width: 47%;
}
.myWog-sub-box.separator {
	position: absolute;
    left: 49.8%;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #bcbdbe;
}
.myWog-sub-box.separator.separator-small {
	left: 50%;
    width: 1px;
    background: #bcbdbe;
}

.myWog-sub-box .title {
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
	margin-bottom: 1em;
	margin-left: 0.5em;
}
.myWog-sub-box .title.myWog-attention {
	margin-left: 0;
	padding: 0.5em;
}

.myWog-attention {
	background: #a4333a;
	color: white;
}

.myWog-button,
#activateAccount .myWog-button {
  background-color: white;
  border: 2px solid #36417c;
  border-radius: 5px;
  color: #36417c !important;
  padding: 0.5833em 1.1667em;
  margin-top: 1em;
  margin-right: 0.6667em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  cursor: pointer;
}
.myWog-button.attention,
#activateAccount .myWog-button.attention {
	border-color: #a4333a;
	color: #a4333a !important;
}
.myWog-button:hover,
#activateAccount .myWog-button:hover {
  background-color: #36417c;
  color: white !important;
  text-decoration: none;
}
.myWog-button.attention:hover,
#activateAccount .myWog-button.attention:hover {
  background-color: #a4333a;
}

.bottom-text {
	bottom: 0.5em;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	color: #464548;
}