/* TEST LAYOUT, duidelijker mee te werken */

html, body
{
  background-color: #92278F;
  margin: 0;
  padding: 0;
  height: 100%;
  font-size:12px;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/**
 *  GENERAL
 */ 
 
h3{
	color:#92278F;
	margin-bottom:0px;
}

div.clear {
  clear: both;
}

div#clear {
  clear:both;
}

/*      CONTAINERS      */
div#center_content
{
  margin: 0 auto;
  position:relative;
  /*left: 50%;
  margin-left: -490px;*/
  width: 990px;
  background: #FFFFFF url(../images/bg_spacer.jpg) left top repeat-y;
  min-height: 100%;
  overflow: hidden;
}

div#main
{
	position: relative;
	width: 980px;
	margin: 0 auto -4em;
	padding: 0px;
	min-height: 100%;
}

/*      LEFT, MIDDLE, RIGHT CONTENT     */  
div#content_left
{
  position: relative;
  float: left;
  width: 179px;
  padding-left: 15px;
  padding-right: 30px;
  padding-top: 0px;
  padding-bottom: 40px;
  min-height: 100%;
  
  background: url(../images/leftmenu_titlebg.jpg) left top no-repeat;
}

div#content_left img
{
  border: 0px;
}

div#content_left ul
{
  margin-top: 0px;
}

div#content_left li
{
  list-style: none;
  margin-left: -40px;
}

div#content_left a
{
  color: #000000;
  text-decoration: none;
}

div#content_left a:hover
{
  color: #B8B8B8;
  text-decoration: underline;
}


div#cart_info_right{
	font-size:12px;
}

div#menu_left_payment_methods{
	margin-top:15px;
	margin-left:-5px;
}



div#menu_left_various div
{
  position:relative;
  margin: 0px 0px 5px -4px;
  width: 206px;
  height: 27px;
  cursor: pointer;
}

/* Verschillende buttons onder 'Informatie:' */

div#plakinstructies { /* Plakinstucties */
  background: url(../images/button_plakinstructies.png);
}
div#plakinstructies:hover {
  background: url(../images/button_plakinstructies_over.png);
}
div#tips { /* Tips */
  background: url(../images/button_tips.png);
}
div#tips:hover {
  background: url(../images/button_tips_over.png);
}
div#nieuws { /* Nieuws */
  background: url(../images/button_nieuws.png);
}
div#nieuws:hover {
  background: url(../images/button_nieuws_over.png);
}
div#testimonials { /* Testimonials */
  background: url(../images/button_testimonials.png);
}
div#testimonials:hover {
  background: url(../images/button_testimonials_over.png);
}
div#kleurplaat { /* Kleurplaat */
  background: url(../images/button_kleurplaat.png);
}
div#kleurplaat:hover {
  background: url(../images/button_kleurplaat_over.png);
}

#submitNwsFrm
{
  border:0;
  height: 28px;
  width: 96px;
  background: url(../images/button_nieuwsbriefaanmelden.jpg) no-repeat;
  cursor: pointer;
  float:right;
}

div.MainCategorieRij
{
  position:relative;
  margin-left:-5px;
  height:106px;
  width:220px;
}

div.MainCategorie
{
  position:relative;
  float:left;
  margin-left:7px;
  margin-bottom: 3px;
}

div.MainCategorie a
{
  color: #330099;
}

div.MainCategorie a:hover
{
  color: #3300FF;
}

div#content_middle
{
  position: relative;
  float: left;
  width: 740px;
  min-height: 100%;
  padding-bottom: 40px;
  margin-left: 10px;
  margin-bottom: 28px;
}

div#content_right
{
  position: relative;
  float: right;
  background-color: #00FFFF;
  width: 155px;
  min-height: 100%;
  height: 100%;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 40px;
}

/*      HEADER      */   
div#header_banner
{

  width: 990px;
  height: 55px;
}

div#header
{
  background: url(../images/header_bg.jpg);
  color: #FFFFFF;
  height: 150px;
  text-align: right;
}

div#header_menu
{
  position:relative;
	float:right;
	right:20px;
	top: 30px;
  
  font-size: 11px;
  color: #FFFFFF;
  text-align: right;
  
}

div#menu_left_various
{
  position:relative;
}

div#menu_left_news
{
  position:relative;
}

div#menu_left_content h2
{
  font-size: 12px;
  font-weight: bold;
  color: #92278F;
  margin: 15px 0px 5px -5px;
}

div#menu_left_news
{
  font-size: 12px;
}

div#menu_left_news table
{
  margin: 0px 0px 0px -5px;
}

div#header_menu_left
{
  position:relative;
  float:left;
  height: 30px;
  width: 6px;
  background: url(../images/menu_linkerrand.jpg);
}

div#header_menu_right
{
  position:relative;
  float:left;
  height: 30px;
  width: 6px;
  background: url(../images/menu_rechterrand.jpg);
}

div#header_menu_content
{
  padding-top:7px;
  height: 30px;
  width: 550px;
  text-align:center;
  position:relative;
  float:left;
  background: url(../images/menu_bgspacer.jpg) left top repeat-x;
}

div#header_menu a
{
  top: 10px;
  font-size: 11px;
  color: #FFFFFF;
  padding: 5px;
  
}

div#header_menu a:link
{
  color: #FFFFFF;
}

div#header_menu a:visited
{
  color: #FFFFFF;
}

div#header_menu a:hover
{
  color: #da019a;

}

div#header_menu a:active
{
  color: #FFFFFF;

}

/*      FOOTER      */
div#footer
{
	text-align: right;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: white;
	font-size: 10px;
	height: 28px;
	padding: 10px;
	padding-top: 20px;
	background: #92278F url(../images/footer_bg.jpg) left top no-repeat;
}

div#footer_content{
  position:relative;
  float:right;
  margin-right:20px;
}

div#footer_content a{
  color: #fff;
}

div#content_banner
{
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;
  /*background-image: url("/images/middle_content_banner_nl.gif");*/
  width: 593px;
  height: 160px;
}


/**
 *  CATEGORIES
 */ 
div.product {
  /*background-color: rgb(180,180,180);*/
  background: url(/images/product_bg.jpg) center no-repeat;
  /*margin-left: 5px;*/
	float: 					left;
	width: 					230px;
	height: 				175px;

	margin-top:			10px;
	margin-right:   15px;
	color:					#000000;
	padding:        0px;
	text-align:    center;
}

div.product a {
  color: #FFFFFF;
}

div.product_image {
  position: relative;
  max-width: 180px;
  height: 100px;
  margin: 0 auto;
  margin-top: 10px;
}

div.product_image img {
  z-index:1;
  border: 0;
}

div.product_image a {
  width: 180px;
  height: 180px;
}

div.product_buttons{
  z-index: 5;
  position:relative;
  /*bottom:58px;*/
  margin-top: 22px;
  /*height:50px;*/
  width:100%;
  float:left;
}

div.product_button{
  position:relative;
  float:left;
  width:80px;
}

div.product_button_order{
  position:relative;
  float:left;
  width:80px;
  top:0px;
}



div.product_price{
  position:relative;
  float:left;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
}

div.subcategorie {
  background-color: rgb(220,220,220);
  margin-left: 10px;
	float: 					left;
	width: 					165px;
	height: 				165px;
	border: 				1px solid black;
	margin-top:			10px;
	margin-right:   15px;
	color:					#000000;
	padding:        5px;
	text-align:    center;
	text-decoration: none;
}

div.subcategorieImage  {
  text-align: center;
  margin: 0 auto;
  border: 1px solid black;
  width: 100px;
  height: 100px;
}

div.subcategorieImage img {
  border: none;
}

a.submitText{
  cursor: pointer;
  color: #fff;
  font-size:13px;
  font-weight:bold;
  text-decoration: underline;
}

/**
 *  LOGIN/REGISTER
 */ 

div#login_screen  {
  float:left;
}

div#register_screen {
  margin-left: 25px;
  float:left;
}

div#register {
  float: left;
}

/* WINKELWAGEN */

div#cart table th {
  text-align: left;
}

span.progress  {
  margin-left: 15px;
  margin-right: 20px;
}

/*div#cartButtons a {
  text-align: center;
  width: 125px;
  height: 20px;
  color: #000000;
  display: block;
  margin-right: 10px;
  float: left;
}

div#cartButtons input {
  text-align: center;
  width: 129px;
  height: 24px;
  margin-right: 10px;
  float: left;
}*/

div#cartButtons input:hover  {
  cursor: pointer;
}

div#shipping  {
  float: left;
  width: 50%;
}

div#payment {
  float: left;
  width: 50%;
}

table#products  {
  border: 1px solid lightgrey; 
  width: 600px;
}

tr.tr_header  {
  background-color: lightgrey;
}

div#shipping_price  {
  text-align: center;
  margin-top: 25px;
  display:none;
}

div#payment_price  {
text-align: center;
  margin-top: 25px;
  display:none;
}
/*  OVERVIEW PAGINA (LAATSTE WINKELWAGEN STAP) */

div#shipping_payment_options  {
  float: left;
  width: 80%;
}

div#shipping_payment_prices {
  float: left;
  width: 20%;
  text-align: center;
}

table#final_products  {
  font-size: 14px;
}

table#final_products td {
  width: 200px;
}

div#user_info {
  float: left;
  width: 50%;
}

div#adress_info {
  float: left;
  width: 50%;
}

div#total {
  float: left;
  width: 80%;
}

div#total_price {
  text-align: center;
  float: left;
  width: 20%;
}

div#vat {
  float: left;
  width: 80%;
}
div#vat_prices  {
  text-align: center;
  float: left;
  width: 20%;
}

/* PRODUCT */

div#prop_price_container  {
  margin-top: 25px;
  height: 150px;
}
div#product_properties  {
  float: left;
  width: 70%;
}

div#prices  {
  float: left;
}

div#product_image {
  float:left;
  margin-right:20px;
  max-width: 300;
  max-height: 300;
}

div#product_image img {
border: 0;
}

/**
 *  REVIEWS
 */ 

div#reviews {
  margin-top: 20px;
}

div.review  {
  border: 1px solid grey;
  margin-top: 20px;
}
div#reviews_header {
  font-size:  14px;
  font-weight: bold;
}

div.review_title  {
  color: white;
  font-weight: bold;
    background-color: grey;
}

div.review_info {
  font-size:12px;
  font-style:italic;
  background-color: lightgrey;
}

div#new_review  {
  margin-top: 10px;
}

div#new_review_container  {
  margin-top: 20px;
}

/**
 *  ORDERS
 */
  
table#orders  {
  width: 98%;
  text-align: left;
  border: 1px solid #888888;
}

table#orders th  {
  background-color: #888888;
  color: white;
}

table#orders tr:hover {
  background-color: white;
  cursor: default;
}


div#show  {
  float: left;
  width: 40%;
  margin-bottom: 20px;
}

div#jump_invoice  {
  float: left;
  width: 40%;
  margin-bottom: 20px;
}

div#order_choices {
  margin-bottom: 20px;
  width: 100%;
}

div.order {
  width: 100%;
  margin-bottom: 20px;
}

div.order_names {
  font-weight: bold;
  float: left;
  width: 50%;
    margin-bottom: 20px;
}

div.order_values  {
  float: left;
  width: 50%;
    margin-bottom: 20px;
}

div.parent_names {
  text-decoration: none;
  float: left; 
  width: 20%;
}


div.property_names  {
  float: left;
  width: 20%;
}

div.orders  {
  width: 100%;
  margin-bottom: 20px;
}

/**
 *  SEARCH
 */ 

div.search_result {
  border: 2px double black;
  width: 95%;
  height: 140px;
  margin-bottom: 5px;
}

div.search_result_image {
  margin: 20px 0 20px 0;
  text-align: center;
  float: left;
  width: 37%;
  height: 100px;
}

div.search_result_image img {
  max-height: 100px;
  border: 0;
}

div.search_result_product {
  margin: 20px 0 20px 0;
  float: left;
  width:58%;
  height: 100px;
}

div.search_counter  {
  vertical-align: text-bottom;
  float: left;
  width: 5%;
}

div#pages {
  color: darkgrey;
}

div#pages a {
  color: #000000;
}

div#pages a:visited {
  color: #000000;
}

div#pages a:hover {
  color: #a0a0a0;
}

div#pages a:active {
}

div.page_no_number  {
  float: left;
  width: 100px;
  text-align: center;
}

div#page_numbers  {
  text-align: center;
  float: left;
  /*width: 48%*/
margin-left:180px;
}

div#user_group_error  {
  margin-top: 20px;
  float:left;
  font-weight: bold;
  color: red;
}

/**
 *  SPECIAL OFFERS
 */
div#special_offers  {
  margin-top: 20px;
}

div.special_offer {
  margin-top: 5px;
  width: 90%;
  margin-bottom: 10px;
  overflow: hidden;
    border: 2px solid #888888;
}

div.special_offer_title {
  background-color: #888888;
  text-align: center;
}

div.special_offer_title a{
  color: white;
}

div.special_offer_image {
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 5px;
  max-width: 100px;
  max-height: 100px;
  height: 100px;
  width: 100px;
}

div.special_offer_image img {
  width: 100px;
  height: 100px;
  border: 0;
}

div.special_offer_price {
  float:left;
  width:30%;
  margin-left: 5px;
}

div.special_offer_price_value {
  text-align:center;
  float:left;
  width:65%;
}

div.special_offer_dates {
  margin-left: 5px;
}

pre {
  padding: 10px;
  border: 1px solid black;
  overflow: auto;
  width: 580px;
  float: left;
}

/**
 *  CONTACT
 */ 

#antiSpam {
  display: none;
}

div#contact_form  {
  margin-top: 10px;
  font-size: x-small;
  color: rgb(128, 0, 128);
  font-weight: bold;
}

table#contact_form input  {
  width: 150px;
}

table#contact_form input.button_send {
  width: 96px;
}

div#contact_form_names  {
  float: left;
  width: 30%;
}

div#contact_form_input  {
  float: left;
}

/**
 *  Nieuws
 */

div#news  {
  margin-top: 15px;
  overflow: hidden;
  border: 2px solid #888888;  
}

div#newsheader  {
  color: #EEEEEE;
  background-color: #888888;
  text-align: center;
}

/* nieuws - main */
div.newsitem_header {
  font-size: 20px;
  font-weight: bold;
}

/* nieuws - rechts */
div.newsitem_image  {
  float: left;
  max-width:40px;
}

div.newsitem_name {
  float: left;
}

div#imgPreview{
	font-size:14px;
	font-weight:bold;
	line-height:150%;
}

div#news_list {
  width: 200px;
  float: left;
}
div.newsitem  {
  float: left;
  width: 200px;
}

.style1 {
	color: green;
	font-family: Verdana, Helvetica, sans-serif;
  font-weight : bolder;
	font-size: 10pt;
}
.style2 {
	color: red;
  background-color: #dddddd;
	font-family: Verdana, Helvetica, sans-serif;
  font-weight : bolder;
	font-size: 12pt;
}

#menu_details {
  margin-top: 10px;
  margin-right: 10px;
  float:left;
  width: 200px;
  height: 100px;
}

#menu_orders {
  margin-top: 10px;
  float:left;
  width: 200px;
  height: 100px;
}