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

/*************************************
*
* Nav
*
*************************************/

.livingintoronto .nav_garbageandrecycle { 
	background:url(/garbage/assets/images/nav_garbageandrecycling.gif) no-repeat 0px 0px;
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

/*************************************
*
* Headings
*
*************************************/

.heading_wewantit { 
	background: url(/target70/images/wewantit.gif) no-repeat 0px 0px;
	padding-top: 90px;
	width: 393px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.heading_hompage_wewantit { 
	background: url(/garbage/images/wewantit393.gif) no-repeat 0px 0px;
	padding-top: 71px;
	width: 402px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.heading_hompage_wewantit393 { 
	background: url(/garbage/images/wewantit393.gif) no-repeat 0px 0px;
	padding-top: 60px;
	width: 393px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.heading_hompage_wewantit407 { 
	background: url(/garbage/images/wewantit407.gif) no-repeat 0px 0px;
	padding-top: 54px;
	width: 407px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

/*************************************
*
* Banner
*
*************************************/

.banner_wastewizard { 
	background: url(/garbage/images/wastewizardbanner.gif) no-repeat 0px 0px;
	cursor: pointer; 
	padding-top: 57px;
	width: 395px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.banner_wastewizard_garbage { 
	background: url(/garbage/images/wastewizardbanner_garbage.gif) no-repeat 0px 0px;
	cursor: pointer; 
	padding-top: 57px;
	width: 395px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.banner_wastewizard_recycle { 
	background: url(/garbage/images/wastewizardbanner_recycle.gif) no-repeat 0px 0px;
	cursor: pointer; 
	padding-top: 57px;
	width: 395px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.banner_wastewizard_greenbin407 { 
	background: url(/garbage/images/wastewizard_banner_green407.gif) no-repeat 0px 0px;
	cursor: pointer; 
	padding-top: 57px;
	width: 407px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.banner_wastewizard_bluebin407 { 
	background: url(/garbage/images/wastewizard_banner_blue407.gif) no-repeat 0px 0px;
	cursor: pointer; 
	padding-top: 57px;
	width: 407px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.banner_wastewizard_animation { 
	background: url(/garbage/images/wastewizardbanner_animation.gif) no-repeat 0px 0px;
	cursor: pointer; 
	padding-top: 57px;
	width: 395px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

/*************************************
*
* What goes in the green bin?
*
*************************************/

.banner_greenbin {
	background:#379f3b;
	border:solid 1px #007836;
	margin-bottom:5px; 
	padding:4px !important; 
	vertical-align:middle;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color:#FFF;
}

.banner_bluebin {
	background:#0060ad;
	border:solid 1px #005595;
	margin-bottom:5px; 
	padding:4px !important; 
	vertical-align:middle;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color:#FFF;
}

.banner_greenbin a, .banner_bluebin a {
	color:#FFF;
}

.banner_greenbin ul li, .banner_bluebin ul li {
	background:transparent url(/garbage/images/nav_whitebullet.gif) no-repeat  2px 2px !important;
	clear:both;
}

.greenbin_yes, .bluebin_yes { 
	background: url(/garbage/images/greenbin_yes.gif) no-repeat 0px 0px;
	padding-top: 36px;
	width: 83px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.greenbin_no, .bluebin_no { 
	background: url(/garbage/images/greenbin_no.gif) no-repeat 0px 0px;
	padding-top: 36px;
	width: 83px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}







/*************************************
*
* Bins page styles
*
*************************************/

#bins h3 {
	margin-bottom:.5em !important;
}

#bins li p, #bins li h4 {
	font:1em Arial, Helvetica, sans-serif;
	line-height:1.5em;
	margin-left:110px;
}

#bins li h4 {
	font-weight:bold;
}

#bins li {
	margin-left:-15px !important;
	height:74px;
	
}

#bins .newgarbage {
	background:transparent url(/garbage/images/newgarbage.jpg) no-repeat 0px 2px !important;
	
}

#bins .citybins_new {
	background:transparent url(/garbage/images/citybins_new.jpg) no-repeat 0px 2px !important;
	
}

#bins .green_bin_order_new {
	background:transparent url(/garbage/images/green_bin_order_new.jpg) no-repeat 0px 2px !important;
	
}

#bins .addgarbage_new {
	background:transparent url(/garbage/images/addgarbage.jpg) no-repeat 0px 2px !important;
	
}

#bins .exgarbage_new {
	background:transparent url(/garbage/images/exgarbage.jpg) no-repeat 0px 2px !important;
	
}


#bins .newrecycling {
	background:transparent url(/garbage/images/newrecycling.jpg) no-repeat 0px 2px !important;
	
}

#bins .additional_recycling_bin {
	background:transparent url(/garbage/images/addrecycling.jpg) no-repeat 0px 2px !important;
	
}

#bins .exrecycling_new {
	background:transparent url(/garbage/images/exrecycling.jpg) no-repeat 0px 2px !important;
	
}

#bins .binrepair_new {
	background:transparent url(/garbage/images/binrepair.jpg) no-repeat 0px 2px !important;
	
}

#bins .green_binrepair_new {
	background:transparent url(/garbage/images/green_binrepair_new.jpg) no-repeat 0px 2px !important;
	
}

#bins .greenbincontainers {
	background:transparent url(/garbage/single/images/green_binrepair_new.jpg) no-repeat 0px 2px !important;
	
}

#bins .greenbincontainers_faqs {
	background:transparent url(/garbage/single/images/greenbincontainers_faqs.jpg) no-repeat 0px 2px !important;
	
}

#bins .greenbincontainers_pickup {
	background:transparent url(/garbage/single/images/greenbincontainers_pick-up.jpg) no-repeat 0px 2px !important;
	
}

#bins .garbagesizes {
	background:transparent url(/garbage/single/images/garbagesizes.jpg) no-repeat 0px 2px !important;
	
}

#bins .recyclesizes {
	background:transparent url(/garbage/single/images/recyclesizes.jpg) no-repeat 0px 2px !important;
	
}

#bins .binfaqs {
	background:transparent url(/garbage/single/images/binfaqs.jpg) no-repeat 0px 2px !important;
	
}

#bins .garbagerecyclingbins {
	background:transparent url(/garbage/single/images/garbagerecyclingbins.jpg) no-repeat 0px 2px !important;
	
}

/*************************************
*
* Drop-off Depot styles
*
*************************************/

.livingintoronto .checkmark { 
	background: url(/garbage/images/checkmark_blue.gif) no-repeat 0px 0px;
	padding-top: 20px;
	width: 20px;
	height: 0 !important;
    overflow: hidden;
    margin: 0 0 0 25px !important;
    text-decoration: none;
	display:block;
}

.livingintoronto .x { 
	background: url(/garbage/images/x_blue.gif) no-repeat 0px 0px;
	padding-top: 20px;
	width: 20px;
	height: 0 !important;
    overflow: hidden;
    margin: 0 0 0 25px !important;
    text-decoration: none;
	display:block;
}

.depot_description {
	float:left;
	width:500px !important;
}

.depot_map {
	float:right; 
	width:239px; 
	height:350px; 
	margin:5px 0 9px 8px; 
	border:#CCC solid 1px;
}

.depot_main_columb1 {
	float:left; 
	width:239px; 
	margin:5px 0 9px 8px; 
}

.depot_main_columb2 {
	float:right; 
	width:485px;
	height:525px;
	margin:5px 0 9px 8px;
	border:solid #CCC 1px;
}

.depot_main_columb3 {
	float:left; 
	width:350px; 
	margin:5px 0 9px 8px;
	padding:8px;
	
}

.depot_main_columb4 {
	float:right; 
	width:350px; 
	margin:5px 0 9px 8px;
	padding:8px 8px 8px 18px;
	border-left:dashed #CCC 1px;
}

/*************************************
*
* Pick-up location styles
*
*************************************/

.pick-up_greenbincontainer { 
	background: url(/garbage/images/pickup-greenbincontainer.gif) no-repeat 0px 0px;
	padding-top: 55px;
	width: 67px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.pick-up_greenbincontainercompost { 
	background: url(/garbage/images/pickup-greenbincontainercompost.gif) no-repeat 0px 0px;
	padding-top: 55px;
	width: 104px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.pick-up_width200 {
	width:200px !important;
}

/*************************************
*
* About button styles
*
*************************************/

.livingintoronto .btn_transferdisposal { 
	background: url(/garbage/images/about_btn_processing-and-resource-management.gif) no-repeat 0px 0px;  
	cursor: pointer; 
	padding-top: 123px;
	width: 76px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.livingintoronto .btn_transferdisposal:hover { 
	background-position:left bottom;
}

.livingintoronto .btn_collections { 
	background: url(/garbage/images/about_btn_collections.gif) no-repeat 0px 0px;  
	cursor: pointer; 
	padding-top: 123px;
	width: 71px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 24px 0 12px !important;
    text-decoration: none;
	display:block;
}

.livingintoronto .btn_collections:hover { 
	background-position:left bottom;
}

.livingintoronto .btn_infrasturcture { 
	background: url(/garbage/images/about_btn_infrasturcture.gif) no-repeat 0px 0px;  
	cursor: pointer; 
	padding-top: 123px;
	width: 82px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 22px 0 0 !important;
    text-decoration: none;
	display:block;
}

.livingintoronto .btn_infrasturcture:hover { 
	background-position:left bottom;
}

.livingintoronto .btn_policyplanning { 
	background: url(/garbage/images/about_btn_policyplanning.gif) no-repeat 0px 0px;  
	cursor: pointer; 
	padding-top: 123px;
	width: 71px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 24px 0 0 !important;
    text-decoration: none;
	display:block;
}

.livingintoronto .btn_policyplanning:hover { 
	background-position:left bottom;
}

/****************************

	Collection home page 

*****************************/

.cot-onequarter, .cot-threequaters {
	float:left;
	padding:0px;
}

.cot-onequarter {
	width:188px;
	overflow:hidden;/* 16em - margin */
}

.cot-threequaters {
	width:558px;
	overflow:hidden;/* 16em - margin */
}

.curbside_services {
	padding:0 !important;
	width:185px;
	overflow:hidden;
	float:left;
}


/****************************

	Litter

*****************************/

.livingintoronto .clean_toronto_together { 
	background: url(/garbage/images/cleantorontotogether_logo.gif) no-repeat 0px 0px;   
	padding-top: 98px;
	width: 199px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 24px 0 0 !important;
    text-decoration: none;
	display:block;
}