/*
	Styles for product listing
*/

#disc, #disc2 { z-index: 50000; }


.products {
}

.row {
	display: block;
	clear: both;
	position: relative;
	border-bottom: 1px solid #fff;
	height: 20px;
	padding: 4px 0;
}

.header {
	font-weight: bold;
	border-bottom: 2px solid #548823;
	color: #000;
}

* html .header { height: 50px; }


.expanded { 
	color: #548823; 
	background-color: #fff; 
	height: 155px; 
	font-weight: bold;
	border-bottom: 5px solid #ffffff;
}

.collapsed { color: #37559d; }

.title {
	position: absolute;
	left: 5px;
	width: 101px;
}
.viscosity {
	position: absolute;
	left: 152px;
	top: 2px;
}
.ratio {
	position: absolute;
	left: 326px;
	width: 179px;
	height: 23px;
}
.degradation {
	position: absolute;
	left: 575px;
	width: 87px;
}


.expanded .title, 
.collapsed .title {
	left: 5px;
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding-left: 20px;
}


.collapsed .title { background-image: url(../imgs/arrow-c.gif); }

.expanded .title { background-image: url(../imgs/arrow-e.gif); }

.collapsed .details { display: none; }
.expanded .details { display: block; }

.details {
	background-color: #fff;
	font-size: 11px;
	color: #444;
	border-top: 1px solid #548823;
	padding: 5px 5px 0px 5px;
	margin: 5px 25px 0 25px;
	font-weight: normal;
}

.details .dc, 
.details .dc2 {
	float: left;
	width: 300px;
	height: 125px;
	
}

.details .dc {
	width: 290px;
	border-right: 1px solid #bbb;
	float: left;
	margin-right: 20px;
}

.details .dc2 {
	width: 330px;
}

.details .dc div,
.details .dc2 div {
	clear: both;
}

.details .dc span,
.details .dc2 span {
	display: block;
	float: left;
	width: 155px;
}

.details .dc span { width: 110px; }