/* Main */

/*body {
	color: #52514e;
	background: #ccc url(../../../images/bg.jpg) repeat-x fixed;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

#main {
    width: 996px;
    position: relative;
    vertical-align: top;
    text-align: left;
    background: #FFFFFF;
    min-height: 100%;
	height:auto !important;
	display: table;
}
*/
/* Container */

#center {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 646px;
}

#center td {
	vertical-align: top;
	text-align: right;
}

/* General */

/*h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

h1 {
    font-size: 1.8em;
    font-weight: bold;
    padding-bottom: 1em;
	color: #ff9900;
}

h2 {
    font-size: 1.6em;
    font-weight: bold;
    color: #ff9900;
    padding-bottom: 0.7em;
    text-align: left;
} 

h3 {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 0.5em;
}

h4 {
    font-size: 1.1em;
    font-weight: bold;
    padding-bottom: 0.2em;
}

p {
    margin-top: 0px;
    line-height: 1.9em;
    margin-bottom: 2em;
    margin-right: 5px;
}*/

hr {
	background: url(../../../images/hr_horiz.gif) transparent repeat-x 0 0;
    height: 1px;
    border: 0px;
    margin-bottom: 1.7em;
    clear: both;
}

/* Links */

/*a, a:link, a:visited {
    color: #ff9900;
    text-decoration: none;
	font-weight: bold;
}

a:hover, a:active {
	text-decoration: underline;
}*/

/* Positioning */

.clear {
	clear:both;
	height:1px;
	margin-top:-1px;
	overflow:hidden;
}

.left {
	float: left;
}

.right {
	float: right;
}

.last {
	background: none !important;
	border: none !important;
}

/* Top */

/*#top {
	display: block;
	height: 35px;
	background: #52514e url(../../../images/bar_top.gif) no-repeat 0 0;
	position: relative;
}

#header {
	background: #8b8b88 url(../../../images/bg_header.jpg) no-repeat 0 0;
	display: block;
	height: 165px;
}*/

/* Nav (aka the "Vertical Menu) */

/*#navholder {
	background: #fff url(../../../images/menubg_hz.jpg) no-repeat 0 0;
	height: 65px;
	padding: 15px 0 0 0;
}

#nav {
	margin: 0 !important;
	display: table;
	padding: 9px;
}

#nav ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav a {
	text-decoration: none;
	color: #52514e;
}

#nav a:hover {
	color: #989898;
	text-decoration: none;
	background: none;
}

#nav li {
	float: left;
	padding: 5px 25px 0 25px;
	margin: 0;
	list-style-type: none;
    font-size: 10px;
	font-weight: bold;
	background: url(../../../images/menu_vt_separator.gif) transparent no-repeat 100% 0%;
	height: 23px;
}*/

/* Main */

#container {
	background: #fff;
	display: block;
	min-height: 350px;
	width: 960px;
	position: relative;
}

/*#left {
	width: 150px;
	position: relative;
	display: block;
	padding-right: 25px;
	float: left;
}*/

#content {
	position: relative;
	width: 960px;
	float: left;
}

/*#right {
	position: relative;
	width: 125px;
	background: url(../../../images/right_separator.gif) transparent repeat-y 0% 0%;
	padding-left: 25px;
	float: right;
	margin-bottom: 25px;
}*/

/* Footer */

/*#footer {
	background: transparent;
	padding: 20px 15px 0 15px;
	text-align: center;
	height: 40px;
	width: 966px;
}

#footer a {
	text-decoration: underline;
	color: #52514e;
	font-weight: normal;
}

#footer a:hover, a:active {
	text-decoration: none;
	color: #989898;
}*/

/* Menu_hz (aka the "Horizontal Menu) */

#menucontainer {
	display: block;
	margin-left: 25px;
	width: 125px;
	background: #fff;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
}

#menucontainer .menutop {
	display: block;
	background: url(../../../images/menu_hz_top.gif) #ff9900 no-repeat 0 0;
	height: 20px !important;
}

#menucontainer .menubottom {
	display: block;
	background: url(../../../images/menu_hz_bottom.gif) #ff9900 no-repeat 0 0;
	height: 20px !important;
}

#menucontainer a {
	text-decoration: none;
	color: #fff;
}

#menucontainer .highlight {
  text-decoration: none;
  color: #52514e;
  font-weight: bolder;
}

#menucontainer a:hover, a:active {
	color: #52514e;
	text-decoration: none;
	background: none;
}

#menucontainer ul {
	background: #ff9900;
	margin: 0;
	padding-left: 30px;
}

#menucontainer li {
	list-style-image: none;
	list-style-type: none;
	background: url(../../../images/menu_hz_separator.gif) transparent no-repeat -30px 18px;
	padding-bottom: 13px;
}
#menucontainer .open {
	list-style-image: none;
	list-style-type: none;
	background: none !important;
	padding-bottom: 13px;
}

#menucontainer ul ul {
	margin-top:12px;
	padding-left:0;
	position:relative;
	background: url(../../../images/menu_hz_separator.gif) transparent no-repeat -30px 100%;
}

#menucontainer ul ul li {
	list-style-image: none;
	list-style-type: none;
	background: none;
	padding-bottom: 12px;
}

.sublvl {
	padding-bottom: 5px !important;
	background: none !important;
}

#menucontainer .current {
	color: #52514e;
}

#menucontainer img {
	display: block;
	float: left;
	margin-left: -16px;
}

#menucontainer img:hover {
margin-left:-16px;
} 

/* Forms */

input {
	color:#444444;
}

input, select, textarea {
	margin-bottom:0.5em;
	background: #fff;
	width: 200px;
}

.submit , .button {
	background: #e7e7e7;
	border:1px solid #ccc;
	font-weight: bold;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	padding: 3px 15px;
}

fieldset {
    border: none;
    width: 646px;
	padding: 0;
}

.left-label {
    width: 150px;
	float: left;
}

input.validation-error,
select.validation-error,
textarea.validation-error,
file.validation-error {
	border-bottom: 1px solid #FF0000;
	border-right: 1px solid #FF0000;
	border-top: 2px solid #cc0000;
	border-left: 2px solid #cc0000;
	margin-bottom: 0.5em;
}

.group.validation-error {
	color: #ff0000;
}

.left-label.validation-error {
	font-weight: bold;
	color: #ff0000;
}

.checkbox {
	border:medium none;
	margin:0pt 2px 0pt 0pt;
	width:12px;
	vertical-align:middle;
}

.radiobutton {
	border:medium none;
	margin:0pt 2px 0pt 0pt;
	vertical-align:middle;
	width:12px;
}

.group {
	margin-bottom: 0.5em;
}

.buttongroup {
	margin-top: 1em;
}

.required {
	background:#F5F5F5;
	border:1px dashed #989898;
	padding:10px 10px 0 0;
	position: absolute;
	right: 0;
	text-align:right;
	width:150px;
	float: right;
	display: block;
}

.errortext {
	font-weight: bold;
	color: #FF0000;
	margin-bottom: 1.9em;
}

.errortext .fields {
	color: #52514e;
}

/* Search box */

#searchbox {
	width: 628px;
	background: url(../../../images/search_bg.gif) #D0D0D0 no-repeat 0 0;
	height: 41px;
	margin-bottom: 30px;
	padding: 19px 0 0 18px;
	position: relative;
}

#searchbox .searchtitle {
	width: 85px;
	position: relative;
	display: inline;
	top: 2px;
}

#searchbox #searchlabel {
	background: transparent url(../../../images/search_title_en.gif) no-repeat left;
    display: block;
    float: left;
    width: 85px;
    height: 20px;
    margin-left: 2px;
}

#searchbox #searchlabel_nl {
    background: transparent url(../../../images/search_title_nl.gif) no-repeat left;
    display: block;
    float: left;
    width: 85px;
    height: 20px;
    margin-left: 2px;
}

#searchbox .deptbox {
	width: 145px;
	margin-bottom: 0;
}

#searchbox .searchform {
	width: 150px;
	margin: 0 10px 0 0;
}

#searchbox .btngo {
	position: relative;
	display: inline;
	top: 2px;
}

#searchbox .btngo input.submit {
	background: url(../../../images/search_btngo.gif) no-repeat right; 
	width:50px; 
	height:20px; 
	border:0px;
	padding:0px;
}

#searchbox input {
	color:#444444;
}

#searchbox input, #searchbox select, #searchbox textarea {
	margin-bottom:0.5em;
	background: #fff;
	width: 200px;
}

/* Three items */

#content .threeitems {
	position: relative;
	width: 646px;
	display: table;
	margin: 0 0 40px 0;
}

.threeitems .productlarge {
	float: left;
	width: 202px;
	margin-right: 13px;
	position:relative;
}

.threeitems .productlarge .image {
	max-height:166px;
	max-width: 202px;
	height:166px;
	height: expression(this.height > 166 ? "166px" : auto);  
	width: auto;
	text-align:center;
	margin-bottom: 25px;
}

.threeitems a.productinfo, a.productinfo:link, a.productinfo:visited {
	color: #52514e;
    text-decoration: none;
	font-weight: normal;
}

.threeitems a.productinfo:hover, a.productinfo:active {
	text-decoration: underline;
	background: none;
}

a.leesmeer, a.leesmeer:link, a.leesmeer:visited {
    color: #ff9900 !important;
    text-decoration: none;
	font-weight: bold;
}

a.leesmeer:hover, a.leesmeer:active {
    background: none;
	text-decoration: underline;
}

#content .addtocart {
	background:#FFFFFF none repeat scroll 0%;
	text-align: center;
	width: 190px;
}

.addtocart .submit {
	background: #e7e7e7 url(../../../images/add_to_cart.gif) no-repeat 0 0;
	border: none;
	color: #52514e;
	font-size: 10px;
	font-weight: bold;
	padding: 5px 47px 5px 30px;
	width: 154px;
}

/* Cart right column */

#cart {
	width: 100px;
	margin-right: 25px;
}

#cart .title{
	text-align: center;
}

#cart .image {
	width: 100px;
	text-align: center;
	margin-bottom: 30px;
	clear: both;
	display: block;
}

#cart a img {
	border: 0;
	max-width:100px; 
	width:expression(this.width > 100 ? "100px" : this.width); 
	height:auto;
}

#cart .morelink {
	margin-bottom: 15px;
}

#cart .checkout {
	background:#FFFFFF none repeat scroll 0%;
	text-align: center;
	width: 100px;
	margin-bottom: 25px;
}

.checkout .submit {
	background: #e7e7e7 url(../../../images/checkout.gif) no-repeat 0 0;
	border: none;
	color: #52514e;
	font-size: 10px;
	font-weight: bold;
	padding: 3px 20px 5px 25px;
	width: 100px;
	height: 20px;
	text-align: left;
}

/* Top: linkbar */

#linkbar {
	right: 25px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	padding: 8px 0 0 0;
}

#linkbar ul {
	padding: 0;
	margin: 0 25px 0 0;
}

#linkbar li {
	border-left: 1px #fff solid;
	list-style: none;
	float: right;
}

#linkbar .login {
	margin-left: 35px;
}

#linkbar li.login {
	list-style-image: url(../../../images/arrow_orange.gif) !important;
	border: none;
}

#linkbar li.links {
	padding: 0 10px;
}

a.toplinks, a.toplinks:link, a.toplinks:visited {
    color: #fff;
    text-decoration: none;
}

a.toplinks:hover, a.toplinks:active {
	color: #989898;
	text-decoration: none;
}

a.toplinksimg, a.toplinksimg:link, a.toplinksimg:visited {
	color: #52514E;
    text-decoration: none;
}

a.toplinksimg:hover, a.toplinksimg:active {
	color: #989898;
	text-decoration: none;
}

/* Detail view */

.detailcontainer {
	display: table;
	margin-bottom: 25px;
}

#productdetail {
	width: 646px;
}

#productdetail .productactions {
	width: 165px;
	float: left;
}

#productdetail .image {
    max-width:165px; 
    max-height:136px; 
    width: expression(this.width > 165 && this.width > this.height ? "165px" : auto);  
    height: expresion(this.height > 136 ? "136px" : auto);
	text-align: center;
	margin-bottom: 30px;
}

#productdetail .priceinfo {
	width: 165px;
	position:relative;
	clear: both;
}

#content .price {
	display: block;
	font-size: 1.9em;
	font-weight:bold;
}

#productdetail .content {
	width: 461px;
	margin-left: 20px;
	position: relative;
	top: 0;
	float: left;
}

.productinfo ul {
	line-height: 1.9em;
	margin:0 0 1.9em 0;
	padding:0;
}

.productinfo ul li {
	list-style: none;
}

.productinfo .stat {
	font-weight: bold;
}

#productdetail .addtocart {
	margin-top: 20px;
	background:#FFFFFF none repeat scroll 0%;
	text-align: left;
	width: 165px;
}

#productdetail .addtocart .submit {
	background: #e7e7e7 url(../../../images/add_to_cart.gif) no-repeat 0 0;
	border: none;
	color: #52514e;
	font-size: 10px;
	font-weight: bold;
	padding: 5px 47px 5px 30px;
	width: 154px;
}

/* Paging */

.paging ul {
	margin: 0;
	padding: 0;
}

.paging ul li {
	display: inline;
	padding: 0 1px;
}

.paging .first {
	padding-right: 0.5em;
}

.paging .last {
	padding-left: 0.5em;
}

.paging .current {
	color: #ff9900;
	background: #52514e;
	padding: 0 5px 1px 4px;
	font-weight: bold;
}

a.pagenumber, a.pagenumber:link, a.pagenumber:visited {
	color: #52514e;
	padding: 0 2px;
}

a.pagenumber:hover, a.pagenumber:active {
	color: #989898;
	text-decoration: none;
}

/* Search Results */

#resultcontainer {
	width: 646px;
	display: table;
}

.pagingcontainer {
	margin: 0 0 1.9em 0;
	display: table;
	width: 646px;
}

.pagingcontainer .info {
	float: left;
}

.pagingcontainer .paging {
	float: right;
}

#resultcontainer .result {
	background: url(../../../images/hr_horiz.gif) transparent repeat-x 0% 100%;
	display: table;
	width: 646px;
	margin-bottom:1.9em;
}

.result .image {
	float: left;
	margin-bottom:1.9em;
	border: 0;
	max-width:100px; 
	width:expression(this.width > 100 ? "100px" : this.width); 
	height:auto;
}

.result .content {
	float: left;
	margin-left:15px;
	width:365px;
}

.result .content .title {
	margin-bottom: 1em;
}

.title .author {
	margin-left:10px;
	color: #989898;
}

.result .priceinfo {
	width: 165px;
	position:relative;
	text-align: right;
	float: right;
	margin-top: 1.5em;
}

.result .price {
	margin-bottom: 1em;
}

#resultcontainer .addtocart {
	background:#FFFFFF none repeat scroll 0%;
	width: 165px;
	text-align: right;
}

/* Textpages */

.intro {
	font-weight: bold;
}

#textcontainer {
	padding-bottom: 25px;
}

/* Profile */

#profilecontainer {
	margin-bottom: 40px;
	position: relative;
}

#cartcontainer #profilecontainer .buttongroup {
	margin-top: 1em;
	text-align: left;
}

#cartcontainer #profilecontainer input, #cartcontainer #profilecontainer select, #cartcontainer #profilecontainer textarea {
	margin-bottom:0.5em;
	background: #fff;
	width: 200px;
	font-size: 10pt;
}

.profilegroup {
	position: relative;
}

/* Login */

.logincontainer {
	position: relative;
	margin-bottom: 25px;
	padding-bottom: 25px;
	background: url(../../../images/hr_horiz.gif) transparent repeat-x 0% 100%;
}

#cartcontainer .logincontainer .buttongroup {
	margin-top: 1em;
	text-align: left;
}

#cartcontainer .logincontainer input, #cartcontainer .logincontainer select, #cartcontainer .logincontainer textarea {
	margin-bottom:0.5em;
	background: #fff;
	width: 200px;
	font-size: 8pt;
}

/* Register */

.registergroup {
	background: url(../../../images/hr_horiz.gif) transparent repeat-x 0% 100%;
	width: 646px;
	margin-bottom:1.9em;
	padding-bottom:1.2em;
	position: relative;
}

/* Order Steps */

#ordersteps {
	width: 646px;
	background: url(../../../images/hr_horiz_orange.gif) transparent repeat-x 0% 100%;
	padding-bottom: 25px;
	position: relative;
	margin-bottom: 25px;
	height: 55px;
}

.orderblock {
	float: left;
	color: #C3C2C1;
	font-weight: bold;
	text-align: center;
	margin-right: 12px;
	padding: 20px;
	background: #E7E7E7;
	border: 1px solid #C3C2C1;
	height: 10px;
}

.orderblock.current {
	background: #FF9900 !important;
	border: 1px solid #996600 !important;
	color: #fff;
}

.orderblock.complete {
	border: 1px solid #ff9900 !important;
	background: #ffdba6 !important;
	color: #ff9900;
}

#ordersteps .last {
	margin-right: 0 !important;
}

.arrow_separator {
	padding: 22px 0 0 12px;
	background: url(../../../images/arrow_grey.gif) transparent no-repeat 0% 100%;
	display: block;
	float: left;
	width: 10px;
	height: 10px;
}

/* Cart */

#cartcontainer {
	padding-bottom: 25px;
	margin-bottom:25px;
	width: 646px;
}

#cartcontainer .buttongroup {
	margin-top: 2.5em;
	text-align: right;
}

#cartcontainer .buttongroup .leftform{
	width: 85%;
	float: left;
	text-align: right;
}

#cartcontainer .buttongroup .rightform{
	width: 12%;
	float: left;
	text-align: left;
	padding-left: 0.5em;
}

#cartcontainer .buttongroup .rightbutton{
    width: 12%;
    float: left;
    text-align: center;
    margin-left: 0.5em;
}

/* Order Table */

.ordertable {
	display: block;
	width: 646px;
	margin-bottom:3em;
}

.gegevens {
	border-style: none;
	border-collapse: collapse;
}

table.gegevens td, th {
	vertical-align: middle !important;
	text-align: right; /*center*/
}

table.gegevens .articledescr {
	vertical-align: middle !important;
	text-align: left; /*center*/
}

.ordertable .colarticle {
/*	width: 250px;
*/
	width: 290px;
	padding-bottom:1.5em;
	text-align: left;
}

.ordertable .colamount {
	width: 50px;
	padding-bottom:1.5em;
}

.ordertable .colprice {
	width: 70px;
	padding-bottom:1.5em;
}

.ordertable .colsubtotal {
	width: 70px;
	padding-bottom:1.5em;
}

.ordertable .coltax {
	width: 66px;
	padding-bottom:1.5em;
}

.ordertable .colvzd {
	width: 86px;
	padding-bottom:1.5em;
}

.ordertable .coldelete {
	width: 10px;
	padding-bottom:1.5em;
}

.ordertable .table_header {
	width:646px;
}

.ordertable .stockheader {
  width: 5px;
  padding-bottom:1.5em;
}

#cartcontainer .warning {
  font-weight: bold;
  color: #00a2b5;	
}

#cartcontainer .warning_text {
  text-align:left;
}

.table_header a {
	color: #52514E !important;
}

#cartcontainer .ordertable .btndelete {
	position: relative;
	display: inline;
	top: 2px;
}

#cartcontainer .ordertable .btndelete input.submit {
  background:transparent url(../../../images/delete.gif) no-repeat scroll center;
  border:0px none;
  height:20px;
  padding:0px;
  width:20px; 
}

.gegevens input, .gegevens select, .gegevens textarea,
#linkbar input, #linkbar select, #linkbar textarea   {
	background: #fff;
	margin: 0;
	width: auto;
	border: 1px solid #989898;
	font-size: 10px;
}

#linkbar input, #linkbar select, #linkbar textarea {
    background: #52514E;
    color: #fff;
    position:relative;
    top:-2px;
    border: 1px solid #999;
} 

.even {
	background: #E7E7E7;
	border-color: #E7E7E7;
}

.even td {
	border-color: #E7E7E7;
}

.even2 {
	background: #ff9600;
	border-color: #ff9600;
}

.uneven {
	background: #fafafa;
	border-color: #fafafa;
}

#costcontainer {
	margin-bottom:2em;
	padding-bottom: 25px;
	background: url(../../../images/hr_horiz_orange.gif) transparent repeat-x 0% 100%;
}

.cost {
	width: 646px;
	clear:both;
}

table.cost th {
	background-color:#FFFFFF;
/*	font-size:1em;
*/	font-weight:bold;
	padding:0pt;
	text-align:right;
}

table.cost td {
	background-color:#FFFFFF;
/*	font-size:1.2727em;
*/	font-weight:bold;
	padding: 2px 10px;
	text-align:right;
	width:85px;
}

table.cost th.subtotal, table.cost td.subtotal, table.cost th.discount, table.cost td.discount {
	background: url(../../../images/hr_horiz.gif) transparent repeat-x 0 0;
	padding: 2px 10px;
	color: #52514e !important;
}

table.cost td.total {
	padding: 2px 10px;
	background: #7d7d7a;
	color: #ff9900;
	border-top: 1px solid #ff9900;
}

table.cost th.total {
	padding: 2px 10px;
	background: #989898;
	color: #fff;
	border-top: 1px solid #ff9900;
}

/* Adress Information */

.adresscontainer {
	padding-bottom: 25px;
	margin-bottom: 25px;
	background: url(../../../images/hr_horiz_orange.gif) transparent repeat-x 0% 100%;
}

.adresscontainer ul {
	line-height: 1.9em;
	margin:0;
	padding:0;
}

.adresscontainer ul li {
	list-style: none;
}

/* Shipping */

#shippingcontainer {
	padding-bottom: 25px;
	margin-bottom: 25px;
	background: url(../../../images/hr_horiz_orange.gif) transparent repeat-x 0% 100%;
}

#shippingcontainer ul {
	line-height: 1.9em;
	margin: 0;
	padding:0;
}

#shippingcontainer ul li {
	list-style: none;
}

#shippingcontainer input, #shippingcontainer select, #shippingcontainer textarea {
	background: #fff;
	margin: 0;
	width: auto;
	border: none;
	font-size: 10px;
}

#shippingcontainer .fields {
	font-weight: bold;
}

/* Payment */

#paymentcontainer {
	padding-bottom: 25px;
	background: url(../../../images/hr_horiz_orange.gif) transparent repeat-x 0% 100%;
}

#paymentcontainer .buttongroup {
	text-align: left;
	margin-top: 0;
}

.hidden {
	display: none;
}
