/*
--------------------------------
Author: Ben Gibson 
Company: Telescope Studios
Date: 16th June 2008
--------------------------------
*/

* { margin:0; padding:0; }

body { 
font:62.5%/1.8em Verdana, Arial, Helvetica, sans-serif; 
color:#002D62;
}

/* ---- GENERAL ELEMENTS ----------------------*/

h1, h2 { 
font-family:"HelveticaNeue LightExt", Verdana, Arial, sans-serif; 
font-weight:normal;
}

h2 {
font-size:2em;
line-height:1.3em;
}

h3 {
font-size:1.2em;
}

p { 
font-size:1.2em; 
}

a { 
text-decoration:underline; 
outline:0; 
}

a:hover { 
text-decoration:none; 
}

a img { 
border:none; 
}

.img { /* this class is for Image Replacement */
letter-spacing:-1000em;  
text-indent:-999em; 
overflow:hidden; 
display:block;
background-repeat:repeat; 
background-color:transparent; /* IE FLICKER FIX - no background position! */
}

.smalltext {
font-size:xx-small;
line-height:1.6em;
color:#666;
}

.blue {
font-size:1.1em;
line-height:1.4em;
color:#002D62;
}

.clear {
float:none;
clear:both;
}

.left {
float:left!important;
}

/* ---- STRUCTURE ----------------------*/

div#container {
width:960px;
margin:0 auto 20px auto;
}

div#head {
position:relative;
width:960px;
height:204px;
border:solid 0px #f30;
}

div#site_navigation {
float:left;
width:127px;
padding:33px 0 20px 23px;
background:#fff url(../images/sitenav_bg.gif) 0 0 no-repeat;
border:solid 0px #f30;
}

div#content {
float:left;
margin:0 0 0 20px;
width:780px;
}

div#content #column1 {
float:left;
width:390px;
margin:20px 0 0 0;
border:0px solid #f30;
}

div#content #column2 {
float:left;
width:390px;
margin:20px 0 0 0;
border:0px solid #f30;
}

/* ---- HEAD ----------------------*/

h1#title_head {
width:960px;
height:204px;
background:url(../images/title_head.gif) -1px 0 no-repeat;
}

div#head p {
position:absolute;
top:80px;
left:32px;
color:#47A6DC;
font-size:1.5em;
}

div#head p a {
color:#47A6DC;
}

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

h3#logo {
width:95px;
height:97px;
margin:0 0 0 5px;
background:transparent url(../images/logo.gif) 0 0 no-repeat;
}

h3#title_productnav {
width:91px;
height:15px;
background:transparent url(../images/title_productnav.gif) 0 0 no-repeat;
}

div#site_navigation ul#pagenav {
width:105px;
margin:20px 0 0 0;
padding:0 0 10px 0;
}

div#site_navigation ul#productnav {
width:95px;
margin:10px 0 0 0;
}

div#site_navigation li {
min-width:105px;
min-height:34px;
margin:0 0 10px 0;
list-style:none;
}

div#site_navigation ul li a {
display:block;
min-width:105px;
text-decoration:none;
background:#002D62;
color:#fff;
font-size:1em;
text-align:center;
line-height:1.2em;
font-weight:bold;
}

div#site_navigation ul#pagenav li a {
min-height:24px;
padding:10px 0 0 0;
}

div#site_navigation ul#productnav li a {
min-height:30px;
padding:4px 0 0 0;
}

div#site_navigation ul li a:hover,
div#site_navigation ul li a.current {
background:#EF4035
}

/* ---- CONTENT ----------------------*/

h2#title_home {
width:190px;
height:36px;
background:transparent url(../images/title_home.gif) 0 0 no-repeat;
}

h2#title_findus {
width:286px;
height:36px;
background:transparent url(../images/title_findus.gif) 0 0 no-repeat;
}

h2#title_contactus {
width:226px;
height:36px;
background:transparent url(../images/title_contactus.gif) 0 0 no-repeat;
}

h2#title_ourprods {
width:130px;
height:18px;
margin:2px 0 20px 10px;
background:transparent url(../images/title_ourprods.gif) 0 0 no-repeat;
}

h2#title_ndistri {
width:218px;
height:18px;
padding:10px 0 0 0;
margin:0 0 20px 0;
background:transparent url(../images/title_ndistri.gif) 0 10px no-repeat;
}

h2#title_conaerosol {
width:205px;
height:18px;
padding:10px 0 0 0;
margin:0 0 20px 0;
background:transparent url(../images/title_conaerosol.gif) 0 10px no-repeat;
}

h2#title_maintenance {
width:602px;
height:36px;
background:transparent url(../images/title_maintenance.gif) 0 0 no-repeat;
}

h2#title_janitorial {
width:493px;
height:44px;
background:transparent url(../images/title_janitorial.gif) 0 0 no-repeat;
}

h2#title_mould {
width:580px;
height:36px;
background:transparent url(../images/title_mould.gif) 0 0 no-repeat;
}

h2#title_paints {
width:426px;
height:36px;
background:transparent url(../images/title_paints.gif) 0 0 no-repeat;
}

h2#title_food {
width:631px;
height:44px;
background:transparent url(../images/title_food.gif) 0 0 no-repeat;
}

h2#title_electrical {
width:433px;
height:36px;
background:transparent url(../images/title_electrical.gif) 0 0 no-repeat;
}

div#content blockquote {
margin:45px 0 0 0;
}

p#home_blockquote {
width:756px;
height:92px;
background:transparent url(../images/home_blockquote.gif) 0 0 no-repeat;
margin:0!important;
}

p#findus_blockquote {
width:499px;
height:86px;
background:transparent url(../images/findus_blockquote.gif) 0 0 no-repeat;
}

#content a {
color:#002d62;
}

div#column1 p,
div#column2 p {
width:380px;
}

div#column1 p {
margin:0 0 10px 0;
}

div#column2 p {
margin:0 0 10px 10px;
}

div#column2 h3 {
margin:0 0 10px 10px;
}

div#content ul {
padding:0 10px 0 0!important;
}

div#content #column2 ul {
margin:0 0 0 10px;
}

div#content li {
font-size:1.2em;
margin:0 0 10px 13px;
border:solid 0px #f30;
}

div#content img#locationmap {
float:left;
margin:-55px 0 0 10px!important;
border:0px solid #f30;
}

/* ---- PRODUCT STRUCTURE ----------------------*/

ul.products {
width:760px;
margin:0;
float:left;
list-style:none;
min-height:180px;
border-top:1px solid #002d62;
}

ul.products li {
float:left;
width:236px;
padding:20px 15px 20px 0!important;
margin:0!important;
border:solid 0px #f30!important;
}

#content ul.products li h3 {
margin:0 0 5px 0;
color:#002D62;
font-size:1em;
}

#content ul.products li p {
margin:0;
font-size:x-small;
color:#000;
line-height:1.3em;
}

ul.products li img {
float:right;
margin: 0 0 0 10px;
}

ul.row1 {
margin:45px 0 0 0;
}

ul.bott {
border-bottom:1px solid #002d62;
}

ul.products li ul {
float:left;
width:160px;
border:solid #f30 0px;
margin:10px 0 0 0;
}

ul.products li ul li {
width:160px;
font-size:xx-small!important;
line-height:1.8em;
color:#666;
margin:0 0 5px 12px!important;
padding:0!important;
list-style:disc;
}

div#quantities {
float:left;
clear:both;
margin:20px 0 0 0;
width:770px;
min-height:270px;
border:1px solid #B1BBD0;
}

div#quantities img {
float:right;
margin:-7px 25px 0 0;
}

div#quantities table {
margin:5px 0 5px 5px;
float:left;
font-size:9px;
}

div#quantities table tr td.col_title {
font-size:1.4em;
font-weight:bold;
}

ul.products table {
margin:0;
padding:5px;
float:left;
font-size:9px;
text-align:left;
font-weight:normal;
border:1px solid #B1BBD0;
}

	/* ---- FOOTER ----------------------*/

div#footer {
position:relative;
float:none;
clear:both;
background:transparent url(../images/footer_bg.gif) bottom left repeat-x;
width:960px;
height:90px;
padding:20px 0 0 0;
}

#footer p#copyright {
position:absolute;
bottom:15px;
right:10px;
color:#fff;
/*margin:57px 10px 0 0;*/
}

#footer p#slogan {
margin:0 0 0 170px;
width:570px;
height:29px;
background:transparent url(../images/slogan.gif) 0 0 no-repeat;
}

#footer p#prdt_strapline {
position:absolute;
bottom:15px;
left:10px;
color:#47A6DC;
/*margin:57px 0 0 10px;*/
}