/**
 * Catalogue CSS
 *
 * @package sbjewellery
 */ 
 

/**
 * Catalogue Layout
 */
 #catalogue {
	width:100%;
	text-align:right;
	padding-right:25px;
	min-height:350px;
}

#catalogue .header {
	height:50px;
	margin-bottom:10px;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}

#catalogue .search {
	position:relative;
	float:right;
	z-index:102;
	padding-top:15px;

}

#catalogue form {
	width:100%;
	height:25px;
	margin:0px;
	padding:0px;
}

#catalogue input {
	font-weight:bold;
	margin:0px;
	padding:0px;
}

#catalogue .navpath {

	padding-top:15px;

}

#catalogue .arrows {
	font-family:Courier;
	padding:5px;
	font-size:11pt;
	color:#555;
	font-weight:bold;
}

#catalogue .navpath  a {

	font-size:11pt;
	color:#002471;
	font-variant:small-caps;
	font-weight:bold;
}

#catalogueCont {
	
	margin:0 auto;
	padding-bottom:60px;
	text-align:left;

}
#categories, #products, #groups, #product {
	position:relative;
	display:block;
	float:left;	
	margin:0 auto;
	width:100%;

}

#categories ul {

}



/**
 * Product List Layout
 */
#products ul {
	margin:0px;
	padding:0px;
}

#products li, #categories li, #groups li {
	position:relative;
	list-style:none;
	float:left;
	height:200px;

}


/**
 * Product List
 */
#products li { 	
	width:100%; 
	border-bottom:solid 1px #888;
	text-align:left;
	padding:10px;
	height:170px;
}


/**
 * Sorting etc
 */
#control {
	padding:10px;
	width:100%;
	border-bottom:solid 1px #888;

}

#control .sorting {
	margin-top:3.5em;
	width:100%;
}



/**
 * Product Description
 */
#products .desc { 	
	padding:5px;
	margin-left:180px;
	color:black;
}

#products .price { 	
	
	margin-top:20px;

	width:100%;
	padding:5px;
	font-size:16pt;
	font-weight:bold;
	color:#0067AC;

}
#products .ref {
	margin:5px;
}
#products .link {
	color:#002471;
}

#products .tag {
	font-size:90%;
	color:#888;
	padding:2px;
	margin:0px;
	font-weight:bold;
}

#products .block {
	float:right;
	margin-top:-10px;
	width:120px;

}

#products .carat {
	padding:5px;
	text-align:center;
}

#products .border {
	border-top:solid 8px #CCC;
}

#categories li, #groups li { 	
	text-align:center;
	width:30%;
	font-weight:bold;
}

#categories .tag {
	position:relative;
	width:100%;
	color:#002471;
	font-size:10pt;
	font-variant:small-caps;
	font-weight:bold;
}

#categories .image {
	margin:0 auto;

}


#products img ,#categories img {
	border:0px;
	margin:0 auto;
}

#products .imgwrapper {
	padding:0 auto;
}

#catalogue .footer {
	float:left;
	padding:10px;
	width:100%;
	text-align:center;
	background:transparent;
	border-top:solid 1px #CCC;
}

#product {
	margin-left:-15px;
}
#product .order {

	float:left;

}

#product .details, #product .avail  {
	padding:15px;
	border-bottom:solid 1px #CCC;
}

#product .description {
	
	width:240px;
	float:left;	
	margin-left:10px;
	margin-right:-20px;
	border-top:solid 1px #CCC;
	font-family:tahoma;
}

#product .imgwrapper {
	width:300px;
	float:left;
	margin-left:0px;
	margin-bottom:10px; /* 800x600 desc wraps to bottom so we want a gap */
}


#product .image {
	border:solid 1px #CCC;
	float:left;
	margin-left:0px;
}


#metal {
	width:120px;
}

#price {
	background:transparent url("../images/backgrounds/priceBox.png") no-repeat top left;
	padding:8px;
	padding-left:35px;
	height:40px;
	font-size:16pt;
	font-weight:bold;
	font-style:italic;
	color:#002471;
	margin-top:15px;
	margin-left:20px;
}

#product .go {
	border:0px;
	margin:22px;
	margin-top:0px;
}

#product .carats {
	font-size:14pt;
}