﻿
body
{
	margin: 0px 0px 0px 0px;
	margin: 0 auto;
	font-family: Arial;
	background-image: url("layout/background.jpg");
	background-repeat: repeat-x repeat-y;
	background-position: top center;
}

#main-container
{
	width: 940px;
	text-align: center;
	margin: 0 auto;
	background-color: White;
}

.main-spacer
{
	width: 6px;
	height: 100%;
	float: left;
}

#Header
{
	width: 940px;
	height: 159px;
	text-align: center;
	vertical-align: top;
}

#menu-top
{
	width: 940px;
	height: 39px;
	text-align: center;
	vertical-align: top;
}

a.menu-links
{
	font-family: Arial;
	font-size: 12px;
	color: white;
	padding-top: 10px;
	text-decoration: none;
}

a.menu-links:hover
{
	font-family: Arial;
	font-size: 12px;
	color: #b5181e;
	padding-top: 10px;
}

.top-menu-text
{
	font-family: Arial;
	font-size: 12px;
	color: White;
	padding-top: 10px;
}

#home-button
{
	width: 78px;
	height: 39px;
	float: left;
	background-image: url("buttons/home.jpg");
	background-position: top center;
}

#about-us-button
{
	width: 85px;
	height: 39px;
	float: left;
	background-image: url("buttons/about-us.jpg");
	background-position: top center;
}

#promo-video-button
{
	width: 143px;
	height: 39px;
	float: left;
	background-image: url("buttons/promo-video.jpg");
	background-position: top center;
}

#our-services-button
{
	width: 112px;
	height: 39px;
	float: left;
	background-image: url("buttons/our-services.jpg");
	background-position: top center;
}

#shop-online-button
{
	width: 100px;
	height: 39px;
	float: left;
	background-image: url("buttons/shop-online.jpg");
	background-position: top center;
}

#special-offers-button
{
	width: 112px;
	height: 39px;
	float: left;
	background-image: url("buttons/special-offers.jpg");
	background-position: top center;
}

#contact-us-button
{
	width: 94px;
	height: 39px;
	float: left;
	background-image: url("buttons/contact-us.jpg");
	background-position: top center;
}

#faq-button
{
	width: 56px;
	height: 39px;
	float: left;
	background-image: url("buttons/faq.jpg");
	background-position: top center;
}

#links-button
{
	width: 50px;
	height: 39px;
	float: left;
	background-image: url("buttons/links.jpg");
	background-position: top center;
}

#basket-button
{
	width: 110px;
	height: 39px;
	float: left;
	background-image: url("buttons/your-basket.jpg");
	background-position: top center;
}

#menu-spacer-bottom
{
	width: 100%;
	height: 20px;
}

#content-container
{
	width: 915px;
	margin: auto 0;
	text-align: center;
	display: table-cell;
}

#left-container
{
	width: 235px;
	margin: auto 0;
	text-align: center;
	float: left;
}

.button-background
{
	width: 92px;
	height: 58px;
	background-image: url("layout/leftmenu/button-background.jpg");
	background-position: top center;
	background-repeat: no-repeat;
}

.image
{
	width: 143px;
	height: 58px;
}

#carpet-cleaning-container
{
	width: 235px;
	height: 58px;
	text-align: center;
}

#carpet-cleaning-left
{
	width: 143px;
	height: 58px;
	text-align: center;
	float: left;
	vertical-align: top;
}

#carpet-cleaning-right
{
	width: 92px;
	height: 58px;
	text-align: center;
	float: right;
}

#kitchen-cleaning-container
{
	width: 235px;
	height: 58px;
	text-align: center;
}

#kitchen-cleaning-left
{
	width: 143px;
	height: 58px;
	text-align: center;
	float: left;
}

#kitchen-cleaning-right
{
	width: 92px;
	height: 58px;
	text-align: center;
	float: right;
}

#floor-cleaning-container
{
	width: 235px;
	height: 58px;
	text-align: center;
}

#floor-cleaning-left
{
	width: 143px;
	height: 58px;
	text-align: center;
	float: left;
}

#floor-cleaning-right
{
	width: 92px;
	height: 58px;
	text-align: center;
	float: right;
}

#full-building-container
{
	width: 235px;
	height: 58px;
	text-align: center;
}

#full-building-left
{
	width: 143px;
	height: 58px;
	text-align: center;
	float: left;
}

#full-building-right
{
	width: 92px;
	height: 58px;
	text-align: center;
	float: right;
}

#glass-roof-container
{
	width: 235px;
	height: 58px;
	text-align: center;
}

#glass-roof-left
{
	width: 143px;
	height: 58px;
	text-align: center;
	float: left;
}

#glass-roof-right
{
	width: 92px;
	height: 58px;
	text-align: center;
	float: right;
}

#graffiti-cleaning-container
{
	width: 235px;
	height: 58px;
	text-align: center;
}

#graffiti-cleaning-left
{
	width: 143px;
	height: 58px;
	text-align: center;
	float: left;
}

#graffiti-cleaning-right
{
	width: 92px;
	height: 58px;
	text-align: center;
	float: right;
}

#gutter-cleaning-container
{
	width: 235px;
	height: 58px;
	text-align: center;
}

#gutter-cleaning-left
{
	width: 143px;
	height: 58px;
	text-align: center;
	float: left;
}

#gutter-cleaning-right
{
	width: 92px;
	height: 58px;
	text-align: center;
	float: right;
}

#high-window-container
{
	width: 235px;
	height: 58px;
	text-align: center;
}

#high-window-left
{
	width: 143px;
	height: 58px;
	text-align: center;
	float: left;
}

#high-window-right
{
	width: 92px;
	height: 58px;
	text-align: center;
	float: right;
}

#steam-cleaning-container
{
	width: 235px;
	height: 58px;
	text-align: center;
}

#steam-cleaning-left
{
	width: 143px;
	height: 58px;
	text-align: center;
	float: left;
}

#steam-cleaning-right
{
	width: 92px;
	height: 58px;
	text-align: center;
	float: right;
}

#upvc-cleaning-container
{
	width: 235px;
	height: 58px;
	text-align: center;
}

#upvc-cleaning-left
{
	width: 143px;
	height: 58px;
	text-align: center;
	float: left;
}

#upvc-cleaning-right
{
	width: 92px;
	height: 58px;
	text-align: center;
	float: right;
}

#oven-cleaning-container
{
	width: 235px;
	height: 58px;
	text-align: center;
}

#oven-cleaning-left
{
	width: 143px;
	height: 58px;
	text-align: center;
	float: left;
}

#oven-cleaning-right
{
	width: 92px;
	height: 58px;
	text-align: center;
	float: right;
}

#flood-and-fire-container
{
	width: 235px;
	height: 58px;
	text-align: center;
}

#flood-left
{
	width: 143px;
	height: 58px;
	text-align: center;
	float: left;
}

#flood-right
{
	width: 92px;
	height: 58px;
	text-align: center;
	float: right;
}

a.left-menu-buttons
{
	font-family: Arial;
	color: White;
	text-align: center;
	font-size: 12px;
	text-decoration: none;	
}

a.left-menu-buttons:hover
{
	font-family: Arial;
	color: red;
	text-align: center;
	font-size: 12px;	
}

.left-menu-text
{
	font-family: Arial;
	color: White;
	text-align: center;
	font-size: 12px;
	padding-top: 5px;
	padding-left: 4px;
	padding-right: 4px;
}

.left-menu-small-text
{
	font-family: Arial;
	color: White;
	text-align: center;
	font-size: 12px;
	padding-top: 13px;
	padding-left: 4px;
	padding-right: 4px;
}

#middle-container
{
	width: 483px;
	text-align: center;
	margin: auto 0;
	float: left;
}

#middle-banner-image
{
	width: 483px;
	text-align: center;
	vertical-align: top;
}

#middle-container-text
{
	font-family: Arial;
	text-align: left;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}

#right-container
{
	width: 184px;
	text-align: center;
	float: left;
}

#free-quote-section
{
	width: 184px;
	text-align: center;
	vertical-align: top;
}

#free-quote-container
{
	width: 182px;
	height: 50px;
	background-color: #d2d2d2;
	border-left: solid 1px #414141;
	border-right: solid 1px #414141;
	border-top: solid 1px #414141;
}

A.free-quote-text-link
{
	font-family: Arial;
	font-size: 20px;
	color: #b5181e;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	font-weight: bold;
	text-decoration: none;
}

A.free-quote-text-link:hover
{
	font-family: Arial;
	font-size: 20px;
	color: #01106d;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	font-weight: bold;
	text-decoration: none;
}

.right-container-spacer
{
	width: 100%;
	height: 10px;
}

#mailing-list-container
{
	width: 182px;
	text-align: center;
	background-color: #d2d2d2;
	border: solid 1px #414141;
}

.form-tables
{
	text-align: center;
	margin: auto 0;
}

.mailinglist-field-titles
{
	font-family: Arial;
	font-size: 12px;
	color: #555555;
}

#mailinglist-title
{
	font-family: Arial;
	font-size: 20px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	color: #b5181e;
	font-weight: bold;
}

#mailinglist-text
{
	font-family: Arial;
	font-size: 11px;
	color: #01106d;
	text-align: center;
	padding-left: 3px;
	padding-right: 3px;
}

#call-back-container
{
	width: 182px;
	text-align: center;
	background-color: #d2d2d2;
	border: solid 1px #414141;
}

#call-back-title
{
	font-family: Arial;
	font-size: 20px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	color: #b5181e;
	font-weight: bold;
}

#safe-contractor-container
{
	width: 182px;
	text-align: center;
}

.form-bottom-spacer
{
	width: 100%;
	height: 5px;
}

#services-title-container
{
	width: 233px;
	text-align: center;
	background-color: #d2d2d2;
	border-top: solid 1px #414141;
	border-left: solid 1px #414141;
	border-right: solid 1px #414141;
}

#services-text
{
	font-family: Arial;
	font-size: 17px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 4px;
	color: #b5181e;
	font-weight: bold;
}

#footer-spacer
{
	width: 100%;
	height: 10px;
}

#footer-container
{
	width: 940px;
	text-align: center;
	background-color: #c8c8c7;
}

#footer-left
{
	width: 470px;
	float: left;
	text-align: left;
	background-color: #c8c8c7;
}

#google-logos
{
	width: 206px;
	height: 49px;
	padding-left: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#footer-right
{
	width: 470px;
	float: right;
	text-align: right;
	background-color: #c8c8c7;
}

#footer-links
{
	padding-top: 5px;
	padding-right: 15px;
	color: #01106d;
}

a.footer-links
{
	color: #01106d;
	font-family: Arial;
	font-size: 13px;
	text-decoration: none;
}

a.footer-links:hover
{
	color: #b5181e;
	font-family: Arial;
	font-size: 13px;
	text-decoration: underline;
}

#footer-copyright
{
	font-family: Arial;
	font-size: 13px;
	padding-top: 5px;
	padding-right: 15px;
	color: #01106d;
}
#footer-copyright a
{
	color: #01106d;
	font-family: Arial;
	font-size: 13px;
	text-decoration: none;
}

#footer-copyright a:hover
{
	color: #b5181e;
	font-family: Arial;
	font-size: 13px;
	text-decoration: underline;
}

#services-container
{
	width: 483px;
	text-align: center;
	margin: auto 0;
}

.banner-images-spacer
{
	width: 100%;
	height: 4px;
}

#basket-container
{
	width: 483px;
	text-align: left;
	margin: auto 0;
	font-family: Arial;
	font-size: small;
}

.pview
{
    padding: 3px 7px 3px 7px;
    background-color: #f0f0f0;
    border: solid 1px gray;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
    font-size: small;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

#overlay
{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}

a.category
{
	font-family: Arial;
	font-size: 14px;
	text-align: left;
	color: #01106d;
	text-decoration: none;
}

a.category:hover
{
	font-family: Arial;
	font-size: 14px;
	text-align: left;
	color: Black;
	text-decoration: underline;
}

#categories-container
{
	width: 100%;
	background-color: #d2d2d2;
	border: solid 1px black;
}

#category-title
{
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	color: #b5181e;
	padding-top: 8px;
}

#category-title-container
{
	background-color: #d2d2d2;
	width: 100%;
	height: 52px;
	border-left: solid 1px black;
	border-right: solid 1px black;
	border-top: solid 1px black;
}

#thumbnails
{
	width: 100%;
	height: 5px;
}

#slideshowContainer
{
	width: 100%;
	height: 240px;
}