/********************************************************************************
 *	Sigla Furniture - redesign project 2006					*
 *	10/05/2006								*
 *	------------------------------------------------------------------	*
 *	client: Sigla Furniture - L.A.						*
 *	------------------------------------------------------------------	*
 *	authors:								*
 *										*
 *	markus haist								*
 *	christian hein								*
 *	------------------------------------------------------------------	*
 *	catalog.css								*
 *	This is where catalog-specific styles are set.				*
 ********************************************************************************/


/**** THUMBNAIL VIEW PANEL ***/
#thumb_nav_panel {
	position: absolute;

	left: 0px;
	top: 0px;

	width: 250px;
	height: 400px;

	margin: 10px; /* gets added to size! */
/*	
	margin-right:0px;
	padding: 0px;
	padding-right: 10px;*/
	border-right: 1px dotted #a2a29e;
}

#thumb_nav_header {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	 margin: 0;
	 padding: 0;

	width: 240px;
	/* height: 100%; */

	font: normal 0.7em Verdana, sans-serif;
	color: #666;
}

#thumb_nav_header a{
	font: normal 0.7em Verdana, sans-serif;
	color: #666;
	text-decoration: none;
}

#thumb_nav_grid {
	z-index: 1;

	position: absolute;
	top: 60px;
	left: 0;
	 margin: 0;
	 padding: 0;

	width: 240px;
	height: 320px;
	}

#thumb_nav_pagination {
	position: absolute;

	top: 380px;
	left: 0;
	 margin: 0;
	 padding: 0;

	width: 220px;
	height: 20px;
	text-align:center;
	font: 0.8em sans-serif;
	color: #666;	

	}


#thumb_nav_pagination a {
	color: gray;
	text-decoration: none;
	}

.currentPage {
	font-weight: bold;
	color:#F00;
	}

/**** LARGE VIEW PANEL ***/
#item_image {
	position: absolute;

	padding: 0 0 10px 0;
	margin: 10px;
	left: 261px;
	top: 0;

	width: 389px;
	height: 250px;
	background: none;
	border-bottom: 1px dotted #a2a29e;
	}

#large_view_image {
	position: absolute;
	left:0;
	top:0;
	width: 389px;
	height: 250px;
	padding:0;
	margin:0;
	}

#large_view_text {
	font: normal 0.6em Verdana, sans-serif;
	color: #666;
	position: absolute;
	left:281px;
	top:271px;
	width: 220px;
	height: 129px;
	padding:10px;
	margin:0;
	}
	
.itembox {
	float: left;
	width: 58px;
	margin-top:4px;
	}

#item_images {
	position: absolute;
	left:673px;
	top:3px;
	width: 35px;
	height: 200px;
	padding:0;
	margin:0;
	border-spacing:0px;
	border-collapse:collapse;
	table-layout:fixed;
}

.categorybox {
	background-color:#FFF;
	text-align:center;
	float:left;
	margin: 0px 2px;
}


.imagebox {
	width: 60px;
	height: 40px;
	border: 1px solid #a2a29e;
	background-color:#FFF;
	text-align:center;
	margin:2px;
}

#measurements {
	position: absolute;
	left:510px;
	top:285px;
	width: 160px;
	height: 120px;
	padding:0;
	margin:0;
	border-spacing:0px;
	border-collapse:collapse;
	table-layout:fixed;
	overflow:auto;
}

#measurements ul {
	list-style-type: none;
	padding:0px;
	margin:0px;
}

.measurement {
	width:130px;
	float:left;	
	font: normal 0.7em Verdana, sans-serif;
	color: #666;
	border-top: 1px solid #AAA;
	padding:1px;
	
}

/* CSS 3.0 not supported yet!
#measurements ul li:first-child {
	border-top: 0px solid #AAA;
}
*/

.measurement_title {
	width: 90px;
	padding:0;
	margin:0;
	float:left;
}

.measurement_value {
	width: 30px;
	margin:0;
	padding:0;
	float:right;
	text-align:right;
}

#menulink {
	z-index:10;
	padding-top:13px;
	float:right;
}

/*
#menulink a:link {
	color:#FFF;
	font-size:0.9em;
	background: #F00;
	text-decoration: none;
	padding:1px 2px;
}
*/

#cat_flash_display {
	position:absolute;
	top: 4px;
	left: 5px;

	width: 190px;
	height: 38px;

	padding: 0;
	margin:0;
}

/* MAIN CATEGORY MENU DIV */
#category_select {
	height: 400px;

}
/* name of cat */
.category_title {
	display: block;
	height: 30px;
	width: 160px;
}
/* div surrounding the list of sub categories */
.category_children  {
	/*  */
	list-style-type: none;
	padding:0px;
	margin:0px;	
	}

/* the category block(with border) */
.category_block {
	border-top: 1px dotted #aaa;
	margin: 0px 0px 5px 0px;
}

.first-child {
	border-top: none;
}

/* CSS 3.0 not supported yet!
.category_block:first-child {
	border-top: none;
}
*/