* {margin: 0; padding: 0;}
body {margin: 0; padding: 0; font-size: 0.8em; background: url("../images/bg.jpg") repeat-x #c3c4c8; font-family: verdana, arial, helvetica, san-serif;}
div#web {width: 900px; background-color: #ffffff; margin: 0 auto;}
div#site {width: 858px; margin: 0 auto;}

h1 {font-size: 1.2em; color: #EE3A43;}

h2 {font-size: 1.2em;}
p {font-size: 0.9em; padding: 5px 0 5px 0;}

a img {border: 0;}

div#header {background: url("../images/topbg.jpg") repeat-x #231f20; height: 134px;}
div#header img {float: left;}
div#header div#login {float: left; width: 600px; text-align: right; padding: 20px 20px 0 0; color: white;}
div#header div#login .input {width: 190px;}
div#language {float: right; padding: 10px 0 0 0;}
div#language img {margin: 0 3px; border: 1px solid #6a6a6a;}

div.sitemap {padding: 10px;}
div.sitemap a {color: #c42f35; text-decoration: none; padding: 0 0 0 30px;}
div.sitemap a.indent {padding: 0 0 0 60px; }

/*-------------------------------------------- NAVIGATION  */

#navlinks {width: 858px; height: 30px; background: url("../images/navBlkGrad.jpg") #464646 repeat-x;font-size: 0.9em;}
#leftlink {width: 640px; height: 30px; padding: 0 0 0 10px; float:left; color: #ffffff;}
#leftlink a {color:white; line-height: 29px; text-decoration:none; padding: 0 5px 0 5px;}
#rightlink {width: 187px;padding: 0 20px 0 0;border-left: 1px solid #b8a1b3;height:30px;float:left;text-align: right;color: #ffffff;background: url("../images/navRedGrad.jpg") #c42f35 repeat-x;}
#rightlink a {color:white;line-height: 30px;text-decoration:none;}
#banner {width: 858px; clear: both;}
#banner img {float: left;}
div#banner div.bannertitle {float: left; width: 858px; height: 49px; background: url("../images/red_banner.jpg") no-repeat; }
div#banner div.bannertitle h1 {color: #ffffff; padding: 12px 0 0 45px; font-size: 1.6em;}
div#banner div.bannertitle h1 a {color: #ffffff; text-decoration:none;}
div#banner div.MROindex {float: left; width: 429px; height: 48px; background: url("../images/Devcon_mro.jpg") no-repeat;}
div#banner div.MROindex a {float: left; text-decoration: none; color: #ffffff; font-size: 1.2em; padding: 15px 0 0 35px;}
div#banner div.ADindex {float: left; width: 429px; height: 48px; background: url("../images/Devcon_adhesives.jpg") no-repeat;}
div#banner div.ADindex a {float: left; text-decoration: none; color: #ffffff; font-size: 1.2em; padding: 15px 0 0 35px;}


div#content {float: left; padding: 20px 0 40px 0; width: 858px;}

div#Leftcol {width: 429px; float: left; padding: 0 0 60px 0;}
div#LeftText {width: 409px; padding: 10px; line-height: 1.4em;}
div#LeftText h1 {color: #c42f35; font-size: 1.2em; padding: 0 0 10px 0;}
div#LeftText h1 a {color: #c42f35; font-size: 0.9em; padding: 0; text-decoration: none;}
div#LeftText p.prod_title {color: #c42f35; font-size: 1.2em; font-weight: bold; padding: 10px 0 5px 0;}
div#LeftText div.prodimage {float: right; padding: 0 0 10px 10px;}
div#LeftText ul {padding: 10px 0 10px 30px;}
div#LeftText ul li {padding: 0 0 0 10px; font-size: 0.9em;}
div#LeftText table {width: 100%; border: 1px solid grey; margin: 10px 0 10px 0;}
div#LeftText table th {font-size: 0.7em; background-color: #999999;}
div#LeftText table td {font-size: 0.9em; text-align: center;}
div#LeftText p.smalltype {font-size: 0.7em;}
div#LeftText p.tdsdownload {padding: 10px 0 10px 0; clear: both;}
div#LeftText p.tdsdownload a {color: white; text-decoration: none; padding: 4px; background-color: #5e5e5e; border: 1px solid #5e5e5e;}
div#LeftText p.tdsdownload a:hover {color: #5e5e5e; text-decoration: none; padding: 4px; background-color: white; border: 1px solid #5e5e5e;}

div#LeftText div.newsitem {clear: both;  padding: 0 0 10px 0;}
div#LeftText div.newsitem h1.news {color: #c42f35; font-size: 1em; padding: 0; margin: 0;}
div#LeftText div.newsitem h1.news a {color: #c42f35; padding: 0; margin: 0; text-decoration: none;}
div#LeftText div.newsitem p.news {padding: 0; margin: 0; font-size: 0.8em;}
div#LeftText a {color: #c42f35;}
div#LeftText div.news_image {float: right; padding: 0 10px 10px 10px;}

div#leftnews {float: left; width: 600px;}
div#leftnews h1 {padding: 0 20px 10px 20px;}
div#leftnews p {padding: 0 20px 10px 20px;}
div#leftnews div.news_image {float: right; padding: 0 20px 10px 10px; margin: 0 20px 10px 10px;}
div#rightnews {float: left; width: 258px;}
div#rightnews div.newsitem {clear: both; padding: 0 0 10px 0;}
div#rightnews div.newsitem p.newstitle {color: #EE3A43; font-weight: bold;}
div#rightnews div.newsitem p.newstitle a {text-decoration: none; color: #EE3A43; font-weight: bold;}
div#leftnews p.news {padding: 0 0 10px 20px; margin: 0;}
div#leftnews p.news_year {color: #EE3A43; font-size: 1.5em; padding: 0 0 0 20px; margin: 0;}
div#leftnews ul {color: #EE3A43; font-size: 1em; padding: 0 0 0 50px; margin: 0;}
div#leftnews ul li a {color: #EE3A43; text-decoration: none;}
div#leftnews a {color: #EE3A43; text-decoration: none;}
div#rightnews a {color: #EE3A43; text-decoration: none; font-weight: bold;}
div#leftnews  div.news_image {float: right; padding: 0 20px 10px 10px; margin: 0 20px 10px 10px;}

div#Rightcol {width: 429px; float: left;}
div#RightText img {padding: 10px;}

#accordion {width: 429px; margin: 0; float: left;}
.accordion {width: 429px; color: #ffffff;}
.accordion dt {width: 409px; height: 27px; line-height: 26px; margin: 5px 0 0 0; cursor: pointer; background-color: #adadad; padding: 0 10px 0 10px; font-family: verdanna, helvetica, arial, san-serif;}
.accordion dt img {height: 27px; line-height: 26px; vertical-align: middle;}
.accordion dt:hover {color: #000000; width: 409px; height: 27px; line-height: 26px; margin: 5px 0 0 0; cursor: pointer; background-color: #db363d; padding: 0 10px 0 10px; font-family: verdanna, helvetica, arial, san-serif;}
.accordion dd {color: #3e3e3e; overflow: hidden; background: #ffffff; margin: 0; padding: 0;}
.accordion dd a {display: block; text-decoration: none; color: black; padding: 0 0 0 30px;}
.accordion p {display: block; width: 409px; padding: 0px; line-height: 1.5em;}
.accordion dd p a.morelink {text-decoration: none; color:#00B3EB;}

/*-------------------------------------------- MAP*/

div#distributorsplace {float: left; width: 258px;}
div#distributorsmap {float: left; width: 600px;}
#MapText {padding:20px 0 20px 0;}

/*-------------------------------------------- SEARCH*/

div#searchwrap {width: 429px; padding: 0; margin: 0; float: left;}
div.searchbox { background: url("../images/prosearchMid.jpg") repeat-y; padding: 0; margin: 0 0 -3px 0;}
div.searchbox p {padding: 0 0 0 30px; margin: 0; vertical-align: middle;}
div.searchbox p img {vertical-align: middle;}
div.searchbox p input {vertical-align: middle; margin: 0 10px 0 10px;}
div.searchbox img.topsearch {width: 429px; height: 11px; border-top: 3px solid white;}
div#searchtext {width: 409px; float: left; padding: 10px 0 10px 20px;}
div#searchtext p {padding: 3px 0 3px 20px;}
div#searchtext ul {padding: 5px 0 5px 50px;}
div#searchtext ul li a {color: #EE3A43; text-decoration: none;}

span.search {color: #c42f35; font-size: 1em; font-weight: bold;}

/*-------------------------------------------- FORM*/
div#form {float: left; width: 429px; padding: 20px 0 0 0; font-size: 0.9em;}
div#form p {font-size: 1em; padding: 0 0 10px 0;}
div.formLine {clear: both; padding: 5px 0 5px 0; float: left; width: 429px;}
div.Lcol {float: left; width: 140px; padding: 0;}
div.Rcol {float: left; width: 289px; padding: 0;}


/*-------------------------------------------- FOOTER*/
	
#footer {clear: both;width: 858px;text-align: center;font-size: 0.8em;}
#footer p { vertical-align: middle; padding: 0 30px 0 0; color: #6a6a6a;}
#footer a { color:#6a6a6a; padding: 0 7px 0 7px; text-decoration: none; font-weight: bold;}
#footer img {padding: 10px 0 5px 0;}
div.h1design {float: right; padding: 20px 0 0 0;}
div.h1design a {text-decoration: none; font-size: 0.6em; color: #999999;}
div.itwlegal {float: left; padding: 20px 0 0 0; color: #999999; font-size: 0.8em;}


#basic-accordian {width: 429px; margin: 0; float: left;}
.accordion_headings {width: 409px; height: 27px; line-height: 26px; margin: 5px 0 0 0; cursor: pointer; background-color: #adadad; padding: 0 10px 0 10px; font-family: verdanna, helvetica, arial, san-serif;}
.accordion_headings img {height: 27px; line-height: 26px; vertical-align: middle;}
.accordion_headings:hover {color: #000000; width: 409px; height: 27px; line-height: 26px; margin: 5px 0 0 0; cursor: pointer; background-color: #db363d; padding: 0 10px 0 10px; font-family: verdanna, helvetica, arial, san-serif;}
.accordion_child {color: #3e3e3e; background: #ffffff; margin: 0; padding: 0;}
.accordion_child a {display: block; text-decoration: none; color: black; padding: 0 0 0 30px;}
.accordion_child p {display: block; width: 409px; padding: 0px; line-height: 1.5em;}
.accordion_child dd p a.morelink {text-decoration: none; color:#00B3EB;}

#extranet-accordian {float: left; margin:0; width: 200px;}
#extranet-accordian .accordion_headings {width: 175px; height: 27px; line-height: 26px; margin: 5px 0 0 0; cursor: pointer; background-color: #adadad; padding: 0 10px 0 10px; font-family: verdanna, helvetica, arial, san-serif;}
#extranet-accordian .accordion_headings img {height: 27px; line-height: 26px; vertical-align: middle;}
#extranet-accordian .accordion_headings:hover {color: #000000; width: 175px; height: 27px; line-height: 26px; margin: 5px 0 0 0; cursor: pointer; background-color: #db363d; padding: 0 10px 0 10px; font-family: verdanna, helvetica, arial, san-serif;}
#extranet-accordian .accordion_child {color: #3e3e3e; background: #ffffff; margin: 0; padding: 0;}
#extranet-accordian .accordion_child a {display: block; text-decoration: none; color: black; padding: 0 20px 0 30px;}
#extranet-accordian .accordion_child p {display: block; width: 175px; padding: 0px; line-height: 1.5em; }
#extranet-accordian .accordion_child dd p a.morelink {text-decoration: none; color:#00B3EB;}


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

div#Leftextranet {width: 650px; float: left; padding: 0 0 60px 0;}
div#LeftTextextranet {width: 630px; padding: 10px; line-height: 1.4em;}
div#LeftTextextranet h1 {color: #c42f35; font-size: 1.2em; padding: 0 0 10px 0;}

div#RightExtranet {width: 178px; float: left;}
div#RightTextextranet ul {padding: 10px 0 10px 10px;}
div#RightTextextranet ul li a {text-decoration: none; color: #c42f35;}
div#RightTextextranet div#jump {margin: 20px 0 0 0;}

/*------------------------------------------------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;
}