@charset "utf-8";
/* CSS Document */

html,body{ height:100%}
html,body,div,p,form,h1,h2,h3,h4,h5,h6,ul,ol,li{ margin:0; padding:0;}
html,body,div,ol,ul,li,input,select,textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; font-weight:normal;line-height:25px;}
body{ background:url(../images/bg.jpg) repeat-y center #FFFFFF;}
a{ text-decoration:none; outline:none;}
a:hoveer{ text-decoration:underline;}


#container{ width:963px; height:100%; margin:0 auto;}

.more,a.more:link, a.more:active,  a.more:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ffa800;
	float:right;
	margin-top: 0px;
	
}

a.more:hover{color:#0033FF;}


#title{ font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#8a5b4d;
		font-weight:bold;}
		
#blue_title{font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#014efe; font-weight:bold;}

#inner_content_holder{ width:963px; height:auto; float:left; }	
#inner_left{width:664px; float:left; height:auto; margin-top:10px;}

.inner_title{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#8a5b4d;}
#title_holder{padding-top:5px; padding-bottom:5px; height:20px; border-top:1px solid #fe372b; border-bottom:1px solid #fe7e01; }

#inner_right{ width:271px; height:auto; float:right; padding-bottom:10px; padding-top:5px; padding-left:5px; padding-right:5px; background-color:#f5f5f5; margin-top:10px;}
#inner_servicebg{ width:271px; height:24px; float:left; background-color:#e1e1e1;}
#inner_links_holder{ width:271px; height:auto; float:left; margin-top:5px;}
.arrow{ width:12px; height:13px; float:left; margin-right:10px;}

.wonderware_logo{ width:123px; height:79px; float:left; margin-right:10px; margin-bottom:10px;}

#product_content{width:963px; float:left; height:auto; margin-top:10px; }

.product_img{ width:325px; height:321px; float:right; margin-left:10px;}
.product_thumb{width:350px; height:120px;  margin-top:10px; margin-bottom:10px; padding:10px; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC;}

#contact_holder{ width:943px; height:auto; float:left; padding:10px; }


/*----------------------------------------------------------------Contact Us-------------------------------------------------------------------*/

.contactaddressholder {
	float: left;
	height: auto;
	width: 280px;
	
	margin-left:30px;
	border-right:1px dashed #CCCCCC;
	
}

.contactphonenobersholder {
	float: left;
	height: auto;
	width: 200px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
	clear: left;
}

.contactleftholder {
	float: left;
	height: auto;
	width: 951px;
	clear: left;
	margin-bottom:10px;
}
.contactrightholder {
	float: left;
	height: auto;
	width: 400px;
}


.contactformholder {
	float: right;
	height: auto;
	width: 400px;
}

.redtitle{
	color:#FF0000}
.c,a.c:link, a.c:active,  a.c:visited {
	
	color: #000000;

}
a.c:hover {
	
	color:#0099FF;
	
	
}

.contact_form_holder {
	float: right;
	height: auto;
	width: 300px;
	margin-top: 10px;
	margin-bottom:15px;
	
}
.over, a.over:link, a.over:active, a.over:visited{ text-decoration:none;}
a.over:hover{ text-decoration:underline;}


.bodyst
{
list-style-image:url(../images/AS-rondo-icon-blau.svg);
margin-left:35px;


}

.bodyst li
{
line-height:25px;
margin-bottom: 1em;
}
.bodyst2
{
margin-top:10px;
list-style-image:url(../images/right-icon.png);
margin-left:35px;
}
.bodyst2 li
{
line-height:25px;
margin-bottom: 0.5em;
}


p
{
line-height:1.2em;
margin-bottom: 1em;
text-align:justify;

}

h3
{
color:#3399FF;
}

.post{

/* This centers the image */
display: block;
margin-left: auto;
margin-right: auto;

/* This adds the border */
padding:8px;
border:solid;
border-color: #aaaaaa #aaaaaa #dddddd #aaaaaa;
border-width: 1px 2px 2px 1px;
background-color:white;


}