/****************************************************************
	catalogue.css
	Catalogue system
	04.09.2008
	Sex Drum
****************************************************************/

/****************************************************************
	contact-box
****************************************************************/

.contact-title {
	background: #FFFFFF;
	display: block;
	font-size: 125%;
	float: left;
	font-weight: bold;
	left: 7px;
	margin: 0;
	padding: 0 3px;
	position: absolute;
	top: -10px;
}

.contact {
	clear: both;
	border: 1px solid #CCCCCC;
	margin: 20px 0;
	padding: 10px;
	height: 140px;
	position: relative;
	line-height: 1.2;
}

.contact-image, .content-image {
	float: left;
	width: 100px;
	height: 140px;
	margin: 0.6em 1.2em 0.6em 0;
	text-align: center;
	overflow:hidden;
}


.contact-image a, .content-image a {
	display:block;
	overflow:hidden;
	width: 100px;
	height: 140px;
}
.contact-image a:hover, .content-image a:hover {
	text-decoration: none;
}

.contact-image a span, .content-image a span {
	padding: 105px 0 0 0;
	display:block;
	width: 100px;
	font-size: 110%;
}

.content-image img { display:block; width: 100px; height: 100px;}
.content-image a { height: 100px; }
.content-image a span { padding: 5px 0;}

.contact-detail h3, .contact-detail p{
	margin: 0.6em;
}

.comName {
	font-size: 110%;
}

/****************************************************************
	solution-module
****************************************************************/

.solution-module {
	float: left;
	width: 200px;
	height: 140px;
	margin: 0;
	padding: 0;
	text-align: left;
	overflow:hidden;
}

.solution-module a {
	display:block;
	overflow:hidden;
	width: 200px;
	height: 140px;
}

.solution-module a:hover {
	text-decoration: none;
}

.solution-module a span {
	padding: 75px 0 0 0;
	display:block;
	width: 200px;
	font-size: 110%;
}

/****************************************************************
	sup-icon
****************************************************************/

#arvor .logo { background: url(/catalogue/img/suppliers-logo/arvor.png) no-repeat top center; }
#avt .logo { background: url(/catalogue/img/suppliers-logo/avt.png) no-repeat top center; }
#cloeren .logo { background: url(/catalogue/img/suppliers-logo/cloeren.png) no-repeat top center; }
#dega .logo { background: url(/catalogue/img/suppliers-logo/dega.png) no-repeat top center; }
#diamat .logo { background: url(/catalogue/img/suppliers-logo/diamat.png) no-repeat top center; }
#entex .logo { background: url(/catalogue/img/suppliers-logo/entex.png) no-repeat top center; }
#illig .logo { background: url(/catalogue/img/suppliers-logo/illig.png) no-repeat top center; }
#huzap .logo { background: url(/catalogue/img/suppliers-logo/huzap.png) no-repeat top center; }
#kampf .logo { background: url(/catalogue/img/suppliers-logo/kampf.png) no-repeat top center; }
#kiefel .logo { background: url(/catalogue/img/suppliers-logo/kiefel.png) no-repeat top center; }
#lemo .logo { background: url(/catalogue/img/suppliers-logo/lemo.png) no-repeat top center; }
#mlt .logo { background: url(/catalogue/img/suppliers-logo/mlt.png) no-repeat top center; }
#mps .logo { background: url(/catalogue/img/suppliers-logo/mps.png) no-repeat top center; }
#ocs .logo { background: url(/catalogue/img/suppliers-logo/ocs.png) no-repeat top center; }
#polytype .logo { background: url(/catalogue/img/suppliers-logo/polytype.png) no-repeat top center; }
#sky .logo { background: url(/catalogue/img/suppliers-logo/sky.png) no-repeat top center; }
#uniloy .logo { background: url(/catalogue/img/suppliers-logo/uniloy.png) no-repeat top center; }
#waterline .logo { background: url(/catalogue/img/suppliers-logo/waterline.png) no-repeat top center; }

/****************************************************************
	solution-icon
****************************************************************/

#solutionid-100 .logo { background: url(/catalogue/img/solutions/solutions100.png) no-repeat top center; }
#solutionid-101 .logo { background: url(/catalogue/img/solutions/solutions101.png) no-repeat top center; }
#solutionid-102 .logo { background: url(/catalogue/img/solutions/solutions102.png) no-repeat top center; }
#solutionid-103 .logo { background: url(/catalogue/img/solutions/solutions103.png) no-repeat top center; }
#solutionid-104 .logo { background: url(/catalogue/img/solutions/solutions104.png) no-repeat top center; }
#solutionid-105 .logo { background: url(/catalogue/img/solutions/solutions105.png) no-repeat top center; }
#solutionid-106 .logo { background: url(/catalogue/img/solutions/solutions106.png) no-repeat top center; }
#solutionid-107 .logo { background: url(/catalogue/img/solutions/solutions107.png) no-repeat top center; }
#solutionid-108 .logo { background: url(/catalogue/img/solutions/solutions108.png) no-repeat top center; }
#solutionid-109 .logo { background: url(/catalogue/img/solutions/solutions109.png) no-repeat top center; }

#solutionid-200 .logo { background: url(/catalogue/img/solutions/solutions200.png) no-repeat top center; }
#solutionid-201 .logo { background: url(/catalogue/img/solutions/solutions201.png) no-repeat top center; }
#solutionid-202 .logo { background: url(/catalogue/img/solutions/solutions202.png) no-repeat top center; }
#solutionid-203 .logo { background: url(/catalogue/img/solutions/solutions203.png) no-repeat top center; }
#solutionid-204 .logo { background: url(/catalogue/img/solutions/solutions204.png) no-repeat top center; }
#solutionid-205 .logo { background: url(/catalogue/img/solutions/solutions205.png) no-repeat top center; }
#solutionid-206 .logo { background: url(/catalogue/img/solutions/solutions206.png) no-repeat top center; }
#solutionid-207 .logo { background: url(/catalogue/img/solutions/solutions207.png) no-repeat top center; }
#solutionid-208 .logo { background: url(/catalogue/img/solutions/solutions208.png) no-repeat top center; }
#solutionid-209 .logo { background: url(/catalogue/img/solutions/solutions209.png) no-repeat top center; }

#solutionid-300 .logo { background: url(/catalogue/img/solutions/solutions300.png) no-repeat top center; }
#solutionid-301 .logo { background: url(/catalogue/img/solutions/solutions301.png) no-repeat top center; }
#solutionid-302 .logo { background: url(/catalogue/img/solutions/solutions302.png) no-repeat top center; }
#solutionid-303 .logo { background: url(/catalogue/img/solutions/solutions303.png) no-repeat top center; }
#solutionid-304 .logo { background: url(/catalogue/img/solutions/solutions304.png) no-repeat top center; }
#solutionid-305 .logo { background: url(/catalogue/img/solutions/solutions305.png) no-repeat top center; }

#solutionid-400 .logo { background: url(/catalogue/img/solutions/solutions400.png) no-repeat top center; }
#solutionid-401 .logo { background: url(/catalogue/img/solutions/solutions401.png) no-repeat top center; }
#solutionid-402 .logo { background: url(/catalogue/img/solutions/solutions402.png) no-repeat top center; }
#solutionid-403 .logo { background: url(/catalogue/img/solutions/solutions403.png) no-repeat top center; }
#solutionid-404 .logo { background: url(/catalogue/img/solutions/solutions404.png) no-repeat top center; }
#solutionid-405 .logo { background: url(/catalogue/img/solutions/solutions405.png) no-repeat top center; }


/****************************************************************
	sup-list-icon
****************************************************************/

/* reset ul li in ja template css */

#ja-col1 ul#sup-list-icon li, #ja-col2 ul#sup-list-icon li {
	background: none;
	margin: 0;
	padding: 0;
}

#sup-list-icon {
	margin: 0;
	padding: 0;
}

#sup-list-icon span {
	display:none;
}

/* reset ul li in ja template css */
#sup-list-icon li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	background: none;
	line-height: 100%;
	overflow: hidden;
}

#sup-list-icon li, #sup-list-icon a {
	display: block;
	width: 100px;
	height: 100px;
}

#sup-list-icon a {
	display:block;
	overflow:hidden;
	width: 100px;
	height: 100px;
	opacity: 0.85;
}

#sup-list-icon a:hover {
	opacity: 1;
}

/****************************************************************
	solution-list-icon
****************************************************************/

/* reset ul li in ja template css */

#ja-col1 ul#solution-list li, #ja-col2 ul#solution-list li {
	background: none;
	margin: 0;
	padding: 0;
}

#solution-list {
	margin: 0;
	padding: 0;
}

#solution-list span {
	display:none;
}

/* reset ul li in ja template css */
#solution-list li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	background: none;
	line-height: 100%;
	overflow: hidden;
}

#solution-list li, #solution-list a {
	display: block;
	width: 100px;
	height: 100px;
}

#solution-list a {
	display:block;
	overflow:hidden;
	width: 100px;
	height: 100px;
	opacity: 0.85;
}

#solution-list a:hover {
	opacity: 1;
}

/****************************************************************
	image div
****************************************************************/

#tel-024542984 {
	margin: 0;
	background: transparent url(/images/stories/meedee/company/tel.png) no-repeat top center center;
	display: block;
	width: 160px;
	height: 80px;
}

#tel-024542984 span {
	display: none;
}