* {margin: 0; padding: 0;}
body {margin: 0; padding: 0; width:100%;font-size: 0.8em; font-family: Verdana, Helvetica, Arial, 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;}

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

#header {width: 915px; height: 127px; background: url("../images/headerGrd.jpg") repeat-y; margin: -2px 0 0 0; border-top: #AF006E 10px solid;}
#header img.logo {float: left; width: 471px;}
#header a {color: #ab0069;text-decoration:none;}
#language {float: right; margin: 20px 25px 0 0;}
#language p {display: inline; color: #134b8b;}
#language form {display: inline; color: #134b8b;}


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

#navlinks {width: 915px;height: 29px;background: url("../images/NavGreyGrd.jpg") #666768 repeat-x;font-size: 0.9em; overflow: hidden;}
#leftlink {width: 680px;height: 29px;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: 204px;padding: 0 20px 0 0;border-left: 1px solid #b8a1b3;height:29px;float:left;text-align: right;color: #ffffff;background: url("../images/NavPinkGrd.jpg") #96005c repeat-x;}
#rightlink a {color:white;line-height: 29px;text-decoration:none;}
#banner {width: 915px; height: 234px; clear: both;}
#banner img {float: left;}


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


#LeftCol {width: 206px; height: 250px; float: left; background: url("../images/leftgrad.jpg") repeat-x; color: #000000; margin: 13px 0 0 0;}
#LeftCol p {padding: 0 10px 0 10px; line-height: 1.4em;}
#LeftCol p.pink {color: #ab0069; font-size: 1.5em; text-align: center;}
#LeftCol a {display: block; color: black; text-decoration: none; padding: 0 0 3px 30px;}

#dListCol {width:20px; float:left;}

/*-------------------------------------------- MID COLUMN*/

#MapWidth {float:right;}

#FullWidth {width: 910px;}
#FullWidthText {width: 875px; padding: 20px;}

#MidCol {width: 630px; float: left;}
#Midtext {width: 590px; padding: 20px;font-size: 0.9em;line-height: 1.6em;}
#Midtext a {color: #ab0069; text-decoration:none;}
#Midtext p {padding: 0 0 15px 0;}
#Midtext ul {padding: 0 0 0 40px;}
#Midtext ul li.secondary {margin: 0 0 0 50px; list-style-type: circle;}
#Midtext h1.main {color: #ab0069;font-size: 1.5em;padding: 0 0 15px 0;margin: 0;}
#Midtext h1.main a {color: #ab0069;text-decoration:none;}
#Midtext h2 {color: #ab0069; padding: 10px 0 15px 0;}
#Midtext div.substrates {width:600px; padding: 10px 0 0 30px; margin:0px;}
h3.main {color: #ab0069;font-size: 1.5em;padding: 0 0 15px 0;margin: 0;}

#Midtext div.selector {padding: 5px 0 10px 0; float: left; clear: both;}
#Midtext div.width {width: 200px; float: left;}
#Midtext div.widthS {width: 170px; float: left;}
#Midtext img.right {float: right; padding: 0 0 10px 10px; margin: 0 0 10px 10px;}
#Midtext img.left {float: left; padding: 0 10px 10px 0;}
span.future {color: #F27F23;font-style: italic}

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

#ThinMidCol {width: 430px; float: left;}
#ThinMidtext {width: 390px; padding: 20px;font-size: 0.9em;line-height: 1.5em;}
#ThinMidtext p {padding: 0 0 15px 0;}
#ThinMidtext ul {padding: 0 0 0 40px;}
#ThinMidtext ul li.secondary {margin: 0 0 0 50px; list-style-type: circle;}
#ThinMidtext h1.main {color: #ab0069;font-size: 1.5em;padding: 0 0 15px 0;margin: 0;}
#ThinMidtext h2 {color: #ab0069; padding: 10px 0 15px 0;}	
div.product {padding: 10px 0 10px 0;}
div.product p.pink {font-size: 1.2em; font-weight: bold; color: #ab0069;}
div.product table {width: 100%;}

h2.title, h3.title {color: #055093; font-weight: bold; font-size: 1em; padding: 10px 0 15px 0;}

div.mapleft { width: 600px; Float: left; padding: 20px 0 10px 0; margin: 0 0 10px 0;}

#Midtext div#accordion {width: 575px; margin: 0; float: left; }
#Midtext dl.accordion {width: 575px; color: #ffffff;  float: left; }
#Midtext dl.accordion dt {width: 565px; height: 27px; border: 1px solid #b8b8b8; color: #ab0069; line-height: 26px; margin: 5px 0 10px 0; padding-left:5px;  cursor: pointer; background-color: #ffffff; font-family: verdanna, helvetica, arial, san-serif; color: #ab0069;}
#Midtext .accordion dt:hover {width: 565px; height: 27px; border: 1px solid #b8b8b8; color: #ab0069; line-height: 26px; margin: 5px 0 10px 0; padding-left:5px;  cursor: pointer; background-color: #ffffff; font-family: verdanna, helvetica, arial, san-serif; color: #ab0069;}
#Midtext .accordion dd {color: #3e3e3e; overflow: hidden; background: #ffffff; margin: 0; padding: 0;}
#Midtext .accordion dd a {display: block; text-decoration: none; color: black; padding: 0 0 0 30px;}
#Midtext .accordion p { padding: 0 0 10px 0; line-height: 1.5em; color: #484848;}
#Midtext .accordion dd p a.morelink {text-decoration: none; color:#00B3EB;}
#Midtext .accordion dd div.prod_image {float: right; padding: 0 0 10px 10px;}
#Midtext .accordion dd table {width: 100%; border: 1px solid #e5e5e5; clear: both; margin: 0 0 20px 0;}
#Midtext .accordion dd table th {background-color: #e5e5e5;}
#Midtext .accordion dd table td {text-align: center;}
#Midtext .accordion dd p.tech_sheet {padding: 10px 0 10px 0; float: left; color: #ffffff;}
#Midtext .accordion dd p.tech_sheet a {color: #ffffff; text-decoration: none; padding: 4px; background-color: #5e5e5e; border: 1px solid #5e5e5e;}
#Midtext .accordion dd p.tech_sheet a:hover {color: #5e5e5e; text-decoration: none; padding: 4px; background-color: #ffffff; border: 1px solid #5e5e5e;}

#basic-accordian{width: 575px; margin: 0; float: left; }
.accordion_headings{width: 565px; height: 27px; border: 1px solid #b8b8b8; color: #ab0069; line-height: 26px; margin: 5px 0 10px 0; padding-left:5px;  cursor: pointer; background-color: #ffffff; font-family: verdanna, helvetica, arial, san-serif; color: #ab0069;}
.accordion_headings:hover{width: 565px; height: 27px; border: 1px solid #b8b8b8; color: #ab0069; line-height: 26px; margin: 5px 0 10px 0; padding-left:5px;  cursor: pointer; background-color: #ffffff; font-family: verdanna, helvetica, arial, san-serif; color: #ab0069;}
.accordion_child{color: #3e3e3e; overflow: hidden; background: #ffffff; margin: 0; padding: 0;}
#Midtext .accordion_child a {display: block; text-decoration: none; color: black; padding: 0 0 0 30px;}
#Midtext .accordion_child p { padding: 0 0 10px 0; line-height: 1.5em; color: #484848;}
#Midtext .accordion_child p a.morelink {text-decoration: none; color:#00B3EB;}
#Midtext .accordion_child div.prod_image {float: right; padding: 0 0 10px 10px;}
#Midtext .accordion_child table {width: 100%; border: 1px solid #e5e5e5; clear: both; margin: 0 0 20px 0;}
#Midtext .accordion_child table th {background-color: #e5e5e5;}
#Midtext .accordion_child table td {text-align: center;}
#Midtext .accordion_child p.tech_sheet {padding: 10px 0 10px 0; float: left; color: #ffffff;}
#Midtext .accordion_child p.tech_sheet a {color: #ffffff; text-decoration: none; padding: 4px; background-color: #5e5e5e; border: 1px solid #5e5e5e;}
#Midtext .accordion_child p.tech_sheet a:hover {color: #5e5e5e; text-decoration: none; padding: 4px; background-color: #ffffff; border: 1px solid #5e5e5e;}


#fullwidth { padding: 20px;font-size: 0.9em;line-height: 1.6em;}
#fullwidth a {color: #ab0069; text-decoration:none;}
#fullwidth p {padding: 0 0 15px 0;}
#fullwidth ul {padding: 0 0 0 40px;}
#fullwidth ul li.secondary {margin: 0 0 0 50px; list-style-type: circle;}
#fullwidth h1.main {color: #ab0069;font-size: 1.5em;padding: 0 0 15px 0;margin: 0;}
#fullwidth h1.main a {color: #ab0069;text-decoration:none;}
#fullwidth h2 {color: #ab0069; padding: 10px 0 15px 0;}
#fullwidth .accordion_child a {display: block; text-decoration: none; color: black; padding: 0 0 0 30px;}
#fullwidth .accordion_child p { padding: 0 0 10px 0; line-height: 1.5em; color: #484848;}
#fullwidth .accordion_child p a.morelink {text-decoration: none; color:#00B3EB;}
#fullwidth .accordion_child div.prod_image {float: right; padding: 0 0 10px 10px;}
#fullwidth .accordion_child table {width: 100%; border: 1px solid #e5e5e5; clear: both; margin: 0 0 20px 0;}
#fullwidth .accordion_child table th {background-color: #e5e5e5;}
#fullwidth .accordion_child table td {text-align: center;}
#fullwidth .accordion_child p.tech_sheet {padding: 10px 0 10px 0; float: left; color: #ffffff;}
#fullwidth .accordion_child p.tech_sheet a {color: #ffffff; text-decoration: none; padding: 4px; background-color: #5e5e5e; border: 1px solid #5e5e5e;}
#fullwidth .accordion_child p.tech_sheet a:hover {color: #5e5e5e; text-decoration: none; padding: 4px; background-color: #ffffff; border: 1px solid #5e5e5e;}

#fullwidth #basic-accordian{width: 870px; margin: 0; float: left; }
#fullwidth .accordion_headings{width: 860px; height: 27px; border: 1px solid #b8b8b8; color: #ab0069; line-height: 26px; margin: 5px 0 10px 0; padding-left:5px;  cursor: pointer; background-color: #ffffff; font-family: verdanna, helvetica, arial, san-serif; color: #ab0069;}
#fullwidth .accordion_headings:hover{width: 860px; height: 27px; border: 1px solid #b8b8b8; color: #ab0069; line-height: 26px; margin: 5px 0 10px 0; padding-left:5px;  cursor: pointer; background-color: #ffffff; font-family: verdanna, helvetica, arial, san-serif; color: #ab0069;}
#fullwidth .accordion_child{color: #3e3e3e; overflow: hidden; background: #ffffff; margin: 0; padding: 0;}

p.extranetindent {padding: 0 0 0 20px;}

div#support_jump {float: right;}

a.indent1 {padding: 0 0 0 30px;}
a.indent2 {padding: 0 0 0 60px;}

div.page_image {float: right; padding: 0 0 10px 10px; margin: 0 0 10px 10px; width: 210px;}

/*-------------------------------------------- RIGHTCOLUMN*/	

#rightcolumn h3 {padding: 0 0 10px 0;}	
	
#rightcolumn {width: 280px; float: left; padding: 10px 0 10px 0;}
#rightcolumn div.area {float: left; width: 280px; padding: 5px 0 5px 0;}
#rightcolumn div.area img.arearep {float: left; width: 87px;}
#rightcolumn div.area a img {border: 0;}
#rightcolumn div.area div.link {float: left; height: 77px; width: 185px; }
#rightcolumn div.area div.link a {float: left; height: 52px; width: 175px; background: url("../images/greybutton.jpg") no-repeat top right; color: white; font-weight: lighter; font-size: 1.6em; text-decoration: none; padding: 25px 0 0 10px; font-family: verdana, arial, heltetica, san-serif;}
#rightcolumn div.area div.link a:hover {float: left; height: 52px; width: 175px; background: url("../images/pinkbutton.jpg") no-repeat top right; padding: 25px 0 0 10px;}

#rightcolumn div#prodsel div.link  {float: left; width: 277px; height: 150px; padding: 5px 0 0 0; background: url("../images/buttonpurple.jpg") no-repeat;}
#rightcolumn div#prodsel div.link a.prodselTitle {height: 52px; color: white; font-weight: lighter; font-size: 1.6em; text-decoration: none; padding: 10px 0 0 10px; font-family: verdana, arial, heltetica, san-serif; }
#rightcolumn div#prodsel div.link a.prodselTitle:hover {height: 52px; color: white; font-weight: lighter; font-size: 1.6em; text-decoration: none; padding: 10px 0 0 10px; font-family: verdana, arial, heltetica, san-serif;}
#rightcolumn div#prodsel div.link p.prodselectesntence {font-size: 0.9em; line-height: 1.8em; padding: 10px 10px 0 10px;}
#rightcolumn div#prodsel div.link p.prodselectesntence a {color: white; text-decoration: none; }

#rightcolumn .newsitem {clear: both; padding: 10px 0 10px 0;}
#rightcolumn .newsitem p {padding: 0; margin: 0; font-size: 0.9em;}
#rightcolumn p.newstitle {color: #ab0069;font-size: 1em;padding: 10px 0 0 0;margin: 0; font-weight: bold;}
#rightcolumn p.newstitle a {color: #ab0069;text-decoration:none;}
#rightcolumn p.news {padding: 0; margin: 0;}
#rightcolumn .newsitem p {padding: 0 0 5px 0; margin: 0;}
#rightcolumn .newsitem p a {color: #ab0069;text-decoration:none; font-weight: bold;}

#MapCol {width: 600px; float: left; vertical-align:middle;}
#MapText {padding:20px 0 20px 0;}
#distributionright {width: 315px; float: left;}
#distributionright h1 {color: #ab0069;font-size: 1.5em;padding: 0 0 15px 0;margin: 0;}
#distributionright p {padding: 0 0 10px 0; }
#distributionright a {color: #ab0069; text-decoration: none;}

/*---------------------------------------------- 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: 250px; padding: 0;}
div.Rcol {float: left; width: 250px; padding: 0;}
div.formQuestion {clear: both; padding: 5px; float: left; margin: 5px 0 5px 0; width: 500px; color: #fff; background: #98999d; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
div.formQuestion div.Lcol {float: left; width: 120px; padding: 0;}
div.formQuestion div.Rcol {float: left; width: 370px; padding: 0;}

div#contactright {width: 315px; float: left; padding: 20px;}
div#contactright h1 {color: #ab0069;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 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;}

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

div#header div#login {float: left; width: 424px; text-align: right; padding: 20px 20px 0 0;}
h1.title {color: #ab0069;font-size: 1.5em;padding: 0 0 15px 0;margin: 0;}
div.extranetcats {padding: 20px 0 20px 0;}
div.extranetcats p {padding: 5px 0 5px 0;}
div.extranetcats a {color: #ab0069; text-decoration:none;}

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

/*----------------------------------------Solid Surface Adhesives -----------------------*/

div#colourchart {clear: both; margin: 20px 0 0 0; background: url("../images/solidsurfaceBG.jpg") #8f085c repeat-x; height: 28px; vertical-align: middle;}
div#colourchart h2 {font-size: 1.2em; color: white; line-height: 18px; vertical-align: middle; padding: 3px 0 0 10px; margin:3px0 0 0 5px;}
div#colourchart a {float: right; display: inline; margin: -15px 0 0 0; padding: 0 10px 0 0; color: white;}
span.smaller {font-size: 0.8em;}

/*---------------------------------------- index solid surface ----------------------------------------  */
div#solidsurface {background: url('../images/solidsur-index.jpg') no-repeat; width: 550px; height: 191px;}
div#solidsurface p span.solidtitle {font-weight: bold; font-size: 1.5em;}
div#solidsurface  p {padding: 50px 0 0 20px; width: 280px; color: white;}
div.solidarrow {padding: 0 0 0 10px; text-align: right; width: 250px;}
div.solidarrow a img {vertical-align: middle;}
#Midtext div.solidarrow a.solidarrowlink {color: #ffffff; text-decoration: none; vertical-align: middle;}