@charset "utf-8";
/*

<summary>
CDON Public - content.css
</summary>
<author>Dan Nilsson, Web designer - CDON.COM</author>
<copyright>CDON.COM AB 1999-2010, all rights reserved</copyright>

*/


/* ---< global hide >--- */

.hide,
.hide-soft,
.hide-soft-sv,
.hide-soft-da,
.hide-soft-no,
.hide-soft-fi { visibility: hidden; }

.null,
.hide-hard,
.hide-hard-sv,
.hide-hard-da,
.hide-hard-no,
.hide-hard-fi { display: none; }

/* ---< global hide >--- */


/* ---< misc >--- */

.clickable { cursor: pointer; }
.required { color: #cd0606; }

.back { float: left; }
p.back { margin: 0px; }

.not-implemented {
	background: #ffffcc;
	color: #ff6600;
	font-weight: bold;
	padding: 3px;
}

div.button-container { margin-top: 10px; }
div.button-container img { display: inline; }

.standard-icon-link a {
	padding-left: 16px;
	background: transparent url(../images/icon/custom-li-icon.gif) no-repeat left center;
	color: #0080a3;
}

/* ---</ misc >--- */


/* ---< headers >--- */

h1.common-page-head,
h1.navigation-head,
h2.common-page-head span {
	color: #41a500;
	font-weight: normal;
}

h1.common-page-head { margin-bottom: 6px; }

h1.navigation-head { margin: 0 0 6px 5px; }

h2.common-page-head {
	margin: 0 0 .5em 0;	
	border-bottom: 1px solid #cbcbcb;	
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.8em;		
}

h2.common-page-head.inner {	border: 0px; }

/* ---</ headers >--- */


/* ---< navigation-block-content >--- */

div.navigation-block-content a {
	color: #0080a3;
	font-weight: bold;
	text-decoration: underline;
}

/* ---</ navigation-block-content >--- */


/* ---< navigation-block-content-fullsize >--- */

div.navigation-block-content-fullsize .content-container { padding: 0 !important; }
div.navigation-block-content-fullsize .content-container p { margin: 0; }

/* ---</ navigation-block-content-fullsize >--- */


/* ---< flash banner >--- */

.swf-mfb { height: 100px; }

#swf-wrapper,
.swf-mfb,
.swf-cdf,
.swf-coverflow { margin-bottom: 10px; }

/* ---</ flash banner >--- */


/* ---< error and support message >--- */

.error-wrapper {
	background: #fffbe6;
	border: 1px solid #ffd600;
	padding: 10px;
	margin: 10px 0;
}

.error-wrapper h2 {
	background: url(../images/icon/attention-error.gif) no-repeat;
	border-bottom: 1px solid #ffd600;
	color: #cd0606 !important;
	margin-bottom: 10px;
	padding: 3px 0 10px 30px;
}

.error-wrapper h2 img {
	display: inline;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: -1px;
}

ul.error {
	margin: 0;
	padding: 0;
	margin-left: 15px;
}

ul.error li {
	color: #cd0606;
	padding-bottom: 5px;
}

p.error-message {
	margin: 0;
	padding: 8px 0;
	margin-bottom: 13px;
	border-bottom: 1px solid #cfcfcf;
}

p.error-message img {
	display: inline;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: -2px;
}

.notice {
	background: #f9ffe4;
	border-color: #d9fb62;
	padding: 0;
	margin: 0 0 5px 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.notice h2 {
	background: url(../images/icon/attention-notice.gif) 5px 5px no-repeat;
	border: none;
	font-size: 1em !important;
	padding: 10px 0 10px 35px;
	color: #424a4d !important;
	margin: 0 !important;
}

/* ---</ error and support message >--- */


/* ---< paging & character-filter >--- */

ul.paging a,
ul.character-filter a { color: #999; }

ul.paging,
ul.character-filter {
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 5px 0 0 0;
	overflow: hidden;
}

ul.paging li,
ul.character-filter li {
	font-weight: bold;
	float: left;
	padding: 0 3px 5px;
}

ul.character-filter li.active { color: #ff6600 }

ul.paging { margin: 10px 0 0 0; }
ul.paging li {
	border: 1px solid #cfcfcf;
	padding: 3px 5px;
	margin-right: 5px;
}

/* ---</ paging & character-filter >--- */


/* ---< naviagation-list-option-wrapper >--- */

form.naviagation-list-option-wrapper,
div.list-option-wrapper {
	overflow: hidden;
	margin: 5px 0;
	padding: 5px 0;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}

form.naviagation-list-option-wrapper div.select-display-js-on,
form.naviagation-list-option-wrapper div.page-size-container,
div.list-option-wrapper div.page-size-container { float: left; }

form.naviagation-list-option-wrapper div.select-display-js-on {
	display: none;
	width: 140px;
	padding-top: 2px;
}

form.naviagation-list-option-wrapper div.sort-order-container,
div.list-option-wrapper div.sort-order-container { float: right; }

div.list-option-wrapper div.page-size-container,
div.list-option-wrapper div.sort-order-container {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

div.list-option-wrapper select { width: auto !important; }

#image-list-link { display: none; }

/* ---</ naviagation-list-option-wrapper >--- */


/* ---< list >--- */

table.list { margin-bottom: 10px; }

table.list th {
	text-align: left;
	padding: 4px 0 4px 4px;
}

table.list td {
	padding: 4px 0 4px 4px;
	border-bottom: 1px solid #efefef;
}

table.list th.status-title { padding-top: 15px; }
table.list tr.title th { padding-bottom: 4px; }
table.list tr.first th { padding-top: 0; }
table.list tr.headers th { background: #f0f0f0; }

table.list tr.odd td,
table.list tr.even td { border-bottom: 1px solid #b8b8b8; }

table.list tr.sum-cost td { font-weight: bold; }

div.payment-info,
div.cost { float: left; }

div.cost {
	margin-left: 208px;
	margin-bottom: 5px;
}

div.cost p {
	margin: 0;
	padding: 0;
	margin-bottom: 2px;
}

div.cost p.sum-cost { font-weight: bold; }

/* ---</ list >--- */


/* ---< product-list >--- */

table.product-list .title a {
	color: #0080a3;
	text-decoration: none;
}

/* ---</ product-list >--- */


/* ---< tree-navigation >--- */

div.tree-navigation ul {
	margin: 0;
	padding: 0;
}

div.tree-navigation ul li { list-style: none; }

div.tree-navigation ul li a {
	font-weight: bold;
	color: #0080a3;
	line-height: 1.45em;
}

div.tree-navigation ul.level1 li { padding-left: 5px; }

div.tree-navigation ul.level2 li { padding-left: 15px; }
div.tree-navigation ul.level2 li a { font-weight: normal; }

div.tree-navigation ul.level3 li a { text-decoration: none; }
div.tree-navigation ul.level3 li a:hover { text-decoration: underline; }

div.tree-navigation ul li.tree-space { height: 10px; }
div.tree-navigation ul li.tree-space a { visibility: hidden; }

div.tree-navigation ul li.tree-header,
div.tree-navigation ul li.tree-header a,
div.tree-navigation p.tree-header {
	color: #ff6600;
	text-decoration: none;
	cursor: default;
	font-size: 1.2em;
	font-weight: bold
}

div.tree-navigation p.tree-header {
	margin: 0 0 2px 5px;
	padding: 0;
}

div.tree-navigation ul li.tree-header a { font-size: 1em; }

div.tree-navigation ul li.tree-alternate-color,
div.tree-navigation ul li.tree-alternate-color a { color: #ff6600; }

/* ---</ tree-navigation >--- */


/* ---< blu-ray >--- */

div.tree-section-blu-ray .header-container { background: url(../images/layout/section-background-blu-ray.jpg) no-repeat !important; }

div.tree-section-blu-ray .header-container h2 { padding-left: 55px; }

div.tree-section-blu-ray .header-container div,
div.tree-section-blu-ray .header-container img,
div.section-big-blu-ray .header-container .left,
div.section-big-blu-ray .header-container .right { display: none; }

div.section-big-blu-ray .header-container { background: url(../images/layout/section-background-content-blu-ray.jpg) no-repeat !important; }
div.section-big-blu-ray .header-container h2 {
	padding-left: 80px;
	width: 340px;
}

/* ---</ blu-ray >--- */


/* ---< breadcrumb >--- */

ul.breadcrumb {
	overflow: hidden;
	list-style: none;
	margin: 5px 0 10px 0;
	padding: 0;
}

ul.breadcrumb li {
	float: left;
	color: #0080a3;
	padding-right: 5px;
}

ul.breadcrumb li a { color: #0080a3; }

/* ---</ breadcrumb >--- */


/* ---< cross-selling (avail) >--- */

div.cross-selling-wrapper h3.content-header {
	font-weight: normal;
	margin-bottom: 5px;
}

div.cross-selling-wrapper div.product-row {
	overflow: hidden;
	position: relative;
	height: 100%;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #dfdfdf;
}

div.cross-selling-wrapper div.product-row img.product {
	float: left;
	margin-right: 10px;
	width: 80px;
}

div.cross-selling-wrapper div.product-row div.buy {
	clear: both;
	position: absolute;
	bottom: 10px;
	right: 0;
	overflow: hidden;
}

div.cross-selling-wrapper div.product-row div.buy p {
	float: left;
	margin: 0;
	padding: 0;
}

div.cross-selling-wrapper div.product-row div.buy p.price { padding-top: 3px; }
div.cross-selling-wrapper div.product-row div.buy img { margin-left: 5px; }

div.cross-selling-wrapper div.product-row h3.title {
	float: left;
	width: 102px;
}

div.cross-selling-wrapper div.product-row a { color: #0080a3; }

div.cross-selling-wrapper div.product-row p.name {
	float: left;
	width: 102px;
}

div.cross-selling-wrapper div.last {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

div.cross-selling-wrapper div.last div.buy { bottom: 0; }

div.cross-selling-wrapper .push-down-buy-button { margin-bottom: 25px; }

div.cross-selling-wrapper .show-more {
	margin-top: 10px;
	padding-top: 5px;
	text-align: right;
	font-weight: bold;
	border-top: 1px solid #eee;
}

div.cross-selling-wrapper .show-more span { color: #ff6c0a; }
div.cross-selling-wrapper .show-more a { color: #0080a3; }

/* ---</ cross-selling (avail) >--- */


/* ---< topten-wrapper (sitelist - banner) >--- */

div.topten-wrapper {
	border: 1px solid #ccc;
	padding: 5px;
}

div.topten-wrapper .fl { float: left; }
div.topten-wrapper .fr { float: right; }

div.topten-wrapper h2 {
	margin-bottom: 5px;
	color: #41a500;
}

#banner-content-wrapper div.topten-wrapper h2 a {
	color: #41a500;	
	text-decoration: none;
}

div.topten-wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.topten-wrapper li {
	overflow: hidden;	
	padding-bottom: 10px;
}

div.topten-wrapper li.last { padding-bottom: 0; }

div.topten-wrapper h3 a span { color: #0080a3; }

div.topten-wrapper p.show-all {
	margin-top: 1.5em;
	padding-left: 1.2em;
	background: transparent url(../images/icon/custom-li-icon.gif) no-repeat left center;		
}

div.topten-wrapper .product-image { padding-right: 5px; }
div.topten-wrapper .product-image img { width: 50px; }

div.topten-wrapper .content {
	width: 143px;
	min-height: 50px;
}

div.topten-wrapper .price-buy { overflow: hidden; }
div.topten-wrapper .price, .accessory .price {
	padding-top: 3px;
	font-weight: bold;
	color: #ca0705;
}

div.topten-wrapper h3 { margin-bottom: 5px; }
div.topten-wrapper h3 a { color: #0080a3; }
div.topten-wrapper p { margin: 0; }
div.topten-wrapper p a { text-decoration: none;}
div.topten-wrapper p a:hover { text-decoration: underline; }

/* ---</ topten-wrapper (sitelist - banner) >--- */


/* ---< banner-tab-wrapper (broadband-movie-banner) >--- */

div.banner-tab-wrapper div.tab {
	overflow: hidden;
	padding: 0 1px;
}

div.banner-tab-wrapper div.tab div.left,
div.banner-tab-wrapper div.tab div.right,
div.banner-tab-wrapper div.tab h3 { float: left; }

div.banner-tab-wrapper div.tab h3 {
	background: #fff;
	border-top: 1px solid #cbcbcb;
	padding: 6px;
}

div.banner-tab-wrapper div.tab div.left,
div.banner-tab-wrapper div.tab div.right {
	width: 8px;
	min-height: 26px;
}

div.banner-tab-wrapper div.tab div.left { background: url(../images/layout/tab-left.gif) no-repeat; }
div.banner-tab-wrapper div.tab div.right { background: url(../images/layout/tab-right.gif) no-repeat; }

div.banner-tab-wrapper div.tab-wrapper {
	overflow: hidden;
	background: url(../images/layout/horizontal-line.gif) repeat-x bottom;
}

div.banner-tab-wrapper div.tab-wrapper div.tab {
	overflow: hidden;
	float: left;
	background: url(../images/layout/horizontal-line.gif) repeat-x bottom;
}

div.banner-tab-wrapper div.tab-wrapper div.first { padding-left: 0 !important; }
div.banner-tab-wrapper div.tab-wrapper div.last { padding-right: 0 !important; }
div.banner-tab-wrapper div.tab-wrapper div.active * { border-bottom: 1px solid #fff; }

div.banner-tab-wrapper div.tab-wrapper div.inactive h3 {
	border-bottom: 1px solid #cbcbcb;
	color: #007e9f;
	text-decoration: underline;
}

div.banner-tab-wrapper div.data {
	overflow: hidden;
	margin-top: 5px;
	padding: 0 5px;
}

div.banner-tab-wrapper div.data table { width: 100%; }
div.banner-tab-wrapper div.data table tr.odd { background: #f8f8f8; }
div.banner-tab-wrapper div.data table tr.even { background: #fefefe; }

div.banner-tab-wrapper div.data table th,
div.banner-tab-wrapper div.data table td {
	padding: 3px 0;
	vertical-align: top;
	border-bottom: 1px solid #cbcbcb;
}

div.banner-tab-wrapper div.data table th {
	text-align: left;
	padding-right: 10px;
	padding-left: 5px;
	width: 1px;
	white-space: nowrap;
}

div.banner-tab-wrapper div.data table td { width: 50%; }

div.banner-tab-wrapper div.data table p {
	padding: 0;
	margin: 0;
}

div.banner-tab-wrapper div.data table td.left {
	width: 30%;
	padding-right: 15px;
}

div.banner-tab-wrapper a.bottom-link { color: #007e9f; }

/* ---</ banner-tab-wrapper (broadband-movie-banner) >--- */


/* ---< banners (image, flash & html) >--- */

.content-wrapper .image-banner-container,
.content-wrapper .flash-banner-container,
.content-wrapper .html-banner-container { margin-left: 0px; }
.content-wrapper .image-banner-container img { display: inline; }

#banner-content-wrapper a {
	font-weight: bold;
	color: #0080a3;
}

#banner-content-wrapper .mp3-player {
	border: 1px solid #ccc;
	overflow: hidden;
	padding: 8px;
	margin: 0 0 5px 0;
}

#banner-content-wrapper .mp3-player h2 {
	color: #41a500;
	margin: 0 0 5px 0;
}

#banner-content-wrapper .mp3-player img {
	float: left;
	margin: 0 10px 0 0;
}

#banner-content-wrapper .mp3-player p { margin: 0 0 3px 0; }

.bfb-wrapper.right .image-banner-container { margin: 0; }

/* ---</ banners (image, flash & html) >--- */


/* ---< tip-a-friend >--- */

#tipafriend {
	overflow: hidden;
	padding: 4px;
	padding-bottom: 0;
	margin: 0 0 10px 0;
}

#tipafriend input,
#tipafriend textarea {
	width: 100%;
	margin: 0;
}

#tipafriend input.button {
	width: auto;
	margin-top: 10px;
}

#tipafriend div.field-wrapper {
	width: 430px;
	overflow: hidden;
}

#tipafriend div.field-wrapper br { clear: both; }

#tipafriend div.field-wrapper div.field {
	margin-top: 2px;
	padding-right: 10px;
}

#tipafriend div.field-sender-container,
#tipafriend div.field-reciver-container {
	margin-bottom: 10px;
	width: 200px;
	overflow: hidden;
}

#tipafriend div.field-sender-container { float: left; }
#tipafriend div.field-reciver-container { float: right; }

#sum-container { margin-top: 10px; }
#sum-container input { width: 20px; }

/* ---</ tip-a-friend >--- */


/* ---< advanced-search >--- */

form.advanced-search div.section-shadow { margin-bottom: 0; }

form.advanced-search .content-container h3 {
	margin-bottom: 5px;
	margin-top: 20px;
}

form.advanced-search .content-container h3.spelling {
	margin-left: 221px;
	margin-top: 0;
	clear: both;
}

.advanced-search .advanced-search-form-row {
	overflow: hidden;
	height: 100%;
	padding-top: 5px;
	margin-bottom: 5px;
	border-top: 1px solid #ddd;
}

form.advanced-search .content-container input,
form.advanced-search .content-container label,
form.advanced-search .content-container select {
	display: block;
	float: left;
}

form.advanced-search .content-container label {
	width: 85px;
	padding-top: 4px;
}

form.advanced-search .content-container input {
	width: 120px;
	margin-right: 10px;
}

form.advanced-search .content-container select {
	width: 100px;
	margin-right: 15px;
}

form.advanced-search .content-container select.short { width: auto; }

form.advanced-search .content-container input.short {
	width: 40px;
	margin: 0;
}

form.advanced-search .content-container p.short {
	float: left;
	margin: 0 5px;
}

.advanced-search .last {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
}

form.advanced-search .content-container input.button {
	width: auto;
	float: left;
	margin-top: 10px;
}

form.advanced-search .advanced-search-link {
	overflow: hidden;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

form.advanced-search .advanced-search-link li {
	float: left;
	padding-right: 10px;
}

/* ---</ advanced-search >--- */


/* ---< search-result >--- */

div.search-result h1 {
	border-bottom: 1px solid #ececec;
	font-size: 1.3em;
}

div.search-result div.section-shadow { margin-bottom: 0; }

div.search-result p.result-hits {
	border-bottom: 1px solid #ececec;
	font-weight: bold;
	margin-top: 20px;
	padding-bottom: 3px;
}

#search-quick-link {
	overflow: hidden;
	margin: 5px 0;
	padding: 0;
	list-style: none;
}

#search-quick-link li {
	float: left;
	padding: 0 5px 0 6px;
	font-weight: bold;
	border-right: 1px solid #000;
}

#search-quick-link li.first { padding-left: 0; }

#search-quick-link li.last {
	padding-right: 0;
	border: 0;
}

/* ---</ search-result >--- */


/* ---< search-detail >--- */

form.sort-order { margin-bottom: 10px; }

/* ---</ search-detail >--- */


/* ---< search accessory >--- */

.accessory div.section-shadow {	margin: 0; }

.accessory.campaign-header {
	height: 180px;
	padding-right: 260px;
	background: url(../images/layout/tonerheader-white_560x180.jpg) no-repeat right top;	
}

.accessory .custom-li-icon a {
	font-weight: normal;
	text-decoration: none;
	color: #0080a3;
}

.accessory .custom-li-icon a:hover { text-decoration: underline; }

.accessory .panel { 
	overflow: hidden;
	margin: 10px 0 0 0;
	border: 1px solid #e5e5e5; 
	background: #fff; 
}

.accessory .panel h2 { margin: 10px 0 0 10px; }

.accessory .panel ul { 
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px 20px;
	padding: 0;
	list-style-type: none;
}

.accessory .panel li {
	margin: 0;
	padding: 0;
	display: inline;
}

.accessory .panel li a {
	display: block;
	width: 90px;
	height: 45px;
	float: left;
	margin: 10px 10px 0 0;
	padding: 0 0 0 75px;
	background: transparent url(../images/layout/toner-logo-small-sprite.png) no-repeat left top;
	color: #0080A3;
	line-height: 45px;
}

.accessory .panel .toner-manufacturer-id-3967 { background-position: 0 -45px; }
.accessory .panel .toner-manufacturer-id-2916 { background-position: 0 -90px; }
.accessory .panel .toner-manufacturer-id-2938 { background-position: 0 -135px; }
.accessory .panel .toner-manufacturer-id-2016 { background-position: 0 -180px; }
.accessory .panel .toner-manufacturer-id-3969 { background-position: 0 -225px; }
.accessory .panel .toner-manufacturer-id-2878 { background-position: 0 -270px; }
.accessory .panel .toner-manufacturer-id-3972 { background-position: 0 -315px; }
.accessory .panel .toner-manufacturer-id-3030 { background-position: 0 -360px; }
.accessory .panel .toner-manufacturer-id-2933 { background-position: 0 -405px; }
.accessory .panel .toner-manufacturer-id-3040 { background-position: 0 -450px; }
.accessory .panel .toner-manufacturer-id-3973 { background-position: 0 -495px; }
.accessory .panel .toner-manufacturer-id-3974 { background-position: 0 -540px; }
.accessory .panel .toner-manufacturer-id-3020 { background-position: 0 -585px; }
.accessory .panel .toner-manufacturer-id-3976 { background-position: 0 -630px; }
.accessory .panel .toner-manufacturer-id-2861 { background-position: 0 -675px; }
.accessory .panel .toner-manufacturer-id-2333 { background-position: 0 -720px; }
.accessory .panel .toner-manufacturer-id-3977 { background-position: 0 -765px; }
.accessory .panel .toner-manufacturer-id-2913 { background-position: 0 -810px; }
.accessory .panel .toner-manufacturer-id-3979 { background-position: 0 -855px; }
.accessory .panel .toner-manufacturer-id-3980 { background-position: 0 -900px; }
.accessory .panel .toner-manufacturer-id-2339 { background-position: 0 -945px; }
.accessory .panel .toner-manufacturer-id-3981 { background-position: 0 -990px; }
.accessory .panel .toner-manufacturer-id-1976 { background-position: 0 -1035px; }
.accessory .panel .toner-manufacturer-id-2932 { background-position: 0 -1080px; }
.accessory .panel .toner-manufacturer-id-1988 { background-position: 0 -1125px; }
.accessory .panel .toner-manufacturer-id-3983 { background-position: 0 -1170px; }
.accessory .panel .toner-manufacturer-id-2356 { background-position: 0 -1215px; }
.accessory .panel .toner-manufacturer-id-3984 { background-position: 0 -1260px; }
.accessory .panel .toner-manufacturer-id-3985 { background-position: 0 -1305px; }
.accessory .panel .toner-manufacturer-id-3987 { background-position: 0 -1395px; }

h2.toner-logo {
	height: 66px;
	background: #fff url(../images/layout/toner-logo-big-missing.png) no-repeat left top;
	text-indent: -9999px;
}

.toner-logo.toner-manufacturer-id-3967 { background-image: url(../images/layout/toner-logo-big-3967.png); }
.toner-logo.toner-manufacturer-id-2916 { background-image: url(../images/layout/toner-logo-big-2916.png); }
.toner-logo.toner-manufacturer-id-2938 { background-image: url(../images/layout/toner-logo-big-2938.png); }
.toner-logo.toner-manufacturer-id-2016 { background-image: url(../images/layout/toner-logo-big-2016.png); }
.toner-logo.toner-manufacturer-id-3969 { background-image: url(../images/layout/toner-logo-big-3969.png); }
.toner-logo.toner-manufacturer-id-2878 { background-image: url(../images/layout/toner-logo-big-2878.png); }
.toner-logo.toner-manufacturer-id-3972 { background-image: url(../images/layout/toner-logo-big-3972.png); }
.toner-logo.toner-manufacturer-id-3030 { background-image: url(../images/layout/toner-logo-big-3030.png); }
.toner-logo.toner-manufacturer-id-2933 { background-image: url(../images/layout/toner-logo-big-2933.png); }
.toner-logo.toner-manufacturer-id-3040 { background-image: url(../images/layout/toner-logo-big-3040.png); }
.toner-logo.toner-manufacturer-id-3973 { background-image: url(../images/layout/toner-logo-big-3973.png); }
.toner-logo.toner-manufacturer-id-3974 { background-image: url(../images/layout/toner-logo-big-3974.png); }
.toner-logo.toner-manufacturer-id-3020 { background-image: url(../images/layout/toner-logo-big-3020.png); }
.toner-logo.toner-manufacturer-id-3976 { background-image: url(../images/layout/toner-logo-big-3976.png); }
.toner-logo.toner-manufacturer-id-2861 { background-image: url(../images/layout/toner-logo-big-2861.png); }
.toner-logo.toner-manufacturer-id-2333 { background-image: url(../images/layout/toner-logo-big-2333.png); }
.toner-logo.toner-manufacturer-id-3977 { background-image: url(../images/layout/toner-logo-big-3977.png); }
.toner-logo.toner-manufacturer-id-2913 { background-image: url(../images/layout/toner-logo-big-2913.png); }
.toner-logo.toner-manufacturer-id-3979 { background-image: url(../images/layout/toner-logo-big-3979.png); }
.toner-logo.toner-manufacturer-id-3980 { background-image: url(../images/layout/toner-logo-big-3980.png); }
.toner-logo.toner-manufacturer-id-2339 { background-image: url(../images/layout/toner-logo-big-2339.png); }
.toner-logo.toner-manufacturer-id-3981 { background-image: url(../images/layout/toner-logo-big-3981.png); }
.toner-logo.toner-manufacturer-id-1976 { background-image: url(../images/layout/toner-logo-big-1976.png); }
.toner-logo.toner-manufacturer-id-2932 { background-image: url(../images/layout/toner-logo-big-2932.png); }
.toner-logo.toner-manufacturer-id-1988 { background-image: url(../images/layout/toner-logo-big-1988.png); }
.toner-logo.toner-manufacturer-id-3983 { background-image: url(../images/layout/toner-logo-big-3983.png); }
.toner-logo.toner-manufacturer-id-2356 { background-image: url(../images/layout/toner-logo-big-2356.png); }
.toner-logo.toner-manufacturer-id-3984 { background-image: url(../images/layout/toner-logo-big-3984.png); }
.toner-logo.toner-manufacturer-id-3985 { background-image: url(../images/layout/toner-logo-big-3985.png); }
.toner-logo.toner-manufacturer-id-3987 { background-image: url(../images/layout/toner-logo-big-3987.png); }

.accessory .letter-list-wrapper {
	width: 100%;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ddd;
}

.accessory .letter-list-wrapper h2 { 
	clear: both;
	margin: 10px 0 5px 0;
	padding: 0;
	font-size: 1.2em;
}

.accessory .letter-list-row {
	width: 22%;
	float: left;
	margin-right: 2%;
}

.accessory .letter-list-row ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.accessory .letter-list-row li { margin-bottom: 3px; }

.accessory .letter-list-row li a {
	color: #0080a3;
	font-size: 1em;	
	font-weight: bold;	
}

.accessory h2.product-title {
	margin: 10px  0 30px 0;
	font-size: 1.8em;
}

.accessory h3 { margin-bottom: 10px; }

.accessory .product-list th {
	padding: 5px 0;
	background: #eee; 
	font-size: 1em;
}

.accessory .product-list td.format { width: 120px; }

.accessory .product-list .title h4 { font-size: 1.25em; }

.accessory .product-list .title h4 a {
	color: #0080a3;
	text-decoration: none; 
}

.accessory .product-list .icon {
	float: left;
	margin-right: 2px;
}

/* ---</ search accessory >--- */


/* ---< footer >--- */

#footer * { color: #fff; }

#footer,
#footer .content-container { overflow: hidden; }

#footer .left {
	background: #fff url(../images/layout/common/spriteme1.png) no-repeat -5px -551px;
	width: 15px;
	height: 68px;
	float: left;
}

#footer .content-container {
	margin: auto;
	padding-top: 10px;
	width: 97%;
	text-align: center;
	float: left;
}

#footer .right {
	background: url(../images/layout/common/spriteme1.png) no-repeat -10px -639px;
	width: 10px;
	height: 68px;
	float: right;
}

#footer ul,
#footer ul li,
#footer ul li img,
#footer ul li p {
	display: inline;
	margin: 0;
	padding: 0;
}

#footer ul li {
	list-style: none;
	padding: 1px;
}

#footer .content-container ul.part-of-mtg {
	display: block;
	margin-top: 3px;
}

/* ---</ footer >--- */


/* ---< login-register (order-start + customer-login) >--- */

.login-register-layout .login-wrapper,
.login-register-layout .register-wrapper,
.login-register-layout input[type="text"],
.login-register-layout input[type="password"] {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
} 

.login-register-layout div.section-shadow { margin-bottom: 5px; }

.login-register-layout { overflow: hidden; }

.login-register-layout .login-wrapper,
.login-register-layout .register-wrapper {
	float: left;
	width: 248px;
	min-height: 200px;
	position: relative;
	padding: 15px;
}

.login-register-layout .login-wrapper { background: #f4ed79; }

.login-register-layout .register-wrapper {
	background: #cfe7ae;
	float: right;
}

.login-register-layout .login-wrapper h2,
.login-register-layout .register-wrapper h2 { padding: 8px 0 5px 35px; }

.login-register-layout .login-wrapper h2 { background: url(../images/icon/order-start-login.gif) no-repeat; }
.login-register-layout .register-wrapper h2 { background: url(../images/icon/order-start-register.gif) no-repeat; }

.login-register-layout label,
.login-register-layout input[type="text"],
.login-register-layout input[type="password"] { display: block;	}

.login-register-layout label { margin: 8px 0 2px 5px; }

.login-register-layout input[type="text"],
.login-register-layout input[type="password"] {
	background: #fff;
	border: 1px solid #c1bb60;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px;
	width: 220px;
}

.login-register-layout input[type="password"],
.login-register-layout .remember { float: left; }

.login-register-layout input[type="password"] { width: 100px;  }

.login-register-layout .remember { margin: 10px 0 10px 5px; }
.login-register-layout .remember .remember {
	margin: 0 0 0 5px;
	vertical-align: middle;
}

.button.login { float: right; }

.button.register {
	position: absolute;
	bottom: 22px;
	right: 22px;
}

.forgot-password {
	clear: both;
	margin: 0;
	padding: 10px 0 0 5px;
}

.login-register-layout p.error-message {
	border-bottom: 1px solid #cc9900;
	margin: 0;
}

/* ---</ login-register (order-start + customer-login) >--- */


/* ---< customer service >--- */

div.customer-case div.content-container ul {
	float:left; 
	padding: 0px; 
	margin: 0px; 
	list-style-type: none; 
	width: 50%;
}

div.customer-case div.content-container ul li {	padding-bottom: 10px; }
div.customer-case div.content-container ul a { color: #0080a3; }

div.customer-case-faq a { color: #0080a3; }

div#customer-case div.section-shadow,
div.customer-case div.section-shadow,
form#customer-case-add div.section-shadow,
div.customer-case-faq div.section-shadow { margin-bottom: 0; }

/* ---</ customer service >--- */


/* ---< tooltip & overlay >--- */

/* < default > */

.overlay-tooltip-wrapper,
.overlay-tooltip-user-wrapper {
	display: none;
	z-index: 9999;
}

.overlay-tooltip-wrapper .top,
.overlay-tooltip-wrapper .bottom { width: 446px; }

.overlay-tooltip-user-wrapper .top { height: 18px; }
.overlay-tooltip-user-wrapper .layout { overflow: hidden; }

.overlay-tooltip-wrapper .top {
	background: url(../images/layout/common/overlay-tooltip-top.png) left top no-repeat;
	height: 6px;
}

.overlay-tooltip-wrapper .bottom { background: url(../images/layout/common/overlay-tooltip-bottom.png) left bottom no-repeat; }
.overlay-tooltip-wrapper .content { padding: 5px 18px 18px 10px; }

.overlay-tooltip-user-content { padding: 0 18px 24px 10px; }

.overlay .close { 
	background: url(../images/button/common/tooltip-overlay-close.png) no-repeat;
	position: absolute;
	cursor: pointer;
	top: -11px;
	right: -3px;
	width: 25px;
	height: 25px;
}

.overlay .overlay-tooltip-user-content { padding: 0 18px 18px 10px; }

.overlay-tooltip-user-wrapper .close {
	top: -5px;
	right: -3px;
}

/* </ default > */

/* < fluid > */

.fluid-overlay { 
	display: none;
	z-index: 9999;
	background-color: #fff;
	border: 2px solid #41a500;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
}

.fluid-overlay .close { 
	background: url(../images/button/common/tooltip-overlay-close.png) no-repeat;
	position: absolute;
	cursor: pointer;
	top: -10px;
	right: -10px;
	width: 25px;
	height: 25px;
}

.fluid-overlay-content { padding: 1em .5em; }

/* </ fluid > */


/* < small > */

.overlay-tooltip-small .layout 					{ width: 158px; }

.overlay-tooltip-small-bottom-left .top			{ background: url(../images/layout/common/overlay-tooltip-small-arrow-top.png) -316px 0 no-repeat; }
.overlay-tooltip-small-bottom-left .bottom		{ background: url(../images/layout/common/overlay-tooltip-small-arrow-bottom.png) -474px bottom no-repeat; }

.overlay-tooltip-small-bottom-center .top		{ background: url(../images/layout/common/overlay-tooltip-small-arrow-top.png) -158px 0 no-repeat; }
.overlay-tooltip-small-bottom-center .bottom	{ background: url(../images/layout/common/overlay-tooltip-small-arrow-bottom.png) -474px bottom no-repeat; }

.overlay-tooltip-small-bottom-right .top		{ background: url(../images/layout/common/overlay-tooltip-small-arrow-top.png) 0 0 no-repeat; }
.overlay-tooltip-small-bottom-right .bottom		{ background: url(../images/layout/common/overlay-tooltip-small-arrow-bottom.png) -474px bottom no-repeat; }

.overlay-tooltip-small-top-left .top			{ background: url(../images/layout/common/overlay-tooltip-small-arrow-top.png) -474px 0 no-repeat; }
.overlay-tooltip-small-top-left .bottom			{ background: url(../images/layout/common/overlay-tooltip-small-arrow-bottom.png) -316px bottom no-repeat; }

.overlay-tooltip-small-top-center .top			{ background: url(../images/layout/common/overlay-tooltip-small-arrow-top.png) -474px 0 no-repeat; }
.overlay-tooltip-small-top-center .bottom		{ background: url(../images/layout/common/overlay-tooltip-small-arrow-bottom.png) -158px bottom no-repeat; }

.overlay-tooltip-small-top-right .top			{ background: url(../images/layout/common/overlay-tooltip-small-arrow-top.png) -474px 0 no-repeat; }
.overlay-tooltip-small-top-right .bottom		{ background: url(../images/layout/common/overlay-tooltip-small-arrow-bottom.png) 0 bottom no-repeat; }

/* Overlay with close button */
.overlay.overlay-tooltip-small .top				{ background: url(../images/layout/common/overlay-tooltip-small-arrow-top.png) -474px 0 no-repeat; }
.overlay.overlay-tooltip-small .bottom			{ background: url(../images/layout/common/overlay-tooltip-small-arrow-bottom.png) -474px bottom no-repeat; }

/* </ small > */


/* < medium > */

.overlay-tooltip-medium .layout 				{ width: 308px; }

.overlay-tooltip-medium-bottom-left .top		{ background: url(../images/layout/common/overlay-tooltip-medium-arrow-top.png) -616px 0 no-repeat; }
.overlay-tooltip-medium-bottom-left .bottom		{ background: url(../images/layout/common/overlay-tooltip-medium-arrow-bottom.png) -924px bottom no-repeat; }

.overlay-tooltip-medium-bottom-center .top		{ background: url(../images/layout/common/overlay-tooltip-medium-arrow-top.png) -308px 0 no-repeat; }
.overlay-tooltip-medium-bottom-center .bottom	{ background: url(../images/layout/common/overlay-tooltip-medium-arrow-bottom.png) -924px bottom no-repeat; }

.overlay-tooltip-medium-bottom-right .top		{ background: url(../images/layout/common/overlay-tooltip-medium-arrow-top.png) 0 0 no-repeat; }
.overlay-tooltip-medium-bottom-right .bottom	{ background: url(../images/layout/common/overlay-tooltip-medium-arrow-bottom.png) -924px bottom no-repeat; }

.overlay-tooltip-medium-top-left .top			{ background: url(../images/layout/common/overlay-tooltip-medium-arrow-top.png) -924px 0 no-repeat; }
.overlay-tooltip-medium-top-left .bottom		{ background: url(../images/layout/common/overlay-tooltip-medium-arrow-bottom.png) -616px bottom no-repeat; }

.overlay-tooltip-medium-top-center .top			{ background: url(../images/layout/common/overlay-tooltip-medium-arrow-top.png) -924px 0 no-repeat; }
.overlay-tooltip-medium-top-center .bottom		{ background: url(../images/layout/common/overlay-tooltip-medium-arrow-bottom.png) -308px bottom no-repeat; }

.overlay-tooltip-medium-top-right .top			{ background: url(../images/layout/common/overlay-tooltip-medium-arrow-top.png) -924px 0 no-repeat; }
.overlay-tooltip-medium-top-right .bottom 		{ background: url(../images/layout/common/overlay-tooltip-medium-arrow-bottom.png) 0 bottom no-repeat; }

/* Overlay with close button */
.overlay.overlay-tooltip-medium .top			{ background: url(../images/layout/common/overlay-tooltip-medium-arrow-top.png) -924px 0 no-repeat; }
.overlay.overlay-tooltip-medium .bottom			{ background: url(../images/layout/common/overlay-tooltip-medium-arrow-bottom.png) -924px bottom no-repeat; }

/* </ medium > */


/* < large > */

.overlay-tooltip-large .layout 					{ width: 496px; }

.overlay-tooltip-large-bottom-left .top			{ background: url(../images/layout/common/overlay-tooltip-large-arrow-top.png) -992px 0 no-repeat; }
.overlay-tooltip-large-bottom-left .bottom		{ background: url(../images/layout/common/overlay-tooltip-large-arrow-bottom.png) -1488px bottom no-repeat; }

.overlay-tooltip-large-bottom-center .top		{ background: url(../images/layout/common/overlay-tooltip-large-arrow-top.png) -496px 0 no-repeat; }
.overlay-tooltip-large-bottom-center .bottom	{ background: url(../images/layout/common/overlay-tooltip-large-arrow-bottom.png) -1488px bottom no-repeat; }

.overlay-tooltip-large-bottom-right .top 		{ background: url(../images/layout/common/overlay-tooltip-large-arrow-top.png) 0 0 no-repeat; }
.overlay-tooltip-large-bottom-right .bottom		{ background: url(../images/layout/common/overlay-tooltip-large-arrow-bottom.png) -1488px bottom no-repeat; }

.overlay-tooltip-large-top-left .top			{ background: url(../images/layout/common/overlay-tooltip-large-arrow-top.png) -1488px 0 no-repeat; }
.overlay-tooltip-large-top-left .bottom			{ background: url(../images/layout/common/overlay-tooltip-large-arrow-bottom.png) -992px bottom no-repeat; }

.overlay-tooltip-large-top-center .top			{ background: url(../images/layout/common/overlay-tooltip-large-arrow-top.png) -1488px 0 no-repeat; }
.overlay-tooltip-large-top-center .bottom		{ background: url(../images/layout/common/overlay-tooltip-large-arrow-bottom.png) -496px bottom no-repeat; }

.overlay-tooltip-large-top-right .top			{ background: url(../images/layout/common/overlay-tooltip-large-arrow-top.png) -1488px 0 no-repeat; }
.overlay-tooltip-large-top-right .bottom		{ background: url(../images/layout/common/overlay-tooltip-large-arrow-bottom.png) 0 bottom no-repeat; }

/* Overlay with close button */
.overlay.overlay-tooltip-large .top				{ background: url(../images/layout/common/overlay-tooltip-large-arrow-top.png) -1488px 0 no-repeat; }
.overlay.overlay-tooltip-large .bottom			{ background: url(../images/layout/common/overlay-tooltip-large-arrow-bottom.png) -1488px bottom no-repeat; }

/* </ large > */


/* ---</ tooltip & overlay >--- */


/* ---< scrollable >--- */

.scrollable {
	/* required settings */
	position: relative;
	overflow: hidden;
	width: 485px;
	height: 280px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	clear: both;
	margin: 0 0 0 10px;
	position: absolute;

	/* this cannot be too large */
	width: 10000px;
}

/* single scrollable item */
.scrollable .item {
	/* border: 1px solid #ccc; */
	float: left;
	height: 280px;
	margin: 0 10px 0 0;
	width: 155px;
	overflow: hidden;
}

/* active item */
.scrollable .active {
	border: 2px solid #000;
	z-index: 9999;
	position: relative;
}

/* this makes it possible to add next button beside scrollable */
.scrollable { float:left; }

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display: block;
	width: 33px;
	height: 34px;
	float: left;
	margin: 100px 4px;
	cursor: pointer;
}

/* right */
a.right {
	background: url(../images/button/common/scroller-arrow-right.gif) no-repeat;
	clear: right;
	margin-right: 0;
}
/*
a.right:hover 	{ background-position: -27px -27px; }
a.right:active 	{ background-position: -54px -27px; } 
*/

/* left */
a.left {
	background: url(../images/button/common/scroller-arrow-left.gif) no-repeat;
	margin-left: 0;
}
/*
a.left:hover  	{ background-position: -27px 0; }
a.left:active  	{ background-position: -54px 0; }
*/

/* up and down */
/*
a.up,
a.down { 
	background: url([media_static_url]/cdon/images/button/common/scrollable-arrows.png) no-repeat;
	float: none;
	margin: 10px 50px;
}
*/
/* up */
/*
a.up:hover  	{ background-position: -27px 0; }
a.up:active 	{ background-position: -54px 0; }
*/

/* down */
/*
a.down 			{ background-position: 0 -27px; }
a.down:hover	{ background-position: -27px -27px; }
a.down:active  	{ background-position: -54px -27px; } 
*/

/* disabled navigational button */
a.disabled { visibility: hidden !important; } 	

/* ---</ scrollable >--- */


/* ---< feeds - rss, atom >--- */

.feeds-wrapper h1 { clear: both; }

.feeds-wrapper .breadcrumb,
.feeds-wrapper .addthis_default_style { float: left; }

.feeds-wrapper .addthis_default_style {
	float: right;
	margin: 5px 0 10px;
}

#feeds-icon { padding: 1px 2px; }

.feeds h1,
.feeds h2,
.feeds h2 a { color: #41a500; }

.feeds h2 {
	margin: 6px 0 10px;
	padding: 5px 0 4px 35px;
	font-size: 1.5em;
}

.feeds h2 a,
.feeds li a  { text-decoration: none; }

.feeds h2 a:hover,
.feeds li a:hover  { text-decoration: underline; }

.feeds li a { color: #0080a3; }

.feed-category {
	width: 33%;
	float: left;
	border-bottom: 1px solid #cbcbcb;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.feeds .last-row { border: none; }

.feeds .game h2			{ background: url(http://cdon.com/media-dynamic/images/content/product-icon_spel2.gif) 0 center no-repeat; }
.feeds .movie h2		{ background: url(http://cdon.com/media-dynamic/images/content/product-icon_film2.gif) 0 center no-repeat; }
.feeds .music h2		{ background: url(http://cdon.com/media-dynamic/images/content/product-icon_musik2.gif) 0 center no-repeat; }
.feeds .book h2			{ background: url(http://cdon.com/media-dynamic/images/content/product-icon_bocker2.gif) 0 center no-repeat; }
.feeds .electronic h2	{ background: url(http://cdon.com/media-dynamic/images/content/product-icon_hemel2.gif) 0 center no-repeat; }
.feeds .mobilephone h2	{ background: url(http://cdon.com/media-dynamic/images/content/product-icon_mobil2.gif) 0 center no-repeat; }
.feeds .merchandise h2	{ background: url(http://cdon.com/media-dynamic/images/content/product-icon_merchandise2.gif) 0 center no-repeat; }
.feeds .ondemand h2		{ background: url(http://cdon.com/media-dynamic/images/content/product-icon_downloads2.gif) 0 center no-repeat; }

/* ---< feeds - rss, atom >--- */


/* ---< price-balloon >--- */

.price-balloon,
.price-balloon-small { overflow: hidden; }

.price-balloon,
.price-balloon p,
.price-balloon-small,
.price-balloon-small p { position: absolute; }

.price-balloon p,
.price-balloon-small p {
	color: #cc0000;
	font-weight: bold;
	text-align: center;
	width: 100%;
	top: 23%;
}

.price-balloon {
	background: url(../images/layout/common/price-balloon.gif) no-repeat;
	width: 70px;
	height: 70px;
	margin: 10px 10px 10px 0;
	top: -28px;
	left: 240px;
}

.price-balloon p { font-size: 1.6em; }

.price-balloon-small {
	background: url(../images/layout/common/price-balloon-small.gif) no-repeat;
	width: 46px;
	height: 46px;
	margin: 10px 10px 0 0;
	top: -18px;
	left: 260px;
	z-index: 1; /* Doesn't affect anything. Don't know why I have set this. Commented out 2010-05-05 */
}

.price-balloon-small.micro p {
	font-size: .74em;
	top: 20%;
}

.price-balloon-small.micro {
	background: url(../images/layout/common/price-balloon-micro.gif) no-repeat;
	width: 35px;
	height: 35px;
	margin: 0;
	position: static;
}

.combo-container .price-balloon-small.micro {
	top: -8px;
	left: -50px;
	position: absolute;
}

/* ---</ price-balloon >--- */


/* ---< pegi - product, search filter >--- */

#pegi li,
.game_pegi_ids .filter-button { background: url(../images/icon/pegi-icons.gif) no-repeat; }

.game_pegi_ids .filter-button div {
	height: 25px;
	width: 25px;
	text-indent: -999em;
	padding: 0;
}

.game_pegi_ids .filter-button span { display: none; }

.search-filter-container .game_pegi_ids .over div {
	background: none;
	border: 2px solid #ff6600;
	height: 21px;
	width: 21px;
}

#pegi {
	width: 135px;
	margin: 0 auto 5px;
	padding: 5px 0 3px;
	list-style: none;
}

#pegi li {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 2px 2px;
}

#pegi span { display: none; }

.pegi-age3				{ background-position: -100px 0 !important; }
.pegi-age7 				{ background-position: -75px 0 !important; }
.pegi-age12				{ background-position: -50px 0 !important; }
.pegi-age16				{ background-position: -25px 0 !important; }
.pegi-age18				{ background-position: 0 0 !important; }

.pegi-violence			{ background-position: 0 -25px !important; }
.pegi-badlanguage		{ background-position: -25px -25px !important; }
.pegi-fear				{ background-position: -50px -25px !important; }
.pegi-sex				{ background-position: -75px -25px !important; }
.pegi-discrimination	{ background-position: -100px -25px !important; }
.pegi-gambling			{ background-position: 0 -50px !important; }
.pegi-drugs				{ background-position: -25px -50px !important; }
.pegi-online			{ background-position: -50px -50px !important; }

/* ---</ pegi - product, search filter >--- */


/* ---< reset >--- */

.reset {
	margin: 0 !important;
	padding: 0 !important;
	clear: both !important;
	float: none !important;
}

/* ---</ reset >--- */


/* ---< jQuery UI Dialog >--- */

.ui-widget-header span {
    color: #ffffff;
}

/* ---</ jQuery UI Dialog >--- */


/* < magic-banner > */

.magic-banner-container { 
	position: relative; 
	margin-bottom: 1em;
}

.magic-banner-container .magic-banner {
	position: absolute;
	top: 0px;
	left: 0px;
}

.magic-banner-container .magic-banner a { text-decoration: none; }

.magic-banner-container .magic-banner .price-splash,
.magic-banner-container .magic-banner .price-splash-row-top,
.magic-banner-container .magic-banner .price-splash-row-bottom,
.magic-banner-container .magic-banner .stripe {
	position: absolute;
	display: block;
	color: #e00;
	font-weight: bold;
	text-align: center;
}

.magic-banner-container .magic-banner .price-splash {
	top: 10px;
	left: 466px;
	width: 79px;
	height: 55px;
	padding-top: 24px;
	background: url(../images/layout/price-splash-79x79.png);
	font-size: 20px;	
}

.magic-banner-container .magic-banner .stripe {
	top: 14px;
	left: 3px;
	width: 70px;
	height: 29px;
	padding: 3px 10px 0;
	background: url(../images/layout/stripe-horizontal-90.png);
	font-size: 11px;
	line-height: 1.1em;
}

.magic-banner-container .magic-banner .price-splash-row-top {
	width: 79px;
	top: 24px;
	left: 466px;
	font-size: 10px;
}

.magic-banner-container .magic-banner .price-splash-row-bottom {
	width: 79px;
	top: 58px;
	left: 466px;
	font-size: 10px;
}

/* </ magic-banner > */


/* < digital games howto-banner > */
.howto-box {
	margin-bottom: 1em;
	padding: 3px 8px 8px 8px;	
	border: 1px solid #ccc;
}

.howto-box .title {
	margin: .5em 0;
	color: #41a500;
	font-size: 1.3em;
	font-weight: bold;	
}

.howto-box .title2 {
	color: #ff6600;
	font-weight: bold;	
}

.howto-box p {
	margin: 0 0 5px 0;	
}

#howto-digitalgames {
	float: right;
	width: 70px;
	height: 50px;
	background: transparent url(../images/icon/howto-icon-digitalgames.jpg) no-repeat left top;	
}

/* </ digital games howto-banner > */