body{font-size:62.5%}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins,a{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:400}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}sup,sub{vertical-align:baseline}

body {
	background:#e9e9e9;
	padding-bottom:20px;
	font-family:Arial, Helvetica, sans-serif
}

h1 {
	color:#fdbd08;
	font-size:1.8em;
	margin-bottom:15px
}

h2 {
	font-size:1.4em;
	color:#333;
	font-weight:bold;
	margin-bottom:10px
}

h6 a {
	background:url(/images/logo.png) 27px 25px no-repeat;
	width:200px;
	height:72px;
	display:block;
	padding:25px 27px;
	text-indent:-9999px;
	float:left
}

table {
	width:100%;
}

table tr td {
	border-bottom:1px solid #e9e9e9;
	background-color:#fdfbf4;
	padding:5px;
}

#container {
	width:820px;
	border:1px solid #dfdfdf;
	margin:0 auto;
	background:#FFF
}

#header {
	height:124px
}

#recycle {
	background:url(/images/recycle.png) 0 40px no-repeat;
	float:right;
	text-indent:-9999px;
	width:255px;
	height:63px;
	padding:40px 26px 0 0
}

#menu {
	padding:0 26px
}
#menu li {
	float:left;
	background:url(/images/tabs.png);
	margin:2px 2px 0 0
}
#menu a,
#menu div {
	float:left;
	display:block;
	height:25px;
	line-height:24px;
	background:url(/images/tabs.png) top right;
	padding:0 20px 0 16px;
	margin-left:4px;
	color:#666;
	font-size:1.2em
}
#menu div {
	padding:3px 4px 0 0;
	width:107px;
	height:22px
}
#menu .selected {
	background-position:0 -25px;
	margin-top:0
}
#menu .selected a {
	background-position:right -25px;
	height:27px;
	line-height:26px;
	font-size:1.3em;
	font-weight:bold;
	color:#FFF
}
#menu #phone {
	float:right;
	margin-right:0
}

#main,
#footer {
	background:url(/images/block.gif) repeat-x;
	padding:17px 10px 10px 10px
}

#panel {
	width:800px;
	height:184px;
	margin-bottom:7px;
	background:url(/images/slideshow/1.jpg)
}

#submenu {
	background:url(/images/submenu.png);
	height:29px;
	width:802px;
	margin-bottom:4px
}
#submenu li {
	float:left;
	background:url(/images/submenuButtons.png);
	margin:3px 7px 0 3px
}
#submenu a {
	float:left;
	display:block;
	background:url(/images/submenuButtons.png) top right;
	height:20px;
	line-height:18px;
	font-size:1.2em;
	color:#ccc;
	padding:0 25px 0 4px;
	margin-left:1px
}

#quickQuote {
	background:url(/images/quickQuoteBody.png) 0 34px;
	width:610px;
	height:238px;
	float:left
}
#quickQuote .left {
	float:left;
	width:285px
}
#quickQuote .right {
	width:315px;
	float:right;
	position:relative
}
#quickQuote .right p {
	font-size:1.1em;
	width:300px;
	margin-bottom:10px
}
#quickQuote .right label,
#quickQuote .right .label {
	font-weight:bold;
	vertical-align:top
}
#quickQuote .right input {
	margin-right:10px
}
#quickQuote h3 {
	background:url(/images/quickQuote.png);
	height:34px;
	text-indent:-9999px
}
#quickQuote h4 {
	height:17px;
	line-height:16px;
	font-size:1.1em;
	color:#000;
	font-weight:bold
}
#quickQuote h6 {
	color:#fdbd08;
	font-size:1.1em;
	font-weight:bold
}
#quickQuote .left h4 {
	margin:0 7px
}
#quickQuote #selectedSkip {
	font-size:1.8em;
	color:#333;
	height:40px;
	line-height:0.8em;
	margin-top:19px
}
#quickQuote #selectedSkip span {
	color:#666;
	font-size:11px
}
#quickQuote #skipPrice {
	float:right;
	background:url(/images/quickQuotePrice.png);
	width:140px;
	height:55px;
	font-size:1.6em;
	font-weight:bold;
	color:#000;
	line-height:30px;
	text-align:center;
	position:absolute;
	top:30px;
	right:16px
}
#quickQuote #skipPriceVAT {
	position:absolute;
	right:16px;
	text-align:center;
	top:60px;
	width:140px
}
#quickQuote #skipSelect {
	margin:3px 0 0 3px
}

#skipSelect li,
#left #skipSelect li {
	position:relative;
	width:92px;
	height:59px;
	background:url(/images/skips.png);
	float:left;
	margin:0 2px 2px 0;
	color:#666;
	padding:0
}
#skipSelect .skip_6CuYardsBuildersSkips,
#left #skipSelect .skip_6CuYardsBuildersSkips {
	background-position:0 -59px
}
#skipSelect .skip_8CuYardsBuildersSkips,
#left #skipSelect .skip_8CuYardsBuildersSkips,
#skipSelect .skip_10CuYardsBuildersSkips,
#left #skipSelect .skip_10CuYardsBuildersSkips {
	background-position:0 -118px
}
#skipSelect .skip_20CuYardsRollonoffcontainer,
#left #skipSelect .skip_20CuYardsRollonoffcontainer,
#skipSelect .skip_40CuYardsRollonoffcontainer,
#left #skipSelect .skip_40CuYardsRollonoffcontainer {
	background-position:0 -177px
}
#skipSelect .skip_GrabandTipLorry,
#left #skipSelect .skip_GrabandTipLorry {
	background-position:0 -236px
}
#skipSelect .skip_help {
	background-position:0 -295px;
	width:175px;
	height:53px;
	padding:3px 6px;
	margin:0
}
#skipSelect label,
#left #skipSelect label {
	position:absolute;
	width:88px;
	height:58px;
	padding:1px 0 0 4px;
	cursor:pointer;
	font-weight:normal
}
#skipSelect input,
#left #skipSelect input {
	position:absolute;
	width:auto;
	bottom:4px;
	right:4px
}

#left {
	float:left;
	width:610px;
}

#left p,
#left li {
	font-size:1.1em;
	color:#666;
	margin-bottom:10px;
	text-align:justify
}
#left ul {
	margin-bottom:10px;
}
#left li {
	text-align:left;
	background:url(/images/bullet.gif) 0 center no-repeat;
	padding-left:18px;
	margin:0
}
#left label,
#left .label {
	font-weight:bold
}
#left .label {
	display:block
}
#left input {
	width:300px
}

#left .line {
	border-top:1px solid #e9e9e9;
	margin-top:10px;
	padding-top:10px
}

#main .button {
	background:url(/images/button.png);
	height:21px;
	width:116px;
	line-height:5px;
	text-align:left;
	border:0;
	padding:0 0 3px 5px;
	cursor:pointer;
	font-weight:bold;
	font-size:1.1em;
	vertical-align:middle;
	color:#FFF
}
#main a.button {
	display:inline-block;
	padding:0 0 0 6px;;
	width:110px;
	line-height:19px
}

#main .auto {
	width:auto;
	height:auto;
	vertical-align:top
}

#right {
	float:right
}

#right .block {
	background:url(/images/rightBlock.png);
	width:183px;
	height:76px;
	margin-bottom:6px;
	position:relative
}
#right .block h6 {
	position:absolute;
	top:8px;
	left:78px;
	width:95px;
	font-size:1.1em;
	color:#FFF
}
#right .block img {
	position:absolute;
	top:8px;
	left:8px;
	border:1px solid #81b45c
}
#right .block a {
	position:absolute;
	width:99px;
	height:27px;
	color:#FFF;
	padding:49px 0 0 84px
}

#footer {
	height:8px
}
#footer li {
	float:left;
	color:#ccc
}
#footer a {
	color:#ccc
}
#footer a:hover {
	text-decoration:underline
}
#footer span {
	color:#febd09
}
#footer .right {
	float:right
}

#gallery li {
	background:url(/images/gallery.png);
	padding:0;
	margin-right:10px;
	margin-bottom:10px;
	float:left
}

#gallery a {
	display:block;
	height:142px;
	width:120px;
	text-align:center;
	padding:6px;
}

#areas {
	background:url(/images/areas.png);
	height:19px
}
#areas p {
	float:left;
	font-size:1.1em;
	font-weight:bold;
	color:#333;
	padding-left:5px;
	width:95px;
	line-height:18px
}
#areas marquee {
	float:right;
	padding-right:5px;
	width:685px;
	color:#666;
	font-size:1.1em;
	line-height:18px
}

#terms {
	height:200px;
	font-family:"Courier New", Courier, monospace;
	overflow:auto;
	border:1px solid #E9E9E9;
	margin-bottom:10px;
	padding:5px
}

#costing {
	width:100%;
	border-collapse:collapse;
	margin-bottom:10px
}
#costing td {
	font-size:1.2em;
	padding:2px
}

.box {
	margin-bottom:10px
}

.box h2 {
	background:url(/images/box.png) 0 -2px no-repeat #f1f1f1;
	height:27px;
	color:#333;
	margin:0;
	font-weight:normal;
	padding:0 8px;
	line-height:25px
}
.box .body {
	border:solid #e9e9e9;
	border-width:0 1px;
	padding:12px 5px 10px 5px
}
.box .footer {
	height:2px;
	background:url(/images/box.png)
}

.clear {
	clear:both
}

.bold {
	font-weight:bold
}

.error {
	color:#C00;
	font-weight:bold;
	margin-left:10px
}

.question {
	font-weight:bold;
	font-size:1.2em
}