html, body {
	font: 88%/1.6em Verdana, Arial, sans-serif;
	/*color: #51473d;*/
	color: #eae7d2;
	background: #eae7d2;
	text-align: center;
}

/* DONT SHOW OSCOMMERCE ERRORS */
.messageStackWarning { display: none; }

a { color: #ff9300; text-decoration: underline; }
a:hover { color: #000; }

#container {
	position: relative;
	text-align: left;
	width: 750px;
	/*background: url("images/bg.jpg") #51473d right top no-repeat;*/
	background: url("images/bg_new.jpg") #3a3128 right top no-repeat;
	_background: url("images/bg_def.jpg") #3a3128 right top no-repeat;
	border: 8px solid #FFF;
}

#shadow {
	position: relative;
	width: 766px;
	*width: 750px;
	margin: 10px auto 0 auto;
	padding: 8px;
}

#shadowLeft, #shadowRight, #shadowTop, #shadowBottom {
	position: absolute;
	height: 8px;
	width: 8px;
	font-size: 1px;
}

#shadowLeft{ background: url("images/shadowLeft.gif") left top repeat-y; left: 0; top: 8px; }
#shadowRight{ background: url("images/shadowRight.gif") left top repeat-y; right: 0; top: 8px; }
#shadowTop{ background: url("images/shadowTop.gif") left top repeat-x; left: 8px; top: 0; }
#shadowBottom{ background: url("images/shadowBottom.gif") left top repeat-x; left: 8px; bottom: 0; }

/* LOGO */
h1 {
	position: absolute;
	left: 12px;
	top: 15px;
}

h1 a {
	overflow: hidden;
	text-indent: -1234em;
	display: block;
	width: 170px;
	height: 62px;
	background: url("images/logo_new.png") left top no-repeat;
	*background: none;
	*cursor: pointer;
	*cursor: hand;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_new.png',sizingMethod='image');
}

/* BREADCRUMBS */
tr.headerNavigation { 
	position: absolute; 
	left: 220px; 
	*left: 230px;
	top: 100px;
	*top: 104px;
	padding: 8px;
}

tr.headerNavigation td {
	color: #51473d;
}

tr.headerNavigation td a {
	color: #2388ff;
}

/* ACCOUNT NAVIGATION */
td.breadCrumb {
	width: 501px;
	height: 29px;
	padding: 4px 0 0 0;
	position: absolute;
	right: 0;
	top: 0;
	background: url("images/accountNav_bg.gif") left top no-repeat;
}

td.breadCrumb a {
	font-weight: normal;
	text-decoration: none; 
}

/* ICONS */
td.breadCrumb a { margin: 0 1em 0 0; }
td.breadCrumb a.logoff { 
	padding: 0 0 0 20px; 
	background: url("images/logoff.gif") left top no-repeat;
}

td.breadCrumb a.account { 
	padding: 0 0 0 20px; 
	background: url("images/account.gif") left top no-repeat; 
}

td.breadCrumb a.cart { 
	padding: 0 0 0 20px; 
	background: url("images/cart.gif") left top no-repeat;
}

td.breadCrumb a.checkout { 
	padding: 0 0 0 20px; 
	background: url("images/checkout.gif") left top no-repeat; 
	margin-right: 0.2em; 
}

/* CONTENT */
.headerTable {}
.contentback {
	margin-top: 98px;
	margin-left: -4px;
	*margin-left: -8px;
}

.contentBlock {
	background: #FFF;
	color: #51473d;
	width: 515px;
	*width: 501px;
	
	margin-left: -8px;
	*margin-left: 0;
	margin-right: 8px;
	margin-bottom: 8px;
}

.contentBlock table, .contentBlock td, .contentBlock th {
	color: #51473d;
}

.contentBlock * a {
	color: #2388ff;
}

.contentBlock table {
	margin: 8px;
}

.contentBlock table table {
	margin: 0;
}

.pageHeading h3 {
	text-align: left;
	padding: 6px 0;
	border-top: 1px solid #eae7d2;
	border-bottom: 1px solid #eae7d2;
	font-size: 14px;
	margin-top: 20px;
	font-weight: bold;
	*margin-right: 20px !important;
}

.contentBlock p {
	padding: 0 8px 1em 8px;
}

.contentBlock p strong {
	font-weight: bold;
}

.main {
	padding-right: 16px;
}

.contentBlock hr {
	margin: 0 8px 1em 8px;
	height: 1px;
	border: none;
	border-bottom: 1px solid #eae7d2;
}


.inlineImage {
	background: #FFF;
	border: 3px double #bbad7b;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

/* LEFTCOL */
.leftcol {
	margin-left: 20px;
	margin-bottom: 10px;
	margin-right: -8px;
}

/* BOXES */
.box {
	margin-left: -8px;
	*margin-left: -4px;	
}

.box * a:hover {
	color: #FFF; 
}

.box .infoBoxHeading {
	margin: 0 !important;
	width: 222px;
	height: 29px;
	background: url("images/headerbg.gif") left top no-repeat;
	*background: url("images/headerbg_ie.gif") 4px 0 no-repeat;
	padding-left: 8px;
	color: #51473d;
}

.box table {
	width: 209px;
	*width: 205px;
	border-right: 1px solid #eae7d2;
	border-left: 1px solid #eae7d2;
	border-bottom: 1px solid #eae7d2;
}

.box td {
	padding: 0 8px 4px 8px;
}

/* SEARCHFIELD */
.searchField {}
.searchFieldLarge { width: 250px; }

.footer {
	color: #bbad7b;
}

/* ADVANCED SEARCH */
.fieldKey {
	width: 150px;
	padding: 0 0 5px 0;
}

/* HELP */
.helpLink {
	float: right;
	margin-right: 12px;
}

.helpBox {
	background: #fff;
	padding: 8px;
}

.helpBox table {
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
	border: none;
	width: 100%;
}

.helpBox .box .infoBoxHeading {
	background: none;
	text-align: left;
	padding: 6px 0;
	border-top: 1px solid #eae7d2;
	border-bottom: 1px solid #eae7d2;
	font-size: 18px;
	margin-top: 20px;
	font-weight: normal;
}

/* BACK BUTTON */
.backbutton {
	padding: 8px;
}

/* PAGES */
.pageIndicator {
	width: 100%;
	*width: 97%;
}

/* SEARCH */
.searchResultLink {
	font-size: 14px;
}

/* ACCOUNT DETAILS */
.smallText {
	padding: 0 0 0 8px;
}

.main b {
	padding: 0 0 0 8px;
	margin: 0;
	white-space: nowrap;
}

.required { float: right; margin-top: -1em; }

/* FIXES */

/* 1. breedte winkelwagen */
table table table table table { width: auto !important; border: none !important;  }

/* 2. border boxes in contentvlak */
.contentBlock table { border: none !important; }

/* 3. on hover wit op wit */
.contentBlock table a:hover { color: #000; }

/* 4. marge aan rechterkant in IE */
.contentBlock table.box {
	*width: 98% !important;
}

/* 5. aanpassen titels bij productpagina */
.headertitle .alignRight { float: right; }

/* 6. uitlijning headers tabellen */
strong { font-weight: bold; }

/* 7. niet afbreken van adres */
.nowrap { 
	white-space: nowrap;
}
 
/* 8. goed tonen van verzonden bericht "tell a friend" */
.sentMessage {
	position: absolute;
	left: 233px;
	top: 163px;
	width: 300px;
	background: #FFF;
	color: #000 !important;
	border: 1px solid #000;
	padding: 10px;
}

.messageStackSuccess {
	color: #000 !important;
}