/*

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

*/

h2 { color: #000; text-transform:uppercase}
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;
}
#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", Arial ; font-size: 20px; }

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


a {text-decoration: underline; color: #00467F}

#menu li a:hover { color: #00467F; }
#menu li a.active { color: #00467F; }
#mobile-link {color: #00467F; }

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

#Search {color: #00467F; }


/***************************************************************/
.bld {font-family: "ITCFranklinGothicW01-Dm 812668" }

ul.prod{ list-style-type: none; margin: 0px ; padding: 0px  0 20px 0; margin-left: 20px;}
ul.prod li { background-image: url(/images/bullet-blue.png); background-repeat: no-repeat; background-position: left 8px; padding: 3px 0 3px 20px; color:#008348; }

ul.delivery{ float:left; width:250px; margin: 0px ; padding: 0px  0 0px 20px;}
ul.delivery li { list-style-image: url('/images/earthco/bullet-darkblue.png'); padding: 8px 0 8px 0px; }


ul.prod li a {
	color: #008348;
	font-family: "ITCFranklinGothicW01-Bk 812647", Arial, Helvetica, sans-serif;
	text-decoration:none;
}

a.greenbold {
	color: #008348;
	font-family: "ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.darkblue {
color:#03467e;
}
span.colour3 {
	color:#00467F;
}
span.green{
	color: #008348;
}
span.blue {
color:#03467e;
}

p {
	margin-top:5px;
}
h1 {
	color:#008652;
}
h2 {
	color:#03467e;
	padding-top:0px;
	margin-bottom:0px;
	}
	h2 sup {
		vertical-align: top; font-size: 0.6em;
	}
h4 {
	color:#008652;
	padding-top:0px;
	margin-bottom:0px;

}
div.map h4 {
	color:#008652;
	font-size:20px;
	padding-top:6px;
	margin-bottom:0px;
}
img.borderblue3 {
	border:3px solid #03467e;
}
span.colour1 {
	color:#008652;
}
div.submenu {
	background-color:#008652;
}
table.submenu {
	background-color:#008652;
}
div.newsdiv p {
	float:right;
	width:485px;
}
div.newsdiv h2 {
	margin-top:28px;
}
div.newsdiv img {
float:left;
clear:both;
margin:10px 0px 0px 0px;
max-width: 124px;
}
ul.stddrk{ list-style-type: none; margin: 0px; padding: 0px 0px 0px 2px ; margin-left: 45px;}
ul.stddrk li { list-style-image: url('/images/earthco/bullet-darkblue.png'); padding: 3px 0 3px 10px; }

ul.stddrk li a {
	color: #008348;
	text-decoration:none;
}
ul.stddrk li a:hover {
	color: #03467e;
}

.inlinepic { float:left; clear:both; margin:6px 20px 0px 0px; }

div.fullwidth {
	width:635px;
}
div.greendivider {
	float:left;
	clear:both;
	width:635px;
	height:2px;
	border-top:1px solid #008348;
}

div.gloss {
	margin-top:38px;
}
div.diyQ {
	padding-top:14px;
}
div.diyQ a{
	text-decoration:none;
}
div.diyQ a:hover{
	color:#008652;
}


div.gloss p.pleft {
	float:left;
}
div.gloss p.pright {
	float:right;
	width:485px;
}

div.ex {
	font-size:14px;
	width:610px;
}

div.ex input {
	 border: 1px solid #ccc;
	 padding: 5px 5px;
	  -moz-box-shadow:inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
	  -webkit-box-shadow:inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
	  box-shadow:inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
}


textarea {
	 border: 1px solid #ccc;
	 padding: 5px 5px;
	  -moz-box-shadow:inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
	  -webkit-box-shadow:inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
	  box-shadow:inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
}​

​


.exleftthird {float:left; width:230px;}

.exrighttwothird{float:right; width:320px;}

.txtfld220 {
	width:220px;
	margin:0px;
	padding:0px;
}
.txtfld320 {
	width:320px;
}
.exfull {
	width:610px;
		margin:0px;
	padding:0px;
}

.half {
	width:280px;
		margin:0px;
	padding:0px;
}
.projectsub {
font-family:  "ITCFranklinGothicW01-Bk 812647", Arial, Helvetica, sans-serif;	font-size: 16px; text-transform:none;
}


div.slidelnkholder {
	float:left;
	width:197px;
	margin:0px 20px 30px 0px;
}

a.more { color: #008348}


table.calculator { border-collapse: collapse; width: 100%;}
table.calculator td { border: 1px solid #ccc ; padding: 4px 6px;}
table.calculator td input { width: 50px;  border: 1px solid #ccc ;}
table.calculator td:first-child { border-left: 0px solid #ccc }
table.calculator td:last-child { border-right: 0px solid #ccc }

#galleria{ width: 632px; height: 475px; }
.galleria-container { background: #cccccc;}

.bttn a{
	color:#008348;
	background-color: #fff!important; ;
	border:1px solid #008348;
	text-decoration: none;
	font-family: 'ITCFranklinGothicW01-Dm 812671' ;
	font-weight: normal;
	display:block;
	width:175px;
	text-align:center;
	margin: 0px;
	 padding: 12px 10px 10px 10px;
	 line-height: 125%;
	 font-size: 25px;
}
.bttn a:hover{

	color:#fff;
	background-color: #008348!important;
}
div.proddesc {width:600px;}

/*
#sb-body {background-color:#00467F;}
#sb-player {color:#000;}
#sb-wrapper {background-color:#008652 !important;}
#sb-wrapper {opacity:0.9}
#sb-wrapper-inner {overflow:hidden}
#sb-body {overflow:hidden;}
#sb-body-inner {overflow:hidden;}
#sb-title {height:0;}
*/

ul.subhead li { color: #000000; }
button#submitBtn{background:none;border:none;}

p.colour { color: #008652;}

/*

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: #008652; 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: 24px; 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: #008652; 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 input span, div.order-box div.row input img{ float: left; display: block; margin-right: 6px;}
div.order-box input, div.order-box select { 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;}
div.order-box select{ width:100%; }

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: #008652}
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: 250px !important; margin-right: 40px;}
#CCMonth { width: 140px}
#CCYear { width: 50px !important; }
#cards {position: relative; top: -15px}

div.order-box h2  {padding-bottom: 35px;}
div.order-box-details {float: left; width: 200px; color: #004581; font-size: 24px; font-family: "ITCFranklinGothicW01-Dm 812671"; padding-left: 10px; text-transform: uppercase;}
div.order-box-details h3 {margin-bottom:  5px;}
table.totals tr td small {font-size: 24px !important;}
table.totals {border-collapse: collapse; width: 400px; 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: #008652; }

#purchase {cursor: pointer;}

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;}
small.portal-small {text-transform: uppercase; font-family: "ITCFranklinGothicW01-Dm 812671" ; font-size: 12px; position: relative; top: -4px;}

#finalAmount { display: block;}
#totalAmount { display: block;;font-size: 1.3em}
#totalShipping { display: block;;font-size: 1.3em}
#deliveryNote {font-size: 16px;  font-family: 'ITCFranklinGothicW01-Bk 812647', Arial, Helvetica, sans-serif; color: #008652; text-transform: none;}
#deliveryNote b {font-size: 16px !important;}

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:#008652;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;color:#000;}
div.blog-results a.blog-read-more{margin-top:7px;width:150px;padding:10px;display:inline;background-color:#008652;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 #008652;}
div.blog-results div.all-blog p.author-date{color:#008652;}

div.read-more-btn a{float:left;}
div.read-more-btn div{float:right;padding-top:10px;}

#btn-order-soil { width:637px;padding:10px 0;text-align:center;text-decoration:none;background:#008652;display:block;color:#fff; }
div.box-lessmess { margin-left: -10px; }

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

	#mainbody { padding-top: 30px}

	#btn-order-soil { display: block; max-width: 94%; margin: 5px auto;}
	div.box-lessmes { display: block; margin: 50px auto 50px; }
	div.box-lessmes a { display: block; margin: 0 auto 30px; border: 0; }
	div.cont180 br { display: none}
	div.sidebar_sep { display: none}
	#img-landscape-ontario { display: block; margin: 0 auto}
	#logo20yrs { display: none!important}

	#boxes li { width: 25%;}

	h2.category-footer { text-align: center!important; display: block!important}
	h2.category-footer + a.greenbold { text-align: center!important; display: block!important}

		div.gloss p.pleft { float: none!important;  text-align: center!important; display: block!important; width: 100%!important;}
		div.gloss p.pright { float: none!important;  text-align: center!important; display: block!important; width: 100%!important;}

}

@media only screen and (max-width: 768px) {
	#mobilelogo { background: url(/images/logo-earthco-white.svg) no-repeat center center; background-size: contain;}
	#header, ul.menu { background-color: #008652;}
}

@media only screen and (max-width: 767px) {
	#boxes li { width: 50%;}
	#boxes li:nth-child(even) { border: 0 }
}