/* shop */ 
/*
	Wanneer een project gebruik maakt van shopelementen, dan kan deze CSS als
	uitgangspunt gebruikt worden.
	Kopieer dan deze stylesheet naar de /templates/[template]/css/ directory
	en voeg de verwijzing toe aan de standaard template-header.
	Eventuele wijzigingen kunnen dan in de kopie gewijzigd worden.

*/

/* filter.productlist.tpl */
	.productlist {
		width:100%;
		border:0;
		margin:0;
		padding:0;

	}

	.productlist_last{
		line-height:10px;
	}

/* filter.prodcatlist.tpl */
	.prodcatlist {
		width:100%;
		border:0;
		margin:0;
		padding:0;
	}

	.prodcatlist_last {
		line-height:10px;
	}

/* filter.prodcat.tpl */
	.prodcat {
		width:100%;
	}
	
	.prodcat tr td div {
		width:300px;
	}

	.prodcat_last {
		line-height:10px;
	}
	
	.prodcat_description {
		margin-bottom:20px;
	}


/* collectionitem.tpl */

        /* div - voor een even rij */
        .collcat_even {
                background-color: #b2b2b2;
                width:300px;
                margin-bottom:10px;
                padding:5px;
        }
        
        /* div - voor een oneven rij */
        .collcat_odd {
                width:300px;
                margin-bottom:10px;
                padding:5px;

        }
        .collcat tr td {
                vertical-align: top;
        }

        /* td - waar de  collection image in komt */
        .collimage {
                border:1px; 
                solid gray;
                margin-right:5px;
        }



/* proditem.tpl */

	/* div - waar een product uit een prodcat in komt. Wordt verder uitgesplitst in even en odd */
	.proditem {
		margin-bottom: 10px; 
		margin-right: 4px; 
	}
	
	.proditem tr td {
		vertical-align: top;
	}

	/* td - waar de productimage in komt */
	.prodimage {
		width: 80px; 
		height: 100px; 
		padding: 0px;
	}
	
	/* div - waarin een link komt om het product te kunnen bewerken */
	.editproduct {
		display: inline;
		font-size: 10px;
	}

/* product.tpl */

	/* div - hier staat het product in zijn geheel in */
	.prod {

		
	}
	
	#prod_oder {
		display:inline;	
	}
	.clear {
		clear: both;
	}

	/* afbeeldingenkader */
	div#productimages {
		border:1px solid silver;
		padding:10px;
		margin-right:10px;
		margin-bottom:10px;
		float:right;
	}
	
	/* style voor alle img tags */
	div#productimages img {
	   border: 1px solid gray;
	}
	
	div#image_large {
		text-align:center;
	}
	
	div#images_small {
		margin-top:10px;
	}
	div#images_small table {	
		width:100%;
	}
	div#images_small table td{	
		text-align:center;
	}
	
	/* productdescription */
	.productdescription {

	}

	/* table */
	#productproperties td{
		vertical-align:middle;
		padding:2px;
	}
	/* span - opmaak van de propertytitle, bijv. "Hoogte:" */
	.productpropertytitle {
	   font-weight: bold;
	}

	/* span - opmaak van de propertyvalue, bijv. "36 cm." */
	.productpropertyvalue {
		font-style: italic;
	}

	/* table - productoptions */
	.productoptions {
	   width: auto;
	   margin: 0;
	   padding: 0;
	   border-collapse: collapse;
	}
	
	/* span - opmaak van de propertytitle, bijv. "Kadoverpakking:" */
	.productoptiontitle {
	   font-weight: bold;
	}
	
	/* span - opmaak van de propertyvalue, bijv. "ja" */
	.productoptionvalue {
	}
	
	/* select - opmaak van de dropdown waar je een option uit kunt kiezen */
	.productoptionselect {
	   width: 180px;
	}

	/* table - waarbinnen de eventueel gekoppelde accessoires staan */
	.productaccessoires {
	 margin-top: 10px;
	 }
	 
	.productaccessoiresprice {
		text-align: right;
	 }

	/* tabel waarbinnen de eventueel gekoppelde suggesties staan */
	.productsuggestions{
	 margin-top: 10px;
	 }

	/* div - hierbinnen staat de opsomming van keywords die eventueel aan een product zijn gekoppeld */
	.productkeywords {
	}
	
	/* div - contains the attached files */
	.productkeywords {
	}

	/* span - de opmaak van de supplier naam */
	.productsupplier {
	}

	/* span - de opmaak van de productcode */
	.productname {
		font-size: larger;
		font-weight: bold;
	}
	
	/* span - de opmaak van de productcode */
	.productcode {
		color: grey;
	}
	/* span - de titel die boven de lijst met keywords staat */
	.productkeywordstitle {
		font-weight: bold;
	}
	
	/* span - de titel die boven de lijst met keywords staat */
	.productfilestitle {
		font-weight: bold;
	}

	/* span - de titel die boven de lijst met accessoires staat */
	.productaccessoirestitle{
		font-weight: bold;
	}

	/* span - de titel die boven de lijst met suggesties staat */
	.productsuggestionstitle {
		font-weight: bold;
	}

	.productsuggestionsprice{
		text-align: right;
	 }

	/* span - de opmaak voor een product dat binnenkort beschikbaar is */
	.comingsoon {
		font-style: italic;
	}

	/* span - de opmaak voor het weergeven van de oude prijs, meestal met een streep erdoor */
	.oldprice {
		text-decoration: line-through;
		color: red;
	}

	/* span - de opmaak voor het weergeven van de oude prijs, meestal met een streep erdoor */
	.price {
	}
	
	.currentprice {
		font-size:10px;
	}	

	/* a - opmaak van de weergave van een keyword bij een product. Dit is altijd een link */
	.keywordlist {
		color: grey;
	}