/**
colors:

green : 528c00
yellow: eac400
red   : ea0000

**/

* {
	font-family: Verdana, Arial, Sans Serif;
	font-size: 11px;
	padding:0;
	margin:0;
}

body {
	background-color:#fff;
	background-color:#fff;
	background-image:url('../img/body_bg.png');
	background-repeat:repeat-x;
	min-width:940px;
}

body#small {
	background-color:#d2ecac;
	background-image:none;
	min-width:0;
}

a {
	text-decoration:none;
	color:black;
}

a:hover {
	text-decoration:underline;
	color:#528c00;
}

a img {
	border:0;
}

h1 {
	font-size:16pt;
}

h2 {
	font-size:14pt;
}

h3 {
	font-size:13pt;
}

#branding {
	margin:10px;
	width:213px;
	height:150px;
	z-index:1;
}

#branding img{
	z-index:400;
}

#branding>span {
	position:absolute;
	top:10px;
	left:255px;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	z-index:2;
}

#branding span strong {
	font-size:24px;
	position:relative;
	left:-20px;
	z-index:3;
}

#bgbranding {
	position:fixed;
	bottom:0;
	right:0;
	z-index:0;
	background-image:url(../img/content_bg.png);
	height:134px;
	width:372px;
}

#bannertop {
	margin:10px;
	width:468px;
	height:60px;
	position:absolute;
	top:0;
	right:0;
	z-index:0;
}

#container {
	position:relative;
}

#navigation {
	margin:10px 10px 10px 0;
	width:150px;
	position:relative;
	left:0;
	z-index:100;
}

#navigation ul {
	list-style:none;
	padding-left:10px;
}

#navigation>ul {
	padding-left:0;
}

#navigation a {
	text-decoration:none;
	display:block;
	height:22px;
	padding:7px 3px 0px 3px;
	/*background-image:url('../img/tool_bg.png');*/
	background-repeat:repeat-x;
}

#navigation a:hover {
	color:black;
}

#navigation ul li.merchandise a {
	background-image:url('../img/merchandise_bg_hover.png');
}

#navigation ul li a:hover {
	background-image:url('../img/tool_bg_hover.png');
	color:black;
}

#navigation>ul>li>a {
	/*border:1px solid #538c00;*/

}

#navigation>ul>li>ul>li {
	/*background-color:#eac400;*/
}

#navigation>ul>li>ul>li>a {
	/*border:1px solid #eac400;*/
}

#container {
	z-index:100;
}

#content {
	position:absolute;
	left:0px;
	top:-10px;
	width:100%;
}

#content>div{
	padding:10px;
	margin:0 150px;
}

body#small #content>div {
	margin:0;
}

#content>div>h1 {
	font-size:18px;
	font-weight:bold;
	margin:10px 0;
}

img.ico {
	width:16px;
	height:16px;
}

.information {
	padding:3px;
	margin:10px;
}

.paging {
	border-color:#528c00;
	border-style:solid;
	border-width:2px 0;
	margin:10px;
}

.paging ol {
	list-style:none;
}

.paging ol li {
	float:left;
}

.paging ol li span.notclickable {
	display:block;
	padding:3px 7px 3px 7px;
	border:2px solid #528c00;
	background-color:#EFEFEF;
	margin:3px;
}

.paging ol li a {
	display:block;
	padding:3px 7px 3px 7px;
	border:2px solid #528c00;
	background-color:#E1FFB6;
	margin:3px;
}

.paging ol li a:hover {
	background-image:url(../img/tool_bg_hover.png);
	background-repeat:repeat-x;
}

.paging ol li>strong {
	display:block;
	padding:3px 7px 3px 7px;
	border:2px solid #528c00;
	margin:3px;
	background-image:url(../img/tool_bg_hover.png);
	background-repeat:repeat-x;
}

ul.productlist {
	float:left;
	list-style:none;
}

ul.productlist li.product {
	margin:10px;
	height:116px;
	width:176px;
	float:left;
	position:relative;
	padding:4px;
	background-image:url(../img/product2_bg.gif);
}

li.product a img.detailpic {
	position:absolute;
	top:5px;
	right:5px;
}

li.product img.productpicsmall {
	position:absolute;
	bottom:3px;
	left:3px;
	cursor:pointer;
}

li.product div.productpicoverlay {
	position:absolute;
	top:3;
	left:3;
	width:178px;
	height:118px;
	background-color:#e1ffb6;
	/*display:block;*/
	visibility:hidden;
}

li.product div.productpicoverlay img.productpic {
	position:absolute;
	top:9px;
	left:39px;
}



li.product div.productpicoverlay a img.cancelpic {
	position:absolute;
	top:0px;
	right:0px;
}

li.product div.action {
	position:absolute;
	bottom:3px;
	right:5px;
	/*font-size:16px;*/
	font-weight:bold;
}

li.product div.action span.price {
	font-size:16px;
}

li.product div.meta {
	position:absolute;
	top:59px;
	width:110px;
	right:5px;
}

table.productlist {
	width:96%;
	margin-left:10px;
	cellspacing:0;
	cellpadding:0;
}

table.productlist th {
	text-align:left;
}

table.productlist tr td {
	background-color:#e1ffb6;
	border-bottom:1px solid #528c00;
}

table.productlist tr:hover td {
	/*background-color:#528c00;*/
	background-image:url(../img/productrow_bg_hover.png);
	background-repeat:repeat-x;
	
}

#content>div.imagebox {
	width:250px;
	margin:10px;
}

#content>div.action {
	position:absolute;
	right:10px;
	top:50px;
	font-size:16px;
	font-weight:bold;
	border:2px solid #528c00;
	padding:10px;
	background-color:#e1ffb6;
}

#content>div.details {
	position:absolute;
	right:10px;
	top:100px;
	border:2px solid #528c00;
	padding:10px;
	background-color:#e1ffb6;
}

#content>div.tracklist {
	position:absolute;
	left:10px;
	top:300px;
	border:2px solid #528c00;
	padding:10px;
	width:250px;
	background-color:#e1ffb6;
}

#content>div.ratings {
	position:absolute;
	left:300px;
	top:300px;
	border:2px solid #528c00;
	padding:10px;
	width:250px;
	background-color:#e1ffb6;
}

#content>div.infotext {
	position:absolute;
	left:10px;
	top:650px;
	border:2px solid #528c00;
	padding:10px;
	width:560px;
	background-color:#e1ffb6;
}

#content>div.related {
	position:absolute;
	left:10px;
	top:700px;
	border:2px solid #528c00;
	padding:10px;
	width:560px;
	background-color:#e1ffb6;
}

ol.tracklist {
	list-style:none;
}

ol.tracklist>li {
	padding-left:18px;
}

a.playericon, a.playericondetail {
	background-image:url('../img/play.png');
	background-repeat:no-repeat;
	padding-left:18px;
	padding-top:2px;
	height:16px;
	width:16px;
	text-decoration:none;
	/*display:block;
	position:relative;*/
}

a.playericondetail {
	left:-18px;
}

a.playericon:hover, a.playericondetail:hover {
	background-image:url('../img/play_hover.png');
	text-decoration:none;
}

a.playing {
	background-image:url('../img/play_hover.png');
}

#tools {
position:absolute;
top:0;
right:0;
}

.tool {
	width:150px;
	background-color:#e1ffb6;	
}

.tool h3 {
	height:22px;
	padding:7px 3px 0 3px;
	border-bottom:2px solid #528c00;
	background-image:url(../img/metanav_bg_hover.png);
	background-repeat:repeat-x;
}

.tool h3 img {
	position:relative;
	top:3px;
}

.tool ul li{
	list-style:none;
}

.tool ul li a {
	display:block;
	height:22px;
	padding:7px 3px 0 3px;
	border-bottom:1px solid white;
}

.tool ul li a:hover {
	background-image:url(../img/tool_bg_hover.png);
	background-repeat:repeat-x;
}

#metasearch {
	position:absolute;
	top:110px;
	left:150px;
}

#metasearch input {
	border:0;
	font-size:12pt;
}

#metatools {
	position:absolute;
	top:110px;
	left:20px;
}

#metatools a {
	text-decoration:none;
}

.tool a {
	text-decoration:none;
}

#metanav {
	position:absolute;
	top:149px;
	left:10px;
}

#metanav a {
	text-decoration:none;
}

#metanav ul li {
	float:left;
	list-style:none;
}

#metanav ul li a {
	padding:9px 10px 3px 10px;
	height:21px;
	/*display:block;*/
	background-image:url(../img/metanav_bg.png);
	background-repeat:repeat-x;
}

#metanav>ul>li>a:hover {
	background-image:url(../img/metanav_bg_hover.png);
	background-repeat:repeat-x;
}

.contentbox {
	background-color:#E1FFB6;
	border:2px solid #528C00;
	padding:10px;
	margin:10px 0;
}

.picturebox {
	/*position:absolute;
	top:30px;
	right:160px;
	width:300px;*/
	float:left;
}

.pricebox {
	/**position:absolute;
	top:30px;
	left:160px;
	width:150px;**/
}


ul.tabnav{
	margin-bottom:0px;
	height:23px;
}

ul.tabnav li{
	cursor:pointer;
	list-style:none;
	float:left;
	font-size:1.2em;
	margin-right:3px;
	border:2px solid #528C00;
	border-bottom:0;
	padding:3px 10px;
	background-color:#efefef;
}

ul.tabnav li.active {
	border:2px solid #528C00;
	border-bottom:0;
	background-color:#E1FFB6;
	height:17px;
}

div.tab{
	border:2px solid #528C00;
	background-color:#E1FFB6;
	padding:16px;
}

.orderBox {
	border:2px solid #4C4C4C;
	width:600px;
	padding:25px;
	background-color:#fff;
}

.orderBox table{
	width:100%;	
}

.orderBox table td{
	vertical-align:top;
	padding:3px;
}

.orderBox table th{
	background-color:#CFCFCF;
}

.orderBox table tr.special td{
border-top:2px solid black;
	background-color:#EFEFEF;
}

ul.articleitems {
	xheight:170px;
	width:100%;
}

ul.articleitems li {
	list-style:none;
	float:left;
	padding:10px;
}

ul#successes, ul#errors, ul.messages {
	margin:0 150px;
	list-style:none;
}

ul#successes>li {
	border:2px solid #218d00;
	background-color:#d1ffc3;
	padding:10px;
	padding-bottom:10px;
	color:#218d00;
	font-weight:bold;
	margin:10px;
	margin-bottom:0;
}

ul#errors>li {
	border:2px solid #d80000;
	background-color:#ffd1d1;
	padding:10px;
	padding-bottom:10px;
	color:#d80000;
	font-weight:bold;
	margin:10px;
	margin-bottom:0;
}

ul.messages>li.error {
	border:2px solid #d80000;
	background-color:#ffd1d1;
	padding:10px;
	padding-bottom:10px;
	color:#d80000;
	font-weight:bold;
	margin:10px;
	margin-bottom:0;
}

ul.messages>li.success {
	border:2px solid #218d00;
	background-color:#d1ffc3;
	padding:10px;
	padding-bottom:10px;
	color:#218d00;
	font-weight:bold;
	margin:10px;
	margin-bottom:0;
}

ul.messages>li.neutral {
	border:2px solid #666666;
	background-color:#EEEEEE;
	padding:10px;
	padding-bottom:10px;
	color:#666666;
	font-weight:bold;
	margin:10px;
	margin-bottom:0;
}

ol.checkoutsteps {
	/*list-style:none;*/
	height:40px;
	padding:10px;
}
ol.checkoutsteps li {
	/*list-style:none;*/
	margin-left:30px;
	float:left;
	/*margin:10px;*/
}

ol.checkoutsteps li.actual {
	font-weight:bold;
}

ol.news {

}

ol.news li {
	list-style:none;
	margin-bottom:10px;
}

ol.news li div.date {
	border:3px solid green;
	background-color:#e1ffb6;
	width:50px;
	padding:5px;
	margin-right:10px;
	float:left;
}

ol.news li div.day {
	text-align:center;
	width:100%;
	font-size:2em;
}
ol.news li div.month {
	text-align:center;
}
ol.news li div.year {
	text-align:center;
}

table.articlelist {
	background-color:white;
	padding:30px;
	width:100%;
}

table.articlelist th {
	padding:5px;
	font-size:1.3em;
	background-color:#CCC;
}

table.articlelist td {
	padding:5px;
	background-color:white;
}

table.articlelist tr.article td {
	background-color:#F0F0F0;
}

table.articlelist tr.total td {
	border-top:2px solid #CCC;
	border-bottom:2px solid #CCC;
	background-color:#F0F0F0;
}

#homepageProductTeaser {
	width:230px;
	float:right;
	margin-left:10px;
}

/** RATING **/

ul.userRating li, ul.moderationRating li{
	list-style:none;
	min-height:3em;
	margin-bottom:1em;
}
ul.moderationRating li{
	background-color:#ECECEC;
}

.ratingDate {
	font-size:0.9em;
}
.ratingUsername {
	font-size:0.9em;
	font-weight:bold;
}
.ratingContainer {
	position:relative;
	height:1.5em;
	width:80px;
}
.ratingValue_1, .ratingValue_2, .ratingValue_3, .ratingValue_4, .ratingValue_5, .ratingValue_range, .ratingValue {
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
}
.ratingValue_1, .ratingValue_2, .ratingValue_3, .ratingValue_4, .ratingValue_5, .ratingValue {
	background-image:url(/img/star.png);
}
.ratingValue_1 {
	width:16px;
}
.ratingValue_2 {
	width:32px;
}
.ratingValue_3 {
	width:48px;
}
.ratingValue_4 {
	width:64px;
}
.ratingValue_5 {
	width:80px;
}
.ratingValue_range {
	width:80px;
	background-image:url(/img/star_empty.png);
}
.ratingComment {
	
}

div.discountbatch {
	background-image:url(/img/discount_large.png);
	background-repeat:no-repeat;
	position:absolute;
	top:-16px;
	left:150px;
	width:50px;
	height:33px;
	color:#FFF;
	text-align:center;
	padding-top:17px;
	font-style:italic;
	font-weight:bold;
}