body { margin:0; font-family:Arial, Verdanna, Sans-serif; font-size:0.9em; text-align:center; background: #FFF;}

a { color:#6AB2E7; font-weight:bold; text-decoration:underline;}
a:hover { color:#6AB2E7; font-weight:bold; text-decoration:none;}

h1 { font-weight:bold; font-size:1.3em; color:#014576; text-decoration:none;}
h2 { font-weight:bold; font-size:1.1em; color:#3098D4; text-decoration:none;}
h3 { font-weight:bold; font-size:1em; color:#B03D28; text-decoration:none;}
h4 { font-weight:bold; font-size:1em; color:#B03D28; text-decoration:none;}
h5 { font-weight:bold; font-size:1em; color:#004678; margin-bottom:5px; text-decoration:none;}
.notice { font-style:italic;}
.error { color:#FF0000; font-weight:bold;}
.redstar { color:#ff0000; font-weight:bold; font-size:1em; margin-right:2px;}
.smalltext { font-size:0.8em;}
#top { vertical-align:top;}

#maincontainer { width: 780px; margin: 0 auto;  background: url(../images/bg_gradient.jpg) top repeat-x #EDEFF1; text-align:left;}

#topheader1 { width:780px; height:84px; background: url(../images/top_header1.jpg) left no-repeat; margin-top:0;}
#topheader1 .logo img { float:left; margin:10px 526px 0 0; width:254px; height:74px; }
#topheader1 .title img { float:right;  height:25px; margin:-50px 17px 0 0;}

#topheader2 { width:780px; line-height:54px; height:54px; color:#5BA1D5; background: url(../images/top_header2.jpg) left no-repeat; margin-top:0; text-align:right;}
#topheader2 a { color:#5BA1D5; text-decoration:none; padding:3px;}
#topheader2 a:hover { background:#fff;  padding:3px;}

#contentwrapper { float: left; width: 100%; background:url(../images/bg_content.gif) repeat-y;}

#contentcolumn { width:570px; margin-left: 210px;}
#contentcolumn img.list { float:left; margin:0 10px 10px 0; border:1px solid #004678;}
#contentcolumn img.ico { float:none; margin:0; border:none;}
#contentcolumn ul { margin:5px 0 0 30px; list-style-position:outside; }
#contentcolumn ul li { padding:2px 0; list-style-type:square;}
#contentcolumn ul li.no { padding:2px 0; list-style-type:decimal;}
#contentcolumn ul li.alpha { padding:2px 0; list-style-type:lower-alpha;}
#contentcolumn ul.spacelist { margin:5px 0 0 15px; list-style-position:outside; }
#contentcolumn ul.spacelist li { padding:5px 0; list-style-type:square;}
.content_margin { margin:30px; }
.bookmark { color:#6AB2E7; font-weight:bold; text-decoration:underline; padding-top:10px; padding-right:10px; margin-bottom:-20px;}
#contentcolumn input {  font-size:0.8em; }
#contentcolumn img.btn { border:none;}

#contentcolumn table.registration { width:450px; }
#contentcolumn table.registration td { padding:4px 2px; }
#contentcolumn table.registration td.label { width:120px; font-weight:bold; }
#contentcolumn table.registration input {  font-size:0.8em; margin-right:3px;}
#contentcolumn table.registration select { width:164px; font-size:0.8em; margin-bottom:6px;}
#contentcolumn table.registration .check { color:#004678;}
#contentcolumn table.registration img { border:none;}

#leftcolumn { float:left; width: 210px; margin-top:0; margin-left: -780px; background: #3098D4;}
#leftcolumn h1 { font-weight:bold; font-size:1.2em; color:#FFF;}
dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; }
#menu { position: relative; top: 0; left: 0; }
dl#menu { width: 210px; font-size: 0.9em;}
dl#menu dt { margin: 0; text-indent:10px; height: 30px; line-height: 30px; text-align: left; font-weight: bold; background: url(../images/bg_menu_off.gif) repeat-x; }
dl#menu dd { display:none; background:#CADDE9; border-bottom:1px solid #0D458E;}
dl#menu li { font-size: 0.9em; text-align: left; background: #CADDE9; text-indent:15px; }
dl#menu dt a { color: #FFF; text-decoration: none; display: block; border: 0 none; height: 100%; }
dl#menu dt a:hover { background: url(../images/bg_menu_on.jpg) repeat-x; }
dl#menu li a { color: #0D458E; text-decoration: none; display: block; border: 0 none; height: 100%; border-bottom: 1px solid #EDEFF1;}
dl#menu li a:hover { background: #0D458E; color:#fff; display: block; border: 0 none; height: 100%; border-bottom: 1px solid #EDEFF1;}
dl#menu li.on { background: #0D458E; color:#fff; display: block; border: 0 none; height: 100%; font-weight:bold; border-bottom: 1px solid #EDEFF1;}
dl#menu li.on a { color:#fff;}

#login_box { font-size:0.9em; width:192px; margin:-13px 9px 20px 7px; background:#44ACE8; border:1px solid #69BDED; color:#FFF;}
.login_margin { margin:20px 10px;}
#login_box h1 {font-weight:bold; }
#login_box a { color:#FFF; }
#login_box input { font-size:0.9em; }

#footer { clear: left;  color: #004678; text-align: left; padding-left:250px; padding-bottom:10px; font-size:0.8em;}

#footer a { color: #3098D4; }

#pic_enlarge { display:none; position:relative; margin-top:0; margin-left:0; background:#EDEFF1; width:400px; height:400px;}

#popup_help { width: 400px; height:200px; text-align:left; margin:10px auto; background: url(../en/images/help_header.jpg) top no-repeat; border:1px solid #004679;}
.help_margin { margin:40px 10px 10px 10px; }


div.largeImage{
	position:absolute; 	
	top: -1000;
	left: -1000;	
	margin-top: 100px;
	margin-left: auto;
	margin-right:auto;	
	border:1px solid;
	border-color: #ccc #ccc #ccc #ccc;
	background: #fff;
	padding:10px 5px 5px 10px;
	visibility:hidden;
	z-index:99;	
	text-align: right;
}

div.largeImageShadow{
	float:left;
	padding:0 6px 6px 0;
    	background: url('/wcsstore/HomeDepotCanada/images/HDProductPage/dropshadow.png') no-repeat bottom right
}
	
div.largeImageShadow img{
	display:block;
	position:relative;
	top: -3px;left:-3px;padding:5px;background:#FFF;
	border:1px solid;border-color: #ccc #666 #666 #ccc
}