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

Author:		Bernard NIRLO
Date:		22/08/2007
Comment:	CSS for catalogue display

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


#catalogue {}

/*  affichage des catgories  slectionner */
#catalogue #categories{float:left;width:130px}
#catalogue #categories img{float:left}
#catalogue #categories input.category{float:left}


#catalogue #thumbnail{float:left;width:250px;background-color:#000;}
#catalogue div.thumbnails{float:left;background-color:#FFF;width:60px;height:60px;border:1px solid #C5C7C8;overflow:hidden;}

#catalogue img.thumbnail {float:left;width:60px;margin:auto;vertical-align:middle}


/* affichage des items du catalogue */
#categories{float:left;width:200px;margin:10px}
.features {display:none}



table.description {width:100%;margin-bottom:5px; background:#707070}
table.description th{font-weight:bold;text-align:right;width:40%;border-bottom:1px solid #000;background-color:#000000}
table.description td {border-bottom:1px solid #000}
table.description td.value {text-align:right;font-size:12px}
table.description td.unit {text-align:right;width:32px}
table.description th.model {text-align:center;font-size:14px;font-weight:bold;background-color:#DC241F}
table.description td.partnumber {text-align:center;}



/* affichage de la table category */
table.category {clear:both;width:100%; border:1px solid #666}
	table.category th{font-weight:normal;font-size:10px;background-color:#666;text-align:center}
	table.category th.model {width:100px; font-size:11px; font-weight:bold;padding-left:10px;text-align:left}
		table.category th.model a{text-decoration:none;color:#FFF; padding-right:15px; background:url(img/plus12x12.gif) no-repeat right}
	table.category tr.details {display:none}
	table.category td.partnumber {width:100px}
	table.category td {text-align:center;border-bottom:1px solid #666}
	table.category td.altern {background-color:silver;border-bottom:1px solid #666;color:#666}
	table.category td.unit{color:#000; background-color:#666; text-align:center}
	
/*	table.category tr:hover>td{ background-color:#B9CFFF; }*/
	
	/* affichage de la sous-table accessories */
	
	table.accessories {width:100%;margin-bottom:5px;background:#707070}
	table.accessories th{text-align:left;background-color:#666}
	table.accessories th.header {text-align:center;font-size:14px;font-weight:bold;background-color:#DC241F}
	/* accessories highlight */
	table.accessories th.new{background-color:#DC241F}
	table.accessories th.feature{background-color:#993333}
	table.accessories th.essential{background-color:#DC241F}
	table.accessories th.dedicated{background-color:#DC241F}
	table.accessories th.offer{background-color:#FFCC00;color:#DC241F}
	table.accessories th.sales{background-color:#DC241F}
	table.accessories th.shortage{background-color:#DC241F}
	table.accessories th.unavailable{background-color:#DC241F}
	table.accessories th.shortdelivery{background-color:#DC241F}
	table.accessories th.longdelivery{background-color:#DC241F}
	table.accessories td{text-align:right;width:80px}




#zoom {float:left; width:300px;margin-left:10px; margin-top:10px;}
#zoom.description {float:left; width:350px;margin-left:10px; margin-top:10px}
	#zoom #table {float:left}
/* Display of tool tables  */
.imperial {display:none}

form.switcher {border:1px solid #666;margin:0;text-align:right;}
	form.switcher input {vertical-align:middle;color:#666;}