/*
	$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
		- 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
*/


/* --------------------------------------------------------------------- */
/* 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%;
}



/* --------------------------------------------------------------------- */
/* 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.490em; /* 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;
}

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

.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.dashboard {
	margin: 0.667em 0 0.667em 0; /* 8px 0 8px 0 */
}

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



/* 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;
}

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.serie-select {
	list-style:none;
	margin: 0.333em 0.667em 0.333em 1.833em !important; /* 4px 8px 4px 20px */
}

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

.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 {
	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 1em;
	text-decoration: none;
}

.tab-bar ul li:first-child a {
	-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 {
	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 {
	background-color: #2c3a6e;
	color: #fff;
}

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

.tab-bar ul li a.disabled {
	color: #999;
	cursor: default;
	font-style: italic;
	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-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: 70%;
}

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: 19.357em;
}

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: 1.75em;
	padding: 0 0.667em;
	width: 90%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

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

.groupedSearchDescription{
	padding-left:2.9em;
}

.search-term {
	color: #a4333a;
}


/* --------------------------------------------------------------------- */
/* 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 .td, .tr.productRowAlternate:hover .td {
	background-color: #e3e3e3;
}

.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: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	filter: alpha(opacity=40);
	opacity: 0.40;
}

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

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

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

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

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

table.grouped tr.productGroup:first-child>td {
	border-top: none;
}

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

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


/* --------------------------------------------------------------------- */
/* 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;
}

.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 1.333em 0; /* 0 0 16px 0 */
	padding: 0;
	width: 100%;
}

.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 {
	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 */
}



/* --------------------------------------------------------------------- */
/* 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;
}



/* 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%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eee',GradientType=0 );
}

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%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d2d2d2',GradientType=0 );
}

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: 8.333em; /* 100px */
	width: 100%;
}

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

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

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

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 2px; /* 0 2px */
	padding: 0.5em 2px 2px 2px; /* 6px 2px 2px 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;
}

.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 */
}

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 {
    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: #ff9900;
}

.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;
}

.product-lang-label {
	background-color: #f0f0f0;
	display: table-cell;
	height: 2.933em;
	padding: 0 0.667em; /* 0 8px */
	vertical-align: middle;
	width: 8.7em;
}

.product-lang-flags,
.product-release-date {
	display: table-cell;
	height: 2.933em;
	padding: 0 0.667em; /* 0 8px */
	vertical-align: middle;
}

.product-release-label {
	background-color: #f0f0f0;
	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.667em; /* 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 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 */
/* --------------------------------------------------------------------- */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: default; border:0 !important; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em;  }
.ui-slider-horizontal .ui-slider-handle { top: -.25em; margin-left: -.1em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.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;
	width: 2.5em; /* 30px */
}



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



/* 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;
}


/* --------------------------------------------------------------------- */
/* 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;
 }

/* --------------------------------------------------------------------- */
/* 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;
}

/* --------------------------------------------------------------------- */
/* 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,
.tiles-disabled {
	float: left;
	width: 25%;
}

.tiles-disabled {
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	filter: alpha(opacity=40);
	opacity: 0.40;
}

.tiles-product {
	border: 1px solid #cecfd0;
	height: 17em;
	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%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eee',GradientType=0 );
}

.tiles-product-highlight {
	border: 1px solid #cecfd0;
	height: 17em;
	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-movie-info-rating {
	position: absolute;
	bottom: 6.9em;
	right: 0.5em;
}

.tiles-title {
	height: 2.667em;
	overflow: hidden;
	text-align: center;
}

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

.tiles-price {
	bottom: 0.5em;
	height: 2.667em;
	position: absolute;
	text-align: center;
	width: 91%;
}

.tiles-price a {
	color: #a4333a !important;
}

.tiles-pagination {
	background-color: #fff;
	border: 1px solid #cecfd0;
	height: 1.667em;
	margin: 0 0.417em 1.333em 0.417em;
	padding: 0.583em;
}

/* --------------------------------------------------------------------- */
/* 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 */
}