/**********************************************************
Name:			productpage.css
Description:	CSS definitions for product and product categories pages.
Date:			20/09/2007
Author:			Andrei Vais
**********************************************************/

/* main product page style rules*/
#contentpage .container
{
	float: left;
	height: 390px;
	width: 48%;
}

#oldstone {background: #FFFFFF url('../images/oldstonecategoryimage.jpg') no-repeat center center;}

#newstone
{
	background: #FFFFFF url('../images/newstonecategoryimage.jpg') no-repeat center center;
	margin-left: 3%;
}

#contentpage #rightColumnProducts h2
{
	line-height: 140%;
	margin-top: -3px;
}

#contentpage .container h2
{
	display: inline;
	float: left;
	font-size: 100%;
	margin: 3% 0 0 4.8%;
}

#contentpage .container ul
{
	display: inline;
	float: left;
	list-style-type: square;
	margin-top: 283px;
	margin-left: 9.4%;
	width: 100%;
}

#contentpage .container li
{
	color: #802A37;
	float: left;
	line-height: 110%;
	list-style-type: square;
	margin: 0 3% 10px 0;
	width: 46%;
}

#contentpage .container ul li a
{
	color: #802A37;
	font-weight: bold;
	text-decoration: none;
}

#leftColumnProducts, #rightColumnProducts
{
	clear: both;
	display: inline;
	float: left;
	width: 48%;
}

#rightColumnProducts
{
	clear: none;
	float: right;
}

#leftColumnProducts ul.productCategory, #rightColumnProducts ul.productCategory, #leftColumnProducts ul.slimProductCategory, #rightColumnProducts ul.slimProductCategory
{
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 140px;
}

#leftColumnProducts ul.slimProductCategory, #rightColumnProducts ul.slimProductCategory {min-height: 100px;}


#contentpage ul.productCategory li, #contentpage ul.slimProductCategory li
{
	float: left;
	color: #000000;
	line-height: 150%;
	width: 57%;
}

#contentpage ul.productCategory li.Title, #contentpage ul.slimProductCategory li.Title
{
	color: #802A37;
	font-size: 105%;
	float: left;
	margin-bottom: 5px;
	text-transform: uppercase;
	width: 57%;
}

#contentpage ul.productCategory li.Title a, #contentpage ul.slimProductCategory li.Title a
{
	color: #802A37;
	line-height: 100%;
	text-decoration: none;
}

#contentpage ul.productCategory li.Image, #contentpage ul.slimProductCategory li.Image
{
	float: right;
	height: 77px;
	margin-top: 3px;
	width: 40%;
}

#contentpage ul.productCategory li a, #contentpage ul.slimProductCategory li a
{
	color: #000000;
	line-height: 150%;
	text-decoration: none;
}

#contentpage ul.productCategory li a:hover, #contentpage ul.slimProductCategory li a:hover {text-decoration: underline;}

#productOptions
{
	list-style-type: square;
	margin-left: 25px;
}

#productOptions li {margin-bottom: 3px;}

#leftColumnProducts #productOptions {margin-top: 25px;}

#leftColumnProducts #productOptions li 
{
	float: left;
	width: 83%;
}

#contentpage #leftColumnProducts ul.singlecolumn li {width: 100%;}

#contentpage .productImages p a:hover span
{
	color: #666666;
	text-decoration: underline;
}

#contentpage ul.productImages
{
	float: left;
	margin: 34px 0 0 0;
	width: 100%;
}

#contentpage ul.productImages li
{
	display: inline;
	float: left;
	margin: 0 5.4% 34px 0;
	width: 29.7%;
}

#contentpage ul.productImages li.endofrow {margin-right: 0;}

#contentpage .productCatalogueCode, #contentpage .productCatalogueCode2, #contentpage .productColours, #contentpage .productDimensions, #contentpage .productPrice, #contentpage .instructions, #contentpage .suggestion
{
	float: left;
	font-weight: bold;
	display: inline;
	letter-spacing: 0;
	margin-top: 3px;
	padding-bottom: 2px;
	word-spacing: -3px;
	width: 58%;
}

#contentpage .productCatalogueCode2 {width: 50%;}

#contentpage .soldOut {color: #DD0000;}

#contentpage .productColours, #contentpage .productDimensions, #contentpage .instructions
{
	font-weight: normal;
	line-height: 110%;
	width: 100%;
	word-spacing: 0;
}

#contentpage .productPrice
{
	float: right;
	width: auto;
}

#contentpage .suggestion
{
	font-weight: normal;
	width: 100%;
	font-style: italic;
	line-height: 100%;
	word-spacing: 0;
}

ul#productOptions
{
	list-style-type: square;
	margin-bottom: 20px;
}

ul#productOptions li
{
	line-height: 130%;
	margin-bottom: 5px;
}

#contentpage div.productImages
{
	float: right;
	margin-left: 5%;
	width: 42%;
}

#contentpage div.productImages p
{
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 100%;
}

#contentpage div.productImages img
{
	background: #E0E0E0;
	float: left;
}

#contentpage p.ProductInUse {margin-top: 43px;}

#contentpage p.ProductInUse img
{
	border-width: 0;
	margin-bottom: 30px;
}

#contentpage p.productDisclaimer
{
	font-size: 80%;
	font-style: italic;
	margin-top: 50px;
}