/* default DJD-colors are:
 *
 *  #515772 = paars
 *  #77833f = groen
 *  #bf00af = roze
 */
body {
    background-color: gray;
    background-image: url(../steenback.jpg);
    color: white;
    cursor:default;
    padding-left:155px;
    
    scrollbar-face-color: #ABB400;
    scrollbar-shadow-color: #CCCCCC;
    scrollbar-highlight-color: #CCCCCC;
    scrollbar-3dlight-color: #ABB400;
    scrollbar-darkshadow-color: #ABB400;
    scrollbar-track-color: #ABB400;
    scrollbar-arrow-color: #CCCCCC;
}

img {
    border:none;
}

form {
    display:inline;
}

a:link,
a:active,
a:visited {
    color:#333333;
    text-decoration:underline;
}
a:hover {
    color:#333333;
    text-decoration:none;
}

p, td, th, li, div, legend, label, acronym,address {
    font-family:verdana,tahoma,arial,sans-serif;
    font-size:12px;
}

acronym {
    border-bottom:1px dashed;
    cursor:help;
}

table { border-collapse:collapse; }

td, th {
    border:1px solid #666666;
    vertical-align:top;
    padding:2px;
}

th {
    background-color:#CCCCCC;
    color:#000000;
}
td {
    background-color:#AAAAAA;
    color:#000000;
}

thead th, thead td {
    vertical-align:bottom;
}

pre {
    font-family:'courier new',monospace;
    font-size:11px;
    border:1px dashed black;
}

/*** GLOBAL CLASSES ***/

.center {
    text-align:center;
}

.left {
    text-align:left;
}

.right {
    text-align:right;
}

.middle {
    vertical-align:middle;
}

.deadcenter {
    text-align:center;
    vertical-align:middle;
}

.centerme {
    margin-left:auto;
    margin-right:auto;
}

.border {
    border:1px solid #999999;
}

.border_highlight {
    border:1px solid #CCCCCC;
}

.nowrap {
    white-space:nowrap;
}

.mark, .mark * {
    font-weight:bold;
}

.full_width {
    width:98%;
}

.half_width {
    width:48%;
}

.error {
    color:#FF0000;
    font-weight:bold;
}

option.optgroup {
    background-color:#000000;
    color:white;
    font-weight:bold;
}

/*** MENU ***/

div#menu {
    position:absolute;
    left:0px;
    padding:2px;
    margin:2px;
    border:1px solid #666666;
    background-color:black;
    width:146px;
}

div#menu a:link,
div#menu a:active,
div#menu a:visited,
div#menu a:hover {
    font-size:11px;
    display:block;
    padding:4px;
    text-decoration:none;
    color:white;
}
div#menu a:hover {
    font-size:11px;
    padding:3px;
    border:1px solid #666666;
    background-color:#EEEEEE;
}

div#menu a.credits:link,
div#menu a.credits:active,
div#menu a.credits:visited,
div#menu a.credits:hover {
    font-size:10px;
    color:#666666;
}

div#menu div.divider {
     height:1px;
     border-bottom:1px solid #666666;
     margin-bottom:1px;
     font-size:0px;
 }

div#menu input.text {
    font-size:11px;
    border:1px solid #666666;
    background-color:#EEEEEE;
    height:15px;
    width:100%;
    color:#000000;
}
div#menu input.button {
    font-size:11px;
    border:1px solid #666666;
    background-color:#EEEEEE;
    height:18px;
    width:100%;
    color:#000000;
}

div#menu label {
    font-size:11px;
}

/*** COLOR BOX ***/

span.colourbox {
    width:16px;
    height:16px;
    cursor:help;
    border:#666666;
}

/* stuff by Markjuh */
h1 {
	color: black;
}

div#content {
	border: 1px solid #bf00af;

	background-color: #000000;
	color: white;

	padding: 1em;
}

div#login-window {
	position: relative;

	width: 768px;
	height: 600px;

	background-image: url(../LoginBackground.jpg);
}

div#login-window div#menu {
	bottom: 3em;
}

div#login-window p#bb-only {
	position: absolute;
	bottom: 0;

	color: #ffffff;
}

dl {
	font-family: verdana, helvetica, arial, sans-serif;
}

dl.product-list {
}

dl.product-list > dt {
	font-size: 200%;
	font-weight: bold;

	color: black;
}

dl.product-list > dd.product {
	float: left;

	width: 18em;
	height: 26em;

	background-color: #000000;
}

div.product,
dl.product-list dd.product {
	margin: 1em;
	padding: 1em;

	border: 1px solid #bf00af;

	background-color: #000000;
	color: white;
}

div.product {
	font-size: 12pt;
}

dl.product-list dd.product {
	font-size: 10pt;

	text-align: center;
}

div.product h1,
dl.product-list dd.product h1 {
	font-size: 150%;
	margin: 0;

	color: white;
}

div.product h2,
dl.product-list dd.product h2 {
	font-size: 150%;
	font-weight: bold;
}

div.product h2.code,
dl.product-list dd.product h2.code {
	margin-top: 0;

	font-size: 100%;
	font-style: italic;
}

div.product h2.price,
dl.product-list dd.product h2.price {
	margin-top: 0;

	font-style: italic;
}

div.product h2.price {
	display: inline;

	padding: .5em;

	background-color: tranparent;
}

div.product dl,
dl.product-list dd.product dl {
	clear: left;

	padding-top: 1em;
}

div.product dl.image-list,
dl.product-list dd.product dl.image-list {
	padding: 0;
}

div.product dl.image-list dt,
dl.product-list dd.product  dl.image-list dt {
	clear: left;

	font-size: 135%;
	font-weight: bold;
}

div.product dl.image-list dd {
	float: left;

	margin: 0;
}

dl.product-list dd.product dl.image-list dd {
	margin: 0 auto;
	padding: 0;

	width: 12em;
	height: 12em;
}

div.product dl.image-list dd img {
	margin: 1em .5em;
	border: 1px solid white;
}

dl.product-list dd.product dl.image-list dd img {
	margin: 1em;
	border: 1px solid white;
}

dl.product-list dd.product p.details a {
	padding: .5em;

	color: black;
	background-color: #cccccc;

	border: 1px solid #666666;
}

dl.product-list dd.product p.details a:hover {
	background-color: #eeeeee;
}

div.product dl.size-list dt {
	clear: left;

	font-size: 150%;
	font-weight: bold;
}

div.product dl.size-list dd {
	float: left;

	margin: 0;
	padding-right: 2em;
}

div.product dl.size-list dd img.size-icon {
	margin-right: .5em;

	border: 1px solid white;

	background-color: black;

	vertical-align: bottom;
}

div.product dl.colour-list dt {
	clear: left;

	font-size: 150%;
	font-weight: bold;
}

div.product dl.colour-list dd {
	clear: left;

	margin: .25em 0;
}

div.product dl.colour-list dd div.colour {
	float: left;

	display: inline;

	margin: 0;
	padding: .25em 1em;
}

div.product dl.colour-list dd span {
	margin-left: .5em;
}

div.product h2.description {
	clear: left;
}

div.description {
	color: white;
}

.clearer {
	clear: both;
}

table.cart-overview tr.total td,
table.order-overview tr.total td,
table.productcart-overview tr.total td {
	font-weight: bold;
	font-style: italic;

	background-color: #eeeeee;
}

p.size-choose-notice,
p.colour-choose-notice {
	font-weight: bold;

	color: red;
}

dl#product-add-list dt {
	font-weight: bold;
}

table#product-add-table {
}

table#product-add-table tr th {
	width: 5em;
}

table#product-add-table tr td {
	text-align: center;
}

table#product-add-table tr td div.colour {
	float: left;

	display: inline;

	margin: 0;
	padding: .25em 1em;
}

ol#agreement li {
	margin-bottom: .5em;
}

h2.register {
	clear: left;

	margin-bottom: 0;
	padding-top: .5em;
}

dl#register-client,
dl#register-client-billing,
dl#register-client-dispatch {
}

dl#register-client dt,
dl#register-client dd,
dl#register-client-billing dt,
dl#register-client-billing dd,
dl#register-client-dispatch dt,
dl#register-client-dispatch dd {
	float: left;
}

dl#register-client dt,
dl#register-client-billing dt,
dl#register-client-dispatch dt {
	clear: left;

	width: 6em;
}

dl#register-client dd,
dl#register-client-billing dd,
dl#register-client-dispatch dd {
	width: 14em;
}


dl#register-client dd input,
dl#register-client-billing dd input,
dl#register-client-dispatch dd input {
	width: 100%;
}

ul#order-list {
	border: 1px solid #bf00af;

	background-color: #000000;
	color: white;

	padding: 1em;
}

ul#order-list li a {

}

ul#order-list li a:link,
ul#order-list li a:active,
ul#order-list li a:visited {
    color: white;
    text-decoration: underline;
}
ul#order-list li a:hover {
    color: white;
    text-decoration: none;
}