/*

	Stylesheet for Caroline Biss

	Media:      screen, projection
	Copyright:  Netlash <http://www.netlash.com>
	Author:     Yoni De Beule <yoni@netlash.com>

*/


/**
 * = productListing
 * ----------------------------------------------------------
 */

/* Category listing */

	#products {
		overflow: hidden;
		width: 552px;
	}
	
		#home #products {
			padding-bottom: 24px;
		}

	#products .widget {
		margin-bottom: 24px;
	}

 	#products dl.category {
		padding-bottom: 12px;
		margin-bottom: 12px;
		border-bottom: 1px solid #ddd;
	}

 	#products dl.category dt {
		width: 60px;
		height: 60px;
		margin-right: 5px;
		float: left;
		overflow: hidden;
	}

	#products dl.category dt a {
		display: block;
		width: 58px;
		height: 58px;
		text-indent: -9999px;
		background: #FFF;
		border: 1px solid #DADADA;
		overflow: hidden;
	}

 	#products dl.category dd {
		width: 466px;
		height: 50px;
		padding: 0 10px 10px 10px;
		float: left;
		overflow: hidden;
	}

/* Sub category listing  not needed for this project

	#productlisting td {
		padding-bottom: 12px;
		padding-top: 12px;
	}

	#productlisting td.naam {
		width: 60px;
	}

	#productlisting td.naam a {
		width: 60px;
		height: 60px;
		display: block;
		border: 0;
	}

	#productlisting td.naam a img {
		width: 59px;
		height: 59px;
		display: block;
		background: #FFF;
		border: 1px solid #DADADA;
	}

	#productlisting td.beschrijving {
		width: 264px;
	}

	#productlisting td.prijs {
		width: 60px;
		text-align: center;
	}

	#productlisting td.buy {
		width: 34px;
	}

	#productlisting td.prijs span.listingPrice {
		font-family:"Lucida Grande",Verdana,Arial,sans-serif;
		display: inline;
		float: right;
		background: #EDEDED;
		color: #3B3B3B;
		font-weight: 700;
		font-size: 12px;
		font-weight: 700;
		line-height: 24px;
		padding: 0 6px;
	 }
	
	*/

/* Product listing */

#products ul.productlisting {
	width:576px;
}

#products ul.productlisting li {
	float:left;
	padding:0 24px 24px 0;
	width:264px;
}

#products ul.productlisting li .lastChild {
	margin-right:0;
}

#products ul.productlisting li h3 {
	border:0 none;
	font-size:14px;
	font-weight:700;
	line-height:1.1em;
	margin:0;
	overflow:hidden;
	padding:4px 0;
	width:264px;
}

#products ul.productlisting li h3 a {
	color:#000000;
	white-space:nowrap;
}

#products ul.productlisting li h3 a:link, #products ul.productlisting li h3 a:visited {
	color:#000000;
}

#products ul.productlisting li h3 a:hover, #products ul.productlisting li h3 a:active {
	color:#5C5C5C;
}

#products ul.productlisting li p {
	background:#000000 none repeat scroll 0 0;
	height:24px;
	padding:6px 6px 7px;
	width:252px;
}

#products ul.productlisting li p.productOrderButton a, #productlisting td.buy a, .productSet a.listingAddToCart {
	background:transparent url(../../../core/layout/images/buttons.gif) repeat-x scroll 0 0;
	border:1px solid #CECECE;
	color:#FFFFFF;
	cursor:pointer;
	float:right;
	font-family:Arial,sans-serif;
	font-size:11px;
	height:22px;
	line-height:22px;
	overflow:hidden;
	padding:0 10px;
	text-indent:-9999px;
	width:10px;
}

#products ul.productlisting li p.productOrderButton a:hover, #productlisting td.buy a:hover, .productSet a.listingAddToCart:hover {
	background-position:0 -24px;
}

#products ul.productlisting li .imageFrame {
	border:1px solid #DDDDDD;
	height:369px;
	width:262px;
}

#products ul.productlisting li .imageFrame a {
	border:0 none;
	display:block;
	height:369px;
	width:262px;
}

#products ul.productlisting li span.listingPrice {
	color:#FFFFFF;
	display:inline;
	float:left;
	font-family:"Lucida Grande",Verdana,Arial,sans-serif;
	font-size:12px;
	line-height:24px;
	margin-right:46px;
	margin-top:-31px;
	padding:0 12px;
}

/**
 * = slideshow
 * ----------------------------------------------------------
 */

	#imageHolder {
		width: 576px;
		height: 814px;
		overflow: hidden;
		border:1px solid #DADADA;
		margin-bottom: 24px;
		position: relative;
	}

	#imageHolder .buttonHolder {
		position: absolute;
		width: 200px;
		height: 100px;
		right: -1px;
		top: -1px;
		z-index: 9999;
	}

	#imageHolder .buttonHolder ul {
		float: right;
	}

	#imageHolder .buttonHolder ul li {
		float: left;
		display: block;
	}

/**
 * = productDetail
 * ----------------------------------------------------------
 */

	#productDetail #productNavigation ul {
		width: 100%;
		height: 32px;
		overflow: hidden;
		background: url(../images/product_nav.gif) repeat-x 0 0;
		border: 1px solid #C0C0C0;
		margin-bottom: 14px;
	}

	#productDetail #productNavigation ul li {
		float: left;
		height: 32px;
		line-height: 32px;
		border-right: 1px solid #E8E8E8;
	}
	
	#productDetail #productNavigation ul li.overview {
		float: right;
		border-right: none;
		border-left: 1px solid #E8E8E8;
	}
	
	#productDetail #productNavigation ul li a {
		font-weight: 700;
		font-family:"Lucida Grande",Verdana,Arial,sans-serif;
		font-size: 12px;
		color: #FFF;
		border: none;
		padding: 10px 20px 8px 20px;
		height: 32px;
	}
	
	#productDetail #productNavigation ul li a:link, #productDetail #productNavigation ul li a:visited {
		color: #FFF;
		border: none;
		background: none;
	}

	#productDetail #productNavigation ul li a:hover, #productDetail #productNavigation ul li a:active {
		color: #FFF;
		border: none;
		background: url(../images/product_nav.gif) repeat-x 0 -34px;
	}

	#productOrderform {
		clear: both;
	}

	#productOrderform .form-error {
		width: 120px;
		line-height: 1.6;
	}

	#productDetail #productImage {
		position: relative;
		width: 262px;
		margin: 0 0 12px 0;
		border: 1px solid #DADADA;
	}

	#productDetail #productImage #productZoom {
		height: 30px;
		white-space: nowrap;
		position: absolute;
		top: -1px;
		right: -1px;
		border: 1px solid #ADADAD;
	}

	#productDetail #productImage #productZoom a {
		font-family:"Lucida Grande",Verdana,Arial,sans-serif;
		text-align: right;
		color: #FFF;
		display: block;
		padding: 0 34px 0 10px;
		font-size: 11px;
		line-height: 30px;
		font-weight: 700;
		background: url(../images/btn_zoom.gif) no-repeat right 0;
		color: #000;
		width: auto;
	}
	
	#productDetail #productImage #productZoom a:link, #productDetail #productImage #productZoom a:visited {
		color: #FFF;
		background-position: right 0;
	}

	#productDetail #productImage #productZoom a:hover, #productDetail #productImage #productZoom a:active {
		color: #FFF;
		background-position: right -30px;
	}

	#productDetail #productImage a {
		display: block;
		margin: 0;
		padding: 0;
		width: 262px;
		height: auto;
		background-color: #fff;
		border: 0;
	}

	#productDetail #productImage a img {
		display: block;
	}

#productDetail #productOrderform p {
		float: right;
		padding-bottom: 12px;
		clear: both;
	}

	#productDetail #productOrderform select {
		margin: 2px 10px 0 0;
		float: left;
	}

	#productDetail #productOrderform select.gift {
		margin: 2px 0 0 0;
		float: left;
	}
	
	#productDetail #productOrderform #productDetailNumproducts {
		border:1px solid #CECECE;
		width: 28px;
		float: left;
		height: 14px;
		margin-right: 5px;
		padding: 4px;
	}

	#productDetail #productOrderform span.selectFloat {
		float: left;
		margin: 4px 4px 0 0;
	}
	
	#productDetail #productOrderform span.times {
		float: left;
		padding-right: 5px;
		height: 24px;
		line-height: 24px;
	}
	
	#productOptions {
		margin-bottom: 10px;
	}
	
	#productOptions label {
		margin-left: 2px;
	}
	
	#productOptions select {
		width: 50px;
		margin-bottom: 10px;
	}

	#productDetail #productOrderform #productDetailPrice,
	#productDetail #productOrderform #productDetailPriceTotal {
		display: block;
		padding: 0 6px;
		font-family:"Lucida Grande",Verdana,Arial,sans-serif;
		font-size: 12px;
		line-height: 24px;
		font-weight: 700;
		background: #EDEDED;
		color: #3B3B3B;
		float: left;
		white-space: nowrap;
	}

	.twocolumns {
		padding-bottom: 46px;
	}

	.twocolumns .columnleft {
		float: left;
		width: 264px;
		padding-right: 24px;
		overflow: hidden;
	}

	.twocolumns .columnright {
		float: left;
		width: 290px;
		overflow: hidden;
	}
	
	#productStock ul {
		width: 290px;
		list-style: none;
		margin-bottom: 3px;
		padding-left: 0;
	}
	
	#productStock ul li {
		float: left;
		display: block;
		padding: 12px;
		border-right: 1px solid #DADADA;
	}
	
	#productStock ul li.lastChild {
		border-right: none;
	}
	
	#productDetail ul {
		list-style: none;
		padding-left: 0;
	}
	
	.productThumbs li {
		float: left;
		width: 54px;
		height: 54px;
		margin-right: 5px;
		margin-bottom: 5px;
		overflow: hidden;
	}

		.productThumbs li.lastChild {
			margin-right: 0;
		}
	
	.productThumbs li a {
		border: 1px solid #DADADA;
		display: block;
		height: 52px;
		width: 52px;
		overflow: hidden;
		background: #FFF;
	}

	.productThumbs li a:link, .productThumbs li a:visited {
		border: 1px solid #DADADA;
	}
	
	.productThumbs li a:hover, .productThumbs li a:active {
		border: 3px solid #000;
		height: 48px;
		width: 48px;
	}

	/**
	 * = productSet
	 * ----------------------------------------------------------
	 */
	
	.productSet {
		width: 554px;
		background: #E5E5E5 url(../../../core/layout/images/bg_fade.jpg) repeat-x scroll 0 bottom;
		padding: 12px 12px 75px 12px;
	}
	
	.productSetImage {
		width: 554px;
		background: #FFF;
		position: relative;
		overflow: hidden;
	}
	
	.productSetImage a {
		border-bottom: none;
	}
	
	.productSet a.listingAddToCart {
		float: left;
		margin-top: 11px;
	}

	.productSet .silhout_dropdown select {
		display: block;
		float: left;
		margin-top: 12px;
		margin-left: 6px;
	}

	.productSet .productSetItems {
		padding-top: 24px;
		width: 554px;
	}
	
	.productSet .productSetItems .productSetItem {
		float: left;
		width: 554px;
		padding-bottom: 24px;
	}

	.productSet .productThumbs {
		float: left;
		width: 52px;
		padding-right: 12px;
	}
	
	.productSet .productThumbs li {
		float: none;
		margin: 0;
	}

	.productSet .productSetItemInfo {
		float: left;
	}

	fieldset.product-order-left {
		float: left;
		width: 184px;
	}

	fieldset.product-order-right {
		float: left;
		padding-left: 12px;
	}
	
	.productCol {
		float: left;
		width: 275px;
	}