div.sidebar_sep {border-bottom: 1px solid #CCCECF}

.home #header{
	background: #fff;
}

.home #header	 ul.menu>li a{
			 color:#000;
}
.home #header	 ul.menu>li a:hover{
				 color:#808184;
}


.home #header	.social a{
		color:#808184;
}

#header  { height: 55px}
#boxes { margin-left: 10px}
#boxes li { padding: 0px 24px; width: 181px; }
#boxes li:last-child { padding-right: 0px; border-right: 0px;}
#boxes li:first-child { padding-left: 0px; border-left: 0px;}
#boxes li div {width: 100%; text-align: left; font-size: 13px; float: left;}
#boxes li div h5 { color: #00467F; padding: 17px 0px 0px; margin: 0px; font-weight: normal; font-family: "ITCFranklinGothicW01-Dm 812671" ; font-size: 20px; }

#footer { width: 100%; }
#footer-left {  margin: 0px; padding: 0px; float: left; }
#footer-right {float: right; width: 480px; text-align: right; margin-top: 60px;}
#footer-menu { list-style-type: none; margin: 0px; padding: 0px; float: left; max-width: 300px; }
#footer-menu li { padding: 0px 3px; }
#footer-social {text-align: right; float: left;}
#disclaimer {font-family: "ITCFranklinGothicW01-Bk 812656"; font-size: 11px; color: #808285;  text-align: left; float: left;width: 100%;}


h1 { color: #193e70; font-size:80px; }
h2 { color: #00467F; }
h2.colour { color: #193e70; }
h1.colour { color: #00467F; }
a { color: #00467F; }
a.more { color: #193e70; }
h2 a  {color: #193e70; text-decoration: underline;}

span.colour1 { color: #193e70; }
span.colour2 { color: #00467F; }


#rightcol { position: relative; top: -40px;}

div.submenu { background-color: #193e70;  }
table.submenu {background-color: #193e70; }

ul.submenu li a:hover { color: #00467F}
ul.submenu li a.active {color: #FFF}

table.products { border-collapse: collapse; width: 100%;}
table.products td { border-bottom: 1px solid #009cdb; padding: 6px 0; line-height: 150%;}
table.products tr.last td { border-bottom: 0px solid #009cdb; padding: 16px 0; }
table.products td.left { width: 50%}
table.products td.left2 { width: 50%}

div.map {float: left; width: 330px; text-align: left; line-height: 125%; margin: 0 0 40px 0}
div.map h4 {
	color:#193e70;
	font-size:20px;
	padding-top:6px;
	margin-bottom:0px;}

#Search {background-image: url(/images/dragwaste/bg-search.png);  color: #193e70;}
#mobile-link { color: #193e70;}
ul.menu li a:hover { color: #193e70; }
ul.menu li a.active { color: #193e70; }
#mobile-link {color: #193e70; }

span.highlight {color: #193e70; }
div.highlight { color: #193e70; }
input.sidebar { color: #193e70; }
ul.media-nav li a:hover { color: #193e70; }
ul.media-nav li a.active { color: #193e70;  }
#search-results a { color:#193e70; }

ul.std li { background-image: url(/images/dragwaste/bullet.png); }

table.redblue {border-collapse: collapse;}
table.redblue td { width: 50%; padding: 15px; border: 1px solid #ccc; vertical-align: top;}
table.redblue td ul.std { margin-top: 10px}
table.redblue td ul.std li { color: #808285;}
table.redblue td.red { color: #193e70}
table.redblue td.red ul.std li  { background-image: url(/images/dragwaste/bullet2.png);  }
table.redblue td.blue { color: #00467F}



ul.subhead li { color: #00467F; }

/*

font-family: "ITCFranklinGothicW01-Bk 812647" ;//ITC Franklin Gothic™ Book
font-family: "ITCFranklinGothicW01-Bk 812650" ;//ITC Franklin Gothic™ Compressed Book
font-family: "ITCFranklinGothicW01-Dm 812677" ;//ITC Franklin Gothic™ Condensed Demi
font-family: "ITCFranklinGothicW01-Dm 812671" ;//ITC Franklin Gothic™ Compressed Demi
font-family: "ITCFranklinGothicW01-Dm 812668" ;//ITC Franklin Gothic™ Demi
font-family: "ITCFranklinGothicW01-Bk 812662" ;//ITC Franklin Gothic™ Extra Compressed Book
font-family: "ITCFranklinGothicW01-Bk 812656" ;//ITC Franklin Gothic™ Condensed Book

*/
div.clear {font-size: 0px; height: 0px; clear: both; width: 100%;}
div.order-box { width: 100%; border: 1px solid #004581; padding: 20px 30px; box-sizing: border-box; border-radius: 12px; margin-bottom: 30px; }
div.order-box h2 { color: #193e70; font-size: 24px; font-family: "ITCFranklinGothicW01-Dm 812671" ; font-weight: normal; text-transform: uppercase; margin: 0px; padding: 0px;}
div.order-box h3 { color: #004581; font-size: 18px; font-family: "ITCFranklinGothicW01-Dm 812671" ; font-weight: normal; text-transform: uppercase; margin: 0px; padding: 0px; margin-bottom: 20px;}
div.order-box span { color: #004581; font-size: 30px; font-family: "ITCFranklinGothicW01-Dm 812671" ; font-weight: normal;}
div.order-box span.small { color: #193e70; font-size: 18px; font-family: "ITCFranklinGothicW01-Dm 812671" ; font-weight: normal; }
div.order-box div.row { width: 100%; display: table-cell; vertical-align: bottom; float: left;margin-bottom: 5px;}
div.order-box div.row input { width: 100%; }
div.order-box div.half-length { width: 46%; margin-right: 4%; display: table-cell; vertical-align: bottom;}
div.order-box div.row input, div.order-box div.row span, div.order-box div.row img{ float: left; display: block; margin-right: 6px;}
div.order-box input { background-image: url(/images/dragwaste/portal/bg-input.jpg); background-size: 100% 100%; background-repeat: no-repeat; background-position: left top; border: 0px; height: 40px; box-sizing: border-box; padding: 8px; font-size: 18px; font-family: "ITCFranklinGothicW01-Dm 812671" ;  color: #959595;}

table.order-box {border-collapse: collapse; width: 100%; box-sizing: border-box}
table.order-box tr td {text-align: left; vertical-align: top; padding-bottom: 20px; color: #004581; font-size: 18px; font-family: "ITCFranklinGothicW01-Dm 812671" ; font-weight: normal; text-transform: uppercase; }
table.order-box tr td b {font-size: 24px; font-weight: normal !important; margin-top: 15px; margin-bottom: 0px;}
table.order-box tr td span {font-size: 18px; font-weight: normal !important; color: #193e70}
table.order-box tr td img.radio { margin-top: 50px;}
table.order-box tr td.r { text-align: right;}
table.order-box tr td.r img { margin-top: 44px;}
table.order-box tr td.desc { padding-top: 0px;}
table.order-box tr td.desc2 { padding-top: 40px;}
table.order-box tr td.desc ul { margin: 0px; padding: 0px; list-style-type: none; width: 100%;}
table.order-box tr td.desc ul li { margin: 0px; padding: 0px; min-width: 40%; max-width: 50%; float: left; text-align: left;}

img.radio { cursor: pointer;}
#popup-content {position: absolute; border: 1px solid #004581; padding: 20px 30px; box-sizing: border-box; border-radius: 12px; top: 0; left: 0; z-index: 40; min-width: 200px; min-height: 100px; display: none; background: #fff; }
#popup-content #popup-close {position: absolute; top: 10px; right: 10px; cursor: pointer; }

div.bin-info {width: 700px;  box-sizing: border-box;}
div.bin-info h1 { color: #004581; font-size: 58px; font-family: "ITCFranklinGothicW01-Dm 812671" ; font-weight: normal; text-transform: uppercase; margin-bottom: 0px; padding-bottom: 0px;}
div.bin-info h2 { color: #004581; font-size: 42px; font-family: "ITCFranklinGothicW01-Dm 812671" ; font-weight: normal; text-transform: uppercase; margin-top: 0px; padding-top: 0px; margin-bottom: 20px;}
div.infobox { border: 1px solid #004581; border-top-left-radius: 12px; border-top-right-radius: 12px;   padding: 0px; margin: 0px; color:#004581; font-size: 28px; font-family: "ITCFranklinGothicW01-Dm 812671" ; font-weight: normal; text-transform: uppercase; margin-bottom: 30px;}
div.infobox h3 { background-color: #004581; color:#fff; padding: 10px 20px; margin: 0px; border-top-left-radius: 12px; border-top-right-radius: 12px;   font-weight: normal; }
div.infobox div { padding: 30px 20px; display: block; margin: 0px;}

#checkout {cursor: pointer; display: none;}

.hidden { display: none;}

div.order-box .datepicker {width: 40px !important; height: 40px; background-image: url(/images/dragwaste/portal/calendar.jpg); font-size: 0px; cursor: pointer;}

#CVV { width: 260px !important; margin-right: 40px;}
#CCMonth { width: 100px !important; }
#CCYear { width: 60px !important; }
#cards {position: relative; top: -15px; width: 250px}

table.totals {border-collapse: collapse; width: 200px; box-sizing: border-box; float: right;}
table.totals tr td {text-align: left; vertical-align: top; padding-bottom: 5px; color: #004581; font-size: 24px; font-family: "ITCFranklinGothicW01-Dm 812671" ; font-weight: normal; text-transform: uppercase; }
table.totals tr.red td {color: #193e70; }


div.select2-container {width: 50px !important;  background-image: url(/images/dragwaste/portal/bg-input.jpg); background-size: 100% 100%; border: 0px; height: 40px!important; box-sizing: border-box; }
div.select2-container span.select2-chosen {padding: 8px; font-size: 18px !important; font-family: "ITCFranklinGothicW01-Dm 812671" !important ;  color: #959595 !important;}
#commercial-message {display: none;}

#skip, #purchase, #check-code, #checkout, .bttn {cursor: pointer;}

div.blogs{margin-top:25px;}
div.blogs div.blog-item{display:inline-block;width:23.5%;box-sizing:border-box;margin-right:3px;font-size:14px;}
div.blogs div.blog-item div.blog-image{width:100%;}
div.blogs div.blog-item div.blog-image img{width:100%}
div.blogs div.blog-item p{margin:15px 5px;text-align:justify;line-height:140%;}
div.blogs div.blog-item a{margin:5px;}

div.blog-results div.blog-image{background-size:cover;background-position:center center;width:auto;position:relative;}
div.blog-results div.blog-image img{position:relative;z-index:98;}
div.blog-results div.blog-image div.blog-date{position:absolute;bottom:0;left:0;display:block;background-color:#193e70;z-index:99;padding:10px;}
div.blog-results div.blog-image div.blog-date h1{line-height:75%;font-size:75px;color:#fff;font-family:"ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;margin:0;padding:0;}
div.blog-results div.blog-image div.blog-date h2{line-height:100%;text-align:center;color:#fff;font-family:"ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;margin:0;padding:0;}
div.blog-results h2{margin:7px 0;}
div.blog-results a.blog-read-more{margin-top:7px;width:150px;padding:10px;display:inline;background-color:#193e70;color:#fff;font-family:"ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;text-decoration:none;}
div.blog-results div.all-blog{padding:20px 0 10px;border-bottom:1px solid #193e70;}
div.blog-results div.all-blog p.author-date{color:#193e70;}


div.contact-info{}
div.contact-info div.row{padding:3px 0;}
div.contact-info div.label{float:left;width:175px;}
div.contact-info div.value{float:left;width:300px;}
div.contact-info div.clear{clear:both;}

div.all-news p { width: 100%}

#btn-order-waste { width:637px;padding:10px 0;text-align:center;text-decoration:none;background:#193e70;display:block;color:#fff;font-family: "ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;}
div.cont-acceptable-stuff { width: 675px;}


@media only screen and (max-width: 940px) {

	#mainbody { padding-top: 30px}
	#boxes { margin: 0 auto;}
	#boxes li { width: 25%;}


	#btn-playvideo { margin-top: 50px; display: block;}
	div.news-short span.colour1 { display: block	}

	#btn-order-waste	 { display: block; max-width: 94%; margin: 5px auto;}

	#img-leed { margin: 0 auto!important; display: block}

	div.cont-acceptable-stuff  { width: 100%; display: block; font-size: 0;}
	div.cont-acceptable-stuff  ul.std { width: 50%!important; display: inline-block!important; float: none!important; vertical-align: top; font-size: 16px; margin: 0 auto !important; padding: 0 10px}

	ol { text-align: center;}
	ol li { text-align: center;}
}

@media only screen and (max-width: 768px) {
	#mobilelogo { background: url(/images/logo-draglam-waste-white.svg) no-repeat center center; background-size: contain;}
	#header, ul.menu { background-color: #193e70;}
	div.cont180  { border-top: 1px solid #eee; padding-top: 50px; }
	div.cont180 br { display: none}
	div.sidebar_sep { display: none}

	div.socialbox { border-top: 1px solid #eee; padding-top: 50px}



}

@media only screen and (max-width: 767px) {
	#boxes li { width: 50%;}
	#boxes li:nth-child(even) { border: 0 }
	#popup-content { width: 100%; border-radius: 0; max-width: 100%; left: 0!important; background: #fff; }
	div.fancybox-inner div { max-width: 100%!important}
}

@media only screen and (max-width: 600px) {
	#boxes { margin-top: 0}
	#boxes li:last-child { margin-bottom: 0}

	table.redblue td ul.std { margin: 0}

	table.redblue { display: block; width: 100%; border-bottom: 1px solid #ccc}
	table.redblue tbody { display: block; width: 100%; }
	table.redblue tr { display: block; width: 100%; }
	table.redblue td { display: block; width: 100%; border-bottom: 0; text-align: center;}
	table.redblue td b { display: block; width: 100%;}

	div.order-box { padding: 20px 10px}

	div.order-box span { font-size: 20px;}
	div.order-box div.row { display: block; float: none; width: 100%; text-align: center}
	div.order-box div.row input, div.order-box div.row span, div.order-box div.row img { float: none}
	#PostalCode { margin: 10px auto!important}
	#check-code  { margin: 10px auto!important}
	div.order-box h3 { text-align: center;}
	div.order-box div.row img { display: inline-block; vertical-align: top;}
	div.order-box div.row span  { display: inline-block; line-height: 40px; vertical-align: top;}

	table.order-box tr { display: block; text-align: center; padding-bottom: 50px}
	table.order-box tr td  { display: inline-block; width: 60px; vertical-align: middle}
	table.order-box tr td img.radio { margin-top: 0}
	table.order-box tr td:nth-child(2) { width: 155px}
	table.order-box tr td.desc { display: block; width: 100%; text-align: center; }
	table.order-box.bin-table tr td:nth-child(2) { width: calc(100% - 60px)}

	table.order-box tr td.desc2 { display: inline-block; width: calc(100% - 60px); text-align: center; vertical-align: top}
	table.order-box tr td.desc2 { padding-top: 0px}
	table.order-box tr td:nth-child(4) { width: 60px; vertical-align: top}
	table.order-box tr td.r img { margin-top: 0}


	table.order-box tr td.desc ul { display: block; width: 100%; text-align: center; font-size: 0px; margin: 0px auto 20px!important}
	table.order-box tr td.desc ul li { float: none; display: block; vertical-align: top; width: 100%; font-size: 18px; text-align: center;  max-width: 100%;}

	div.bin-info { max-width: 100%;}
	div.infobox { font-size: 18px; max-width: 100%;}

	#DeliveryDate, #PickupDate,  #datepicker, #datepicker2 { display: inline-block; vertical-align: middle}

	#CASL { width: 24px!important; height: 24px!important}

	#cards { top: 0; margin-top: 10px}
}

@media only screen and (max-width: 437px) {

	div.cont-acceptable-stuff  ul.std { width: 100%!important; display: block!important; }
	div.cont-acceptable-stuff  ul.std:first-child li:last-child { border-bottom: 1px solid #eee}

}