@import url(/wcsstore/HomeDepotCanada/css/global/global.css?v=1.18);
/* Main Body */
body { margin-top: 0px;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: small; background-color : #FFFFFF; text-align: center; }	
#wrap { width : 777px; margin: 14px auto 0; text-align: left; position: relative; }

/* Global Header */
#HDGlobalHeader { position:relative; width: 777px; font: 12px Arial, Helvetica, sans-serif; z-index: 19; /*FIX for PC Safari and FF3*/ }

#HDGlobalHeader #topnav {  padding: 0px 0px 0px 0px; overflow: hidden; }
#HDGlobalHeader #topnav li { float:left; overflow:hidden;  border-right:1px solid #e5e5e5;}
#HDGlobalHeader #topnav li a { display:block; font-family: Arial, Helvetica, sans-serif;color:#999999; text-decoration:none; font-size:11px;   margin:0;  }
#HDGlobalHeader #topnav li a:hover{  text-decoration:underline;}

#HDGlobalHeader #toptopnav_wrapper {margin: 0px 0px 0px 4px; width:769px; height: 20px; overflow: hidden; border-bottom: 1px solid #cccccc;}

/*#HDGlobalHeader #toptopnav_first { font:bold 9px/9px Arial, Helvetica, sans-serif; color: #a0a0a0; display:block; text-decoration: none; float:left; }
#HDGlobalHeader #toptopnav_first:hover { color: #f5821f; }
*/
#HDGlobalHeader #toptopnav {  padding: 4px 16px 3px 10px; margin:0pt; list-style: none; float:right; overflow:hidden; background-color:#e8ecef}

#HDGlobalHeader #toptopnav li {  float: left; padding:2px 6px; border-right:1px solid #cccccc; overflow:hidden; font:bold 10px/10px Arial, Helvetica, sans-serif; color:#666666;}
#HDGlobalHeader #toptopnav li p{ padding:0pt; margin:0pt; }
#HDGlobalHeader #toptopnav li a { font:bold 10px/10px Arial, Helvetica, sans-serif; color: #f5821f;  text-decoration: none; margin:0 0 0 0px; }
#HDGlobalHeader #toptopnav li a:hover { color: #f5821f;}
#HDGlobalHeader #toptopnav li.userAction { display:none; }

#HDGlobalHeader #toptopnav_welcome { font:bold 10px/10px Arial, Helvetica, sans-serif; color: #666666; display:none; float:left;  }
#HDGlobalHeader #toptopnav_welcome .wrongUser { display:none; }
#HDGlobalHeader #languageBtn{
	color:#cccccc;
	font-weight:bold;
}
#HDGlobalHeader #checkoutLanguageBtn{
	-x-system-font:none;
	background:transparent url(/wcsstore/HomeDepotCanada/images/HDHeader/toptopnav_bullet.gif) no-repeat scroll center left;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	margin:10px 25px 0 18px;
	padding-left:8px;
	text-decoration:none;
}
#HDGlobalHeader #headerContent { margin: 0; padding:10px 0 10px 20px; overflow: hidden; list-style:none;  }
#HDGlobalHeader #headerContent li{  margin:0;  float:left; overflow:hidden;}
#HDGlobalHeader #headerContent_e1{ margin:0; padding:0px 5px 0px 70px; }
#HDGlobalHeader #headerContent_e2{ margin: 0 0 0 22px; padding:0; }

/* Global Nav */
#HDGlobalHeader #globalNav { list-style: none; width: 769px; height: 30px; margin: 0 4px; padding: 0; }
#HDGlobalHeader #globalNav .topNavItem { float: left; position: relative; overflow: visible; margin: 0; padding: 0; list-style-image: none; }
#HDGlobalHeader #globalNav .topNavItem a { font: 12px Arial, Helvetica, sans-serif; display: block; height: 30px; color: #fff; text-decoration: none; overflow: hidden; text-indent: -9999px; }
#HDGlobalHeader #globalNav .topNavItem a:hover { color: #993300; text-decoration: underline; }
#HDGlobalHeader #globalNav .subNav { list-style: none;  position: absolute; margin: 0; padding: 2px 8px 8px; display: none; background-color: #f58220; border: 1px solid #FEBB78; border-top: 0; }
#HDGlobalHeader #globalNav #buildingSupplies .subNav { border-left: 0; margin: 0; }
#HDGlobalHeader #globalNav .subNav li { padding: 1px 0; margin: 0; border-bottom: 1px solid #f9a050; float: none; list-style: none; }
#HDGlobalHeader #globalNav .subNav a { text-indent: 0; height: auto; overflow: hidden; }

#HDGlobalHeader #mainHeaderContent { width: 777px; background: transparent url(/wcsstore/HomeDepotCanada/images/bg_shadow.gif) repeat-y; padding: 4px 0 0; }
#HDGlobalHeader #topShadow { width: 777px; background: transparent url(/wcsstore/HomeDepotCanada/images/HDHeader/shadow_top.gif) no-repeat; height: 3px; margin: 0 !important; margin: 0 0 -12px; }

#HDGlobalHeader #searchAndBreadcrumbsArea { width: 769px; /*overflow: hidden;*/ height: 45px; background-color: #e9f2f2; margin: 0 4px; }
#HDGlobalHeader #searchBox { display: inline; float: left; margin-left:15px; }
#HDGlobalHeader #searchBox .searchTerms { width:169px; font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	border: 1px solid #cccccc;
	margin-left : 6px; }

#HDGlobalHeader #breadCrumbContainer { text-align:center; width:470px; height:45px;  overflow: hidden; }

#HDGlobalHeader #breadCrumbContainer p { margin-bottom:3px; }
#HDGlobalHeader #breadcrumb { color: #666666; font-size: 11px; }
#HDGlobalHeader #breadcrumb a:link { font-weight: normal; font-size: 11px; color: #808080; text-decoration: none; }
#HDGlobalHeader #breadcrumb a:visited { font-weight: normal; font-size: 11px; color: #808080; text-decoration: none; }
#HDGlobalHeader #breadcrumb a:active { font-weight: normal; font-size: 11px; color: #808080; text-decoration: none; }
#HDGlobalHeader #breadcrumb a:hover { font-weight: normal; font-size: 11px; color: #cb6600; text-decoration: none; }

/* Sign-in box */
#signIn {  overflow: hidden; font: 11px Arial, Helvetica, sans-serif; 
			background: transparent url("/wcsstore/HomeDepotCanada/images/HDHeader/sign-in-bg.png"); 
			width: 360px; height:158px; no-repeat; color: #666; 
			position: absolute; top: 19px; right: 1px !important;  right:0px;
			z-index: 30; ; visibility: hidden; 
}
#signIn h4 {  color:#e97924; margin: 0 5px; position: relative; text-indent: -99em; float:left; }
#signIn h4 span { display: block; position: absolute;  top: 5px; right: 8px; }
#signIn h4 span a { color: #999999; text-decoration: none; font-size: 11px; }
#signIn h4 span a:hover { color: #999999; text-decoration: underline; }
#signIn .top { padding:17px 17px;}
#signIn .bottom{ vertical-align:top; margin-top:15px;  }
#signIn .bottom p{ margin:0;  }
#signIn h4 a{
	vertical-align:center;
}
#signIn .closeLink{ float:right; font-weight:bold;text-decoration:underline;}
#Logon {  clear:both;margin: 2px 0 4px; padding: 2px 17px 4px 17px;  overflow: hidden; }
#Logon label { font-weight: bold; color: #666; }

#Logon .inputlogon { float:right; margin: 0px 0px 5px 3px; border: 1px solid #666; font-family: 11px Arial, Helvetica, sans-serif; color: #666; width:200px; }
#Logon .inputpassword { float:right; margin: 0 0 0 3px; border: 1px solid #666; font-family: 11px Arial, Helvetica, sans-serif; color: #666;width:200px; }
#Logon a { text-transform: none; font-size: 9px; font-weight: normal; }
#Logon p { width: 158px; display: inline; float: left; margin: 8px 0 0; }
#Logon p a { color: #666; text-decoration: underline; font-size: 11px; }
#Logon p a:hover { color: #cc6326; text-decoration: underline; }
#Logon .btnSignIn { display: inline; float: left; text-indent: -9999px; cursor: pointer; border: 0; overflow: hidden; }
#Logon .checkBox{
	margin-left:122px;
	padding:0;
	
}
.checkBox a{
	font-size:10px;
	color:#666666;
}
/* Global Footer */

#globalFooter {
	position: relative;
	text-align: left; /* Some pages everything in the footer is centered. This fixes that */
	overflow: hidden;
}

#globalFooter img {
	border: 0;
}

#globalFooter a {
	color: #999;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

	#globalFooter a:hover {
		color: #CB6600;
	}
	
#globalFooter .inner {
	background: #EBEBEB url(/wcsstore/HomeDepotCanada/images/bg_shadow.gif) repeat-y;
}	
	/* .topBar only applies to CachedFooterDisplay-Checkout.jsp now */
	#globalFooter .topBar {
		background: #ebebeb;
		border-top: 1px solid #fff;
		line-height: 10px;
		margin: 0 auto;
		margin-left: 5px;
		width: 768px;
	}

	#globalFooter .espotContainer {
		background: transparent url(/wcsstore/HomeDepotCanada/images/HDfooter/bg-top-gradient.gif) repeat-x bottom left;
		border-top: 1px solid #ccc;
		padding: 1px 0 12px;
		margin: 0 auto;
		margin-left: 5px;
		width: 767px;
		overflow: hidden;
	}
	
		#globalFooter .espot {
			float: left;
		}
	
	#globalFooter .middle {
		width: 745px;
		margin: 12px 0 0 20px;
		padding: 0;
	}
	
	#globalFooter .bottomBar {
		background: #999;
		border-bottom: 1px solid #fff;
		clear: left;
		line-height: 10px;
		margin-left: 5px;
		width: 766px;
	}
	
	#globalFooter .bottomFooter {
		background: url(/wcsstore/HomeDepotCanada/images/HDfooter/footer_bottom.gif) top no-repeat;
		height: 6px;
		overflow: hidden;
	}
	
	#globalFooter .footerText {
		background: #fff;
		color: #c0c0c0;
		font-size: 8px;
		margin: -3px 0 0 0;
		padding: 2px 5px;
		text-align: center;
		text-transform: uppercase;
	}
	
		#globalFooter .footerText a {
			color: #c0c0c0;
			font-size: 8px;
			text-decoration: underline;
		}
			
	#globalFooter ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#globalFooter ul li {
		list-style: none;
		list-style-image: none;
	}
	
	#globalFooter h4 {
		float: left;
		margin: 0 15px 0 0;
		padding: 0;
	}
	
	#globalFooter h5 {
		margin: 0;
		padding: 0;
	}
	
	#globalFooter .col_01 {
		border-right: 1px solid #dedbde;
		float: left;
		margin-right: 15px;
		width: 170px;
	}
	
	#globalFooter .col_02 {
		border-right: 1px solid #dedbde;
		float: left;
		margin-right: 15px;
		width: 240px;
	}
	
	#globalFooter .col_03 {
		float: left;
		width: 225px;
	}
	
			#globalFooter .col_03 li {
				margin-bottom: 10px;
			}
	
	#globalFooter .customerLeft {
		float: left;
		width: 110px;
	}
	
	#globalFooter .customerRight {
		float: left;
		margin-left: 10px;
		width: 113px;
	}
	
	#globalFooter .adCol {
		float: left; 
		width: 233px;
		display: inline;
		padding: 0;
	}
	
	#globalFooter #adColOne {
		margin: 10px 0 6px -7px;
	}
	
	#globalFooter #adColTwo {
		margin: 10px 0 6px 12px !important; margin: 10px 0 6px 4px;
	}

#globalFooter .emailForm { float: right; margin: 18px 0 0; padding:15px 0 4px 33px; width:203px !important; width:236px; overflow:hidden; }	
#globalFooter .emailForm label { float:left; }
#globalFooter .emailForm label span { display:none; }
#globalFooter .emailForm input { border:1px solid #A3A3A3; font-size:11px; width:133px; float:left;}
#globalFooter .emailForm .btnSubmit { margin:0 0 0 4px; padding:0; float:left; width:52px; height:17px; text-indent:-999px; overflow:hidden; border:0; cursor:pointer; }
	
#globalFooter .clear {
	clear: both;
}	

#pageTitle { width:136px !important; width:152px; height:68px !important; height:84px; padding:8px; background-color:#F58220; text-align:center; }
#pageTitle h1 { margin:0; padding:0; font:bold 16px Arial, Helvetica, sans-serif; color:white; }
#pageTitle h1.small { font-size:14px; }

/* Migrated from navUI.css */

.contentReviewSubmit {
	background-image : url(/wcsstore/HomeDepotCanada/images/HDHeader/en_CA/content_bkg.gif);
	background-repeat: repeat;
}

/* HomePageDisplay.jsp */
.contentgray {
	background-image : url(/wcsstore/HomeDepotCanada/images/HDHeader/en_CA/content_bkg_homepage.gif);
	background-repeat: repeat-y;
	width: 776px;
}

#shopwrap {
	position : relative;
}

#shopimage {
	position : absolute;
}

#shoptable {
	position : absolute;
	margin-top : 17px;
	margin-left : 45px;
}

.shopq {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 20px;
	font-weight : bold;
	color : #686868;
	text-align : center;
}

.shopprice {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	color : #686868;
	text-align : center;
}

.shopdollar {
	font-size : 18px;
}

#hdhome {
	color: #808080;
	font-size: 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
} 

#hdhome a {
	color: #808080;
	font-size: 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#hdhome a:hover{
	color: #CC6600;
	font-size: 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.boxlogo {
	width : 151px;
	background-color : #F0F0F0;
	border : 1px solid #FFFFFF;
}

.boxsearch {
	width : 152px;
	border-left : 1px solid #FFFFFF;
}

.boxfeatures {
	border-bottom : 1px solid #FFFFFF;
	border-top : 1px solid #FFFFFF;
}

.prodPrice {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #686868;
}

#hammerwrap {
	position : relative;
}

#hammerwaiting {
	
	position : absolute;
}

#hammerrunning {
/*	visibility : hidden; */
	position : absolute;
}

#hammerrunning a {
	text-decoration : none;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color : #686868;
}

.hammertime {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 15pt;
	color : #686868;
	text-align : right;

}

.hammertext {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color : #686868;
	text-align : center;
}

#srchField {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	border: 1px solid #cccccc;
	margin-left : 1px;
	width: 132px;
}

/* from bodyUI.css */
.content {
	background-image : url(/wcsstore/HomeDepotCanada/images/HDHeader/en_CA/content_bkg.gif);
	background-repeat: repeat;
}

td.leftdate { text-align: center; }

/* Search Auto Suggest */
#searchSuggestionsBox {
	background: #fff;
	border: 1px solid #989a97;
	display: none;
	left: 50%;
	margin-left: -316px;
	_margin-left: -313px;
	padding: 1px;
	position: absolute;
	top: 237px;
	_top: 221px; /* IE Fix */
	width: 410px;
	z-index: 70;
}

	#searchSuggestionsBox.show {
		display: block;
	}

	#searchSuggestionsBox a {
		color: #333;
		text-decoration:none;
	}
	
		#searchSuggestionsBox a:hover {
			color: #c60;
			text-decoration:none;
		}

	#searchSuggestionsBox dl {
		margin: 5px 10px;
		padding: 0;
	}
	
		#searchSuggestionsBox dt {
			clear: left;
			float: left;
			font-family : Arial, Helvetica, sans-serif;
			font-size: 11px;
			padding-right: 5px;
			_padding: 2px 5px 2px 0;
			text-align: left;
			width: 100px;
			text-decoration:none;
		}
		
			#searchSuggestionsBox dt a {
				font-weight: bold;
				text-decoration:none;
			}
		
		#searchSuggestionsBox dd {
			float: left;
			font-family : Arial, Helvetica, sans-serif;
			font-size: 11px;
			margin: 0;
			padding: 2px 0;
			text-align: left;
			width: 285px;
			text-decoration:none;
		}
		
			#searchSuggestionsBox dd a {
				margin-right: 5px;
				text-decoration:none;
			}
			
				#searchSuggestionsBox dd .highlight {
					color: #c60;
				}
	
	#searchSuggestionsBox .suggestions .clear {
		clear: both;
	}
	
		#searchSuggestionsBox a.btnToggleSuggestions {
			background: #e4e4e4 url(/wcsstore/HomeDepotCanada/images/icn_off_x.gif) 10px 2px no-repeat;
			clear: both;
			cursor: pointer;
			display: block;
			font: 11px Arial; /* For some reason it doesn't take the global font properties */
			margin-top: 5px;
			padding-left: 22px;
			text-align: left;
			text-transform: uppercase;
		}
					
/* Breadcrumbs */
.removeBreadcrumb {
	background: url(/wcsstore/HomeDepotCanada/images/breadcrumb_x.gif) 0 2px no-repeat;
	padding-right: 10px; /* This should be a display block but the way the breadcrumbs is setup it won't allow that right now. */
	height: 10px;
}

/* Home Page Main Hero */
#mainHero { position:relative; width:394px; height:315px; overflow:hidden; background:transparent url(/wcsstore/HomeDepotCanada/images/MainHero/main-hero-bg.png) no-repeat; }
#mainHero ul { position:relative; width:378px; height:302px; margin:3px; padding:0; overflow:hidden; }
#mainHero.loading ul { background:transparent url(/wcsstore/HomeDepotCanada/images/MainHero/loading-small.gif) no-repeat center center; }
#mainHero .panel { display:none; position:absolute; left:0; top:0; background-color:white; }
#mainHero .panel.show { display:block; }
#mainhero .panel.active { z-index:1; }
#mainHero .panel a { display:block; width:378px; height:302px; }
#mainHero .controls { height:19px; padding:8px 20px 8px 10px; position:absolute; z-index:2; right:12px; bottom:8px; background:transparent url(/wcsstore/HomeDepotCanada/images/MainHero/main-hero-controls-bg.png) no-repeat;}
#mainHero .button { display:block; width:19px; height:19px; margin:0 4px 0 0; text-indent:-999px; overflow:hidden; float:left; }
#mainHero .controls .btnPlay { background:transparent url(/wcsstore/HomeDepotCanada/images/MainHero/btn-play-pause.gif) no-repeat; }
#mainHero .controls .btnPause { background:transparent url(/wcsstore/HomeDepotCanada/images/MainHero/btn-play-pause.gif) no-repeat 0 -19px; }
#mainHero .pagination { padding:2px 0; float:left; }
#mainHero .pagination a { margin:0 0 0 8px; float:left; display:inline; font:bold 14px Arial, Helvetica, sans-serif; color:#999999; text-decoration:none; }
#mainHero .pagination a.selected { color:#666666; }