/* General Styles */
* {margin:0;padding:0}
html {height:100%;}
body {
height:15px;
background: #223E92 url("images/background-new.gif") repeat-x top left;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
p, li, td {font-size:12px; color:#666; line-height:1.4em;}
a {color:#3B7CEF; font-size:11px; line-height:1.4em;}
a img {border:0;}
p.note {color:#666666; font-size:11px;}
/* Layout */
div#header {background:#FFF; width:604px; padding:10px; margin-left:150px;}
div#container {
width:780px;
padding: 5px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
div#wrapper {float:left; width:100%;}
div#content {margin:0 0 0 150px; width:594px; padding:0px 15px 30px 15px; background:#FFF;}
div#content2 {margin:0 0 0 150px; width:594px; padding:0px 15px 30px 15px; background:#FFF;}
div#content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#navigation {float:left; width:150px; margin-left:-780px;}
div#footer {padding:10px 0 0 150px; height:50px; margin-top:0px;}
/* Content */
h1, h2, h2 a, h3 {display: block; margin-bottom:3px; color: #6DB0CE; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-stretch:condensed;}
h1 {font-size: 22px; margin-bottom:10px;}
div#content h2 {font-size:17px; margin-left:10px;}
div#content h3 {font-size:14px; margin:20px 0 10px 20px; clear:left;}
div#content p {margin:0 20px 1em 20px;}
div#content ul {
line-height: 10px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0em;
margin-left: 10px;
}
div#content ol {margin:0 0 1em 60px;}
div#content img.product {float:right; clear:right;}
div#content img.lifestyle {display:block; float:right; border:1px solid #000; margin:0 0 5px 10px}
div#content span.warning {color:red; font-size:10px;}
/* Table like row */
div.row {clear:left; float:left; border-bottom:1px dashed #418DAF; width:585px; }
/* Product Range box on the main products page */
div.range {float:left; width:33%;}
div.wide-range {float:left; width:45%;}
div#content div.range h2 a {margin:10px 0 5px 0; padding:0; text-align:center; width:185px; color:#FFF; height:25px; font-weight:bold; text-decoration:none; font-size:16px;}
div#content div.range h3 {font-size:11px; color:#666}
div#content div.range ul {list-style-type:none; font-size:9px; margin-bottom:1em; margin:5px 0 1em 7px;}
div.range ul a {text-decoration:none; color:#666; padding-left:13px; font-family:Arial, Helvetica, sans-serif; background: url("images/dots.jpg") no-repeat 3px 50%;}
div.range a.product {text-decoration:none; font-weight:bold; font-size:12px; color:#418DAF; display:block; text-align:center;}
div.range p, div.wide-range p {text-align:center; font-size:9px;}
div.range img, div.wide-range img {display:block; margin:10px auto 0 auto;}
/* Set the background for each of the headings */
div#content div.range h2 a.sealers {background-image:url("images/sealers-frame.gif");}
div#content div.range h2 a.sealers-enhanced {background-image:url("images/sealers-enhanced-frame.gif");}
div#content div.range h2 a.coatings {background-image:url("images/coating-frame.gif");}
div#content div.range h2 a.grout-care {background-image:url("images/grout-care-frame.gif");}
div#content div.range h2 a.cleaners {background-image:url("images/cleaners-frame.gif");}
div#content div.range h2 a.restoration {background-image:url("images/restoration-frame.gif");}
div#content div.range h2 a.problem-solvers {background-image:url("images/problem-solvers-frame.gif");}
div#content div.range h2 a.stonendure {background-image:url("images/stonendure-frame.gif");}
div#content div.range h2 a.accessories {background-image:url("images/accessories-frame.gif");}
div#content div.range h2 a.accessories:hover,
div#content div.range h2 a.stonendure:hover,
div#content div.range h2 a.problem-solvers:hover,
div#content div.range h2 a.restoration:hover,
div#content div.range h2 a.cleaners:hover,
div#content div.range h2 a.grout-care:hover,
div#content div.range h2 a.coatings:hover,
div#content div.range h2 a.sealers-enhanced:hover,
div#content div.range h2 a.sealers:hover {background-image:url("images/heading-on.gif");}
/* The colors used for each section */
h1.sealers, h1.sealers-enhanced, h1.coatings, h1.grout-care,
h1.cleaners, h1.problem-solvers, h1.restoration,
h1.stonendure, h1.accessories {color:#FFF; height:23px; padding:2px 0 0 10px; font-size:17px; background-position:top; background-position:right; background-repeat:no-repeat;}
h1.sealers {background-image:url("images/sealer-heading.gif");}
h1.sealers-enhanced {background-image:url("images/sealer-enhanced-heading.gif");}
h1.coatings {background-image:url("images/coating-heading.gif");}
h1.grout-care {background-image:url("images/grout-care-heading.gif");}
h1.cleaners {background-image:url("images/cleaners-heading.gif");}
h1.problem-solvers {background-image:url("images/problem-solvers-heading.gif");}
h1.restoration {background-image:url("images/restoration-heading.gif");}
h1.stonendure {background-image:url("images/stonendure-heading.gif");}
h1.accessories {background-image:url("images/accessories-heading.gif");}
#navigation .sealers {color:#026ED0;}
#navigation .sealers-enhanced {color:#026ED0;}
#navigation .coatings {color:#22BEEF;}
#navigation .grout-care {color:#EEB949;}
#navigation .cleaners {color:#21B14D;}
#navigation .problem-solvers {color:#EB0194;}
#navigation .restoration {color:#F8931D;}
#navigation .stonendure {color:#CC97C5;}
#navigation .accessories {color:#BABBBF;}
/* Header */
div#header img {display:block; margin:0 0 15px 0;}
div#navigation ul {list-style-type:none; margin-top:0px; margin-right:5px; padding-right:0px;}
div#navigation li {margin:0; text-align:right;}
div#navigation a {color:#FFF; font-weight:normal; padding:0 0 5px 0; margin:0; text-decoration:none; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#navigation a:hover {font-size:12px; font-weight:bold;}
/* Navigation for the home page */
#home #container {
margin-top:0px;
}
#home #content ul {
list-style-type:none;
padding:0 0px 0 0px;
margin:0 auto;
height:25px;
width:670px;
}
#home #content ul2 {
list-style-type:none;
padding:0 0px 0 0px;
margin:0 auto;
height:25px;
width:730px;
}
#home #content ul li {
float:left;
margin-left:20px;
}
#home #content ul a {text-decoration:none; font-size:14px; font-family:Arial; text-decoration:underline;}
#home #wrapper {background:#FFF; padding:0;}
#home #content {width:100%; margin:0; padding:0 0 0 0;}
#home #content img {display:block; margin:0px auto 40px auto;}
#home #footer {padding:0;}
/* Secondary Navigation */
div#navigation ul ul {display:none;}
#products div#navigation ul li.products ul,
#training div#navigation ul li.training ul,
#procedures div#navigation ul li.procedures ul,
#applicators div#navigation ul li.applicators ul {display:block; width:140px; padding:0; margin:0 5px 5px 0;}
#products div#navigation ul li.products ul li,
#training div#navigation ul li.training ul li,
#procedures div#navigation ul li.procedures ul li,
#applicators div#navigation ul li.applicators ul li {height:16px;}
#products div#navigation ul li.products ul a,
#training div#navigation ul li.training ul a,
#procedures div#navigation ul li.procedures ul a,
#applicators div#navigation ul li.applicators ul a {margin:0; padding:0 5px 0 0; text-align:right; height:17px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
/* Footer */
div#footer {text-align:center; padding-top:10px;}
div#footer a, div#footer p {font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#FFF;}
div#footer a:hover {text-decoration:underline;}
#home #content #news {width:760px; margin:0 auto;}
#home #content .news {text-align:center; width:230px; padding:5px; margin:0 0 0 10px; float:left; font-family:arial;}
#home #content .news p, #home #footer .news a {color:#000; margin:0; font-weight:normal; font-size:12px;}
#home #content .news a {text-decoration:underline; display:inline; margin:0; padding:0; font-size:12px;}
#home #content .news img {display:inline; margin:0;}
#home #content .news h2 {font-size:15px; color:#BF0008; margin:0 0 10px 0; padding:0;}
/*
* Specific Styles
*/
a.pdf, a.powerpoint {height:25px; display:block; background: url("images/pdf.gif") no-repeat top left; padding:5px 0 0 30px; margin:0 0 10px 20px;}
a.powerpoint {background-image: url("images/powerpoint.gif");}
#index a.enter {height:15px; width:130px; background:url("images/navigation.gif") no-repeat top left; display:block; margin:0 auto; color:#FFF; text-align:center; font-weight:bold; padding:5px 0 5px 0; }
#index a.enter:hover {background-image:url("images/navigation-on.gif")}
#index div#holder {margin:40px auto 10px auto; text-align:center;}
#index p#enter {margin:0 auto; display:block; width:100%;text-align:center;}
#index p#enter a {font-weight:bold; text-decoration:none;}
div#content h2.product-name {margin:20px 0 20px 10px; padding:0; font-size:22px; color:#196BB3;}
div#content p.category-desc {font-size:11px; color:#AAA;}
div#content #newsletters p strong {width:110px; display:block; float:left; font-size:11px;}
div#content #newsletters p a {display:block;}
div#content #newsletters h2 {clear:left; margin-top:40px;}
div#content #newsletters br {display:none}
a#australia {display:block; margin-left:60px;}
div#content p.close strong {display:block; width:100px; float:left margin-bottom:0;}
/* Map used on the independent applicators pages */
div#content img.map {display:block; float:right; clear:right; border:0;}
div#applicator-list {height:300px; width:240px; overflow:auto; padding:10px;}
div#applicator-list h2 {font-size:13px; margin:10px 0 0 0 ;}
div#applicator-list p {margin:0 0 0 5px; font-size:11px;}
div#applicator-list p.note {margin-top:10px;}
/* List of available sizes of a product */
div#content ul.availability {list-style-type:none; margin:5px 0 10px 20px;}
div#content ul.availability li {float:left; margin:0 15px 0px 0; height:40px; background-position:top left; background-repeat:no-repeat}
div#content ul.availability li.ml237 {padding-left:10px; background-image:url("images/237ml.gif");}
div#content ul.availability li.ml473 {padding-left:15px; background-image:url("images/473ml.gif");}
div#content ul.availability li.ml710 {padding-left:15px; background-image:url("images/710ml.gif");}
div#content ul.availability li.ml946 {padding-left:15px; background-image:url("images/946ml.gif");}
div#content ul.availability li.lt1 {padding-left:18px; background-image:url("images/1lt.gif");}
div#content ul.availability li.lt4 {padding-left:20px; background-image:url("images/4lt.gif");}
div#content ul.availability li.lt19 {padding-left:24px; height:10pxx; background-image:url("images/19lt.gif");}
div#content ul.availability li.kg0341 {padding-left:15px; background-image:url("images/0341kg.gif");}
div#content ul.availability li.kg0682 {padding-left:10px; background-image:url("images/0682kg.gif");}
div#content ul.availability li.kg453 {padding-left:20px; background-image:url("images/453kg.gif");}
div#content ul.availability li.kg363-lt4 {padding-left:60px; background-image:url("images/363kg-4lt.gif");}
/* Further Information PDF List */
div#content ul.information {list-style-type:none; margin:5px 0 50px 20px;}
div#content ul.information li {
padding:0;
float:left;
background: url("images/pdf.gif") no-repeat top left;
height: auto;
}
div#content ul.information a {height:40px; padding:3px 10px 0 30px; text-decoration:none;}
/* Important Notes List */
div#content ul.notes li {font-size:9px;}
/* Table used to list pdf files */
table#pdf-list a {display:block; font-size:12px; height:30px; background: url("images/pdf.gif") no-repeat top left; padding:0 0 2px 35px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
table#pdf-list {width:100%; margin-top:10px;}
/* Table used to list pdf files */
table#solutions a {display:block; font-size:12px; height:30px; background: url("images/pdf.gif") no-repeat top left; padding:0 0 2px 35px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
table#solutions {width:100%; margin-top:10px;}
/* Table used on the Stain Removal Page */
table#procedures-list, table#product-list {width:100%;}
table#procedures-list tr, table#product-list tr {vertical-align:top;}
table#procedures-list th, table#product-list th {background:#418DAF; color:#FFF; height:20px; padding:10px;}
table#procedures-list td, table#product-list td {vertical-align:top; padding:3px 2px;}
a.printme {padding:0 0 2px 30px; height:25px; background:url("images/print.gif") no-repeat center left; display:block; margin:0 0 10px 110px;}
table.timetable {margin-left:20px;}
table.timetable td {font-size:12px; padding:3px 10px;}
table.timetable th {font-weight:bold; padding:3px 0 3px 0; background:#2462AF; color:#FFF; text-align:center;}
table#links {width:70%;}
table#links td {padding:20px 10px;}
div#content2 ul {
background-color: #203B8C;
line-height: 10px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0em;
margin-left: 10px;
}
#new {
float: none;
height: 25px;
width: 99%;
padding-left: 0px;
background-image: url(images/back_new.jpg);
background-repeat: repeat-x;
background-position: center center;
margin-left: 5px;
margin-right: 5px;
}