/* CSS styles for the general site layout */
html {
	background:url(../img/html-bg.gif) repeat-y #496d91 center;
	min-width:950px;
}

.clear, .clearFix {
	clear:both;
}

a.lightbox, a.thickbox {
	cursor: url(../img/magnify.cur), pointer;
}

#wrapper {
	width:948px;
	margin:0 auto 0 auto;
	position:relative;
}

#wrapper .masthead {
	height:141px;
	background:url(../img/masthead-bg.gif) repeat-x;
	position:relative;
}

#wrapper .masthead a.calculator {
	display:block;
	position:absolute;
	right:10px;
	top:10px;
	width:166px;
	height:73px;
	background:url(../img/calc.jpg) no-repeat;
	z-index:10;
}

#wrapper .masthead a.logo {
	display:block;
	width:480px;
	height:72px;
	background:url(../img/toilet-hire.gif) no-repeat;
	position:absolute;
	top:0;
	left:0;
}

#wrapper .masthead p.contacts {
	position:absolute;
	right:100px;
	top:40px;
	z-index:5;
}

#wrapper .masthead p.strapline {
	position:absolute;
	top:67px;
	left:90px;
	z-index:6;
}

#wrapper .masthead a span {
	display:none;
}

#wrapper .footer,
#wrapper .footer .hr {
	width:910px;
	margin:0 auto 0 auto;
	border-top:1px solid #bec3c9;
	padding-top:15px;
}

#wrapper .footer .hr {
	padding-top:10px;
}

body.default #wrapper .content {
	margin:10px 20px 0 220px;
}

body.homepage #wrapper .masthead {
	margin-bottom:15px;
}

body.homepage #wrapper .content {
	width:870px;
	margin:15px 0 0 30px;
}

body.homepage #wrapper .bottomLinks {
	clear:left;
	text-align:center;
}

body.service-homepage #wrapper .leftLinks {
	position:absolute;
	width:222px;
	padding-left:25px;
	left:0;
}

body.service-homepage #wrapper .content {
	margin-left:210px;
	width:495px;
	padding:0 15px 0 15px;
	border-left:1px solid #a6a6a6;
	border-right:1px solid #a6a6a6;
}

body.service-homepage #wrapper .breadcrumbs,
body.default #wrapper .breadcrumbs {
	margin:15px 0 15px 25px;
}

body.service-homepage #wrapper .leftLinks {
	position:absolute;
	width:182px;
	left:0;
}

body.service-homepage #wrapper .rightLinks {
	position:absolute;
	right:25px;
	width:168px;
}

body.product-page #wrapper .leftLinks,
body.default #wrapper .leftLinks {
	position:absolute;
	padding-left:25px;
	width:222px;
	left:0;
}

body.product-page #wrapper .content,
body.product-page #wrapper .images,
body.product-page #wrapper .breadcrumbs {
	margin-left:275px;
}

body.product-page #wrapper .content {
	margin-right:20px;
}

body.product-page #wrapper .breadcrumbs {
	margin-top:18px;
}

body.product-page #wrapper .images {
	margin-top:20px;
	margin-bottom:25px;
}

body.product-page #wrapper .images img {
	margin-right:5px;
}

body.product-page #wrapper .leftLinks .subNav {
	background:url(../img/left-menu-bg.gif) #1c4979 no-repeat top;
	margin-top:-12px;
	padding:24px 12px 0 12px;
	min-height:275px;
	height:auto !important;
	height:275px;
	position:relative;
	margin-bottom:5px;
}

body.product-page #wrapper .leftLinks .subNav ul,
body.product-page #wrapper .leftLinks .subNav ul li {
	margin:0;
	padding:0;
	list-style:none;
}

body.product-page #wrapper .leftLinks .subNav ul li {
	background:url(../img/dit.gif) repeat-x bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}

body.product-page #wrapper .leftLinks .subNav ul li ul {
	display:none;
}

body.product-page #wrapper .leftLinks .subNav .bottom {
	background:url(../img/left-menu-bottom.gif) no-repeat;
	height:13px;
	bottom:0;
	width:100%;
	left:0;
	position:absolute;
}

body.product-page #wrapper .content,
body.default #wrapper .content {
	min-height:400px;
	height:auto !important;
	height:400px;
}

/************************ Product Results */
.productResult {
	position:relative;
	width:464px;
	height:77px;
	overflow:hidden;
	background:url(../img/product-frame.gif) no-repeat;
	margin-bottom:5px;
	margin-left:15px;
}

.productResult .productImage {
	position:absolute;
	left:10px;
	top:10px;
}

.productResult .productDescription {
	margin:12px 12px 0 112px;
}

/************************ News Results */
.newsResult {
	clear:left;
	border-bottom:1px dashed #cacaca;
	margin-bottom:20px;
}

.newsResult img {
	float:right;
	clear:right;
	margin:0 0 15px 15px;
}

.newsArticleMainImage {
	float:right;
	margin:0 0 15px 15px;
}

/************************** Events Calendar */
table.calendar {
	width:660px;
}

table.calendar td.day {
	height:80px;
	background:#eaeaea;
	border-right:1px dashed white;
	border-bottom:1px dashed white;
	width:14%;
	vertical-align:top;
}

table.calendar td.day.today {
	background:#cacaca;
}

table.calendar td.day.not-in-month {
	background:none;
}

.eventListFilterFormContainer {
	background:none;
	padding:10px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
    -moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
    -moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	margin-bottom:20px;
}

.eventListFilterFormContainer p {
	margin:0;
}

table.calendar td.day a.dayEvent {
	display:block;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #000;
}

/************************ Event Results */
.eventResult {
	padding-bottom:10px;
	margin-bottom:10px;
}

.eventResult .date {
	float:left;
	border:1px solid #cacaca;
	background:white;
	-moz-box-shadow: 3px 3px 3px #999;
	-webkit-box-shadow: 3px 3px 3px #999;
	box-shadow: 3px 3px 3px #999;
	width:35px;
	height:50px;
	margin:0 15px 0 0;
}

.eventResult p {
	margin:0;
}

/************************ Flash messages */
#warningMessage, #successMessage, #errorMessage {
	text-align:center;
	background:#FFD267 none repeat scroll 0 0;
	border-bottom:2px solid #D49600;
	border-top:2px solid #D49600;
	color:#A47607;
	font-size:90%;
	padding:3px 0;
	width:100%;
	top:0;
	left:0;
	position:absolute;
	z-index:100;
}

#successMessage {
	background:#CDEB8B none repeat scroll 0 0;
	border-bottom:2px solid #006E2E;
	border-top:2px solid #006E2E;
	color:#006E2E;
}

#errorMessage {
	background:#B02B2C none repeat scroll 0 0;
	border-bottom:2px solid #B02B2C;
	border-top:2px solid #B02B2C;
	color:#fff;
}


/************************ Webkit Only Fixes */
@media screen and (-webkit-min-device-pixel-ratio:0){

}

/************************ Firefox Only Fixes */
@-moz-document url-prefix() {

}