* {margin: 0; padding: 0;}
body {margin: 0; padding: 0; width:100%; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif;background: url("../images/backgrad.jpg") #c3c3c5 repeat-x;}
		
#mainContainer {width: 960px; padding: 0; margin: 0 auto;background:white;}	
#mainbox {width: 915px; padding: 0; margin: 0 auto; background:white;}	
a img {border: 0;}
a {color: #0576b3; text-decoration: none;}
a.indent {padding: 0 0 0 30px;}

/*-------------------------------------------- HEADER  */

#header {width: 915px; height: 136px; background: url("../images/topGrad.jpg") repeat-y; margin: 0 0 0 0; border-top: 12px solid #cccccd;}
div#header img {float: left;}
div#header div#login {float: left; width: 620px; text-align: right; padding: 20px 20px 0 0; color: grey;}
div#header div#login .input {width: 190px;}


/*-------------------------------------------- NAVIGATION  */
#navlinks {width: 915px; height: 31px; background: url("../images/blueNavGrad.jpg") #213972 repeat-x; font-size: 0.9em;}
#leftlink {width: 618px; height: 31px; padding: 0 0 0 10px; float:left; color: #ffffff;}	
#leftlink a {color:white; line-height: 31px; text-decoration:none; padding: 0 5px 0 5px;}	
#rightlink {width: 266px; padding: 0 20px 0 0; border-left: 1px solid #fffbe5; height:31px; float:left; text-align: right; color: #ffffff; background: url("../images/greyNavGrad.jpg") #c2c4c6 repeat-x;}
#rightlink a {color:white;line-height: 31px;text-decoration:none;}

#banner {width: 915px; height: 233px; clear: both;}
#banner img {}
h1.bannertitle {margin: 195px 0 0 10px; position: absolute; float: left; color: #ffffff; z-index: 10; font-weight: normal; }
#columns {width: 915px; clear: both; float: left; padding: 20px 0 20px 0;}

div#bannerproduct {background: url("../images/korrobond90banner.jpg") no-repeat; width: 915px; height: 233px; clear: both;}
div#bannertopA {background: url("../images/bannerA.jpg") no-repeat; width: 915px; height: 233px; clear: both;}
div#bannertopB {background: url("../images/bannerB.jpg") no-repeat; width: 915px; height: 233px; clear: both;}
div#bannertopC {background: url("../images/bannerC.jpg") no-repeat; width: 915px; height: 233px; clear: both;}
div#bannertopD {background: url("../images/bannerD.jpg") no-repeat; width: 915px; height: 233px; clear: both;}

/*-------------------------------------------- LEFT Column*/


#LeftColindex {width: 583px; float: left;}
#Leftindex {width: 563px; padding: 10px;}
#Leftindex h1.indexh1 {color: #0576b3; padding: 5px 0 5px 0; font-size: 1.5em;}
#Leftindex h2 {padding: 5px 0 5px 0; font-size: 1.1em;}
#Leftindex p {padding: 5px 0 5px 0;}
#Leftindex ul {padding: 10px 0 10px 20px;}
img.right {float: right; padding: 0 0 10px 10px; margin: 0 0 10px 10px;}
div.product_image {float: right; padding: 0 0 10px 10px; margin: 0 0 10px 10px;}

#MapCol {width: 550px; float: left;}
div.mapright { padding: 20px 0 10px 0; margin: 0 0 10px 0;}

#MapText {padding:20px 0 20px 0;}

#newscol {width: 630px; float: left;}
#newstext {width: 590px;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;font-size: 0.9em;line-height: 1.6em;}
#newstext h1.news {color: #134b8b;font-size: 1.5em;padding-top: 10px;padding-right: 0pt;padding-bottom: 0pt;padding-left: 0pt;margin-top: 0pt;margin-right: 0pt;margin-bottom:0pt;margin-left: 0pt;}
#newstext p {padding:0px;}

#newstext h1.news {color: #004791;font-size: 1.5em;padding: 10px 0 0 0;margin: 0;}
#newstext h1.news a {color: #004791;text-decoration:none;}
#newstext p.news {padding: 0; margin: 0;}
#newstext p.news_year {color: #004791;font-size: 1.5em; padding: 0; margin: 0;}
#newstext  div.news_image {float: right; padding: 0 0 10px 10px; margin: 0 0 10px 10px;}


#newstext a {color: #004791; text-decoration:none;}
#newstext p {padding: 0 0 15px 0;}
#newstext ul {padding: 0 0 0 40px;}
#newstext ul li.secondary {margin: 0 0 0 50px; list-style-type: circle;}
#newstext h1.main {color: #134b8b;font-size: 1.5em;padding: 0 0 15px 0;margin: 0;}

#MapWidth {float:right;}
	
	
/*-------------------------------------------- RIGHTCOLUMN*/	
	

#rightcolumnIndex {width: 332px; float: left; padding: 10px 0 0 0;}
#rightcolumnIndex ul {padding: 10px 0 0 25px; font-size: 0.9em;}
.prodLink {width: 332px; background-color: #e3e3e6; color: #616161; padding: 0 0 10px 0; margin: 0 0 20px 0;}
.prodLink p {padding: 10px 10px 0 10px; color: #616161;}
.prodtitle {width: 332px; height: 39px; background: url("../images/BlueTop.jpg") no-repeat;}
.prodtitle p {color: #ffffff; font-size: 1.5em; padding: 8px 0 0 15px;}
.prodtitle p a {color: #ffffff; text-decoration: none;}
#rightcolumnIndex img {float: left;}

#rightcolumn {width: 285px; float: left; padding: 10px 0 10px 0;}

#newsRight {width: 280px; float: left; padding: 10px 0 10px 0;}
#newsRight .newsitem {clear: both; padding: 10px 0 10px 0;}
#newsRight  .newsitem p {padding: 0; margin: 0; font-size: 0.9em;}
#newsRight  p.newstitle {color: #004791;font-size: 1em;padding: 10px 0 0 0;margin: 0; font-weight: bold;}
#newsRight  p.newstitle a {color: #004791;text-decoration:none;}
#newsRight  p.news {padding: 0; margin: 0;}
#newsRight  .newsitem p {padding: 0; margin: 0;}
#newsRight  .newsitem p a {color: #004791;text-decoration:none; font-weight: bold;}

#distributionright {width: 315px; float: left;}
#distributionright h1 {color: #134b8b;font-size: 1.5em;}
#distributionright p {padding: 0 0 10px 0; }

/*---------------------------------------------- FORM */
div#form {float: left; width: 500px; padding: 20px 0 0 0; font-size: 0.8em;}
div.formLine {clear: both; padding: 5px 0 5px 0; float: left; width: 500px;}
div.Lcol {float: left; width: 200px; padding: 0;}
div.Rcol {float: left; width: 300px; padding: 0;}

div#contactright {width: 315px; float: left; padding: 20px;}
div#contactright h1.indexh1 {color: #0576b3; font-size: 1.5em;padding: 0 0 15px 0;margin: 0;}
div#contactleft {width: 515px; float: left; padding: 20px;}
div#contactleft p.contactpara {padding: 0 0 30px 0;}

/*-------------------------------------------- FOOTER*/
	
#footer {clear: both;width: 915px;text-align: center;font-size: 0.8em; padding: 20px 0 10px 0;}
#footer p { vertical-align: middle; padding: 0; color: #6a6a6a;}
#footer a { color:#6a6a6a; padding: 0 5px 0 5px; text-decoration: none;}
#footer img {padding: 10px 0 5px 0;}

div.h1design {float: right; padding: 20px 0 0 0;}
div.h1design p a {text-decoration: none; font-size: 0.9em; color: #999999;}
div.itwlegal {float: left; padding: 20px 0 0 0; color: #999999; font-size: 0.8em;}

/*-------------------------------------------- EXTRANET*/

div#Leftextranet {width: 630px; float: left;}
div#Leftindexextranet {width: 610px; padding: 10px;}
div#Leftindexextranet h1 {color: #213972; font-size: 1.2em;}

div#rightextranet {width: 280px; float: left; padding: 10px 0 10px 0;}

div#language {float: right; padding: 10px 20px 0 0;}
div#language img {margin: 0 3px; border: 1px solid #6a6a6a;}

/*------------------------------------------------Validation */

.validation-advice {
	margin: 5px 0;
	padding-left: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
font-size:10px;
}

.custom-advice {
	margin: 3px 0px 3px 5px;
	padding-left: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
font-size:10px;
}
.red
{
color:red;
}