/*
*******************************************************
Title: style.css (CSS Document)
Author: Weymouth Web Design (www.weymouthwebdesign.com)
Created: 01/12/2008
*******************************************************
*/

body {
	background-image:url('images/bg_main_jpg.jpg');
	background-repeat: repeat-x;
	background-color: #fff;
	margin: 0; padding: 0;
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	font-size: 9pt;
}

#container {
	width: 969px;
	margin: 0 auto;
	height: 100%;
}

h1, h2, h3, h4, h5, h6,ol, ul, li, p, input, textarea, select {
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	font-size: 9pt;
}

h1 {
	font-family: verdana, "Lucida Grande","Lucida Sans Unicode",geneva,sans-serif;
	font-size: 10.5pt;
	font-weight: bold;
	color: #222d84;
	margin-bottom: 10px;
	margin-top: 0px;
}

h1.big {
	font-size: 16pt;
	text-align: left;
	font-family: geneva,verdana,sans-serif;
	color: #19215b;
	margin-top: 0px;
}

img {
	border-width: 0px;
}

#header {
	margin-top: 18px;
	background-image:url('images/bg_header.gif');
	background-repeat:no-repeat;
	height: 120px;
}

#logo {
	position: relative;
	float: left;
	left: 12px;
	top: 7px;
	width: 420px;
	height: 107px;
}

#logoshop {
	position: relative;
	float: left;
	left: 12px;
	top: 7px;
	width: 420px;
	height: 107px;
	text-align: left;
}


#promo {
	position: relative;
	float: left;
	top: 8px;
	height: 65px;
}

#contactbox {
	position: relative;
	float: right;
	top: 8px;
	right: 17px;
	height: 66px;
}

#subnav {
	position:relative;
	clear: right;
	top: 17px;
}

#maincontent {
	width: 969px;
	background-image: url('images/bg_content.jpg');
	background-repeat: no-repeat;
	margin: 0; padding: 0;
	overflow: hidden;
}


#navigation {
	position: relative; 
	float: left;
	width: 165px;
	margin: 8px 0 0 19px;
	padding: 0;
	height: 100%;
}

#content {
	position: relative;
	float: left;
	margin-left: 15px;
	margin-top: 8px;
	width: 750px;
	height: 100%;
}

#contentblog {
	position: relative;
	float: left;
	margin-left: 15px;
	margin-top: 8px;
	width: 740px;
	height: 100%;
}


#contentsplit {
	float: left;
	background-image: url('images/main-left.jpg');
	background-repeat: no-repeat;
	width: 515px;
	padding: 10px;
}

.contentsplit-text {
	margin-right: 20px;
}

#diy {
	float: left;
	width: 739px;
	padding-top: 10px; padding-bottom: 14px; padding-left: 0px; padding-right: 0px;
	margin: 0px;
	height: 62px;
}

#coffee {
	padding-top: 5px; 
	margin-bottom: 15px;
}

.paddedphotoleft {
	float: left;
	margin: 0px 14px 0px 0px;
	border: 1px #666 solid;
}

#icon {
	float: right;
	margin-right: 20px;
}

#rightbox {
	float: right;
	background-image: url('images/right-box-map.jpg');
	background-repeat: no-repeat;
	width: 199px;
	height: 268px;
	margin-top: 0px;
	margin-right: 10px;
	padding: 20px 0px 10px 0px;
}

#mascot {
	background-image: url('images/mascot-homepage-01.jpg');
	background-repeat: no-repeat;
	width: 745px;
	height: 206px;
	margin-top: 8px;
}

.mascot-text {
	width: 550px;
	margin-bottom: 12px;
}

.contact-text {
	width: 600px;
	margin-bottom: 20px;
}

#contact-text-two {
	width: 750px;
	margin-bottom: 12px; margin-top: 15px;
}

form {
	padding: 0; margin: 0;
}

#mascot-map {
	background-image: url('images/mascot-map.jpg');
	background-repeat: no-repeat;
	width: 745px;
	height: 206px;
	margin-top: 8px;
}

#mascot-contact {
	background-image: url('images/mascot-contact.jpg');
	background-repeat: no-repeat;
	width: 745px;
	height: 100%;
	margin-top: 8px;
}

#spacer {
	padding-top: 50px;
	margin: 0;
}

#map-container {
	clear: both;
	width: 100%;
	height: 100%;
}

#no-map-container {
	clear: both;
	width: 100%;
	height: 100%;
	margin-top: 10px;
}

#map {
	clear: both;
	float: left;
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 700px;
	overflow: hidden;
	border: 1px #777 solid;
}

#tradeaccount {
	clear: both;
	background-image: url('images/trade-account.jpg');
	background-repeat: no-repeat;
	width: 727px; height: 105px;
	margin: 0 auto;
}

.tradeaccounttext {
	margin: 20px 10px;
}

.staff {
	margin: 0px; padding: 0px;
}

.redtext {
	color: #c60804; font-weight: bold;
}

/* Image banners for each product or service page */

#imagebanneraccessories {
	background-image: url('images/image-banner-accessories.jpg');
	background-repeat: no-repeat;
	height: 137px;
	width: 727px;
	margin: 0 auto; 
	padding-bottom: 10px;
}

#imagebannerbathrooms {
	background-image: url('images/image-banner-bathrooms.jpg');
	background-repeat: no-repeat;
	height: 137px;
	width: 727px;
	margin: 0 auto; 
	padding-bottom: 10px;
}

#imagebannergardening {
	background-image: url('images/image-banner-gardening-and-landscaping.jpg');
	background-repeat: no-repeat;
	height: 137px;
	width: 727px;
	margin: 0 auto; 
	padding-bottom: 10px;
}

#imagebannerheavyside {
	background-image: url('images/image-banner-heavyside.jpg');
	background-repeat: no-repeat;
	height: 137px;
	width: 727px;
	margin: 0 auto; 
	padding-bottom: 10px;
}

#imagebannerhire {
	background-image: url('images/image-banner-hire.jpg');
	background-repeat: no-repeat;
	height: 137px;
	width: 727px;
	margin: 0 auto; 
	padding-bottom: 10px;
}

#imagebannerhottubs {
	background-image: url('images/image-banner-hottubs.jpg');
	background-repeat: no-repeat;
	height: 137px;
	width: 727px;
	margin: 0 auto; 
	padding-bottom: 10px;
}

#imagebannerinsulation {
	background-image: url('images/image-banner-insulation.jpg');
	background-repeat: no-repeat;
	height: 137px;
	width: 727px;
	margin: 0 auto; 
	padding-bottom: 10px;
}

#imagebannerinteriors {
	background-image: url('images/image-banner-interiors.jpg');
	background-repeat: no-repeat;
	height: 137px;
	width: 727px;
	margin: 0 auto; 
	padding-bottom: 10px;
}

#imagebannerplastics {
	background-image: url('images/image-banner-plastics.jpg');
	background-repeat: no-repeat;
	height: 137px;
	width: 727px;
	margin: 0 auto; 
	padding-bottom: 10px;
}

#imagebannerplumbing {
	background-image: url('images/image-banner-plumbing.jpg');
	background-repeat: no-repeat;
	height: 137px;
	width: 727px;
	margin: 0 auto; 
	padding-bottom: 10px;
}

#imagebannerroofing {
	background-image: url('images/image-banner-roofing.jpg');
	background-repeat: no-repeat;
	height: 137px;
	width: 727px;
	margin: 0 auto; 
	padding-bottom: 10px;
}

#imagebannertools {
	background-image: url('images/image-banner-tools.jpg');
	background-repeat: no-repeat;
	height: 137px;
	width: 727px;
	margin: 0 auto; 
	padding-bottom: 10px;
}

#imagebannerselfbuild {
	background-image: url('images/image-banner-self-build.jpg');
	background-repeat: no-repeat;
	height: 137px;
	width: 727px;
	margin: 0 auto; 
	padding-bottom: 10px;
}

#imagebannermascot {
	float: right;
}

.gallery {
	border: 1px #777 solid;
	margin: 5px 0px 10px 10px;
	text-align: center;
	padding: 3px;
	background-color: #fff;
}

a.standard-link:link {position: relative; font-size: 9pt; color: #000066; text-decoration: underline; font-weight: bold; }
a.standard-link:visited {position: relative; font-size: 9pt; color: #000066; text-decoration: underline; font-weight: bold; }
a.standard-link:hover {position: relative; font-size: 9pt; color: #0003d0; text-decoration: underline; font-weight: bold; }
a.standard-link:active {position: relative; font-size: 9pt; color: #000066; text-decoration: underline; font-weight: bold; }

a:link {position: relative; font-size: 9pt; color: #000066; text-decoration: underline; font-weight: bold; }
a:visited {position: relative; font-size: 9pt; color: #000066; text-decoration: underline; font-weight: bold; }
a:hover {position: relative; font-size: 9pt; color: #0003d0; text-decoration: underline; font-weight: bold; }
a:active {position: relative; font-size: 9pt; color: #000066; text-decoration: underline; font-weight: bold; }

#footer {
	clear: both;
	background-image: url('images/footertrade.jpg');
	background-repeat: no-repeat;
	width: 969px;
	height: 98px;
	margin-bottom: 10px;
}

.footertext {
	position: relative;
	top: 10px;
	margin: 0 0 0 20px;
	font-size: 8pt;
	padding-top: 10px;
}

a.footerlinks:link {position: relative; font-size: 8pt; color: #000066; text-decoration: underline; font-weight: bold; }
a.footerlinks:visited {position: relative; font-size: 8pt; color: #000066; text-decoration: underline; font-weight: bold; }
a.footerlinks:hover {position: relative; font-size: 8pt; color: #0003d0; text-decoration: underline; font-weight: bold; }
a.footerlinks:active {position: relative; font-size: 8pt; color: #000066; text-decoration: underline; font-weight: bold; }

#siderbarbox {
	float: right;
	width: 200px;
}