/* **************************************************************
*****************************************************************

		TT PRODUCT CSS TEMPLATE

		PM IT Solutions
			http://www.pm-it.nl
			
*****************************************************************
************************************************************** */


/* ===============================================================================================
			WEBSHOP ONTWERP OPMAAK
=============================================================================================== */


/* ---------------------------------------------------------------------
			 CATLIST
--------------------------------------------------------------------- */

/* ---------------------------------------------------------------------
			CATEGORIEEN LIJST
--------------------------------------------------------------------- */


div.tt_products_item_catlist {

	text-align: center;

}


	div.tt_products_item_catlist div.thumb {
	
		float: left;
		width: 170px;
		height: auto;
		text-align: center;

	
		font-size: 13px;
		font-weight: bold;

		margin: 3px;


	
	}


		div.tt_products_item_catlist div.thumb table {

			font-size: 13px;
			font-weight: bold;

			width: 170px;

			text-align: center;

	
		}

		
		div.tt_products_item_catlist div.thumb table a{
				color: #000000;
		}

			div.tt_products_item_catlist div.thumb table {
	

	
				background-color: #f7f7f7;
				border: 1px solid #e8e8e8;
		
			}


	
			div.tt_products_item_catlist div.thumb table tr td.cat-image {
	
				height: 180px;
				width: 170px;

			}
	

				div.tt_products_item_catlist div.thumb table tr td.cat-image img {
		
					border: 1px solid #e8e8e8;

					padding: 2px;

					background-color: #ffffff;
	
				}

	
			div.tt_products_item_catlist div.thumb table tr td.cat-title {
	
				height: 50px;
				width: 170px;
	
				line-height: 20px;
	
			}


	div.tt_products_item_catlist a,
	div.tt_products_item_catlist a:visited,
	div.tt_products_item_catlist a:active {
	

		text-decoration: none;



	}


/* ---------------------------------------------------------------------
			PRODUCTEN LIJST
--------------------------------------------------------------------- */



.tt_products_item_list {

	clear: both;

	background-color: #ffffff;

	width: 100%;

}


.listitem {
	
	width: 531px;
	height: auto;
	
	margin-top: 3px;
	margin-left: 2px;
	
	padding-bottom: 3px;
	
	background-image: url(../img/bg_list-product.jpg);
	background-repeat: no-repeat;
	background-position: bottom;

	text-align: left;


}




.listitem h3.producttitle{

	margin-top: 0px;

	color: #0f4c8f;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	text-align: left;

	padding-top: 2px;
	padding-bottom: 2px;
}

.listitem h3.producttitle a{

	text-decoration: none;
	color: #3d6fa1;
}


.listitem .product_note{

	margin-top: 3px;

	font-style: italic;

}


.listitem p.price{

	margin-top: 3px;
	font-size: 120%;

}

.listitem .order_form{

	margin-top: 3px;
}


 .listitem .listitem_subheader {



}



/* ---------------------------------------------------------------------
			ENKEL PRODUCT
--------------------------------------------------------------------- */




div.tt_products_item_single_display {

	width: 534px;
	height: auto;

	background-image: url(../img/content_bottombar_gray.jpg);
	
	background-repeat: no-repeat;
	background-position: bottom;

	padding-bottom: 30px;
}


	div.tt_products_item_single_display div#product-header {
	
	}


		div.tt_products_item_single_display div#product-header div.header-left {
		
			float: left;

			width: 459px;
		}

		div.tt_products_item_single_display div#product-header div.header-right {
		
			float: right;
			
			width: auto;
			height: 100%;

		}



	div.tt_products_item_single_display div.product-images {
	
		width: 100%;

		min-height: 100px;

		margin-bottom: 10px;

		float: left;
	
	
	}

	
	
	div.tt_products_item_single_display div.youtube-movie a {

		color: #2c488c;
		
		text-decoration: none;

	}

		div.tt_products_item_single_display div.product-images div.product-images-left {
		
			width: 420px;
			min-height: 1px;

			float: left;
			
		}
		
			div.tt_products_item_single_display div.product-images div.product-images-left img.product-image {
				height: 220px;
			}		


		div.tt_products_item_single_display div.product-images div.product-images-right {
		
			width: 80px;

			float: left;

			margin-left: 20px;

		}

			div.tt_products_item_single_display div.product-images div.product-images-right ul {
			
				margin: 0;
				padding: 0;

				list-style-type: none;
			
			
			}


	div.tt_products_item_single_display div.product-images img.product-image {
	
		
		
	}


.tt_products_item_single_display p.navigation{

	margin-bottom: 3px;
}




.tt_products_item_single_display dl.summary {

	margin-top: 5px;
}

.tt_products_item_single_display .product_note{

	margin-top: 3px;
}



.tt_products_item_single_display p.price{


	margin-top: 5px;
	margin-bottom: 5px;

	margin-left: 4px;

	font-size: 110%;

}


.tt_products_item_single_display table.singleprice {

	
}


div.tt_products_item_single_display div.filelinks {

	background-color: #cdcccc;

	border: 1px solid #2c488c;

	line-height: 18px;

}

	div.tt_products_item_single_display div.filelinks div.filelinks-spacing {
	
		padding: 5px;
	
	}




	div.tt_products_item_single_display div.filelinks a,
	div.tt_products_item_single_display div.filelinks a:visited,
	div.tt_products_item_single_display div.filelinks a:active {
	
		color: #2c488c;
		font-weight: bold;
		text-decoration: none;
	
	}

	div.tt_products_item_single_display div.filelinks img {
	
		margin-right: 5px;
	
	}



/* ---------------------------------------------------------------------
			WINKELMANDJE - PRODUCTEN TABEL
--------------------------------------------------------------------- */


table.basket_items {

	text-align: left;

	background-image: url(../img/bg_shoppingcart-th.gif);
	background-repeat: no-repeat;
	background-position: top left;

	padding: 0;
	margin: 0;

	width: 554px;

}

	table.basket_items a {
	
	
		text-decoration: none;
	}



	table.basket_items tr.trbasket {
	
	
		
	}

	table.basket_items th.tableheading {
	
		color: #cdcccc;
	
		height: 14px;
		padding: 2px;
	
	}




	table.basket_items tr.listitemlist {
	
	font-size: 10px;
	
	
	}



		table.basket_items tr.listitemlist td.product,
		table.basket_items tr.listitemlist td.product_number,
		table.basket_items tr.listitemlist td.price,
		table.basket_items tr.listitemlist td.total {
		
			height: 20px;
			padding: 2px;

			border: 1px solid #344f91;

			background-color: #d5e0ee;

			color: #2c488c;
			font-weight: bold;

		
		}


		table.basket_items tr.listitemlist td.quantity {

			border: none;

			margin: 0;
			padding: 0;

		}
	
			table.basket_items tr.listitemlist td.quantity input {
	
				border: 1px solid #344f91;

				width: 49px;
				height: 19px;

				text-align: center;

				margin: 0;

				padding-top: 7px;

				font-weight: bold;
	
			}



tr.pricetotal {

	float: right;
}



/* ---------------------------------------------------------------------
			WINKELMANDJE - OVERIGE ONDERDELEN
--------------------------------------------------------------------- */


div.tt_products_basket {

	width: 100%;

}



	div.tt_products_basket div.basket,
	div.tt_products_basket div.delivery, 
	div.tt_products_basket div.payment, 
	div.tt_products_basket div.price_summary {

		padding-bottom: 5px;
		margin-bottom: 20px;
	}


	div.tt_products_basket div.form_control {
	
	
	}
	
	
	div.tt_products_basket p.headinfo {
	
	
	
	
	}




/* ---------------------------------------------------------------------
			WINKELMANDJE - KLANTEN INFORMATIE
--------------------------------------------------------------------- */


.tt_products_basket_info {

	width: 95%;

}




.tt_products_basket_info .trading_conditions,
.tt_products_basket_info .notes,
.tt_products_basket_info .delivery_address, 
.tt_products_basket_info .billing_address, 
.tt_products_basket_info .notes {

	border-bottom: 1px solid #c4d6e5;
	
	padding-bottom: 5px;
	margin-bottom: 10px;

}



.tt_products_basket_info .billing_address {

	padding: 3px;
}





.tt_products_basket_info p {

	margin-top: 4px;
	margin-bottom: 12px;

}

.address_info {

	margin-top: 4px;
	margin-bottom: 12px;
}



.tt_products_basket_info .delivery_date {

	margin-top: 4px;
	margin-bottom: 4px;

}





.tt_products_basket_required_info_missing p.error_details {


	color: red;
}


.tt_products_basket_info table td {

	height: 20px;


}


/* ---------------------------------------------------------------------
			WINKELMANDJE - BETAALMETHODE
--------------------------------------------------------------------- */



.tt_products_basket_payment {

	width: 100%;

}

.tt_products_basket_payment table td {

	height: 20px;


}

.tt_products_basket_payment label {

	font-weight: bold;
}



.tt_products_basket_payment .controleinfo {

	margin-top: 10px;
	margin-bottom: 10px;
}






.tt_products_basket_payment .delivery-payment,
.tt_products_basket_payment .invoice_address,
.tt_products_basket_payment .delivery_address,
.tt_products_basket_payment .notes,
.tt_products_basket_payment .price_summary, 
.tt_products_basket_payment .basket {


	border-bottom: 1px solid #c4d6e5;
	
	padding-bottom: 5px;
	margin-bottom: 10px;
}




.tt_products_basket_payment .form_control {

	margin-top: 10px;
}




/* ---------------------------------------------------------------------
			WINKELMANDJE - BEVESTIGING
--------------------------------------------------------------------- */



#tt_products_order_confirmation {


	width: 95%;

	
}


#tt_products_order_confirmation .delivery-payment,
#tt_products_order_confirmation .invoice_address,
#tt_products_order_confirmation .delivery_address,
#tt_products_order_confirmation .notes,
#tt_products_order_confirmation .price_summary, 
#tt_products_order_confirmation .basket,
#tt_products_order_confirmation .order_data,
#tt_products_order_confirmation .payment_shipping_message, 
#tt_products_order_confirmation .shop_address, 
#tt_products_order_confirmation .information  {


	border-bottom: 1px solid #c4d6e5;
	
	padding-bottom: 5px;
	margin-bottom: 10px;


}







/* ---------------------------------------------------------------------
			BESTELLING - VOLGEN
--------------------------------------------------------------------- */





.tracking table.orderstatus {

	text-align: left;

	margin-left: 2px;
}


.tracking table.orderstatus td.tableheading {

	margin-top: 10px;

	background-color: #547fae;

	border-top: 1px solid #0f4c8f;
	border-bottom: 1px solid #0f4c8f;

	color: #ffffff;


	height: 20px;
	padding: 2px;
}

.tracking table.orderstatus td.items {

	border-bottom: 1px dashed #0f4c8f;

	height: 20px;
	padding: 2px;
}

.tracking #confirmation_copy {

	padding-left: 5px;

}


.tracking #confirmation_copy h1.pagetitle{

	margin-bottom: 8px;

	font-size: 13pt;

	font-weight: bold;

	border-bottom: 1px solid #cccccc;

	padding-bottom: 1px;

}

.tracking #confirmation_copy h2{

	background-color: #858585;

}



.tracking #confirmation_copy .delivery-payment,
.tracking #confirmation_copy .invoice_address,
.tracking #confirmation_copy .delivery_address,
.tracking #confirmation_copy .notes,
.tracking #confirmation_copy .price_summary, 
.tracking #confirmation_copy .basket,
.tracking #confirmation_copy .order_data,
.tracking #confirmation_copy .payment_shipping_message, 
.tracking #confirmation_copy .shop_address, 
.tracking #confirmation_copy .information  {


	border-bottom: 1px solid #858585;
	
	padding-bottom: 5px;
	margin-bottom: 10px;


}



.tracking #confirmation_copy table.basket_items {

	text-align: left;

	margin-left: 2px;



}

.tracking #confirmation_copy table.basket_items a{


	text-decoration: none;
}



.tracking #confirmation_copy tr.trbasket {


	
}

.tracking #confirmation_copy .tableheading {

	
	margin-top: 10px;

	background-color: #a0a0a0;

	border-top: 1px solid #858585;
	border-bottom: 1px solid #858585;

	color: #ffffff;


	height: 20px;
	padding: 2px;
}


.tracking #confirmation_copy tr.listitemlist {

	

}



.tracking #confirmation_copy td.product, td.price, td.quantity, td.total {

	border-bottom: 1px dashed #858585;

	height: 20px;
	padding: 2px;


}




tr.pricetotal {

	float: right;
}










/* ===============================================================================================
            ALGEMENE OPMAAK
=============================================================================================== */	



/* ---------------------------------------------------------------------
			KOPPEN OPMAAK
--------------------------------------------------------------------- */



font.required{

	font-size: 80%;
	color: red;
}


page_navigation {


	background-color: blue;

}



h1.producttitle {

	/*background-image: url(../img/bg_h1-producttitle.gif);*/
		background-image: url(../img/bg_h2-article.gif);
	background-repeat: no-repeat;
	
	margin: 0;
	margin-bottom: 15px;

	padding-left: 10px;

	color: #cdcdd1;

	font-weight: bold;
	font-size: 14px;

	width: 534px;
	height: 20px;

	line-height: 20px;
}



h2.articlenumber {


	background-image: url(../img/content_bottombar_gray.jpg);
	background-repeat: no-repeat;
	
	margin: 0;
	margin-bottom: 15px;

	padding-left: 10px;

	color: #cdcdd1;

	font-weight: bold;
	font-size: 14px;

	width: 534px;
	height: 20px;

	line-height: 20px;

	clear: both;

}




h2.category_title {

	font-size: 160%;
	font-weight: bold;

}


/* ---------------------------------------------------------------------
			AFBEELDING OPMAAK
--------------------------------------------------------------------- */


a img {

	border: 0px;
	text-decoration: none;
}




img.image-filelinks {

	
}





/* ---------------------------------------------------------------------
			OVERIGE ALGEMENE OPMAAK
--------------------------------------------------------------------- */


p.printlink {

margin: 4px;

}