* {
font-size: 100%;
word-wrap: break-word; margin: 0; padding: 0;
}
html,body{margin:0;padding:0; background: #f1f1f1}
body{ font2: normal 62.5%  Arial, Verdana, sans-serif; font: normal 62.5%  Lucida Grande, Verdana, sans-serif; color: #221e1f; }
p{margin: 0 0 10px 0px; }
h1, h2, h3, h4, h5, h6 {font-family: Arial, sans-serif; font-weight: bold;}
h1 {text-transform: uppercase; font-size:24px; padding:16px;}
h2 {font-size:1.3em; margin: 0px 0 15px 16px; padding: 10px 0 0 0; width:636px; line-height:1.3em; border-top: 2px solid #221e1f;}
h3 {font-size:1.2em; line-height:35px; margin-bottom:10px;
line-height:1.5em; text-transform: uppercase; font-weight: bold; overflow:hidden;}
h4 {font-size:1.1em; line-height:1.5em; color: #B3261D; }
h5 {font-size:1.1em; line-height:1.2em; padding-bottom:10px;}
h5.link{color:#AAAAAA; border-bottom:1px dotted #AAAAAA; margin-bottom:10px;padding:5px 0 5px 0;font-size:1.1em;}
h6 {font-size:1.1em; line-height:1.5em;}
a{ color: #0044CC; padding:0px; margin: 0px; text-decoration: none;}
.pagelink{ color: #0033CC; text-decoration: none; font-weight: bold; display:block; font-size:1.1em; margin-bottom:5px;}
.description{ color: #666; text-decoration: none; font-weight: normal; line-height:1em;}

.prod .description{color: #222; margin: 5px 0 10px 0; display:block; line-height:1.3em; font-size:1em;}
a:visited { color: #660099;}
a:hover2{text-decoration: underline; color: #0044CC;}
a:hover, a:hover .pagelink {text-decoration: underline; color: #c00;}
img{border: 0; padding: 0; margin:0;}
#shadowWrapper {-webkit-box-shadow: 0 0 4px #999;-moz-box-shadow: 0 0 4px #999;box-shadow: 0 0 4px #999;}
img{border: 0; padding: 0; margin:0;}
hr {border: none 0; margin: 0 15px 0 15px; border-top: 1px solid #023b82; }
table{ clear:both;}
th, td
{
vertical-align:top;
text-align:center;
padding:5px;
}
th
{
vertical-align:middle;
background: #E4EDF7;
font-weight:bold;
border-top: 1px solid #aaa;
}
td.lt, th.lt{
text-align:left;
}
.floatright{float:right; padding-left:10px;}
.floatleft{width:38%; float:left; margin-left:15px;}
.tableborder
{
width:636px;
border: 1px #aaa solid;
border-collapse: collapse;
font-size: 0.9em;
margin: 0 0 30px 0;
}
.tableborder tr
{
padding:0;
margin:0;
border-top: 1px #ddd solid;
}
.tableborder tr.colour{
background:#eee;
}
.tableborder td
{
vertical-align:middle;
}
.tableborder h6
{
font-weight:bold;
text-align:left;
}
.tableborder p
{
text-align:left;
}
.tableborder a
{
font-weight:bold;
}
.tabletitle
{
font-family: Arial, sans-serif;
background:#f1f1f1 url(../images/background/tablebg.png) top center repeat-x;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
font-size:14px;
height: 45px;
line-height:45px;
padding: 1px 5px 1px;
}
.length{	
display:block;
font-style: italic;
margin:5px 10px 5px 10px;
}
.ref
{
background: #DDD;
border-top: 1px solid #aaa;
}
.producttitle
{
background: #F1F1F1;
font: small/3em Arial, sans-serif;
text-transform: uppercase;
font-weight:bold;
}
.cellborder
{
}
/*PAGE TOP */
div#top{
position:absolute:
top:0px;
width: 100%;
background: #4E4E4E url(../images/background/top.png) repeat-x;
font-size:1em;
padding:0px 0px 0px 0px;
margin-bottom:25px;
color:#FFF;
line-height:2.5em;
border-bottom:1px solid #333;
}
div#top h1{
padding: 0;
font-weight:normal;
font-size:1.2em;
margin-left:20px;
}
div#top .right {
position:absolute;
right:0px;
text-align:right;
margin-right:20px;
}

div#top a{
font-weight:normal;
color: #6699cc;
}


/*PAGE FOOTER */
#footer {
text-align: center;
height:35PX;
line-height: 35px;
font-size: 0.9em;
color: #888888;
}
#footer a{
font-weight:normal;
}
/*MAINTEXT */
#container{
text-align:left;
width: 1000px;
margin:0 auto;
font-size:1.1em;
line-height:1.3em;
}
#main{
overflow: hidden;
padding:2px;
border: 1px solid #999;
position: relative;
background: #FFFFFF;
}

/*MAINTEXT---HEADER IMAGE/TEXT */
#main .header, #main .headerhome {
height:80px;
background: #FFF url(../images/header/hhead.jpg) no-repeat 99% 5px;
overflow:hidden;
position:relative;
left:0px;
top:0px;
border-bottom:2px solid #fff;
}
#main .headerhome img {
position:absolute;
top:12px;
left:120px;
}
#main .headerprod {
height:280px;
background: #FFF url(../images/header/aaahead.jpg) no-repeat 98% 10px;
overflow:hidden;
position:relative;
left:0px;
top:0px;
}
#main .headerprod img{
position:absolute;
left:16px;
top:10px;
width:640px;
width:622px;
border:1px solid #221e1f;
vertical-align:baseline;

}

/* HOME PAGE FULL WIDTH CONTENT */
#main .contentenquiry{
clear:both;
float:left;
width: 962px;
background2: #1b5c98 url(../images/background/formbg.jpg) repeat-y;
padding:16px;
}
#main .contentenquiry label{
width: 150px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}
.form-input-field{
width:800px;
}
.form-input-button{
margin: 0 0 10px 0;
padding: 0 15px;
height: 35px;
line-height: 35px;
font-size: 1.1em;
font-weight: bold;
color: #000;
border: 1px solid #ECC101;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
background: #FEDD35 url(../images/navigation/mainMenubg.png) center center repeat-x;
}
.form-input-button:hover{
background: #FFEE46 url(../images/navigation/mainMenuHover.png) center center repeat-x;
}
.buttonindent{
margin-left: 155px;
}
#main .contenthome{
clear:both;
float:left;
width: 964px;
padding:0;
margin-left:16px;
border-top:1px solid #221e1f;
}

#main .contenthomeprod{
clear:both;
float:left;
width: 100%;
background: #0b0b0b url(../images/background/popular.png) repeat-x;
color:#CCCCCC;
padding:15px 0 11px 0;
}
#main .contenthomeprod a{
color: #4488FF;
margin-left:20px;
}
#main .contenthomeprod p {
margin: 0px; padding-bottom:10px;
}
#main .contenthomeprod .col {
float:left;
width:321px;
}

#main .contenthome .widecol {
float:left;
width:636px;
margin-left:16px;
}
#main .about {
padding-top:10px;
margin-bottom:15px;
font-size1:1.1em;
border-top: 1px solid #221e1f;
border-bottom: 1px solid #221e1f;
}


#main .contenthomeprod h3  {
color: #99cc66;
margin: 0;
border-bottom: 1px solid #111;
}
#main .contenthomeprod h4 {
padding:0 0 7px 15px;
color: #999;
}


#line{
border-top: 1px solid #333;
padding-top:10px;
}
#lineqt2 {
border-top: 1px solid #333;
padding-top:10px;
width:490px;
}

#linewhite{
border-top: 1px solid #EEE;
padding-top:10px;
line-height:1px;
}


/* LOCATION */
.location{
clear:both;
float:left;
width: 962px;
background: url(../images/background/shadow.png) repeat-x;
margin: 0 16px 0 16px;
color:#999999;
line-height:1em;
padding:10px 0 10px 0;
overflow:hidden;
font-size:0.9em;
}

/* CONTENT */
#main .content {
position:relative;
float:left;
width: 652px;
border-right: 2px solid #FFF;
}

#main .content .lefta {
width: 176px;
float:left;
margin:15px 0 0 16px;
}
#main .content .lefta img{
border: 1px solid #666;
-webkit-box-shadow: 0 0 4px #666;-moz-box-shadow: 0 0 4px #666;box-shadow: 0 0 4px #666;
}
#main .content .righta {
width: 460px;
float:left;
margin-top:15px;
}
#main .content .left {
display:block;
clear:both;
width: 310px;
float:left;
margin-left:16px;
}
#main .content .left p{
margin-left:0px;
}
#main .content .right {
display:block;
width: 310px;
float:right;
margin-left:16px;
}
#main .content .left li, #main .content .right li {
padding-bottom:2px
}
#main .content .left img, #main .content .right img {
display:block;
}
#main .fullwidth, #main .application{
clear: both;
width: 636px;
padding: 10px 0 0 0;
MARGIN: 0 0 0 16PX;
}

#main .fullwidth ul {
margin-left: 30px;
margin-bottom: 10px;
}
#main .content .left ul, #main .content .right ul, #main .floatleft ul {
margin: 0px 0px 20px 16px;
padding: 0;
}
#main .content .instruct{
margin-top:15px;
}
#main .content .instruct ul{
margin-left:21px;
}
#main .content .instruct ul img{
border: 2px solid #CCC;
}
#main .content .instruct li{
list-style-image: none;
list-style-type: decimal;
color: #A7121A;
font-weight:bold;
}
#main .content .instruct li p {
color: #3B3B3B;
font-weight:normal;
margin-top: 10px;
}
#main .content .pointtonote {
padding:5px;
background: #F1F1F1;
border: 1px solid #AAAAAA;
}
#main .content .pointtonote li{
list-style-image: none;
list-style-type: upper-alpha;
margin: 10px 0 10px 10px;
}
.righttop{
text-align:right;
margin-right:15px;
margin-top:5px;
margin-bottom:25px;
}
.apptop{
font-size:0.9em;
clear:both;
text-align:right;
padding:2px 0 2px 0;
margin: 0 0 15px 15px;
background:#f1f1f1 url(../images/background/tablebg.png) top center repeat-x;
}
.prod {
width: 636px;
margin-left:15px;
background: url(../images/background/tablebg.png) top center repeat-x;
}
.repair h4, .newbuild h4, .grout h4, .tool h4  {
font-family: Arial, sans-serif;
margin: 10px 0 0 15px;
height: 38px;
padding: 0 15px;
display: block;
line-height: 38px;
font-weight: bold;
color: white;
text-transform: uppercase;
}
.repair h4
{
background:#CC0000 url(../images/navigation/mainMenubg.png) top center repeat-x;
text-shadow: 0 1px 3px #600;
}
.newbuild h4 {
background:#117700 url(../images/navigation/mainMenubg.png) top center repeat-x;
text-shadow: 0 1px 3px #060;
}
.grout h4 {
background:#EE5500 url(../images/navigation/mainMenubg.png) top center repeat-x;
text-shadow: 0 1px 3px #AA4400;
}
.tool h4 {
background:#444 url(../images/navigation/mainMenubg.png) top center repeat-x;
text-shadow: 0 1px 3px #111;
}
.application h4  {
font-family: Arial, sans-serif;
height: 38px;
padding: 0 15px;
display: block;
line-height: 38px;
color: white;
text-transform: uppercase;
background:#cc0000 url(../images/navigation/mainMenubg.png) top center repeat-x;
text-shadow: 0 1px 3px #600;
}
.prod ul {
padding-top:10px;
}
.prod ul li {
padding-top:10px;
list-style-image: none;
list-style-type: none;
}
.prod ul li a {
display:block;
border-bottom: 1px solid #CCC;
min-height: 142px;
text-decoration: none;
}
.prod ul li a img {
float:left;
height: 120px;
width: 280px;
border: 1px solid #666;
margin:0 15px 10px 15px;
-webkit-box-shadow: 0 0 4px #666;-moz-box-shadow: 0 0 4px #666;box-shadow: 0 0 4px #666;
}
.prod ul li .top{
text-align:right;
}
.prod li:hover{
text-decoration: none;
background: #EEE url(../images/navigation/go_to_page22.png) no-repeat right 10%;
}
.pdfdownload li a:hover, .prod li a:hover{
text-decoration: none;
}
.prod li a:hover img, .pdfdownload li a:hover img{
border: 1px solid #0044CC;
}
.prod li .top a:hover, .pdfdownload li .top a:hover{
text-decoration: underline;
background: transparent ;
}

/* TYPOLOGY */
.hblue{color: #002266; list-style: disc; margin-left:20px;}
.hred{color: #AA1100; list-style: disc; }
.dark{color: #111111;}
.white{color: #FFFFFF; list-style: disc; margin-left:20px;}
.hnews{ color: #AAAAAA; font-size:0.9em; line-height:2em;}
.grey{ color: #AAAAAA;}
.black{ color: #000000;}
.orange{ color: #EE6622;}

#main .banner {
position: absolute;
top:0px;
height:120px;
padding:16px;
width:624PX;
background: #fff url(../images/header/aahead.jpg) 16px 10px no-repeat;
}

#main .fullwidth h3, #main .content .righta h3{
border-bottom: 2px SOLID #221e1f ;
padding-bottom:5px;
}

.contenthome h4  {
clear:both;
font-weight: bold;
color: #B3261D;
margin:10px 0 5px 0px;
}
#main .left .image, #main .right .image {
width:260px;
background:#666;
padding:1px;
margin-bottom: 15px;
-webkit-box-shadow: 0 0 4px #666;-moz-box-shadow: 0 0 4px #666;box-shadow: 0 0 4px #666;
}
#main .left .image img{
padding:0;
margin:0 auto;
}
#main .right .image img{
padding:0;
margin:0 auto;
}
#main .left .caption, #main .right .caption {
text-decoration: none;
font-size: 0.9em;
padding:5px;
background:#221e1f;
color:#FFFFFF;
text-align:center;
}
#main .imagenoborder .caption {
background:#FFF;
}
#main .caption a {
color: #4488FF;
}
#main .left .image280 {
position:relative;
width:280px;
border:1px solid #666;
padding:1px;
margin-left: 15px;
margin-bottom: 15px;
-webkit-box-shadow: 0 0 4px #666;-moz-box-shadow: 0 0 4px #666;box-shadow: 0 0 4px #666;
}


#main .left .image300, #main .right .image300, .contenthome .image300 {
width:300px;
background:#666;
padding:1px;
margin-bottom: 15px;
-webkit-box-shadow: 0 0 4px #666;-moz-box-shadow: 0 0 4px #666;box-shadow: 0 0 4px #666;
}
#main .left .imagenoborder, #main .right .imagenoborder {
margin-bottom:15px;
-webkit-box-shadow: 0 0 0px #666;-moz-box-shadow: 0 0 0px #666;box-shadow: 0 0 0px #666;
}

/* CONTENT --- LINKS MENU --- CONTENTHOME NEWS MENU */
#links {
float:left;
width: 308px;
padding: 10px 0px 10PX 0px;
margin:0 0 0 16PX;

}
#links ul.news, #links ul.download, #links ul.pages   {
margin-bottom: 20px;
background:#f9f9f9 url(../images/background/tablebg.png) top center repeat-x;
border:2PX SOLID #221e1f;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}


#links ul li{
list-style-image: none;
list-style-type: none;
margin2:0;
text-decoration: none;
border-top2:1px dotted #DDD;
padding:5px 15px 5px 15px;
padding2:0px;
margin2:0 0 10px 0;
}

#links ul li a {
display:block;
clear:both;
margin:0;
padding:0;
overflow:hidden;
}

#links ul li:hover {
background: #ddd;
}

#links ul li a p {
padding-top:5px;
display:block;
font-weight:normal;
margin:0 0 10px 0;
}
#links ul li a p {
color:#111;
}

#links ul.download li a img, #links ul.news li a img {
float:right;
border: 1px solid #BBBBBB;
margin:0 0px 5px 10px;
padding:2px;
background:#FFF;
}
#links ul.download li a img{
height: 50px;
width: 50px;
}
#links ul.news li a img {
height: 100px;
width: 100px;
}

#links ul.download li a:hover img, #links ul.news li a:hover img {
border: 1px solid #0044CC;
}

#links ul li a h4 {
color: #CCCCCC;
}
#links ul li a h6 { 
}

#links ul li a:hover {
text-decoration: none;
}
#links ul li a:hover h6, #links ul.pages li a:hover {
text-decoration: underline;
}
#links ul.pages li a#current {
color:#AAAAAA;
}
#links ul.pages li a#current:hover{
text-decoration: none;
}
#links ul li a:hover h4 {
text-decoration: none;
}
#links ul h3{
font-family: Times New Roman, Times, sans-serif;
margin-bottom:0px;
color: #fff;
padding: 2px 0 2px 0;
text-indent:15px;
background:#221e1f;
}
.subhead {
font-family: Arial, sans-serif;
padding:0 15px 0 15px;
}

.popular ul {
display:inline;
height:12px;
color:#FFF;

}
.popular li{
display:inline;
height:25px;
line-height:25px;
color:#FFF;
padding: 0 2px 0 2px;
}
.popular li a{
color: #6699cc;
}

.contact a{
margin: 0 0 10px 0;
padding: 0 15px;
display: block;
height: 35px;
line-height: 35px;
font-size: 1.1em;
font-weight: bold;
color: #000;
border: 1px solid #ECC101;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
background: #FEDD35 url(../images/navigation/mainMenubg.png) center center repeat-x;
}
.contact a:hover{
background: #FFEE46 url(../images/navigation/mainMenuHover.png) center center repeat-x;
}