/*
 
Copyright (c) Enigma Interactive 2006

SOM2
Project:		EST
Filename:		coTechnologies.css
Description:	Layout of the technologies page
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
3	8/2/07		PG			Fixed some padding / width issues
2	31May06		MS			Redesigning page media sections
1	08May06		MS			Created

*/

#productWrapper {
	position: relative;
	overflow: hidden;
}

#productWrapper .infoMessage{
	position: relative;
	overflow: hidden;
	padding:21px 0px 21px 21px;
	font-weight: bold;
}

#productWrapper .headerBar {
	position: relative;
	overflow: hidden;
	width : 760px;
	height: 38px;
	z-index: 100;
}

#productWrapper .headerBar .left {
	position: relative;
	overflow: hidden;
	float: left;
	width: 15px;
	height: 40px;
	background: transparent url(/images/curves/left_curve.png) no-repeat left top;
}

* html #productWrapper .headerBar .left {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/curves/left_curve.png', sizingMethod='crop');
}

#productWrapper .headerBar .middle {
	position: relative;
	overflow: hidden;
	float: left;
	width: 730px;
	height: 25px;
	background-color: #99ccff;
}

#productWrapper .headerBar .middle .text{
	position: relative;
	overflow: hidden;
	float: left;
	padding: 4px 6px 0px 6px;
	font-size: 1.3em;
	font-weight: bold;
	color: #428dc6;
}

#productWrapper .headerBar .middle .compareLink{
	position: relative;
	overflow: hidden;
	float: left;
	padding: 4px 6px 0px 6px;
}

#productWrapper .headerBar .middle .text .hint{
	position: relative;
	overflow: hidden;
	font-size: 0.7em;
	font-weight: normal;
	color: #ffffff;
}

#productWrapper .headerBar .middle .text a{
	font-size: 0.7em;
	padding-left: 10px;
}

#productWrapper .headerBar .right {
	position: relative;
	overflow: hidden;
	z-index: 100;
	float: right;
	width: 15px;
	height: 40px;
	background: transparent url(/images/curves/right_curve.png) no-repeat left top;
}

* html #productWrapper .headerBar .right {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/curves/right_curve.png', sizingMethod='crop');
}

#installerListWrapper,
#supplierListWrapper,
#productCompareWrapper,
#productListWrapper {
	position: relative;
	overflow: hidden;
}

#installerListWrapper .backButton,
#supplierListWrapper .backButton,
#productCompareWrapper .backButton,
#productListWrapper .backButton {
	position: relative;
	overflow: hidden;
	width: 760px;
}

#installerListWrapper .backButton .link,
#supplierListWrapper .backButton .link,
#productCompareWrapper .backButton .link,
#productListWrapper .backButton .link {
	float: right;
	padding: 10px 21px 10px 0px;
}

#installerListWrapper .titles,
#supplierListWrapper .titles,
#productListWrapper .titles {
	position: relative;
	overflow: hidden;
	width : 760px;
	margin-top: -13px;
}

#installerListWrapper .titles .text,
#supplierListWrapper .titles .text,
#productListWrapper .titles .text{
	overflow: hidden;
	padding: 10px 0px 10px 21px;
	font-weight: bold;
}

#installerListWrapper .titles .left,
#supplierListWrapper .titles .left,
#productListWrapper .titles .left{
	position: relative;
	overflow: hidden;
	float: left;
	width : 200px;
	background-color: #5e94c0;
}

#installerListWrapper .titles .middle,
#supplierListWrapper .titles .middle,
#productListWrapper .titles .middle{
	position: relative;
	overflow: hidden;
	float: left;
	width : 460px;
	background-color: #4f85b1;
}

#installerListWrapper .titles .right,
#supplierListWrapper .titles .right,
#productListWrapper .titles .right{
	position: relative;
	overflow: hidden;
	float: left;
	width : 100px;
	background-color: #5e94c0;
}

#installerListWrapper .installers,
#supplierListWrapper .suppliers,
#productListWrapper .products {
	position: relative;
	overflow: hidden;
	width : 760px;
}

#installerListWrapper .installers .text,
#supplierListWrapper .suppliers .text,
#productListWrapper .products .text{
	padding: 2px 0px 2px 21px;
}

#installerListWrapper .installers .text a,
#supplierListWrapper .suppliers .text a,
#productListWrapper .products .text a{
	color: #ffff00;
}

#installerListWrapper .installers .background1,
#installerListWrapper .installers .background2,
#installerListWrapper .installers .background3,
#installerListWrapper .installers .background4,
#installerListWrapper .installers .background5,
#installerListWrapper .installers .background6,
#installerListWrapper .installers .background7,
#installerListWrapper .installers .background8,
#supplierListWrapper .suppliers .background1,
#supplierListWrapper .suppliers .background2,
#supplierListWrapper .suppliers .background3,
#supplierListWrapper .suppliers .background4,
#supplierListWrapper .suppliers .background5,
#supplierListWrapper .suppliers .background6,
#supplierListWrapper .suppliers .background7,
#supplierListWrapper .suppliers .background8,
#productListWrapper .products .background1,
#productListWrapper .products .background2,
#productListWrapper .products .background3,
#productListWrapper .products .background4,
#productListWrapper .products .background5,
#productListWrapper .products .background6,
#productListWrapper .products .background7,
#productListWrapper .products .background8{
	position: relative;
	overflow: hidden;
	width : 760px;
}

#installerListWrapper .installers .background1,#supplierListWrapper .suppliers .background1,#productListWrapper .products .background1{background-color: #4579a1;}
#installerListWrapper .installers .background2,#supplierListWrapper .suppliers .background2,#productListWrapper .products .background2{background-color: #5e94c0;}
#installerListWrapper .installers .background3,#supplierListWrapper .suppliers .background3,#productListWrapper .products .background3{background-color: #5085b1;}
#installerListWrapper .installers .background4,#supplierListWrapper .suppliers .background4,#productListWrapper .products .background4{background-color: #5997c0;}
#installerListWrapper .installers .background5,#supplierListWrapper .suppliers .background5,#productListWrapper .products .background5{background-color: #6d9bbf;}
#installerListWrapper .installers .background6,#supplierListWrapper .suppliers .background6,#productListWrapper .products .background6{background-color: #43799f;}
#installerListWrapper .installers .background7,#supplierListWrapper .suppliers .background7,#productListWrapper .products .background7{background-color: #4180a9;}
#installerListWrapper .installers .background8,#supplierListWrapper .suppliers .background8,#productListWrapper .products .background8{background-color: #5b91bd;} 

#installerListWrapper .installers .left,
#supplierListWrapper .suppliers .left,
#productListWrapper .products .left{
	position: relative;
	overflow: hidden;
	float: left;
	width : 200px;
}

#installerListWrapper .installers .middle,
#supplierListWrapper .suppliers .middle,
#productListWrapper .products .middle{
	position: relative;
	overflow: hidden;
	float: left;
	width : 460px;
}

#installerListWrapper .installers .right,
#supplierListWrapper .suppliers .right,
#productListWrapper .products .right{
	position: relative;
	overflow: hidden;
	float: left;
	width : 100px;
}

#installerListWrapper .message,
#supplierListWrapper .message,
#productCompareWrapper .message,
#productListWrapper .message {
	position: relative;
	overflow: hidden;
	width : 760px;
	z-index: 10;
	margin-top: -13px;
	background-color: #5e94c0;
}

#installerListWrapper .message .text,
#supplierListWrapper .message .text,
#productCompareWrapper .message .text,
#productListWrapper .message .text{
	padding:21px 0px 21px 21px;
	font-weight: bold;
}

#productCompareWrapper .lowerTable {
	position: relative;
	overflow: hidden;
	width : 760px;
	margin-top: -13px;
}

#productCompareWrapper .lowerTable table th.background1,
#productCompareWrapper .lowerTable table th.background2,
#productCompareWrapper .lowerTable table th.background3,
#productCompareWrapper .lowerTable table th.background4,
#productCompareWrapper .lowerTable table th.background5,
#productCompareWrapper .lowerTable table th.background6,
#productCompareWrapper .lowerTable table th.background7,
#productCompareWrapper .lowerTable table th.background8
{
	padding: 10px 10px 10px 10px;
}

#productCompareWrapper .lowerTable table th.background1{background-color: #4579a1;}
#productCompareWrapper .lowerTable table th.background2{background-color: #5e94c0;}
#productCompareWrapper .lowerTable table th.background3{background-color: #5085b1;}
#productCompareWrapper .lowerTable table th.background4{background-color: #5997c0;}
#productCompareWrapper .lowerTable table th.background5{background-color: #6d9bbf;}
#productCompareWrapper .lowerTable table th.background6{background-color: #43799f;}
#productCompareWrapper .lowerTable table th.background7{background-color: #4180a9;}
#productCompareWrapper .lowerTable table th.background8{background-color: #5b91bd;} 

#productCompareWrapper .lowerTable table tr.background1{background-color: #4579a1;}
#productCompareWrapper .lowerTable table tr.background2{background-color: #5e94c0;}
#productCompareWrapper .lowerTable table tr.background3{background-color: #5085b1;}
#productCompareWrapper .lowerTable table tr.background4{background-color: #5997c0;}
#productCompareWrapper .lowerTable table tr.background5{background-color: #6d9bbf;}
#productCompareWrapper .lowerTable table tr.background6{background-color: #43799f;}
#productCompareWrapper .lowerTable table tr.background7{background-color: #4180a9;}
#productCompareWrapper .lowerTable table tr.background8{background-color: #5b91bd;} 

#productCompareWrapper .lowerTable table th a{
	color: #ffffff;
	font-weight: bold;
}
#productCompareWrapper .lowerTable table td {
	padding: 10px 10px 10px 10px;
}
#productCompareWrapper .lowerTable table td a{
	color: #ffff00;
}

#productPanelWrapper {
	position: relative;
	overflow: hidden;
	background-color: #90c6db;
	width: 253px;
}

#productPanelWrapper .panelPad{
	position: relative;
	overflow: hidden;
	background-color: #90c6db;
	padding: 8px 8px 20px 8px;
}

#productPanelWrapper .panelPad .headerText{
	position: relative;
	overflow: hidden;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
}

#productPanelWrapper .panelPad .link{
	position: relative;
	overflow: hidden;
	padding: 0px 0px 5px 0px;
}

#productProfileWrapper {
	position: relative;
	overflow: hidden;
}

#productProfileWrapper .backButton {
	position: relative;
	overflow: hidden;
	width: 760px;
}

#productProfileWrapper .backButton .link {
	float: right;
	padding: 10px 21px 10px 0px;
}

#productProfileWrapper .productDetails {
	position: relative;
	overflow: hidden;
	width : 760px;
	margin-top: -13px;
}

#productProfileWrapper .productInformation {
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 50;
	width : 760px;
	margin-top: -13px;
	background-color: #569dd3;
}

#productProfileWrapper .productInformation a{
	/* color: #ffffff; */
	font-weight: normal;
}

#productProfileWrapper .productInformation .infoPad{
	position: relative;
	z-index: 10;
	padding-top:21px;
}

#productProfileWrapper .productInformation .infoPad .top{
	position: relative;
	padding: 0px 21px 0px 21px;
}

#productProfileWrapper .productInformation .infoPad .top .link{
	position: relative;
	overflow: hidden;
	padding: 0px 0px 10px 0px;
}

#productProfileWrapper .productInformation .infoPad .top .intro{
	position: relative;
	overflow: hidden;
	padding: 0px 0px 21px 0px;
}

#productProfileWrapper .productInformation .infoPad .bottom{
	position: relative;
	overflow: hidden;
	width: 100%;
}

#productProfileWrapper .productInformation .infoPad .bottom .row{
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 0px 0px 10px 0px;
	z-index: 10;
}

#productProfileWrapper .productInformation .infoPad .bottom .row .title{
	position: relative;
	overflow: hidden;
	width: 150px;
	float: left;
	padding: 0px 0px 0px 23px;
	font-weight: bold;
}

#productProfileWrapper .productInformation .infoPad .bottom .row .data{
	position: relative;
	overflow: hidden;
	float: left;
	padding: 0px 21px 0px 2px;
}

#productProfileWrapper .productInformation .infoPad .bottom .row .data p{
	padding-left:21px;
}

#productProfileWrapper .productLinks {
	position: relative;
	overflow: hidden;
	width: 100%;
	z-index-50;
	background-color: #569dd3;
}

#productProfileWrapper .productLinks .linkPad{
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 11px 21px 21px 21px;
	z-index: 10;
}

#productProfileWrapper .productLinks .linkPad .link{
	position: relative;
	overflow: hidden;
	float: left;
	padding: 0px 21px 0px 0px;
}


#productProfileWrapper .rightMedia {
	position: relative;
	overflow: hidden;
	float: right;
	width: 253px;
}


#productProfileWrapper .rightMedia .image{
	position: relative;
	overflow: hidden;
	width: 253px;
}

.productInformation #bodyMedia a {
	color: #ffffff;
}
.productInformation #bodyMedia .floater {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: -13px;
}

.productInformation #bodyMedia .floater .headerBar {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 40px;
	z-index: 100;
}

.productInformation #bodyMedia .headerBar .left {
	position: relative;
	overflow: hidden;
	float: left;
	width: 15px;
	height: 40px;
	background: transparent url(/images/curves/left_curve.png) no-repeat left top;
}

* html .productInformation #bodyMedia .headerBar .left {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/curves/left_curve.png', sizingMethod='crop');
}

.productInformation #bodyMedia .headerBar .middle {
	position: relative;
	overflow: hidden;
	float: left;
	height: 25px;
	width: 730px;
	background-color: #99ccff;
}

.productInformation #bodyMedia .headerBar .middle .text {
	position: relative;
	overflow: hidden;
	padding: 4px 6px 0px 6px;
	font-size: 1.3em;
	font-weight: bold;
	color: #428dc6;
}

.productInformation #bodyMedia .headerBar .right {
	position: relative;
	overflow: hidden;
	z-index: 100;
	float: right;
	width: 15px;
	height: 40px;
	background: transparent url(/images/curves/right_curve.png) no-repeat left top;
}

* html .productInformation #bodyMedia .headerBar .right {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/curves/right_curve.png', sizingMethod='crop');
}

.productInformation #bodyMedia .floater .mediaWrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-top: -15px;
}

.productInformation #bodyMedia .mediaWrap .articleInnerLink,
.productInformation #bodyMedia .mediaWrap .articleInnerDownload,
.productInformation #bodyMedia .mediaWrap .articleInnerContact{
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
}

.productInformation #bodyMedia .mediaWrap .articleInnerLink {background-color: #5e94c0;}
.productInformation #bodyMedia .mediaWrap .articleInnerDownload {background-color: #6bb4db;}
.productInformation #bodyMedia .mediaWrap .articleInnerContact {background-color: #5997c0;}

.productInformation #bodyMedia .mediaWrap .articleBody {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.productInformation #bodyMedia .mediaWrap .articleBody .bodyText{
	position: relative;
	overflow: hidden;
	padding: 21px 21px 21px 21px;
	font-size: 0.9em;
}