/* @override http://localhost:8081/mandarin/docroot/mandarin/css/productRangePage.css */

/* 
    Document   : productRangePage
    Created on : May 27, 2008, 1:52:59 PM
    Author     : josh
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
div#productList {
	width: 53.077em;*width:51.75em; /* this overflows the content area, but is necessary to allow the last rightmost item in the list to fit on the line - the content pane has an overflowpolicy of hidden which should deal with any problems*/
	margin-bottom: 1.1539em;*margin-bottom:1.125em;
}

/* @group iconView */

.iconView .productBlock {
	display: block;
	width: 16.385em;*width:15.975em;
        height: 16.385em;*height:15.975em;
	float:left;
	position: relative;
	margin-right: 1.1539em;*margin-right:1.125em;
	margin-top: 1.1539em;*margin-top:1.125em;
	border: 1px solid #7f7f7f;
	text-decoration: none;
	color: inherit;
}

.iconView .productBlock img {
	padding: 2.4615em;*padding:2.4em;
        width:11.4615em;*width:11.175em;
        height:11.4615em;*height:11.175em;
}

.iconView .description {
	height: 14.077em;*height:13.725em;
	width: 14.077em;*width:13.725em;
	padding: 1.1539em;*padding:1.125em;
	position: absolute;
	top: 0px;
        left:0px;
	background-color: #c6c978;
	display:none;
}

.iconView .description h4 {
	color: #a40035;
	text-decoration: none;
}

.iconView .propertyIcons {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 1.1539em;*bottom:1.125em;
	left: 1.1539em;*left:1.125em;
}

.iconView .propertyIcons img {
	margin-right: 0.6153em;*margin-right:0.6em;
        width:2.769em;*width:2.7em;
        height:2.769em;*height:2.7em;
	padding: 0px;
	vertical-align: bottom; /* stops the image from being aligned with the text baseline - so avoid blankpixels being inserted below it. IE still adds one pixel, but fuck it. */
}

/* @end */



.warning {
	background-color: #fa0b11;
}

.warning div {
	height: 11.769em;*height:11.475em;
	width: 11.769em;*width:11.475em;
	padding: 1.1539em;*padding:1.125em;
	position: absolute;
	top: 1.1539em;*top:1.125em;
        left: 1.1539em;*left:1.125em;
	background-color: #fcff16;
}

/* @group listView */
table.listView {
	width: 100%;
}

.listView td {
	vertical-align: middle;
	height: 3.5em;
}

.listView td.image {
	width: 3.5em;
}

.listView td.icons {
	width: 11em;
}

.listView h4 {
	margin-bottom: 0px;
}

.listView .propertyIcons {
	float: right;
}

.listView .propertyIcons img {
	margin-left: 0.6153em;*margin-left:0.6em;
	margin-bottom: 0;
}

/* @end */

/* @group Table view */

.tableView tr.productBlock {
	border-bottom: 1px solid #e5e5e5;
}

.tableView td.images, .tableView td.priceTable,.tableView td.description {
	padding-bottom: 1.1539em;*padding-bottom:1.125em;
	padding-top: 1.1539em;*padding-top:1.125em;
}


.tableView td {
	vertical-align: top;
}

.tableView td.images, .tableView td.description {
	padding-right: 1.1539em;*padding-right:1.125em;
}

.tableView img.productImage {
	width: 11.53846em; *width:11.25em;
	height: 11.53846em; *height:11.25em;
	padding: 0.61538em; *padding:0.6em;
	border: 1px solid #c1c1c1;
	float: left;
}

/* iconcs */
.tableView div.propertyIcons {
	width: 3em; *width:2.925em;
	float: right;
}

.tableView div.propertyIcons img {
	margin-bottom: 0.61538em;*margin-bottom:0.6em;
	margin-top: 0px;
    width: 2.7692em; *width:2.7em;
	height: 2.7692em; *height:2.7em;
	vertical-align: bottom;
}

.tableView h4 a:hover {
	color: inherit;
}

.tableView p a:hover {
	color: inherit;
}

.mouseover img.productImage {
	background-color: #a40035;
}

.mouseover h4 {
    color: #a40035;
}


/* @end */