body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background: #FFFFFF;
}
A:link {
	color: #D51A3A; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	text-decoration: none
} 
A:visited {
	color: #D51A3A;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	text-decoration: none
} 
A:hover {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	text-decoration: none
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal;
	line-height: 14px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal;
	line-height: 14px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
	text-transform: uppercase;
	color: #D51A3A;
	padding: 0;
	margin: 0;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
	color: #D51A3A;
	padding: 0;
	margin: 0;
}
input {
	border: 1px solid #8B8F99;
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	vertical-align: middle;
}
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	height: 18px;
	background: #8B8F99;
	padding-bottom: 3px;
}
.button:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	height: 18px;
	background:  #00478C;
	padding-bottom: 3px;
}
.checkbox {
	border: none;
}
div.requiredField
{    
    float:left;    
    }
div.requiredFieldMessage
{   
    float:left;
    color:Red;
	padding-left: 10px;
    }
.red {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal;
	line-height: 14px;
	color: #CC0000;
}
.white {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal;
	line-height: 14px;
	color: #FFFFFF;
}
.big{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight: bold;
	color: #FFFFFF;
}
/* layout structure */
#container {
	width: 975px;
	height: 800px;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}
	#header {
		width: 955px;
		height: 116px;
		margin: 0;
		padding: 0;
		margin-right: auto;
		margin-left: auto;
	}
		#logo {
			float: left;
			padding: 20px 0 8px 0;
		}
		#country {
			float: right;
			width: 180px;
			height: 16px;
			background: #00478C;
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 9px; 
			font-weight: bold; 
			text-transform: uppercase;
			text-align: right;
			padding: 3px 10px 0 0;
			color: #FFFFFF;
		}
		#slogan2 {
			float: right;
			margin: 0;
			padding: 0;
		}
	#wrap {
		clear: both;
		width: 955px;
		margin-right: auto;
		margin-left: auto;
	}
		#navigation {
			float: left;
			width: 175px;
			margin: 0;
			padding: 0;
		}
		#twinson {
			width: 175px;
			margin: 0;
			padding: 0;
			background: #806E65;
		}
		#content {
			float: right;
			width: 780px;
			margin: 0;
			padding: 0;
		}
		#footer {
			float: right;
			width: 765px;
			height: 18px;
			margin: 0;
			padding: 3px 10px 0 0;
			background: #00478C;
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 9px; 
			font-weight: normal; 
			text-align: right;
			color: #FFFFFF;
		}
/* content */
#eyecatcher {
	float: left;
	width: 580px;
	padding: 0 0 0 5px;
}
#sidebar {
	float: right;
	width: 190px;
	margin: 0;
	padding: 0;
}
/* country */
#country a {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 
	text-transform: uppercase;
	text-decoration: none; 
	text-align: right;
	color: #FFFFFF;
}
#country a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 
	text-transform: uppercase;
	text-decoration: underline;  
	text-align: right;
	color: #FFFFFF;
}
/* footer */
#footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: normal;
	text-decoration: underline;  
	text-align: right;
	color: #FFFFFF;
}
#footer a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: normal;
	text-decoration: none;  
	text-align: right;
	color: #FFFFFF;
}
/* boxes */
.news {
	width: 190px;
	height: 330px;
	background: #F1F1F1;
}
.news h3 {
	margin: 0;
	background: #8B8F99;
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 
	text-transform: uppercase;
	padding: 3px 0 0 15px;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
.news p {
	margin: 8px 0 0 0;
	background: #F1F1F1;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal;
	line-height: 14px;
	padding: 3px 10px 0 15px;
}
.news ul {
	list-style: none;
	margin: 0;
	padding: 8px 0 0 15px;
}
.news li {
	background: url(../../../img/distributor/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 2px 0 0 15px;
	margin: 0px;
}
.news a {
	color: #D51A3A;
	text-decoration: none;
}
.news a:hover {
	color: #333333;
	text-decoration: none;
}
.topic {
	width: 190px;
	height: 250px;
	background: #F1F1F1;
}
.topic h3 {
	margin: 0;
	background: #8B8F99;
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 
	text-transform: uppercase;
	padding: 3px 0 0 15px;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
.topic p {
	margin: 8px 0 0 0;
	background: #F1F1F1;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal;
	line-height: 14px;
	padding: 3px 10px 0 12px;
}
.topic ul {
	list-style: none;
	margin: 0;
	padding: 8px 0 0 15px;
}
.topic li {
	background: url(../../../img/distributor/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 2px 0 0 15px;
	margin: 0px;
}
.topic a {
	color: #D51A3A;
	text-decoration: none;
}
.topic a:hover {
	color: #333333;
	text-decoration: none;
}
/* navigation */
#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 
	text-transform: uppercase;
}
#nav li {
	margin: 0;
	padding: 0 0 2px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 
	text-transform: uppercase;
}
#nav a {
	display: block;
	width: 160px;
	height: 16px;
	color: #333333;
	text-decoration: none;
	background: #F1F1F1;
	padding: 3px 0 0 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 
	text-transform: uppercase;
}  
#nav a:hover, body#home #n-home a,  body#products #n-products a, body#colors #n-colors a, body#references #n-references a, body#technology #n-technology a, body#contact #n-contact a, body#about #n-about a, body#ecology #n-ecology a, body#quality #n-quality a, body#services #n-services a, body#newsletter #n-newsletter a, body#stalen #n-stalen a{
	display: block;
	width: 160px;
	height: 16px;
	color: #FFF;
	text-decoration: none;
	background: #EB9FAC;
	padding: 3px 0 0 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 
	text-transform: uppercase;
}
#nav .who {
	color: #FFFFFF;
	display: block;
	padding: 3px 0 0 15px;
	margin: 0 0 2px 0;
	width: 160px;
	height: 16px;
	background: #D51A3A;
}
#nav .footer {
	width: 175px;
	background-image: url(../../../img/distributor/footer.gif);
	margin: 0;
}
/* subnavigation */
#subnav {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 
	text-transform: uppercase;
}
#subnav li {
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 
	text-transform: uppercase;
}
#subnav .active {
	color: #FFFFFF;
	display: block;
	padding: 3px 0 0 15px;
	margin: 0;
	width: 175px;
	height: 16px;
	background: #EB9FAC;
}
#subnav .long3{
	color: #FFFFFF;
	display: block;
	padding: 3px 0 0 15px;
	margin: 0 0 0 5px;
	width: 565px;
	height: 16px;
	background: #8B8F99;
}
#subnav .long2{
	color: #FFFFFF;
	display: block;
	padding: 3px 0 0 15px;
	margin: 0 0 0 5px;
	width: 370px;
	height: 16px;
	background: #8B8F99;
}
#subnav .long1{
	color: #FFFFFF;
	display: block;
	padding: 3px 0 0 15px;
	margin: 0 0 0 5px;
	width: 175px;
	height: 16px;
	background: #8B8F99;
}
#subnav a {
	display: block;
	width: 175px;
	height: 16px;
	color: #FFF;
	text-decoration: none;
	background: #8B8F99;
	padding: 3px 0 0 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 
	text-transform: uppercase;
}  
#subnav a:hover {
	display: block;
	width: 175px;
	height: 16px;
	color: #FFF;
	text-decoration: none;
	background: #EB9FAC;
	padding: 3px 0 0 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 
	text-transform: uppercase;
}
/* subnavigation products */
#subnavprod {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 
	text-transform: uppercase;
}
#subnavprod li {
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 
	text-transform: uppercase;
}
#subnavprod .windows {
	color: #FFFFFF;
	display: block;
	padding: 3px 0 0 15px;
	margin: 0;
	width: 175px;
	height: 16px;
	background-image: url(../../../img/bg-windows.jpg);
	background-repeat: no-repeat;
}
#subnavprod .interior {
	color: #FFFFFF;
	display: block;
	padding: 3px 0 0 15px;
	margin: 0;
	width: 175px;
	height: 16px;
	background-image: url(../../../img/bg-interior.jpg);
	background-repeat: no-repeat;
}
#subnavprod .exterior {
	color: #FFFFFF;
	display: block;
	padding: 3px 0 0 15px;
	margin: 0;
	width: 175px;
	height: 16px;
	background-image: url(../../../img/bg-roofline.jpg);
	background-repeat: no-repeat;
}
#subnavprod .garden {
	color: #FFFFFF;
	display: block;
	padding: 3px 0 0 15px;
	margin: 0;
	width: 175px;
	height: 16px;
	background-image: url(../../../img/bg-outdoor.jpg);
	background-repeat: no-repeat;
}
#subnavprod a {
	display: block;
	width: 175px;
	height: 16px;
	color: #FFF;
	background: #8B8F99;
	text-decoration: none;
	padding: 3px 0 0 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 
	text-transform: uppercase;
}  
/* content */
.column {
	width: 190px;
	height: 480px;
	background: #F1F1F1;
}
.column p {
	margin: 0;
	background: #F1F1F1;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal;
	line-height: 14px;
	padding: 3px 10px 0 15px;
}
.column ul {
	list-style: none;
	margin: 0;
	padding: 8px 0 0 15px;
}
.column li {
	background: url(../../../img/distributor/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 2px 0 0 15px;
	margin: 0px;
}
.column a {
	color: #D51A3A;
	text-decoration: none;
}
.column a:hover {
	color: #333333;
	text-decoration: none;
}
.columnlong {
	width: 190px;
	height: 620px;
	background: #F1F1F1;
}
.columnlong p {
	margin: 0;
	background: #F1F1F1;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal;
	line-height: 14px;
	padding: 3px 10px 0 15px;
}
.columnlong ul {
	list-style: none;
	margin: 0;
	padding: 8px 0 0 15px;
}
.columnlong li {
	background: url(../../../img/distributor/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 2px 0 0 15px;
	margin: 0px;
}
.columnlong a {
	color: #D51A3A;
	text-decoration: none;
}
.columnlong a:hover {
	color: #333333;
	text-decoration: none;
}
.column2 {
	width: 385px;
}
.column2 p {
	margin: 8px 0 0 0;
	background: #F1F1F1;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal;
	line-height: 14px;
	padding: 3px 10px 0 15px;
}
.column2 ul {
	list-style: none;
	margin: 0;
	padding: 8px 0 0 15px;
}
.column2 li {
	background: url(../../../img/distributor/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 2px 0 0 15px;
	margin: 0px;
}
.column2 a {
	color: #D51A3A;
	text-decoration: none;
}
.column2 a:hover {
	color: #333333;
	text-decoration: none;
}
.row1 {
	width: 775px;
	height: 127px;
	background: #F1F1F1;
	margin-bottom: 5px;
}
.row1 ul {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
}
.row1 li {
	background: url(../../../img/distributor/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 2px 0 0 15px;
	margin: 0px;
}
.row1 a {
	color: #D51A3A;
	text-decoration: none;
}
.row1 a:hover {
	color: #333333;
	text-decoration: none;
}
.row2 {
	width: 775px;
	height: 127px;
	background: #FFF;
	margin-bottom: 5px;
}
.row2 ul {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
}
.row2 li {
	background: url(../../../img/distributor/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 2px 0 0 15px;
	margin: 0px;
}
.row2 a {
	color: #D51A3A;
	text-decoration: none;
}
.row2 a:hover {
	color: #333333;
	text-decoration: none;
}
.text {
	padding: 0;
	margin: 0;
	background: #FFF;
}
.text p {
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal;
	line-height: 14px;
	padding: 20px 0 20px 0;
}
.text ul {
	list-style: none;
	margin: 0;
	padding: 5px 0 5px 0;
}
.text li {
	background: url(../../../img/distributor/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 2px 0 0 15px;
	margin: 0px;
}
.text a {
	color: #D51A3A;
	text-decoration: none;
}
.text a:hover {
	color: #333333;
	text-decoration: none;
}
.text .active{
	color: #333333;
	text-decoration: none;
}
/* twinson */
#twinson p {
			margin: 0;
			padding: 10px;
			color: #FFFFFF;
			background: #806E65;
		}
#twinson ul {
	list-style: none;
	margin: 0;
	padding: 8px 0 0 15px;
}
#twinson li {
	background: url(../../../img/arrow_twinson.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 2px 0 0 15px;
	margin: 0px;
}
#twinson a {
	color: #FFF;
	text-decoration: none;
}
#twinson a:hover {
	color: #FFF;
	text-decoration: underline;
}
/* windows */
#windows {
	width: 175px;
	color: #FFFFFF;
	background: #8B8F99;
		}
#windows a {
	color: #FFF;
	text-decoration: none;
}
#windows a:hover {
	color: #FFF;
	text-decoration: underline;
}
/* synergebuild */
#synerge {
			width: 175px;
			margin: 0;
			padding: 0;
			background: #11145C;
		}
#synerge ul {
	list-style: none;
	margin: 0;
	padding: 8px 0 0 15px;
}
#synerge li {
	background: url(../../../img/arrow_white.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 2px 0 0 15px;
	margin: 0px;
}
#synerge a {
	color: #FFF;
	text-decoration: none;
}
#synerge a:hover {
	color: #FFF;
	text-decoration: underline;
}