*{
   margin: 0;
   padding: 0;
}
html{
   overflow-y: scroll;
   height: 100%;
   width: 100%;
   background-color: #e0e0e0;
}
body{
   font-family: Tahoma, Arial;
   font-size: 11px;
   width: 100%;
}

#stretch{
   overflow: hidden;
}

a{
   color: #000;
   text-decoration: none;
}
   a:hover{
      text-decoration: underline;
      color: #990066;
   }
   a:active{
      text-decoration: underline;
      color: #990066;
   }

p{
   margin-top: 5px;
   margin-bottom: 5px;
}

pre.printr {
	text-align: left;
	border: 1px dotted #000000;
	padding: 10px;
	font-size: 10px;
}

input{
   color: #6f6f6f;
   background-color: #FFF;
   border: 1px solid #cfcfcf;
   font-family: Tahoma, Arial;
}

.input_regular{
   width: 130px;
   height: 17px;
   padding-top:2px;
   padding-left: 3px;
   font-size: 11px;
}

input.login_submit{
   width: 83px;
   font-size: 14px;
}

input.submit{
   position: relative;
   width: 100px;
   font-size: 13px;
}

input.file{
   position: relative;
   padding-top: 0px !important;
   height: 24px !important;
   font-size: 13px !important;
}
.clear{
   clear: both;
   content: "";
   height: 0;
}

.noresult{
   color: #C8C8C8;
   text-align: center;
   font-size: 18px;
   position: relative;
   top: 160px;
}

.margin{
   position: relative;
   top: 10px;
}
.odd{
   color: #333;
   background-color: #fff;
}
.even{
   color: #000;
   background-color: #f0ffff;
}
.red{
   border: 1px solid #FF0000 !important;
}
.validation{
   font-size: 11px;
   color: #F00;
}
hr{
   color: #ddd;
   border: 1px solid #e5e5e5;
}

.error{
	height: 20px;
	width: 750px;
	margin-left: 20px;
	text-align: center;
	background-color: #ffffe4;
	border: 1px solid #cac535;
	padding: 3px;
	margin-bottom: 25px;
}
	.error img{
		position: relative;
		top: 3px;
	}

span.grey {
	color: #565656;
}
   span.grey a:link{
      text-decoration: underline;
      color: #565656;
   }
   span.grey a:hover{
      text-decoration: underline;
      color: #565656;
   }
   span.grey a:active{
      text-decoration: underline;
      color: #565656;
   }
   span.grey a:visited{
      text-decoration: underline;
      color: #565656;
   }

/* CONTAINER */
#page_holder{
   display: block;
   width: 888px;
   margin: 0px auto;
}

/* START HEADER */
   #page_holder #header {
      display: block;
      height: 120px;
      width: 875px;
      clear: both;
   }
      #page_holder #header #logo{
         display: block;
         width: 400px;
         height: 20px;
         float: left;
      }
      #page_holder #header #logindiv{
         display: block;
         margin-left: 40px;
         width: 430px;
         height: 45px;
         float: left;
      }
         /* input fields error */
         #page_holder #header #logindiv .validation_error{
            
         }
         
      #page_holder #header #main_menu{
         width: 450px;
         height: 40px;
		 padding-top: 21px;
         float: right;
         text-align: right;
      }
		#main_menu ul {
			display: inline;
			margin: 0;
			padding: 0;
		}
		
		#main_menu li {
			display: inline;
			margin-left: 10px;
			font-weight: bold;
		}
		
		#main_menu a:link {
			color: #4c4c4c;
			text-decoration: none;
		}

		#main_menu a:hover {
			color: #4c4c4c !important;
			text-decoration: none;
		}

		#main_menu li a:visited {
			color: #4c4c4c;
			text-decoration: none;
		}

		#main_menu li a:active {
			color: #4c4c4c;
			text-decoration: none;
		}

		#main_menu li a:hover {
			color: #4c4c4c;
			text-decoration: none;
		}
   /*  END HEADER */
   
   /*  START MENU */
   
   #page_holder #sub_menu {
      display: block;
      height: 30px;
      width: 875px;
      clear: both;
      padding-top: 10px;
      padding-left: 10px;
   }
		#sub_menu ul {
			display: inline;
			margin: 0;
			padding: 0;
		}
		
		#sub_menu li {
			display: inline;
			padding-right: 15px;
			font-size: 15px;
			color: #840052;
			text-transform: uppercase;
		}
		
		#sub_menu a:link {
			color: #840052;
			text-decoration: none;
		}

		#sub_menu a:hover {
			color: #840052 !important;
			text-decoration: none;
		}

		#sub_menu li a:visited {
			color: #840052;
			text-decoration: none;
		}

		#sub_menu li a:active {
			color: #840052;
			text-decoration: none;
		}

		#sub_menu li a:hover {
			color: #840052;
			text-decoration: none;
		}

   /*  END MENU */
   
   /*  HEADER TEXT */
   
   #page_holder #header_text{
      background: url('../images/header_text.jpg') no-repeat;
	  display: block;
      width: 826px;
      height: 94px;
      padding-top: 23px;
      padding-left: 36px;
      padding-right: 28px;
   }
   
   #page_holder #header_home_container{
   	  display: block;
      width: 895px;
      height: 118px;
   }
   
   #page_holder #home_header_text{
      background: url('../images/home_header_text.jpg') no-repeat;
	  float: left;
      width: 441px;
      height: 94px;
      padding-top: 17px;
      padding-left: 36px;
      padding-right: 28px;
   }
	 #home_header_text p{
		 margin: 0px !important;
	 }
	 
   #page_holder #header_right{
      background: url('../images/header_right.jpg') no-repeat;
      float: right;
      width: 361px;
      height: 104px;
      padding-top: 23px;
      padding-left: 16px;
   }
   
   /*  HEADER TEXT */
   
   /*  START BODY */
   
   #colorpick{
      display: block;
      float: right;
      height: 202px;
      position: relative;
      right: 12px;
      width: 350px;
      top: -2px;
   }
   
   .top_link{
      position: relative;
      left: 28px;
      font-size: 10px;
      line-height: 12px;
      margin-bottom: 5px;
      font-family: Tahoma, arial;
      color: #990066;
      font-size: 13px;
      font-weight: bold;
   }
   
   .centerlink{
      left: 165px !important;
   }
   
   .top_link div{
      position: relative;
      top: 15px;
      display: inline;
   }
   .top_link #colortext{
      position: relative;
      left: 310px;
   }
   #page_holder #home{
      background: url('../images/background.png') no-repeat;
      display: block;
      width: 888px;
      height: 472px;
   }
   /* overzichts div */
   #page_holder #overview_holder{
      float: left;
      position: relative;
      top: 15px;
      left: 33px;
      height: 405px;
      width: 462px;
      display: block;
   }
      #page_holder #overview_holder .category{
         background: url('../images/category_background.png') no-repeat;
         width: 154px;
         height: 198px;
         cursor: pointer;
         float: left;
      }
         #page_holder #overview_holder .img{
            width: 139px;
            height: 150px;
            margin: 7px 0 0 8px;
            overflow: hidden;
         }
         #page_holder #overview_holder .text{
            font-family: 'Century Gothic', Tahoma;
            color: #8b8787;
            text-align: center;
            font-weight: bold;
            font-size: 1.3em;
            margin-top: 8px;
         }

   #page_holder #menu{
      position: relative;
      top: 33px;
      text-align: right;
      width: 489px;
      height: 0px;
      font-weight: bold;
   }
      #page_holder #menu a{
         color: #990066;
         margin-left: 18px;
      }
         #page_holder #menu a:hover{
            color: #333;
            text-decoration: underline;
         }
         #page_holder #menu a:active{
            color: #333;
            text-decoration: underline;
         }
   #page_holder #clearance{
      float: right;
      top: 35px;
      position: relative;
      right: 106px;
   }
      #page_holder #clearance #text{
         position: relative;
         left: 119px;
         color: #990066;
         font-weight: bold;
         width: 150px;
      }
      #page_holder #clearance #multicolor{
         position: relative;
         float: right;
         top: 27px;
         width: 100px;
      }
      #page_holder #clearance #picker{
        float: left;
      }
      
   /* product overzicht van categorie */
   #page_holder #category_top{
      background: url('../images/content_top.png') no-repeat;
      display: block;
      height: 25px;
      width: 888px;
   }
   #page_holder #category_middle{
      background: url('../images/content_middle.png');
      display: block;
      min-height: 416px;
      width: 888px;
      overflow: hidden;
   }
      #page_holder #category_middle .content{
         position: relative;
         left: 13px;
         display: block;
         float: left;
         height: 199px;
         width: 120px;
         margin-left: 20px;
         cursor: pointer;
      }
      
      #page_holder #category_middle .content .imgs{
         height: 169px;
         width: 120px;
         display: block;
         overflow: hidden;
         border: none;
      }
      
      #page_holder #category_middle .content img{
      	border: none;
      }
      
      #page_holder #category_middle .content .title{
         text-align: center;
      }
      
   #page_holder #category_bottom{
      background: url('../images/content_bottom.png') no-repeat;
      display: block;
      height: 25px;
      width: 888px;
   }
   #page_holder #category_middle #product_img{
      position: relative;
      display: block;
      left: 25px;
      width: 276px;
      float: left;
   }
   #page_holder #category_middle #product_img_thmb{
      float: left;
      width: 70px;
      cursor: pointer;
      margin-left: 25px;
   }
      #page_holder #category_middle #product_img_thmb img{
         margin-bottom: 5px;
         float: left;
      }
   #page_holder #category_middle #product_content{
      position: relative;
      display: block;
      right: 21px;
      float: right;
      width: 400px;
      text-align: right;
   }
      #page_holder #category_middle #product_content p{
         margin-top: 20px;
         margin-bottom: 20px;
      }
      #page_holder #category_middle #product_content h4{ 
         font-size: 28px;
         color: #990066;
      }
         #page_holder #category_middle #product_content .prices{
            float: left;
            width: 120px;
            text-align: left;
            margin-left: 10px;
            margin: 10px 0px;
         }
            #page_holder #category_middle #product_content .prices .order{
               float: left;
               cursor: pointer;
            }
            #page_holder #category_middle #product_content .prices .cost{
               float: left;
               height: 15px;
               display: block;
               margin-top: -12px;
               font-size: 16px;
               margin-left: 4px;
            }
            #page_holder #category_middle #product_content .prices .amount{
               float: left;
               font-size: 10px;
               color: #444;
               display: block;
               margin-top: 25px;
            }
            
            
   /* cart display */
   .cart_contain{
      position: relative;
      left: 21px;
      width: 850px;
   }
      #cart_header{
         position: relative;
         left: 91px;
         width: 700px;
         height: 20px;
         font-size: 13px;
         font-weight: bold;
      }
      #cart_header #product{
         float: left;
         width: 300px;
      }
      #cart_header #quanty{
         float: left;
         width: 70px;
      }
      #cart_header #price{
         float: left;
         width: 70px;
      }
      .cart_contain .cart_name{
         float: left;
         width: 70px;
      }
      .cart_contain .cart_content{
         float: left;
         font-size: 11px;
         width: 300px;
         height: 63px;
         margin-top: 20px;
      }
         .cart_contain .cart_content .name{
            clear: both;
            font-size: 16px;
            font-weight: bold;
            color: #4b784d;
         }
         .cart_contain .cart_content .size{
            font-style: italic;
            float: left;
         }
      .cart_contain .quanty{
         float: left;
         margin-top: 27px;
         width: 70px;
      }
      .cart_contain .cart_price{
         float: left;
         width: 150px;
         margin-top: 27px;
      }
      .cart_contain .remove{
         float: left;
         width: 200px;
         margin-top: 23px;
      }
         .cart_contain .remove img{
            position: relative;
            top: 3px;
         }
   #total{
      position: relative;
      left: 21px;
      float: left;
      font-weight: bold;
      display: block;
      width: 850px;
      height: 30px;
      background-color: #eee;
   }
      #total p{
         position: relative;
         top: 6px;
         left: 392px;
         width: 275px;
      }
   
   #account{
      position: relative;
      left: 21px;
      width: 783px;
   }
      #account h3, #payment_options h3, #betaling h3 {
         font-size: 17px;
         color: #8b8787;
         width: 170px;
      }
      	#payment_options h3, #betaling h3 {
      		width: auto;
      	}
      	
      #account input.tiny{
         width: 45px;
         padding-top: 2px;
         height: 16px;
      }
      #account input.small{
         width: 119px;
         padding-top: 2px;
         height: 16px;
      }
      #account input.medium{
         width: 170px;
         padding-top: 2px;
         height: 16px;
      }
      #account .label{
         color: #7b7777;
         height: 18px;
      }
      
   /* END BODY */

   /* START FOOTER */
   #page_holder .footer{
      background: url('../images/background_footer.png') no-repeat;
      display: block;
      height: 106px;
      width: 888px;
      position: relative;
      top: -3px;
   }
   #page_holder .footer .footer_holder{
      position: relative;
      display: block;
      top: 15px;
      left: 18px;
      width: 855px;
      height: 75px;
      font-size: 11px;
   }
      #page_holder .footer .footer_holder .company{
         display: block;
         float: left;
         width: 500px;
         height: 85px;
         color: #333;
         border-right: 2px solid #e5e5e5;
      }
         #page_holder .footer .footer_holder .company .company_text{
            float: left;
            width: 400px;
            position: relative;
            top: 3px;
         }
         
         #page_holder .footer .footer_holder .company .company_img{
            position: relative;
            float: right;
            right: 9px;
            top: 8px;
            width: 88px;
            text-align: center;
         }
      #page_holder .footer .footer_holder .shop_cartEmpty{
         display: block;
         float: left;
         width: 340px;
         height: 45px;
         margin-left: 10px;
         margin-top: 30px;
         color: #a3a3a3;
         text-align: center;
      }
      #page_holder .footer .footer_holder .shop_cartFull{
         display: block;
         float: left;
         width: 340px;
         height: 75px;
         margin-left: 10px;
         color: #333;
         margin-top: 6px;
      }
         .shop_cartFull img{
            position: relative;
            top: 2px;
         }
         #page_holder .footer .footer_holder .shop_cartFull p{
            margin: 0px!important;
         }
            #shop_cartFull img.clearance{
               position: relative;
               left: 8px;
            }
         #page_holder .footer .footer_holder .shop_cart p{
            text-align: center;
         }
         #page_holder .footer .footer_holder .shop_cart div img{
            position: relative;
            top: 2px;
            right: 4px;
         }

#buyText{
	position: relative;
	clear: both;
	width: 820px;
	margin: 0px auto;
	top: 7px;
}
         
#buy{
   position: relative;
	left: 21px;
   top: 15px;
	margin: 0px auto;
	width: 135px;
}
#buy span{
   cursor: pointer;
}

#succes{
   float: left;
   display: block;
   background-color: #f2f2f2;
   border: 1px solid #4b784d;
   line-height: 20px;
   margin-bottom: 5px;
   margin-left: 5px;
   padding-left: 3px;
   padding-right: 3px;
}
#succes img{
   position: relative;
   top: 2px;
}

#AV{
   position: relative;
   float: left;
   display: block;
   left: 21px;
   width: 840px;
   
}

.page_404 {
	padding: 10px 0 0 30px;
	font-size: 16px;
}

div.row1{
   margin-left: 20px;
}
div.row2{
   margin-left: 40px;
}
div.row3{
   margin-left: 60px;
}
div.row4{
   margin-left: 80px;
}
div.footer_text{
   color: #a2a2a2;
   font-size: 10px;
   margin-left: 10px;
}
div.footer_text a{
   color: #a2a2a2;
   font-size: 10px;
}

button.iDEALeasy {background-color: #FFFFFF; float: right;}

/* Choose payment page */

#payment_options {
	padding-top: 20px;
}

#ideal {
	float: left;
	width: 409px;
	padding-right: 15px;
	border-right: solid 1px #FFF;
}

#factuur {
	padding-left: 15px;
	border-left: solid 1px #e0e0e0;
	float: left;
	width: 409px;
}

/* Awesome payment button */

a:active { 
	outline:none;
}

.button {
	background: url(/images/button_left.gif) top left no-repeat;
	padding-left: 10px;
	display: block;
	color: #FFF;
	vertical-align: middle;
	font-size: 13px;
	height: 28px;
	float: right;
	margin-top: 10px;
}

.button span, div.button input.submit {
	background: url(/images/button_right.gif) top right no-repeat;
	display: block;
	height: 19px;
	padding: 5px 10px 5px 0px;
}
	 div.button input.submit {
	 	padding: 2px 10px 5px 0px;
	 	width: 100%;
	 	height: 28px;
	 	border: 0;
	 	color: #FFF;
	 	font-size: 13px;
	 	cursor: pointer;
	 }

a.button:hover, div.button input.submit:hover {
	text-decoration: none;
	color: #f4c8e5;
}

a.button:active, div.button:active {
	top: 1px;
}
