﻿body 
{
	padding : 0;
	margin : 0;
	font-family: helvetica;
	font-size:12px;
	background-color:#FFFFFF;
	color: #A4A4A4;
}
.print
{
    font-family: Arial;
    font-size: 10pt;
    color: #606060;
}
#header
{
    width: 871px;
    height: 110px;
    background-image: url(Images/head.png);
    _background-attachment: fixed;
	background-repeat: no-repeat;
}
#footer
{
    text-align: left;
    float: left;
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: 15px;
    width: 525px;
    height: 20px;
    font-size: large;
    font-style: italic;
    font-weight: bold;
    color: #A4A4A4;
}
.disclaimer
{
    margin-right: 15px;
    margin-top: 20px;
    text-align: right;
    font-weight: bold;
    color: #A4A4A4;
}

.disclaimer a:link{ color:#A4A4A4; text-decoration:underline}
.disclaimer a:hover{ color:#A4A4A4; text-decoration:underline}
.disclaimer a:visited { color:#A4A4A4; text-decoration:underline}
.disclaimer a:active{ color:#A4A4A4; text-decoration:underline}

#content
{
    margin-top: 5px;
    background-color: #E5E5E5;
    width: 871px;
    height: 100%;
    float: left;
}
#left
{
    float: left;
    width: 200px;
}
#right
{
    float: left;
    width: 660px;
}
#leiste
{
    padding: 5px 5px 5px 5px;
    font-size: 14px;
}
#cart
{
    float: right;
}
#main
{
    background-color: #353535;
    color: White;
}
.menu_cat
{
    background-color: #9B9B9B;
    /*_background-image: url(Images/menu_background.png);
    _background-repeat: no-repeat;*/
    margin-top: 24px;
    margin-left: 50px;
    width: 154px;
}
.menu_brand
{
    /*_background-image: url(Images/menu_background.png);*/
    background-color: #9B9B9B;
    margin-top: 24px;
    margin-left: 50px;
    width: 154px; 
}
.menu_item
{
    text-align: right;
    text-transform: capitalize;
}
.menu_user
{
    background-color: #9B9B9B;
    margin-top: 24px;
    margin-left: 50px;
    width: 154px;
    text-align: left;
}
.box
{
    background-color: #353535;
    border: solid 1px black;
    color: White;
    padding: 2px 0px 0px 2px;
}
.box_products
{
    background-color: #353535;
    border: solid 1px black;
    color: White;
}
.inhalt
{
    font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 20px;
	margin-left: 3px;
	margin-right: 3px;
	float: left;
}

.warenkorb a
{
    text-decoration: none;
    color:#A4A4A4;
}

a:link{ color:#FFFFFF; text-decoration:underline}
a:hover{ color:#CCCCCC; text-decoration:underline}
a:visited { color:#FFFFFF; text-decoration:underline}
a:active{ color:#FFFFFF; text-decoration:underline}

.thumbnail
{
    margin-left: 3px;
    margin-right: 3px;
}

div.shadow 
{
    float:left;
    background: url(http://shop.codejdm.net/Images/dropshadow.gif) no-repeat bottom right;
    margin: 10px 10px 10px 10px;
}
div.shadow img 
{
    position: relative;
    display: block;
    margin: -3px 6px 6px -3px;
}

.brand
{
    border: solid 1px #808080;
}

/*
a:link{ color:#FFFFFF; text-decoration:underline}
a:hover{ color:#CCCCCC; text-decoration:underline}
a:visited { color:#999999; text-decoration:underline}
a:active{ color:#FFFFFF; text-decoration:underline}
*/

h1 
{
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: 3px;
}

h2 
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: 3px;
}
	
h3
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.box_code
{
    background-color: #000000;
    border: solid 1px;
    border-color: #606060;
    margin-top: 0px;
    margin-left: 3px;
    margin-bottom: 10px;
}

.box_code h2
{
    height: 20px;
    _background-color: #606060;
    background-image: url(Images/codejp.jpg);
    background-repeat: no-repeat;
    background-position: left;
    margin-top: 0px;
    border-bottom: solid 1px #606060;
    padding-left: 60px;
    color: #606060;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
}

.box_code p
{
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
}

/* table style */
.datagrid
{
	font-family:lucida grande,arial,helvetica,sans-serif;
	font-size:11px;
	width:800px;
	border:solid 1px #000000;
}

/* common cell styles */
.datagrid th, .datagrid td
{
	cursor:default;
	height:20px;
}

/* header cell style */
.datagrid th
{
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#000000;
    background:#000000;
    color:#FFFFFF;	
    font-weight:bold;
    text-align:center;    
}  

.datagrid th a{ color: #FFFFFF;}

/* cell styles */
.datagrid td
{
    color:#FFFFFF;
	padding:2px 8px;
	border-right-style:solid;
	border-right-width:1px;
    border-right-color:#000000;		
	border-bottom-style:solid;
	border-bottom-width:1px;	
    border-bottom-color:#000000;	
}

/* mouseover row style */
.datagrid tr:hover{ background-color:#c8c8c8; }

.datagrid a { color: #FFFFFF;}


.detail
{
	font-family:lucida grande,arial,helvetica,sans-serif;
	font-size:11px;
	background-color:#fff;
	border:solid 2px #000;
	padding:4px;
}
.detail .footer
{
	text-align:right;
	padding:8px;
}


/* table style */
.detailgrid
{
	border:solid 1px #ad9e87;
}

/* cell styles */
.detailgrid td
{
	cursor:default;
	height:20px;
    color:#000;
	padding:2px 8px;
	border-right-style:solid;
	border-right-width:1px;
    border-right-color:#f2e8da;		
	border-bottom-style:solid;
	border-bottom-width:1px;	
    border-bottom-color:#f2e8da;	
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #606060;
    color: white;
    _background-color: #2E4d7B;
    background: url('Images/forums/forum_balken.jpg');
    background-repeat: no-repeat;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    height: 22px;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #606060;
    color: white;
    _background-color: #5078B3;
    background: url('Images/forums/forum_balken.jpg');
    background-repeat: no-repeat;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    height: 22px;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #000000;
    border: 1px dashed #606060;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.collapsePanel {
	_border: solid 1px;
    _border-color: #606060;
    background-color:#000000;
	overflow:hidden;
	width: 600px;
    margin-left: 5px;
    _padding-left: 5px;
}

.collapsePanelHeader
{
    border: solid 1px;
    border-color: #606060;
    margin-top: 5px;
    margin-left: 5px;
	width:600px;
	height:30px;
	background-image: url(images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

/* Rating Control */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}
