@charset "UTF-8";
/* CSS Document */

/*
COLOURS:
dark blue: #0d1850;
green: #adcb2a;
lighter blue: #222f73;

faded back blue: #8a8ca2;

*/

@font-face {
	font-family: 'DINMedium';
	src: url('fonts/dinmedium.eot');
	src: local('DIN-Medium'), local('DIN'),  url('fonts/dinmedium.woff') format('woff'), url('fonts/dinmedium.ttf') format('truetype');
}

@font-face {
	font-family: 'DINBold';
	src: url('fonts/dinbold.eot');
	src: local('DIN-Bold'), local('DIN'),  url('fonts/dinbold.woff') format('woff'), url('fonts/dinbold.ttf') format('truetype');
}

body {
	background:#08103b url(../images/global/bg.png) no-repeat bottom left fixed;
}
.wrap {
	width:941px;
	margin:0 auto;
}


/*------------------ HEADER ------------------*/
.header {
	height:95px;
	background:url(../images/global/header-bg.png) no-repeat top right;
	position:relative;
}
#logo {
	height:55px;
	width:202px;
	background:url(../images/global/logo.png) no-repeat;
	position:absolute;
	top:20px;
	right:0;
}
#logo a {
	display:block;
	text-indent:-5000px;
}
.header h4 {
	font-family:'DINMedium', Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-top:28px;
	float:left;
	font-size:14px;
}
.header h3 {
	font-size:26px;
	clear:both;
	float:left;
	margin:0;
}
.banner {
	height:245px;
	position:relative;
	border-bottom:6px solid #222f73;
	margin-bottom:22px;
}

#banner-container{
	margin-bottom:15px;
}

.no-banner-nav {
	background-color: #141f59;
	position:relative;
	/*border-bottom:6px solid #222f73;*/
	height:31px;
}

/*------------------ BANNERS ------------------*/

.skips{
	background-image:url(../images/banners/skips/open.jpg);
	}
	
.recycling{
	background-image:url(../images/banners/recycling/cardboard.jpg);
	}
	
.green-waste{
	background-image:url(../images/banners/processing/green-waste.jpg);
	}

.waste-skip{
	background-image:url(../images/banners/skips/open.jpg);
	}
	
.waste-roro{
	background-image:url(../images/banners/waste/roro.jpg);
	}
	
.waste-collection{
	background-image:url(../images/banners/waste/empty.jpg);
	}
	
.waste-van{
	background-image:url(../images/banners/global/compactor.jpg);
	}
	
.processing-wood{
	background-image:url(../images/banners/processing/wood-waste.jpg);
	}
	
	.processing-cardboard{
	background-image:url(../images/banners/processing/cardboard.jpg);
	}
	
.processing-area{
	background-image:url(../images/banners/global/processing.jpg);
	}	
	
.skip-van{
	background-image:url(../images/banners/global/skip.jpg);
	}

.topsoil{
	background-image:url(../images/banners/global/holding-topsoil.jpg);
	}
	
.sorter{
	background-image:url(../images/banners/global/sorter.jpg);
	}
	
.fel{
	background-image:url(../images/banners/global/fel.jpg);
	}
	
	
/*------------ NAV ------------*/
.nav-bg {
	width:100%;
	background-color:#0d1850;
	opacity: 0.75; /* standard: ff gt 1.5, opera, safari */
	-khtml-opacity: .75; /* safari 1.x */
	filter: alpha(opacity=75); /* ie lt 7 */
	-ms-filter: "alpha(opacity=75)"; /* ie 8 */
	height:31px;
	top:0px;
	z-index:5;
	position:absolute;
}
.pri-nav {
	font-family:'DINMedium', Arial, Helvetica, sans-serif;
	font-size:13px;
	text-transform:uppercase;
	height:31px;
	line-height:31px;
	padding-left:20px;
	top:0px;
	position:absolute;
	z-index:10;
	margin:0;
}
.pri-nav li {
	display:inline;
	float:left;
	margin: 0 20px 0 0;
}
.pri-nav li a, .pri-nav li a:link, .pri-nav li a:visited {
	color:#fff;
}
.pri-nav li a:hover, .pri-nav li a:focus, .pri-nav li a:active, .pri-nav li a.selected {
	color:#adcb2a;
}

.sec-nav li{
	
	}

/*------------------ HOME ------------------*/

.col1 {
	width:305px;
	margin-right:13px;
	float:left
}
.col2 {
	width:305px;
	float:left;
}
.col3 {
	width:305px;
	float:right;
}
.col1-2 {
	width:623px;
	float:left;
}

#home .vig {
	min-height:150px;
}
#home .boxed {
	min-height:140px;
}
#home p.intro {
	color:#fff;
	font-size:17px;
	font-family:'DINMedium', Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:140%;
}


/*------------------ SIDEBAR ------------------*/
.content {
	width:100%;
	overflow:hidden;
}
.sidebar {
	width:283px;
	float:left;
}
.sidebar h3 {
	font-size:18px;
	color: #adcb2a;
	padding:3px 0;
	border-bottom:1px solid #8a8ca2;
	margin-bottom:4px;
	text-transform:uppercase;
	font-weight:normal;
}
.sidebar ul {
	font-family:'DINMedium', Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-bottom:25px;
	text-transform:uppercase;
	font-weight:normal;
}
.sidebar ul li {
	margin:15px 0;
}
.sidebar ul li a, .sidebar ul li a:link, .sidebar ul li a:visited {
	color:#fff;
}
.sidebar ul li a:hover, .sidebar ul li a:focus, .sidebar ul li a:active, .sidebar ul li a.selected {
	color:#8a8ca2;
}
	

/*------------------ MAIN ------------------*/
.main {
	width:613px;
	float:right;
}
.main p.intro {
	font-family:'DINMedium', Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#adcb2a;
	font-weight:normal;
	line-height:140%;
}
.main p {
	font-weight:normal;
}
.main ul {
	list-style:disc;
	padding-left:15px;
}
p.aside {
	font-weight:normal;
	color:#8a8ca2;
}
.main .row {
	margin-bottom:20px;
	overflow:auto;
	width:100%;
}
.main .row img {
	margin-bottom:10px;
}
.main .col1 {
	float:left;
	width:295px;
}
.main .col2 {
	float:right;
	width:295px;
}
.main h2 {
	font-size:18px;
	color: #adcb2a;
	padding:3px 0;
	border-bottom:1px solid #8a8ca2;
	margin-bottom:15px;
	text-transform:capitalize;
	font-weight:normal;
}

/*------------------ VIGS ------------------*/
.vig {	
	margin-bottom:20px;
}
.vig h3 {
	color:#adcb2a;
	font-size:25px;
	border:none;
	margin-top:0px;
	margin-bottom:6px;
	line-height:110%;
}
.vig p {
	color:#fff;
	margin-bottom:4px;
}
.vig ul {
	margin-top:10px;
	font-weight:bold;
	text-transform:uppercase;
}
.vig ul li {
	margin:5px 0;
}
.vig a {
	text-transform:uppercase;
	font-weight:bold;
}
.boxed {
	background-color:#adcb2a;
	background-position:bottom right;
	background-repeat:no-repeat;
	padding:10px;
}
.boxed h3 {
	color:#fff;
	font-size:18px;
}
.boxed p {
	color:#000;
	margin-bottom:4px;
}

.blue {
	background-color:#222f73;
}
.blue h3 {
	color:#adcb2a;
}
.blue p, .blue ul {
	color:#fff;
}

#delivered.vig {
	background-image: url(../images/vigs/skip-lorry.png);
}
#delivered.vig h3, #delivered.vig p {
	width:122px;
}

#delivered.vig a{
	color:#222f73;
	}

#offer.vig {
	background-image: url(../images/vigs/builders-skip.png);
	background-position: 100% 100%;
	background-repeat: no-repeat;
	height:148px;
}
#offer.vig h3 {
	width:170px;
}
#offer.vig p {
	width:140px;
}
#recycled.vig {
	background-image:url(../images/vigs/recycled.png);
	}
	
#recycled.vig h3 {
	width:100px;
	}

#processing.vig {
	background: url(../images/vigs/garden-waste.png) top right no-repeat #222f73;
}
#processing.vig h3 {
	width:176px;
}
#processing.vig p {
	width:170px;
	font-weight:normal;
}

#areas.vig {
	background: url(../images/vigs/areas.png) top right no-repeat #adcb2a;
}
#areas.vig h3 {
	width:176px;
	margin-bottom:0px;
}
#areas.vig p {
	width:170px;
	font-weight:normal;
}

#areas.vig a{
	color:#08103b;
}


#skip-hire.vig {
	background-image: url(../images/vigs/skip.png);
}
#skip-hire.vig h3, #skip-hire.vig p  {
	width:170px;
}
#skip-hire.vig a {
	color:#000;
}

#site-waste.vig {
	background-image: url(../images/vigs/lorry.png);
}
#site-waste.vig h3, #site-waste.vig p {
	width:300px;
}
#site-waste.vig a {
	color:#000;
}

/*---- Waste Collection ----*/
#collection .boxed {
	height:125px;
}
#collection .vig a {
	color:#000;
}

#fel.vig {
	background-image: url(../images/collection/fel.png);
}
#fel.vig h3, #fel.vig p {
	width:146px;
}
#skip.vig {
	background-image: url(../images/collection/skip.png);
}
#skip.vig h3, #skip.vig p {
	width:135px;
}
#roll.vig {
	background-image: url(../images/collection/roll.png);
}
#roll.vig h3 {
	width:166px;
}
#roll.vig p {
	width: 135px;	
}
#compactor.vig {
	background-image: url(../images/collection/compactor.png);
}
#compactor.vig h3, #compactor.vig p {
	width:135px;
}
#wheelie.vig {
	background-image: url(../images/collection/wheelie.png);
}
#wheelie.vig h3, #wheelie.vig p {
	width:156px;
}
#segregation.vig {
	background-image: url(../images/collection/segregation.png);
}
#segregation.vig h3, #segregation.vig p {
	width:146px;
}

/*--------------- forms -------------------*/
.sidebar form label {
	width:80px;
	float:left;
	font-weight:normal;
}
.sidebar form input.text{
	width:194px;
	float:left;
	padding:3px;
	line-height:14px;
}
.sidebar form select {
	width:200px;
	float:left;
}
.sidebar form em {
	font-weight:normal;
	color:#8a8ca2;
	float:left;
	margin-left:80px;
}
form #submit {
	float:right;
	border:none;
	font-family:'DINMedium', Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#adcb2a;
	padding:3px 6px;
	color:#0d1850;
	cursor:pointer;
}

#contactform input.text {
	width:280px;
}
#contactform textarea {
	width:600px;
	height:200px;
}
#contactform input.submit {
	float:right;
}

.footnote{
	font-size:11px;
	font-weight:normal;
	}

.contact{
	margin-top:22px;
	}

/*------------------ NEWS --------------------*/

#news.main img {
	width:613px;
	height:274px;
	background-color:#fff;
	margin-bottom:15px;
}
ul.latest-news {
	font-family:'DINMedium', Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-bottom:20px;
	text-transform:capitalize;
	font-weight:normal;
	margin-bottom:20px;
}
ul.latest-news li {
	width:100%;
	overflow:auto;
	margin:10px 0;
}
ul.latest-news li a, ul.latest-news li a:link, ul.latest-news li a:visited {
	color:#fff;
}
ul.latest-news li a:hover, ul.latest-news li a:focus, ul.latest-news li a:active ul.latest-news li a.selected {
	color:#8a8ca2;
}
ul.latest-news li img {
	width:61px;
	height:61px;
	background-color:#fff;
}
ul.pagination {
	list-style:none;
	font-size:11px;
	border-top:1px solid #8a8ca2;
	padding-top:5px;
}
ul.pagination li {
	display:inline;
	margin:0 3px;
}
ul.pagination li a, ul.pagination li a:link, ul.pagination li a:visited {
	color:#adcb2a;
}
ul.pagination li a:hover, ul.pagination li a:focus, ul.pagination li a:active, ul.pagination li a.selected {
	color:#fff;
}



/*------------------ FOOTER ------------------*/
.footer {
	clear:both;
	margin-top:20px;
	padding-top:8px;
	border-top:1px solid #8a8ca2;
	padding-bottom:30px;
	font-size:10px;
}
.footer p {
	float:left;	
}
.footer ul {
	float:right;
	margin:0;
}
.footer ul li {
	display:inline;
	margin-right:0px;
}
.footer ul li a {
	color:#fff;
}

.credit{
	font-size:10px;
	color:#999;
	font-weight:normal;
	}
	
.credit a{
	color:#999;
	}

/* Accordion

----------------------------------*/

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; zoom: 1; margin-top:8px;}

.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }

.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em 1em .5em 1em;  }
.ui-accordion .ui-accordion-header em { display:block; float:right; text-transform:lowercase; }

.ui-accordion .ui-accordion-content {
	padding: 0 1em 1em 1em; 
	border-top: 0; 
	margin-top: -2px; 
	position: relative; 
	top: 1px;  
	overflow: auto; 
	display: none; 
	zoom: 1; 
	 background-color:#222f73;
	-webkit-border-bottom-left-radius:9px; 
	-webkit-border-bottom-right-radius:9px;
	-moz-border-radius-bottomleft:9px; 
	-moz-border-radius-bottomright:9px;
	height:140px;
}

.ui-accordion .ui-accordion-content-active { display: block; background-color:#adcb2a; }


.ui-state-default { 
	border: none; 
	background: #222f73; 
	font-weight: normal; 
	color: #8a8ca2; 
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #8a8ca2; text-decoration: none; }
.ui-state-default a strong { color: #adcb2a; }
.ui-state-default em.hide {display:none;}
.ui-state-default em.show {display:block;}

.ui-state-hover, .ui-state-focus {
	border: none; 
	color: #fff; 
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	outline:none;
	background: #222f73;
}
.ui-state-hover a, .ui-state-hover a:hover { color: #fff; text-decoration: none; }

.ui-state-active {
	border: none;
	background: #adcb2a; 
	font-weight: normal; 
	color: #fff; 
	-webkit-border-top-left-radius:9px; 
	-webkit-border-top-right-radius:9px;
	-webkit-border-bottom-left-radius:0px; 
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-topleft:9px;
	-moz-border-radius-topright: 9px;
	-moz-border-radius-bottomleft:0px; 
	-moz-border-radius-bottomright:0px;
	outline:none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none; }
.ui-state-active a strong {color:#0d1850; }
.ui-state-active em.hide {display:block;}
.ui-state-active em.show {display:none;}

#accordion hr {
	margin:0 0 1em 0;
	padding:0;
	border:0;
	border-top:1px solid #cae06c;
	border-bottom:1px solid #95b118;
	height:0;
}

#accordion h4{
	color:#0d1850;
}
#accordion ul {
	list-style:none;
}
#accordion .col1 {
	width:280px;
	float:left;
	border-right:1px solid #95b118;
}
#accordion .col2 {
	width:280px;
	float:right;
}
#accordion h3 a strong {
	font-weight:normal;
}
#accordion h3 a em {
	text-transform:uppercase;
	font-style:normal;
}

.sitemap{
	float:left;
	margin-top:20px;
	}
	
.sitemap ul li a{
	color:#FFF;
	}	
	
.sitemap ul li ul li a{
	color:#adcb2a;
	margin-left:10px;
	}