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

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

#header {width: 915px; height: 121px; background: url("../images/bannerrepeat.jpg") repeat-y;}
div#header img {float: left;}
div#header div#login {float: left; width: 510px; text-align: right; padding: 20px 20px 0 0; color: white;}
div#header div#login .input {width: 190px;}

div.themingindex {width: 467px; height: 215px; float: left; background: url("../images/indexBannerTheme.jpg") no-repeat;}
div.protectindex {width: 448px; height: 215px; float: left; background: url("../images/indexBannerProtec.jpg") no-repeat;}
div.themingindex a {color: #ffffff; text-decoration: none; font-size: 2em; text-transform: uppercase; padding: 80px 0 0 90px; float: left;}
div.themingindex a span.clickhere { font-size: 0.5em; text-decoration: underline; }
div.protectindex a {color: #144a8e; text-decoration: none; font-size: 2em; text-transform: uppercase; padding: 80px 0 0 95px; float: left;}
div.protectindex a span.clickhere { font-size: 0.5em; text-decoration: underline; }

div.protectinternal {width: 915px; height: 216px; float: left; background: url("../images/protectivecoatingsbanner.jpg") no-repeat;}
div.protectinternal a {color: #144a8e; text-decoration: none; font-size: 2em; text-transform: uppercase; padding: 80px 0 0 565px; float: left;}

div.theminginternal {width: 915px; height: 216px; float: left; background: url("../images/themingbanner.jpg") no-repeat;}
div.theminginternal a {color: #ffffff; text-decoration: none; font-size: 2em; text-transform: uppercase; padding: 80px 0 0 555px; float: left;}



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

#navlinks {width: 915px;height: 29px;background: url("../images/gradientorange.jpg") #f17f24 repeat-x; }
#leftlink {width: 550px;height: 29px;padding: 0 0 0 20px;float:left;	color: #ffffff;}
#leftlink a {color:white;line-height: 29px;text-decoration:none;padding: 0 5px 0 5px;}
#rightlink {width:324px;padding: 0 20px 0 0;border-left: 1px solid #dbc6a5;height:29px;float:left;text-align: right;color: #ffffff;background: url("../images/gradientblue.jpg") #174a8d repeat-x;}
#rightlink a{color:white;line-height: 29px;text-decoration:none;}
#banner {width: 915px; height: 216px; clear: both;}
#banner img {float: left;}
a.indent1 {padding: 0 0 0 30px;}


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

#leftnav {float: left; background: url("../images/navgrid.jpg") repeat-x bottom; width: 234px; color: #ffffff; padding: 0 0 100px 0;}
#leftTopNav {padding: 20px 10px 0 10px;}
#leftTopNav a {color: white; text-decoration: none;}
#leftTopNav a:hover {color: black; text-decoration: none;}
#leftTopNav ul {padding: 5px 10px 5px 20px; }
#leftTopNav li {list-style-type: none; padding: 5px 10px 5px 0px; }
#leftTopNav li.ONsection {list-style-image: url("../images/arrow_white.gif"); }
#leftTopNav ul.twolevel {padding: 5px 10px 5px 40px; }
#leftTopNav ul.twolevel li.ONpage {list-style-image: url("../images/arrow_orange.gif"); }

.leftTopNav {padding: 20px 10px 0 10px;}
.leftTopNav a {color: white; text-decoration: none;}
.leftTopNav a:hover {color: black; text-decoration: none;}
.leftTopNav ul {padding: 5px 10px 5px 20px;}
.leftTopNav li {list-style-type: none; padding: 5px 10px 5px 0px; }
.leftTopNav li.ONsection {list-style-image: url("../images/arrow_white.gif"); }
.leftTopNav ul.twolevel {padding: 5px 10px 5px 40px; }
.leftTopNav ul.twolevel li.ONpage {list-style-image: url("../images/arrow_orange.gif"); }

.navpadding {padding: 20px 10px 0 10px;}
.navpadding a {color: white; text-decoration: none;}
.navpadding a:hover {color: black; text-decoration: none;}
.navpadding ul {padding: 5px 10px 5px 20px;}
.navpadding li {list-style-type: none; }
.navpadding li.ONsection {list-style-image: url("../images/arrow_white.gif"); }
.navpadding ul.twolevel {padding: 5px 10px 5px 40px;}
.navpadding ul.twolevel li {padding: 2px 0 2px 0;}
.navpadding ul.twolevel li.ONpage {list-style-image: url("../images/arrow_orange.gif"); padding: 2px 0 2px 0;}

/*-------------------------------------------- LEFTCOLUMN*/

#leftcolumn {width:496px; float:left; }
#lefttext {width:354px; padding-top:27px; padding-left:90px; font-size: 0.9em; line-height: 1.5em;}
#lefttext h1 { font-size: 1.2em; color: #055093; padding: 0 0 10px 0;}
#lefttext h2 { font-size: 1.2em; color: #055093;}
#lefttext p {padding: 0 0 10px 0;}
#lefttext a {color: #055093; text-decoration: none;}

h1.main {color: #055093; font-size: 1.5em;padding: 0; margin: 0;}
span.future {color: #F27F23; font-style: italic}
h2.title, h3.title {color: #055093; font-weight: bold; font-size: 1em;}

ul.globallist {list-style-image: url("../images/arrow_orange.gif"); }
ul.globallist li {padding: 5px 0 5px 0; }

/*-------------------------------------------- Mid column*/

#midcolumn {float: left; width: 440px;}
#midtext {padding: 20px 0 20px 20px; line-height: 1.5em; width: 420px;}
#midtext h1 { font-size: 1.2em; color: #055093; padding: 0 0 10px 0;}
#midtext h2 { font-size: 1.2em; color: #055093; padding: 0 0 10px 0;}
#midtext p.title {padding: 10px 0 0 0; font-size: 1.2em; color: #055093;}
#midtext p {padding: 5px 0 5px 0;}
#midtext ul {padding: 10px 0 10px 30px;}
#midtext ul li a {color: #055093; text-decoration: none;}
#midtext ol {padding: 0 0 10px 30px;}
#midtext table {clear: both; width: 100%; border: 1px solid #999999; margin: 10px 0 10px 0;}
#midtext table th {background-color: #a8a8a8;}
#midtext table td {text-align: center; padding: 3px 0 3px 0;}

.midcolumn {float: left; width: 420px;}
.midtext {padding: 0 0 20px 0; line-height: 1.5em; width: 420px;}
.midtext h1 { font-size: 1.2em; color: #055093; padding: 0 0 10px 0;}
.midtext h2 { font-size: 1.2em; color: #055093; padding: 0 0 10px 0;}
.midtext p.title {padding: 10px 0 0 0; font-size: 1.2em; color: #055093;}
.midtext p {padding: 5px 0 5px 0;}
.midtext ul {padding: 10px 0 10px 30px;}
.midtext ol {padding: 0 0 10px 30px;}
.midtext table {clear: both; width: 100%; border: 1px solid #999999; margin: 10px 0 10px 0;}
.midtext table th {background-color: #a8a8a8;}
.midtext table td {text-align: center; padding: 3px 0 3px 0;}

.sectionhome ul {background-color: #ebeef8; list-style-image: url("../images/arrow_orange.gif"); padding: 10px 0 10px 20px;}

div.jumpmenu {float: right;}

div#productsCols { width: 650px; float: left; padding: 20px 0 0 20px;}
div#productsCols h1 {font-size: 1.2em; color: #055093; padding: 0 0 10px 0;}
div#productsCols h2 {font-size: 1.2em; color: #055093; padding: 0 0 10px 0;}
div.productsItems {clear: both;}
/*------------------------------------------ RIGHTCOLUMN*/	
	

#rightcolumn {width: 413px; float: left; padding: 30px 0 0 0;}
#rightcolumn p {padding: 0 0 10px 0; font-size: 0.9em; line-height: 1.5em;}
#rightcolumn a {color: #055093; text-decoration: none;}


#image_table{width: 400px; float:left;}
img.picture{padding: 0 10px 16px 0;}

#Imgcolumn {width: 240px; float: left; text-align: center; padding: 20px 0 0 0;}
#Imgcolumn img {padding: 0 0 10px 0;}
.Imgcolumn {width: 220px; float: left; text-align: center; padding: 20px 0 0 0;}

div#newsarchive {padding: 0 0 0 0;}
div#newsarchive a {color: black; text-decoration: none; text-align: left; display: block; text-transform: uppercase; padding: 3px 0 10px 20px; color: #055093; font-weight: bold;}
span.new_date {font-weight: normal; font-size: 0.9em;}
p.news_year {color: #055093; font-size: 1.5em; padding: 0 0 0 20px; margin: 0;}

	/*-------------------------------------------- FOOTER*/
	
#footer {clear: both;width: 915px;text-align: center;font-size: 0.8em;}
#footer p {padding: 10px 0 10px 0;}
#footer a {color:#055093;padding: 0 10px 0 10px;text-decoration: none;}
#footer img {display: inline; vertical-align: middle; padding: 10px 0 10px 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;}

/*--------------------------------------------------- GALLERY */

#gallerydiv {float: left; width: 670px; padding: 10px 0 50px 10px;}
#gallerydiv h1 { font-size: 1.2em; color: #055093; padding: 0 0 10px 0;}
#galleryjumpmenu {float: right; }
#gallerycentering {text-align: center;}
.next {float: right; padding: 0 0 20px 0;}
.previous {float: left; padding: 0 0 20px 0;}

.breadcrumb {margin: 0 0 15px 6px; color: #055093;}
.breadcrumb a {margin: 0 0 15px 6px; color: #055093;}
.thumbs {text-align:center;padding:	5px;}

.title {
 margin:            3px 0 0 0;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 font-weight: 		bold;
 color:             #000;
}

.caption {
 margin:  			12px 0 4px 0;
 background-color:	transparent;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color: #000;
}

/*---------------------------------------------- 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 p {padding: 10px 0 10px 0;}
div#contactright h1.indexh1 {color: #b52d6f; 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;}


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