@charset "utf-8";
/* Components CSS */

/* Category Widget */
.targetDiv { display: none; }


/*****Added #rightCol so these styles do not affect the default accordion styles (Mike M edit) ******/
#rightCol dl.accordion dd > a {
    background: url("../../cpotemplate/img/en/products/vert-nav-blue-arrow.png") no-repeat scroll 90% center /*rgba(0, 0, 0, 0)*/;
    border-bottom: none;
    font-size: 14px;
    padding: 12px 15px;
	font-family: inherit;
}
#rightCol dl.accordion dd.active > a, #rightCol dl.accordion dd > a:hover {
	 background: url("../../cpotemplate/img/en/products/vert-nav-blue-arrow.png") no-repeat scroll 90% center /*rgba(0, 0, 0, 0)*/;
}
/*-----------------------------*/


/*Twitter Widget - Home Depot */

.homedepot div.twitter-widget-wrapper {
    background: none repeat scroll 0 0 #FFFFFF;    
    font-family: 'Roboto';    
	border: 1px solid #dadada;
}
.homedepot div.twitter-widget-wrapper a.twitter-widget-header {
    background: url("../../cpotemplate/img/twitter-footer.jpg") no-repeat scroll left 0 #818286;
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    line-height: 1em;
    margin: 0;
    padding: 17px 0 15px 30px;
    text-align: center;
    text-decoration: none;
    width: auto;
}
.homedepot div.twitter-widget-wrapper a.header:hover {
    text-decoration: underline;
}

.homedepot div.twitter-widget-wrapper div#twitter-widget-padding {
    padding: 0 20px 20px;
}

.homedepot div.twitter-widget-wrapper a.twitter-timeline {
    color: #6D6E72;
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
}

.homedepot div.twitter-widget-wrapper .twitter-widget-footer {
    background: none repeat scroll 0 0 #fff;
    border-top: 1px solid #dadada;
    height: 50px;
	line-height: 14px;
}

.homedepot div.twitter-widget-wrapper .twitter-bird {
    background: url("../../cpotemplate/img/sprite.png") no-repeat scroll 0 -119px rgba(0, 0, 0, 0);
    display: block;
    height: 19px;
    left: 20px;
    position: relative;
    text-indent: -99999px;
    top: 17px;
    width: 24px;
}

.homedepot div.twitter-widget-wrapper .twitter-widget-footer .twitter-footer-text {
    margin-left: 60px;
}

.homedepot div.twitter-widget-wrapper div.user {
    display: none;
}
.homedepot div.twitter-widget-wrapper p.tweet {   
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 20px 0 5px;
    padding: 0 0 0 10px;
}
.homedepot div.twitter-widget-wrapper p.tweet a {
    color: #F48221;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}
.homedepot div.twitter-widget-wrapper p.tweet a:hover {
    text-decoration: underline;
}
.homedepot div.twitter-widget-wrapper p.timePosted {
    color: #999999;
    font-family: 'Roboto';
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    line-height: 13px;
    margin: 0 0 5px;
    padding: 0 0 0 10px;
}
.homedepot a.twitter-widget-link {
	color: #f48221;
	font-size: 13px;
}

/* Twitter Widget - Generic */
.generic div.twitter-widget-wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    /*box-shadow: 0 0 3px #A0A0A0;*/
    font-family: 'Roboto';   
	border: 1px solid #dadada;
}
.generic div.twitter-widget-wrapper a.twitter-widget-header {
    background-color: #f3f3f3;
    color: #087cc0;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1em;
    margin: 0;
    padding: 15px;
    text-align: left;
    text-decoration: none;
    width: auto;
}

.generic div.twitter-widget-wrapper .twitter-widget-header {
	background: #f3f3f3;
	height:50px;
}

.generic div.twitter-widget-wrapper .twitter-widget-footer {
	background: #fff;
	height:50px;
	border-top: 1px solid #dadada;
    height: auto;
    padding-bottom: 17px;
}

.generic div.twitter-widget-wrapper .twitter-widget-header h4 {
	margin: 0;	
	position: relative;
	top: 12px;
	float: left;
	font-size: 1.3275rem;	
	width: 100px;
	padding-left: 33px;
}

.generic div.twitter-widget-wrapper .twitter-widget-header img {
	height: 45px;
	width: 45px;
	position:relative;
	top: 1px;
	left: 20px;
	float: left;
}


@media only screen and (min-width:40.063em) and (max-width:64em) { /* Medium */
	.generic div.twitter-widget-wrapper .twitter-widget-header img {
		height: 30px;
		left: 10px;
		top: 10px;
		width: 30px;
	}
	
	.generic div.twitter-widget-wrapper .twitter-widget-header h4 {
		padding-left: 20px;
		font-size: 0.85rem;
		font-weight: bold;
	}
	
	.twitter-footer-text a {
		word-wrap: break-word;	
		font-size: 0.75rem;
	}
	
	.generic div.twitter-widget-wrapper div#twitter-widget-padding {
		padding: 0 15px 15px 6px !important;
	}


}


.generic div.twitter-widget-wrapper .twitter-bird {
    background: url("../../cpotemplate/img/sprite.png") no-repeat scroll 0 -119px rgba(0, 0, 0, 0);
    height: 19px;
    left: 20px;
    position: relative;
    top: 17px;
    width: 24px;
	text-indent: -99999px;	
	display: block;	
}

.generic div.twitter-widget-wrapper a.header:hover {
    text-decoration: underline;
}

.generic div.twitter-widget-wrapper div#twitter-widget-padding {
    padding: 0 20px 20px;
}

.generic div.twitter-widget-wrapper a.twitter-timeline {
    color: #6D6E72;
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
}

.generic div.twitter-widget-wrapper .twitter-widget-footer .twitter-footer-text {
	margin-left: 60px;
}

.generic div.twitter-widget-wrapper a.twitter-widget-footer {
    background: url("../../cpotemplate/img/twitter-footer.jpg") no-repeat scroll right top #818286;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1em;
    padding: 16px 49px 17px 0;
    text-align: center;
    text-decoration: none;
}
.generic div.twitter-widget-wrapper div.user {
    display: none;
}
.generic div.twitter-widget-wrapper p.tweet {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 20px 0 5px;
    padding: 0 0 0 10px;
}
.generic div.twitter-widget-wrapper p.tweet a {
    color: #087cc0;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}
.generic div.twitter-widget-wrapper p.tweet a:hover {
    text-decoration: underline;
}
.generic div.twitter-widget-wrapper p.timePosted {
    color: #999999;
    font-family: 'Roboto';
    font-size: 13px;
    font-style: italic;
    font-weight: 300;
    line-height: 13px;
    margin: 0 0 5px;
    padding: 0 0 0 10px;
}


/* Sidebar Widget */

.textwidget h2.title {
	padding-left: 0.5rem;	
}

.side_ad_grey_border_top {
    border-top: 1px solid #dadada;
    height: 15px;    
	position: relative;
	top: 3px;
}

.side_ad_contact_image {
    background: url("../../cpotemplate/img/contact-ribbon.png") repeat-y scroll 232px center rgba(0, 0, 0, 0);
    height: 49px;
    margin-top: -5px;
    position: absolute;
    width: 300px;
}

.side_ad_grey_border {    
    padding-bottom: 2px;
}

.side_ad_left_title {
    color: #54ADCD;
    font-size: 18.5px !important;
    padding-bottom: 5px;
    padding-left: 18px;
    padding-top: 2px;
    text-align: left;
}

.side_ad_grey_border p {
    padding-left: 20px;
    padding-right: 20px;
	
}

.textwidget hr {
    border-color: #BFBFBF -moz-use-text-color;
    border-style: solid none;
    border-width: 1px medium;
    height: 4px;
    margin-bottom: 16px;
	width: 300px;	
}

.side_padding a {
	margin-left: 0.5rem;	
}

.side_ad_greytext {
    color: #575757;
	padding-left: 0.5rem;	
}

.side_ad_left {
    padding-left: 20px;
    padding-right: 20px;
}

.side_ad_left a {
	font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}

.side_ad_clear {
    clear: both;
}

.side_ad_grey_border_bottom {   
    height: 15px;
    padding-bottom: 25px;
    width: 295px;
}

/* Tag cloud */

	.tags { 
		width: 295px;
		height: 300px;
	}
	
	.tags ul{
		margin:1em 0;
		padding:.5em 10px;
		text-align:center;
		background:#71b5e9 url("../../cpotemplate/img/bg_tags.gif") repeat-x;		
		}
	.tags li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
		}
	.tags li a{
		text-decoration:none;
		color:#fff;
		padding:0 2px;	
		}
	.tags li a:hover{	
		color:#cff400;
		}		
	
	.tag1{font-size:100%;}
	.tag2{font-size:120%;}
	.tag3{font-size:140%;}
	.tag4{font-size:160%;}
	.tag5{font-size:180%;}
	
	/* alternative layout */

	.tags .alt{
		text-align:left;
		padding:0;
		background:none;
		}
	.tags .alt li{
		padding:2px 10px;
		background:#efefef;
		display:block;
		}
	.tags .alt .tag1, 
	.tags .alt .tag2, 
	.tags .alt .tag3, 
	.tags .alt .tag4, 
	.tags .alt .tag5{font-size:100%;}
	.tags .alt .tag1{background:#7cc0f4;}
	.tags .alt .tag2{background:#67abe0;}
	.tags .alt .tag3{background:#4d92c7;}
	.tags .alt .tag4{background:#3277ad;}
	.tags .alt .tag5{background:#266ca2;}
	
/* // Tag cloud */

/* Related Links Widget */

#rightCol .widget ul {list-style-type:none; margin: 0;}
#rightCol .widget ul li, .accord-cat {background:url("../../cpotemplate/img/en/products/vert-nav-blue-arrow.png") 92% 18px no-repeat; font-size: 0.875rem; font-size: 14px; font-weight: 400; padding: 0.750rem 0.938rem; padding: 12px 0; border-bottom: 1px solid #dadada;}
/*#rightCol .widget ul li ul li {border: none; padding-bottom: 0;}*/
#rightCol .widget .catLevel ul li:last-child {
    border: medium none;
}
#rightCol .widget ul li span {
	color: #8b8b8b;
    float: right;
    font-weight: 400;
    padding-right: 51px;
    vertical-align: top;
	}
	
	
	/* Small screens*/
@media only screen and (max-width: 40em) {
	#rightCol .widget ul li span {
		padding-right: 78px;
	}
	
}


/*.widget.categories ul ul li {
    margin-left: 10px;
	margin-left: 0.625rem;
}*/

/*.widget.categories ul ul:nth-child(n+2) {
    padding-left: 10px;
	padding-left: 0.625rem;
}*/

.widget.categories ul li ul { 
    position: relative;
    top: 10px;
}

.widget.categories ul li ul li:last-child {
    border: medium none !important;
}

.widget.categories a {
    color: #333;
	padding-left: 1.563rem;
	display: inline-block;
	padding-bottom: 4px;
    width: 56%;
}

.widget.categories a:active {
	color: #087cc0;
}

.widget.categories a:hover {
    color: #087cc0;
}


.widget.archive a {
    color: #333;
	padding-left: 25px;
	padding-left: 1.563rem;
}

.widget.archive a:visited {
    color: #087cc0;
}

.widget.archive a:hover {
    color: #087cc0;
}
.widget.archive a:active {
    color: #087cc0;
}

.catLevel { background: url("../../cpotemplate/img/en/products/Arrow2_Down_16x16.png") no-repeat scroll 93% 18px #eef0f2 !important; border: none !important; }
.catLevel ul {
	background: #fff;
}
.catLevel ul li a {
    margin-left: 20px;
}

.catLevel ul li a.active { 
	color: #087cc0;
}

.catLevel div#down-arrow {
    background: none repeat scroll 0 0 transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #eef0f2;
    float: left;
    height: 0;
    margin-left: 15px;
    margin-top: 10px;
    position: absolute;   
    width: 0;
    z-index: 99;
}

.st_twitter_large .stButton .stLarge {
	background: url("../../cpotemplate/img/icons/twitter_actual.png") no-repeat 2px 2px !important;
}

.st_facebook_large .stButton .stLarge {
	background: url("../../cpotemplate/img/icons/facebook_actual.png") no-repeat 6px 0!important;
}

.st_linkedin_large .stButton .stLarge {
	background: url("../../cpotemplate/img/icons/linkedin_actual.png") no-repeat 0 2px !important;
}

.st_googleplus_large .stButton .stLarge {
	background: url("../../cpotemplate/img/icons/googleplus_actual.png") no-repeat 0 3px !important;
}




/* OAO Leaderboard and Right col widgets */
/*
.oao_img {
	border: 1px solid #dadada; 
}

.oao_img_leaderboard {
	border: 1px solid #dadada;
}
*/

/*Big Box OaO (promo)*/
.bigbox {
	margin-bottom:1.875rem;
	margin-bottom:30px	
}

/*KB Footer Grey Boxes */
.relatedBoxes {
    background: none repeat scroll 0 0 #f3f3f3;
    border: 8px solid #fff;
	padding: 30px 25px 45px 25px !important;
	margin: 15px 0;
}

.relatedBoxes li a {
	color: #087cc0;
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

/* Language Toggle Modal */
#langSelectModal.reveal-modal { border-top: 5px solid #da291c; padding: 0; left: 75%; margin-left: -50%; width: 50%; }

#langSelectModal > img {
	display:block;
	margin: 3.75rem auto 1.875rem;
	margin: 60px auto 30px;
}
.ls-modalButtons {
    text-align: center;
	margin: 3.125rem 0 2.5rem 0;
	margin: 50px 0 40px 0;
}
.button.radius.buffer {
    margin-right: 2.125rem;
	margin-right: 34px;
	width: 130px;	
}
.ls-modalFooter {
    line-height: 2.500rem;
	line-height: 40px;
    background: #f5f5f5;
    padding: 0 0.625rem;
	padding: 0 10px;
    border-top: 1px solid #d9d9d9;
    font-size: 0.875rem;
	font-size: 14px;
    color: #333;
}

.ls-modalFooter > img {
	margin: 0.625rem;
	margin: 10px;
}

.ls-modalFooter .gov-canada-logo {
    float: right;
	width: 13%;
	padding: 0.625rem 0;
	padding: 10px 0;
}

@media only screen and (min-width:20em) and (max-width:29.938em) {
	.ls-modalFooter .gov-canada-logo {
    	float: none;
	}
}

@media only screen and (min-width:30em) and (max-width:47.938em) {
	.ls-modalFooter .gov-canada-logo {
    	float: right;
	}
}

@media only screen and (max-width: 47.938em) {
	#langSelectModal.reveal-modal { width: 90%; }
	dialog, .reveal-modal {
     margin: 0 5%;
	 width: 90%;
	 height: auto;
	 min-height: inherit;
}
.ls-modalButtons {
    margin: 0;
    text-align: center;
}
.ls-modalButtons a { width: 90%; }

.button.radius.buffer { margin-right: 0; }


}

/* KB Landing page */
.pcta-button {
    margin: 30px auto 0 auto;
    text-align: center;
    width: 50%;  
}

#aboutus-grey {background: #f5f5f5; padding: 50px;}
#aboutus-white {background: #fff; padding: 50px;}

.top3 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 8px solid #F3F3F3;
    min-height: 200px;
    text-align: center;   
}

.coLink {
		float:right;
		margin-right: 30px;
}

.careers2 {
    background: none repeat scroll 0 0 #f3f3f3;
    border: 8px solid #fff;
    min-height: 310px; 
	text-align:left;   
}

.careers2.c2last {
	background: #fff;
}

.santa {
    background: none repeat scroll 0 0 #fff;
    border-left: 8px solid #f3f3f3;
    min-height: 200px; 
	text-align:left;   
}

.santa .button {
    margin-bottom: 0;
}

.fbBackground {
    background: none repeat scroll 0 0 #435e9d;
    color: #FFFFFF;
    height: 150px; 
	margin-top:75px;  
	position: relative;
}

.twitterBackground {
    background: none repeat scroll 0 0 #34b6e4;
    color: #FFFFFF;
    height: 150px;
	margin-top:75px;
	position: relative;
}

.fbBackground > p, .twitterBackground > p {
    color: #fff;
    line-height: 18px;
    padding-top: 20px;
}

.fbBackground img, .twitterBackground img {
	position: absolute;
	right: 15px;
	right: 0.9375rem;
	bottom: 15px;
	bottom: 0.9375rem;
}

/*Temp for About us Entry page */
ul.categoryWidget, ul.topLinks {
    list-style-type: none;
    margin: 0;
}

ul.categoryWidget li {
    background: url("../../cpotemplate/img/pdf-icon.jpg") no-repeat scroll 90% center rgba(0, 0, 0, 0);    
    font-size: 0.875rem;
    padding: 0.75rem 0.938rem;
	border-bottom: 1px solid #E5E5E4;
}

ul.topLinks li {
    background: url("../../cpotemplate/img/pdf-icon.jpg") no-repeat scroll 40% center rgba(0, 0, 0, 0);    
    font-size: 0.875rem;
    padding: 0.3rem 0.938rem;	
}

/* Banners for the Blog list pages */

.hero-announcements {
	background-image: url("../../cpotemplate/img/en/blogs/announcements/announcementsblog_img_lg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%; 
	background-color: #878b50;
	height: 12.500rem;
	height: 200px;
	padding: 38px 0;
}

.hero-business { 
	background-image: url("../../cpotemplate/img/en/blogs/business/businessservicesblog_img.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%; 
	background-color:#291d0d;
	height: 12.500rem;
	height: 200px;
	padding: 38px 0;
}

.hero-business h1, .hero-announcements h1, .hero-business h3, .hero-announcements h3, .hero-business p, .hero-announcements p { 
	color: #fff;
}	

.hero-announcements h1 {
	margin-top: 16px;
}

.hero-collecting {
	background-image: url("../../cpotemplate/img/en/blogs/collecting/collecting_hero_actual.jpg"); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%; 
	background-color: #e9e6e1;
	height: 12.500rem;
	height: 200px;	
	padding: 38px 0;
}

.hero-consumer {
	background-image: url("../../cpotemplate/img/en/blogs/consumer/consumer_hero_lg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%; 
	background-color: #ebeef7;	 
	height: 12.500rem;
	height: 200px;	
	padding: 38px 0;	
}

.hero-collecting h1, .hero-collecting p,
.hero-consumer h1, .hero-consumer p, .hero-cancels h1, .hero-cancels p {
	color: #333;
}


.hero-support {
	background-image: url("../../cpotemplate/img/en/kb/support_hero_lg.jpg"); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%; 
	background-color: #666563;
	height: 12.500rem;
	height: 200px;	
	padding: 38px 0;
}

.hero-cancels {
	background-image: url("../../cpotemplate/img/en/blogs/collecting/collecting_hero_actual.jpg"); 	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%; 
	background-color: #e9e6e1;
	height: 12.500rem;
	height: 200px;	
	padding: 38px 0;
}

.hero-cancels h3 {
	width:55%;
}

.hero-cancels .meta-unauth {
	position: relative;
	left: -9999px;
}

@media only screen and (min-width:40.063em) and (max-width:64em) { 
      .fullWidthHero {
	  margin-top:  4.500rem; 
      }
  }
	
.mobileHero.hide-for-medium-up { margin-top: 4.5rem;} /*margin-bottom: -4.5rem;*/	

.cancel-listing .large-4.medium-4.four.small-12.columns {
	border: 1px solid #dadada;
	height: 400px;
	margin-bottom: 50px;
}

.cancel-listing .province-name {
	height: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: 1px solid #dadada;
	text-align: center;
	width: 100%;
	margin: 0 !important;
	padding: 15px 0 !important;
	background-color: #f5f5f5;
}

.cancel-listing .outer-province-name {
    position: relative;
}

.cancel-listing .inner-cancel {
    margin-bottom: 65px;
    margin-top: 15px;
}

/*---About Us Detail.page banners---*/
.fullWidthHero.careers {
	background-image: url("../../cpotemplate/img/blogs/aboutus/career_hero_lg.jpg"); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%; 
	background-color: #e9e6e1;
	height: 12.500rem;
	height: 200px;		
}

.fullWidthHero.corporate, .fullWidthHero .hero-social {
	background-image: url("../../cpotemplate/img/blogs/aboutus/corporate_hero_lg.jpg"); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%; 
	background-color: #e9e6e1;
	height: 12.500rem;
	height: 200px;		
}

.fullWidthHero.community {
	background-image: url("../../cpotemplate/img/blogs/aboutus/community_investment_lg.jpg"); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%; 
	background-color: #e9e6e1;
	height: 12.500rem;
	height: 200px;		
}

.fullWidthHero.supplier {
	background-image: url("../../cpotemplate/img/blogs/aboutus/supplier_hero_lg.jpg"); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%; 
	background-color: #e9e6e1;
	height: 12.500rem;
	height: 200px;		
}