/*LINKS */

a:link		{color: #000000; text-decoration:none;}
a:visited	{color: #000000; text-decoration:none;}
a:hover		{color: #CC6633; text-decoration:underline;}
body        {  }
a.manufacturers:link {color: #336666; text-decoration:underline;}
a.manufacturers:visited {color: #336666; text-decoration:underline;}
a.manufacturers:hover {color: #CC6633; text-decoration:none;}
a.categories:link {color: #FFFFFF; text-decoration:none;}
a.categories:visited {color: #FFFFFF; text-decoration:none;}
a.categories:hover {color: #FFFFFF; text-decoration:none; background-color: #CC6633;}

/*
a:link {
	color: #3366CC;
	text-decoration: underline;
}
a:visited {
	color: #3366CC;
	text-decoration: underline;
}
a:hover {
	color: #CC6633;
	text-decoration: none;
}
*/

body {
	top: 100px;
	width: 100%;
}
h1 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color:#336666;
} 
h2 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color:#336666;

} 
h3 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	padding:0;
	margin:3px 0px 0px 3px;
	vertical-align:text-top;
}

h4 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
	padding:0;
	margin:0em 0em 0em 3em;
}
h5 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	font-weight:normal;
	padding:0;
	margin-left:6em; margin-right:0em; margin-top:0em; margin-bottom:0em;
}
.table03  {
	border:0px;
	border-collapse:collapse;
	width: 960px;
}
.table03 td:nth-of-type(1) {
	border: 1px solid black;
	width:85px;
	height:85px;
	text-align:center;
}
.table03 td:nth-of-type(2) {
	border: 1px solid black;
	text-align:left;
	width:600px;
	vertical-align:text-top;
}
.table03 td:nth-of-type(2) p {
	text-align:left;
	width:550px;
	padding:0 ;
	margin:3px 0px 0px 3px;
}
.table03 td:nth-of-type(3) {
	border: 1px solid black;
	text-align:center;
	width:150px;
}

.table03 th {
	width:100%;
	border: 1px solid black;
	text-align:left;
	padding:9px 0px 0px 6px;
	background-color:#336666;
}
.table03 th h2 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color:#ffffff;
}

.table03 img {
	width:75px;
	height:75px;
	text-align:center;
}

/*HEADER*/

#header  {
	position: relative;
	width: 100%;
	float: left;

}


/*INTRODUCTION*/

#intro {
	padding: 10px 20px 10px 10px;
	clear: both;
	position: relative;
	width: 100%;
	float: left;

}
#intro p {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
}
.abb-2div {
	width: 48%;
	float: left;
}	
.abb-div {
	width:100%;
	float:left;
	clear:both;
}
.abb-div p {
		padding: 0px 20px 0px 10px;
}

/* ABB*/

.abbflowintroduction {
	clear: both;
	padding:0px 6px 0px 0px ;
	margin:0px 6px 0px 0px;
}

.abbflowprodsection {
	clear: both;
	padding: 0px;
	margin: 0px;

}
.abbflowprodgp {
	width:250px;
	padding: 0px;
	margin: 0px 6px 0px 6px;
	position: relative;
	float: left;
}
.abbflowtitle {
	text-align: center;
	font-size: 1.0em;
	padding:0.1em;
	color: #ffffff;
	background-color: #336666;
}
.abbflowimg {


}
.abbflowcaption {
	text-align: center;
	padding:0px 0px 3px 0px;
}
/* MAIN SECTIONS*/
body {
}
#abbheader {
width: 100%;
float: left;
background-color: yellow;
}

.carton {
	width: 100%;
	position: absolute;
	left:10px;
	top:200px;
}
/* LINKS*/
a:visited {
	color: #3366CC;
	text-decoration: underline;
}
a:hover {
	color: #CC6633;
	text-decoration: none;
}


/*CATEGORIES*/
a:link.categories {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited.categories {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover.categories {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC6633;
}
/* HEADER & FOOTER */
a.header:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.header:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.header:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC6633;
}
a.footer:link {
	color: #3366CC;
	text-decoration: underline;
}
a.footer:visited {
	color: #3366CC;
	text-decoration: underline;
}
a.footer:hover {
	color: #CC6633;
	text-decoration: none;
}

/* MANUFACTURERS */
a.manufacturers:link {
	color: #336666;
	text-decoration: underline;
}
a.manufacturers:visited {
	color: #336666;
	text-decoration: underline;
}
a.manufacturers:hover {
	color: #CC6633;
	text-decoration: none;
}

/*HEADER*/


/*  SECTIONS  */

/*  COLUMN SETUP  */
.col {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child {
	margin-left: 0;
}
/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}
/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}
/*  GROUPING  */
.group:before, .group:after {
	content: "";
	display: table
}
.group:after {
	clear: both;
}
.imageleft {

	width: 200px;
	float: left;
}
.rbsimage {
	border-style: solid;
	border-width: thin;
	width: 175px;
	float: left;
}
.features {
	clear: both;
	float: left;
	padding: 6px;
	width: 60%;
	left: 200px;
	position: relative;
}
.mainh1tag {
	font-family: "Times New Roman", Times, serif;
	font-size: large;
	color: #FFFFFF;
	width: 100%;
	height: 30px;
	background-color: #008080;
	padding: 0.5em;
}
.mainh1tag h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 2.0EM;
	color: #FFFFFF;
	width: 100%;
	height: 50px;
	background-color: #336666;
}
.proddescription {
	clear: both;
	float: left;
	padding: 6px;
	width: 60%;
	left: 200px;
	position: relative;
}
.proddescription p {
	float: right;
	padding: 6px;
	width: 60%;
	left: 200px;
	position: relative;
}
.topsection {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	width: 100%;
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	border-style: solid;
	border-width: thin;
}

.productpicture {
	position: relative;
	float: left;
	width: 50%;
	top: 0px;
	left: 0px;
}
.specifications {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	position: relative;
	width: 25%;
	float: left;
	border-style: solid;
	border-width: thin;
}

.maincontainer {
	position: absolute;
	width: 100%;
}

.title {
	background-color: #336666;
	width: 100%;
	height: 3.0em;
	position: relative;
	float: left;
	text-align: left;
	padding-top: .1em;
	padding-bottom: 6px;
	padding-left: 6px;
	clear: both;
}
.imgcontainer {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 100px;
	float: none;
	cursor: crosshair;
}
.title p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #336666;
	vertical-align: top;
	position: relative;
	float: left;
}
.titletr {
	width: 100%;
	height: 1.5em;
	float: left /*
	clear: both
	*/;
}
.titletd01 {
	border-style: solid;
	border-width: thin;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	position: relative;
	float: left;
	padding: 6px;
	width: 50px;
}
.titletd02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	border-style: solid;
	border-width: thin;
	position: relative;
	float: left;
	padding: 6px;
	width: 90%;
}
/* 
<div class="section group">
	<div class="col span_1_of_3">
	This is column 1
	</div>
	<div class="col span_1_of_3">
	This is column 2
	</div>
	<div class="col span_1_of_3">
	This is column 3
	</div>
</div>
*/
/*
<div class="col span_1_of_4">
	This is column 1
	</div>
	<div class="col span_1_of_4">
	This is column 2
	</div>
	<div class="col span_1_of_4">
	This is column 3
	</div>
	<div class="col span_1_of_4">
	This is column 4
	</div>
</div>
*/


.ex{
color:white;
background-color:#336666;
}

.container {
	width: 100%;
}
.referencelink {
	width: 100%;
}
.referencelink a {
	width: 33%;
	color: #0000FF;
	text-decoration: underline;
}
.iptable {
	border-collapse: collapse;
}

.iptable th {
	table-layout: auto;
	border-collapse: collapse;
	background-color: #336666;
	width: 12.5%;
	font-size: .9em;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	border: thin solid #FFFFFF;
}
a:link.button {
	width: 200px;
	padding: 3px;
	display: inline-block;
	background-color: #339966;
	font-family: Verdana;
	font-size: medium;
	color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	border-radius: 0px;
	border-style: solid;
	border-width: 10px;
	border-color: #00CC66 #336666 #336666 #00CC66;
}
a:visited.button {
	width: 200px;
	padding: 3px;
	display: inline-block;
	background-color: #339966;
	font-family: Verdana;
	font-size: medium;
	color: #ffff00;
	text-align: center;
	vertical-align: top;
	border-radius: 0px;
	border-style: solid;
	border-width: 10px;
	border-color: #00CC66 #336666 #336666 #00CC66;
}
a:hover.button {
	width: 200px;
	padding: 3px;
	display: inline-block;
	background-color: #FFFF99;
	font-family: Verdana;
	font-size: medium;
	color: #336666;
	text-align: center;
	vertical-align: top;
	border-radius: 0px;
	border-style: solid;
	border-width: 10px;
	border-color: #336666 #00CC66 #00CC66 #336666;
}
.iptable tr {
	table-layout: auto;
	border-collapse: collapse;
	width: 100%;
	min-height:2em;
}
.greyblack {
}
.iptable td {

	border-collapse: collapse;
	width: 12.5%;
	text-align: center;
	font-size: .8em;
	border: thin solid #000000;
	min-height:30px;
}
.iptable td a {
	table-layout: auto;
	border-collapse: collapse;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	color: #0000FF;
	text-decoration: underline;
}
.iptable td a:hover {
	table-layout: auto;
	border-collapse: collapse;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	color: #CC6633;

}
.tdseparator {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	background-color: #C0C0C0;
	padding: .25em;
	font-weight: bold;
}

.rbs {
	width: 100%;
	list-style-type: none;
}
.rbs ul {
	width: 100%;
	list-style-type: none;
	display: block;
}
.rbs ul li {
	width: 30%;
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
}
.rbs ul li:first-child {
	width: 10%;
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
}

/* HORIZONTAL NAVIGATION */
.navhorz {
	width: 100%;
	float: left;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.navhorz li {
	width: 20%;
	float: left;
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	color: #ffffff;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: medium;
	font-weight: bold;
	background-color: #336666;
}

a.navhorz li:link {
	background-color:#336666;
	color: yellow
}
.navhorz li a {
	margin: 6px;
	border: medium none #FFFFFF;
	width: 95%;
	float: left;
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: medium;
	font-weight: bold;
	background-color: #336666;
	position: relative;
}
.navhorz li a:visited {
	margin: 6px;
	border: medium none #FFFFFF;
	width: 95%;
	float: left;
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: medium;
	font-weight: bold;
	background-color: #336666;
	position: relative;
}
.navhorz li a:hover {
	margin: 6px;
	border: medium none #FFFFFF;
	width: 95%;
	float: left;
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: medium;
	font-weight: bold;
	background-color: #336666;
	position: relative;
	color: #CC6633;
	text-decoration: none;

}

.figcaption {

	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: medium;
	font-weight: bold;
}
.wika p {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: small;
	position: relative;
	width: 840px;
	padding: 0.5em;
	margin-left: 1.0em;
}
/*intempco*/
.intempco h1 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 3.0em;
	font-weight: bold;
	color:#006699;
	text-align:middle;
} 
.intempco h2 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 2.0em;
	font-weight: bold;
	color:#006699;
	text-align:center;
	line-height:.5em;

} 
.intempco h3 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	padding:0px;
	Margin:0px;
	margin-left:2.0em;
	vertical-align:text-top;
	line-height:.1em;
}

.intempco h4 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
	padding:0;
	margin-left:4.0em;
	line-height:.1em;
}
.intempco h5 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	font-weight:normal;
	padding:0px;
	line-height:.1em;
	margin-left:6em; margin-right:0; margin-top:0; margin-bottom:0
}
#intempcologo {
	position:relative;
	width:100%;
	float:left;
	margin:0px 0px 6px 6px;

}
#intempcologo img {
	padding:10px;
	position:relative;
	float:left;
	width:225px;
	vertical-align:middle;
}
#intempcologo h1 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 2.0em;
	position: relative;
	float: left;
	color: #006699;
	text-align: center;
}
.intempcointroduction {
	clear: both;
	padding:0px 6px 0px 0px;
	margin:0px 6px 0px 0px;
	float:left;
	width:100%;
}
.intempcointroduction p {
	padding:0px 6px 6px 0px;
	margin:0px 6px 0px 0px;
	float:left;
	width:75%;
}
.intempcointroduction img {
	font-weight: bold;
	color:#006699;
	float:left;
	margin: 10px;
} 
.intempco h2 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 2.0em;
	font-weight: bold;
	color:#006699;
	text-align:center;
	line-height:.5em;

} 
.intempco h3 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	margin-left:2.0em;
	vertical-align:text-top;
	line-height:.5em;
}

.intempco h4 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
	padding:0;
	margin-left:4.0em;
	line-height:.5em;
}
.intempco h5 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	font-weight:normal;
	padding:0px;
	line-height:.1em;
	margin-left:6em; margin-right:0; margin-top:0; margin-bottom:0
}
#intempcologo {

	position: relative;
	width: 100%;
	float: left;
	margin:0px 0px 6px 6px;

}
#intempcologo img {
	padding: 10px;
	position: relative;
	float: left;
	width: 225px;
}
#intempcologo h1 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 2.0em;
	position: relative;
	float: left;
	color: #006699;
	text-align: left;
	margin-top:30px;
	
}

.intempcosection01 {
	clear:both;
	width:100%;
}
.intempcoproducts {
	width: 550px;
	float: left;
	margin-right:10px;
}
.intempcoproducts h2{
	font-size: 1.5em;
	width: 550px;
	float: left;
	text-align:center;
	background-color:#006699;
	color:white;
}
.intempcoproducts h3 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	padding:0px;
	Margin:0px;
	margin-left:0em;
	vertical-align:text-top;
	line-height:1.5em;
}

.intempcoproducts h4 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
	padding:0;
	margin-left:2.0em;
	line-height:1.5em;
}
.intempcoproducts h5 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	font-weight:normal;
	padding:0px;
	line-height:1.0em;
	margin-left:4em; margin-right:0; margin-top:0; margin-bottom:0
}

.intempcoproductindex {
	width:550px;
	float:left;
}
.intempcoproductindex h2{
	font-size: 1.5em;
	width:100%;
	float:left;
	text-align: center;
	background-color:#006699;
	color:white;
}
#intempcocontainer {
}
/* intempco*/
a.intempcoproducts:link {color: #336666; text-decoration:underline;}
a.intempcoproducts:visited {color: #336666; text-decoration:underline;}
a.intempcoproducts:hover {color: #CC6633; text-decoration:none;}

.intempcoprodsection {
	clear: both;
	padding: 0px;
	margin: 0px;
	width:100%;
}
.intempcoprodgp {
	width:210px;
	padding: 0px;
	margin: 0px 6px 0px 6px;
	position: relative;
	float: left;
}
.intempcotitle {
	text-align: center;
	font-size: 1.0em;
	padding:0.1em;
	color: #ffffff;
	background-color: #336666;
}
.intempcoimg {
	width:210px;
	height:210px;
	margin-left:1em;
	

}
.intempcocaption {
	text-align: center;
	padding:0px 0px 3px 0px;
}
.background_image {
position:absolute;
left:-1000px;
top:-1000px;


}
.intempco_drawing  {
	clear:both;
	width:100%;
}
.intempco_drawing img  {
	margin-left:2%;
}
.sprite01  {
background-image: url('../Intempco/Images/product-images/product-sheet.jpg');
background-position: 50px 35px; 
background-repeat: no-repeat;

}
.sprite02  {
background-image: url('../Intempco/Images/product-images/product-sheet.jpg');
background-position: 50px 35px; 
background-repeat: no-repeat;

}
.sprite02 a  {
background-image: url('../Intempco/Images/product-images/product-sheet.jpg');
background-position: -185px 35px; 
background-repeat: no-repeat;

}
.sprite02 a:link  {
background-image: url('../Intempco/Images/product-images/product-sheet.jpg'); ;
background-position: 50px 35px; 
background-repeat: no-repeat

}

.sprite02 a:visited  {
background-image: url('../Intempco/Images/product-images/product-sheet.jpg');
background-position: 50px 35px;  
background-repeat: no-repeat;

}

.sprite02 a:hover  {
background-image: url('../Intempco/Images/product-images/product-sheet.jpg');
background-position: 50px 35px; 
background-repeat: no-repeat;

}
.sprite03  {
background-image: url('../Intempco/Images/product-images/product-sheet.jpg');
background-position: -185px 35px; 
background-repeat: no-repeat;

}