/*
 
Copyright (c) Enigma Interactive 2006

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

*/

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

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

#supplierWrapper .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 #supplierWrapper .headerBar .left {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/curves/left_curve.png', sizingMethod='crop');
}

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

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

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

#supplierWrapper .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 #supplierWrapper .headerBar .right {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/curves/right_curve.png', sizingMethod='crop');
}

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

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

#installerListWrapper .backButton .link,
#supplierListWrapper .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{
	position: relative;
	overflow: hidden;
	float: left;
	width : 200px;
	background-color: #5e94c0;
}

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

#installerListWrapper .titles .technology,
#supplierListWrapper .titles .technology,
#productListWrapper .titles .technology{
	position: relative;
	overflow: hidden;
	float: left;
	width : 150px;
	background-color: ##5085b1;
}

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

#productListWrapper .titles .middle{
	position: relative;
	overflow: hidden;
	float: left;
	width : 360px;
	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{
	position: relative;
	overflow: hidden;
	float: left;
	width : 200px;
}

#productListWrapper .products .left{
	position: relative;
	overflow: hidden;
	float: left;
	width : 150px;
}

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

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

#productListWrapper .products .middle{
	position: relative;
	overflow: hidden;
	float: left;
	width : 360px;
}

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

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

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

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

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

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

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

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

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

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

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

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

#supplierProfileWrapper .supplierInformation a{
	/* color: #ffffff; */
	font-weight: normal;
}

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

#supplierProfileWrapper .supplierInformation .infoPad .top{
	position: relative;
	padding: 0px 21px 0px 21px;
}

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

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

#supplierProfileWrapper .supplierInformation .infoPad .bottom{
	position: relative;
	overflow: hidden;
	width: 100%;
}

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

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

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

#supplierProfileWrapper .supplierInformation .infoPad .bottom .row .data a{
	color: #ffff00;
}

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

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

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

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


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


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

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

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

.supplierInformation #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 .supplierInformation #bodyMedia .headerBar .left {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/curves/left_curve.png', sizingMethod='crop');
}

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

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

.supplierInformation #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 .supplierInformation #bodyMedia .headerBar .right {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/curves/right_curve.png', sizingMethod='crop');
}

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

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

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

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

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