* {
	padding:0;
	margin:0;
	font-family: Trebuchet MS, Arial,Helvetica, sans-serif;
	}

*:active {
	outline: none}

*:focus {
	-moz-outline-style: none}

body,html {
	height:100%;
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size:12px;
	background:#F0ECD4 url('img/layout/background.png') center repeat-y}

form {
    height:100%
    }

p {
	margin:5px 0 10px 0}

h1,h2,h3,h4,h5 {
	margin:5px 0 10px 0;
	font-family:Trebuchet MS, Arial, sans-serif;}

img {
	border:none}

a {
	color:#9E968C;
	text-decoration:underline}

a:hover {
	color:#9E968C;
	text-decoration:none}


/*------------------------------------------------------- IDS*/


#container {
	position:relative;
	margin:0 0 -62px -466px;
	left:50%;
	width:932px;
	min-height:97%;
	_height:100%}

#header {
	width:932px;
	height:303px;
	background:url('img/layout/header.jpg')}

#header_navigation {
	height:303px;
	width:281px;
	float:right;
	margin:0 15px 0 0;
	max-height : 303px;
	}

#header_navigation_top {
	width:251px;
	height:13px;
	padding:15px;
	color:#F0ECD4;
	font-size:11px;}

#header_navigation_middle {
	width:281px;
	height:185px;
	color:#F0ECD4;
	font-size:11px;
	
	}
#header_navigation_middle #block
{   text-align:left;
    margin-left : 15px;
	position:relative;
	top : -20px;
}

#header_navigation_bottom {
	width:281px;
	height:75px;
	text-align:right}

#navigation {
	height:51px;
	width:932px;
	background:url('img/layout/navigation.png');
	overflow:hidden}

#subnavigation {
	height:24px;
	width:924px;
	color:#F0ECD4;
	padding:9px 0 0 8px;
	background:url('img/layout/subnavigation.png')}

#middle {
	width:712px;
	background:#FFF;
	padding:10px}

#middle #banner 
{ position:absolute;
  top : 400px;
  left:750px;
  
}

#push {
	height:62px;
	width:932px;
	clear:both}

#footer {
	height:56px;
	width:922px;
	background:url('img/layout/footer.png');
	position:relative;
	color:#F0ECD4;
	font-size:10px;
	margin:0 0 0 -466px;
	left:50%}
	
#catalogtabel td
{
    min-height: 100%;
    height : 100%;
  
    
}
/*#imgProduct 
   width:250px;
*/
#accountbox 
{
    margin : 40px 0px 0px 180px;
   
}

#checkoutwiz 
{ margin: 0px 20px 0px 20px; 
  font-size : 10pt;
}


/*------------------------------------------------------- CLASSES*/


.clear {
	clear:both}

.footer_left {
	display:block;
	float:left;
	margin:12px 10px 0 10px}

.footer_right {
	display:block;
	float:right;
	margin:10px 10px 0 12px;
	text-align:right}

.winkelwagentje {
	margin:7px 0 7px 17px}

.zoeken {
	margin:12px 15px 8px 17px}

.zoekveld {
	background-color:#9E968C;
	border:none;
	height:20px;
	width:180px;
	padding:2px 0 0 0;
	color:#FFFFFF}

.zoektabel {
	float:right;
	margin: 0 13px 0 0 }


/*------------------------------------------------------- BUTTONS*/


.button {
	display:block;
	background-image:url(img/layout/button.png);
	width:76px;
	height:15px;
	color:#F0ECD4;
	font-size:10px;
	text-align:center;
	text-decoration:none;
	float:left;
	margin:0 5px 0 5px;
	padding:1px 0 0 0}

.button:hover {
	color:#F0ECD4;
	background-position:0px -16px}

.button:active {
	color:#F0ECD4;
	background-position:0px -16px;
	height:13px;
	padding:3px 0 0 0}
	
.buttonlarge {
	display:block;
                background-image:url(img/layout/button_big.png);
                width:85px;
                height:19px;
                color:#F0ECD4;
                font-size:12px;
                text-align:center;
                text-decoration:none;
                float:left;
                margin:0 5px 5px 5px;
                padding:1px 0 0 0
}

.buttonlarge:hover {
	color:#F0ECD4;
    background-position:0px -20px
}

.buttonlarge:active {
	color:#F0ECD4;
                background-position:0px -20px;
                height:17px;
                padding:3px 0 0 0
}
	
.zoekknop {
	display:block;
	height:22px;
	width:56px;
	background-image:url(img/layout/zoekknop.png);
	font-size:0px;
	text-indent:-1999px;
	overflow:hidden}

.zoekknop:hover {
	background-position:0px -22px}

.zoekknop:active {
	background-position:0px -44px}

.nav_home {
	display:block;
	width:119px;
	height:54px;
	background:url(img/layout/navigation/home.png);
	font-size:0px;
	float:left;
	text-indent:-1999px;
	overflow:hidden}

.nav_home:hover {
	background-position:0px -51px}

.nav_home:active {
	background-position:0px -102px}

.nav_webshop {
	display:block;
	width:156px;
	height:54px;
	background:url(img/layout/navigation/webshop.png);
	font-size:0px;
	float:left;
	text-indent:-1999px;
	overflow:hidden}
.nav_b2bshop {
	display:block;
	width:156px;
	height:54px;
	background:url(img/layout/navigation/b2b.png);
	font-size:0px;
	float:left;
	text-indent:-1999px;
	overflow:hidden}

.nav_webshop:hover {
	background-position:0px -51px}

.nav_webshop:active {
	background-position:0px -102px}
.nav_b2bshop:hover {
	background-position:0px -51px}

.nav_b2bshop:active {
	background-position:0px -102px}

.nav_diensten {
	display:block;
	width:150px;
	height:54px;
	background:url(img/layout/navigation/hondensalon.png);
	font-size:0px;
	float:left;
	text-indent:-1999px;
	overflow:hidden}

.nav_diensten:hover {
	background-position:0px -51px}

.nav_diensten:active {
	background-position:0px -102px}

.nav_informatie {
	display:block;
	width:158px;
	height:54px;
	background:url(img/layout/navigation/informatie.png);
	font-size:0px;
	float:left;
	text-indent:-1999px;
	overflow:hidden}

.nav_informatie:hover {
	background-position:0px -51px}

.nav_informatie:active {
	background-position:0px -102px}

.nav_contact {
                display:block;
                width:137px;
                height:54px;
                background:url(img/layout/navigation/contact.png);
                font-size:0px;
                float:left;
                text-indent:-1999px;
                overflow:hidden}

.nav_contact:hover {
                background-position:0px -51px}

.nav_contact:active {
                background-position:0px -102px}

.nav_admin {
                display:block;
                width:118px;
                height:54px;
                background:url(img/layout/navigation/admin.png);
                font-size:0px;
                float:left;
                text-indent:-1999px;
                overflow:hidden}

.nav_admin:hover {
                background-position:0px -51px}

.nav_admin:active {
                background-position:0px -102px}


.adminsection 
{
    padding-left : 35px;
    background-color:#ffffff;
    vertical-align : top;
}
	
/*--- MENU ---*/
 .AccHeader
{   
    color:#DAD2B4;
    font : bold small-caps 900 14px Trebuchet MS, Tahoma, sans-serif;
    background-color:#634B49;
    cursor:hand;
    padding-left : 5px;
    padding-bottom : 2px;
    padding-top :5px;   
    margin-bottom : 2px;
    vertical-align: top;
    /*height : 17px;*/
}
.AccHeader2
{   color:#634B49;
    font : bold small-caps 900 14px Trebuchet MS, Tahoma, sans-serif;
    background-color:#DAD2B4 ;
    cursor:hand;
    padding-left : 5px;
    padding-bottom : 2px;
    padding-top  : 5px;
    margin-bottom : 2px;
    vertical-align: top;
     /*height : 17px;*/
    
}

.AccHeaderSelected
{   
    color:White;
    font : bold small-caps 900 14px Trebuchet MS, Tahoma, sans-serif;
    background-color:#860D0D;
    cursor:hand;
    padding-left : 5px;
    padding-bottom : 2px;
    padding-top  : 5px;
    margin-bottom : 2px;
    vertical-align: top;
     /*height : 17px;*/
 
}
.AccContent 
{
  padding : 10px;
  font-size : 1.1em;
  line-height : 20px;
}
.AccContent a:hover
{
  cursor:hand;
}
/*-------------------------------------------*/
/* DC Style */
#leftcontent {
  position: absolute;
  top: -250px;
  left: 0px;
  width: 150px;
  /*background: #fff;*/
  z-index: 100;
}
#leftcontent a
{   color:#634B49;
    text-decoration : none;
}

#rightcontent {
  position: absolute;
  right: 5px;
  width: 180px;
  background: #fff;
  margin-right: 10px;
  z-index: 100;
}
#centercontent 
{
  width:100%;

  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 10px;
  /*margin-right: 205px;*/
  z-index: 100;
  
}

html > body #centercontent {
  margin-left: 200px;
  margin-right: 205px;
  z-index: 100;
}
#centercontentwide {
  /*margin-top: 20px;
  background: #fff;*/
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 200px;
  margin-right: 10px;
  z-index: 100;
}

html > body #centercontentwide {
  margin-left: 200px;
  margin-right: 10px;
  z-index: 100;
}

.subtotal {
  text-align: right;
  border-top: 1px solid #c9c9c9;
  margin-top: 5px;
}

.sectionheader {
  border-bottom: #dcdcdc 1px dotted;
  color: #65738E;
  font-size: 10pt;
  padding-bottom: 5px;
  font-weight: bold;
}

.admin-header {
  background-color: #6190CD;
  height: 40px;
  padding-left: 10px;
  border-bottom: solid 4px #B4CCEB;
}
.admin-header h1 {
  color: white;
}

.admintable {
  margin: 5px;
  padding: 0px 5px 0px 5px;
  border: 1px dashed #cccccc;
  font-family : Trebuchet MS, Arial, Sans-Serif;
}
.adminlabel {
  font-size: 8pt;
  font-family : Trebuchet MS, Arial, Sans-Serif;
  width: 120px;
  margin-bottom: 3px;
  vertical-align: top;
}
.adminitem {
  border-width: 0px;
  /*background-color: #ffffff;*/
  margin-bottom: 3px;
}

.ourprice {
  font-weight:bolder;
  font-size: 10pt;
  color:#C01212;
}

.retailprice {
  font-weight: bolder;
  font-size: 10pt;
  color: #000000;
  text-decoration: line-through;
}

.totalbox {
  text-align: center;
  color: #990000;
  font-weight: bold;
}

.adbox {
  padding: 10px;
  font-size: 9pt;
  margin-bottom: 10px;
  border: 1px solid gainsboro;
}
a.editme {
  text-decoration: none;
  color: #4a4d5c;
}
.commandbar {
  padding: 3px;
  font-size: 8pt; /*	background-color: blue;*/
  border: 1px solid gainsboro;
}


#footer {
  clear: both;
  border-top: solid 1px #d4d9de;
  padding: 5px;
  text-align: center;
  margin-top: 20px;
}
.mainproductimage {
  width: 220px;
  text-align: center;
  float: left;
  padding-bottom: 10px;
}

.productdata {
  border: none;
  border-collapse: collapse;
}
.productdata td, .productdata th {
  font-weight: normal;
  padding: 2px;
  text-align: left;
}
.price {
  font-weight: bold;
  color: #c00;
}
del.price {
  color: #000;
  text-decoration: line-through;
}

.productsection {
  padding: 10px;
  border-top: 1px dashed #cccccc;
  width:500px;

}

.browsebox {
}
.browsebox h1 {
  font-family: Verdana;
  font-weight: bold;
  font-size: 12px;
  color: #3973b5;
  border-bottom: 1px dashed #cccccc;
}
.browsebox h1 a {
  color: #3973b5;
}


h1.accent {
  font-size: 12px;
  font-weight: bold;
  color: #990000;
  margin: 0px;
  margin-bottom: 5px;
}
.smalltext {
  font-size: 8pt;
  color: #666666;

}
.adbox h3 {
  font-weight: bold;
  font-size: 10pt;
  font-family: verdana;
  color: #C7C030;
  margin-top: 1px;
  margin-bottom: 3px;
}
.loginheader {
  height: 30px;
  font-weight: bold;
  font-size: 10pt;
  color: #ffffff;
  font-family: verdana;
  background-color: #9E968C;
  text-align: center;
}
.logincell {
  background-color: #ffffff;
  vertical-align: middle;
  text-align: center;
  padding: 20px;
}
.logtable {
  border: 1px solid ##9E968C;
  background-color: #9E968C;
}
.subcategory {
  margin-left: 10px;
}
.productbox {
  height: 250px;
  width: 185px;
  border: 1px solid #c5c5c5;
  margin: 5px;
}
.productimage {
  width: 175px;
}
.productsummarydisplaywrapper {
  width: 185px;
  padding-top: 5px;
}
.productsummaryimageholder {
  height: 155px;
  text-align: center;
  vertical-align: middle;
}
.productsummarytext {
  padding-left: 10px;
  padding-right: 10px;
  height: 45px;
  min-height : 45px;
}
.productsummaryproductname 
{
    font-weight:normal;
    font-size: 10pt;
}
.retailprice {
  font-weight: bold;
  color: black;
  text-decoration: line-through;
}
.yousave {
  font-weight: bold;
  color: #336600;
}
.hookline {
  font-size: larger;
  color: #5b626c;
  font-style: italic;
}
.coreboxbody {
  background-image: url(images/core_box_bg.gif);
  width: 140px;
  padding-left: 20px;
  padding-right: 20px;
}
.coreboxtop {
  background-image: url(images/core_box_top.gif);
  height: 22px;
  width: 180px;
}
.coreboxbottom {
  width: 180px;
  background-image: url(images/core_box_bottom.gif);
  height: 22px;
}
.coreboxheader {
  width: 180px;
  background-image: url(images/core_box_bg.gif);
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 10px;
  text-align: center;
}
.tenpixspacer {
  height: 10px;
}
.twentypixspacer {
  height: 20px;
}
.sectionoutline {
  border: 1px solid #cccccc;
  padding: 15px;
}

checkout-visited {
  font-size: 16pt;
  color: #dcdcdc;
  font-family: verdana;
}
checkout-current {
  font-size: 16pt;
  color: #990000;
  font-family: verdana;
}
/* Rating */
.ratingstar {
  font-size: 0pt;
  width: 13px;
  height: 12px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  display: block;
  background-repeat: no-repeat;
}
.usuallyships 
{ font-size : 0.8em;
  font-style : italic;
  color: #666666;
}

.filledratingstar {
  background-image: url(Images/FilledStar.png);
}

.emptyratingstar {
  background-image: url(Images/EmptyStar.png);
}

.savedratingstar {
  background-image: url(Images/SavedStar.png);
}
fieldset {
  padding: 10px;
  -moz-border-radius: 1em;
 
}
.loadingbox {
  position: absolute;
  top: 40%;
  left: 40%;
  border: 1px solid lightsteelblue;
  background-color: #ffffff;
  height: 50px;
  width: 250px;
  text-align: center;
  padding-top: 20px;
}

.selected {
  color: #E03300;
  font-weight: bold;
}

.notselected {
  color: #CCC;
  font-weight: bold;
}

.payPalLink {
  color: #E03300;
  text-decoration: underline;
  font-weight: bold;
  font-size: 1em;
}

.adminHeader {
  position: absolute;
  color: #004A78;
  font-size: 1.5em; 
  left: 110px; 
}

.tableNavLink 
{
  color: #004A78;
  font-size: 1.3em;
  padding-right:5px;
  text-decoration : none;
  font-weight:bold;
  font-family : Trebuchet MS, Arial, Sans-Serif;

}
.rightAlign 
{ text-align : right;
}
/*----------ONTBREKENDE STYLES IN DC-----------------*/
. ordersummaryheader 
{
    background-color : #9E968C;
    color: #FFFFFF;
    font-family : Trebuchet MS MS Dialog,Arial,sans-serif;
    font-size : 1.1 em;
}
.ordersummaryline 
{
    background-color :#FFFFFF;
    font-family : Trebuchet MS MS Dialog,Arial,sans-serif;
}
.ordersummarylinealt 
{
   background-color :#DEDEDA;
   font-family : Trebuchet MS MS Dialog,Arial,sans-serif;
   
}
