/* 	
	Main CSS for Ace Hardware International 
	Created by : Bryan Lademann for ACE Corporation
*/


/*  
	############################
	######## [ GLOBAL ] ########
	############################ 
*/
	

* 						{ margin:0; padding:0 }
html					{ height:100% }
html,body				{ margin:0; padding:0 }
body 					{ background:#e8e8e8;  font:12px verdana; color:#656565; line-height:12pt }

H1 						{ font:12px verdana; color:#d21034; text-transform:uppercase; font-weight:bold }
H2						{ font:12px verdana; color:#656565; font-weight:bold }
H3						{ font:10px verdana; color:#656565; font-weight:bold }
H4						{ font:10px verdana; color:#656565; text-transform:uppercase; font-weight:bold }

p						{ padding:8px 0 0 0; line-height:12pt }
p.content				{ padding:5px 0 10px 0 }

a img 					{ border:none; text-decoration:none } 

ul						{ margin-left:20px; list-style-image:url(/images/arrow_list.gif) }

a:active				{ outline: none }

blockquote 				{ border-left:6px solid #d21034; width:300px; float:left; margin:15px 10px 10px 0; padding:5px 0px 5px 8px; display: block; background:#f9f9f9 }


/*  
	############################
	######## [ LAYOUT ] ########
	############################ 
*/
	

div#container			{ margin:0 auto; width:823px; background:url(/images/bg.jpg) repeat-y }
div#wrap				{ margin:10px auto; width:800px }
div#hdr					{ margin-left:10px; height:138px; background:url(/images/hdrbg.jpg) no-repeat }
div#bread				{ margin:-27px 0 0 24px; height:auto; } 
div#nav					{ margin:-1px 0 0; float:left; padding:6px 8px 0 6px; height:auto } 
div#nav2				{ margin:-1px 0 0; float:left; padding:6px 8px 0 6px; height:auto }
div#nav3				{ margin:-1px 0 0; float:right; padding:6px 40px 0 6px; height:auto } 
div#pagetitle	
{ padding:10px 7px 5px 7px; font:12px helvetica; color:#656565; text-transform:uppercase; font-weight:bold; font-stretch:condensed; border-bottom:1px #d4d4d4 solid } 
div#contentwrap			{ margin:0 10px 0 10px; padding:0 10px 0 10px; }
div#content				{ margin:5px 5px 0 5px; padding:0 5px 0 5px; width:740px; float:left; line-height:12pt; font:10px verdana }
div#content img	{ border:1px solid #ccc; border-top-color:#eee; border-right-color:#ddd; border-bottom-color:#bbb;margin:1em;}
div#contentright		{ margin:5px 0 0 0px; padding:10px 0 0 18px; width:35%; float:right }
div#ftr					{ margin:30px 0 0 0px; text-align:center; font:10px verdana;  color:#858585 }
div#bar					{ padding:0 5px 5px 0 }
div#btm					{ margin:0; padding:0; height:33px; background:url(/images/foot.gif) no-repeat }
div#clear				{ clear:both }
div#bar					{ margin-top:8px }
div#right				{ padding-right:8px } 



.bold					{ font-weight:bold }
.breadcrumb 			{ color:#656565; font:10px Verdana; font-weight:bold }
.logo					{ margin:11px 0 0 9px; padding:0; float:left }
.store					{ margin:18px 0 0 0px; padding:0 }
.global					{ margin:18px 0 0 -3px; padding:0 }
.form					{ position:static; margin:-24px 20px 0 580px;  padding:9px 8px 0 0 }
select					{ font:10px verdana; font-weight:bold; color:#656565; background:#fafafa }
.l1						{ padding-bottom:4px; padding-right:5px; border-right:1px solid #b9b9b9; }
.l111					{ padding-bottom:4px; padding-right:5px; border-right:1px solid #b9b9b9; }
.l11					{ padding-bottom:4px; border-right:1px solid #b9b9b9; }
.l2						{ padding-bottom:4px; padding-right:5px; border-right:1px solid #b9b9b9 }
.l3						{ padding-bottom:4px; padding-right:5px; border-right:1px solid #b9b9b9 }
.l4						{ padding-bottom:4px; padding-right:5px; width:200px }
.l5						{ padding-bottom:5px; padding-left:7px; border-left:1px solid #d9d9d9 }
.l6						{ padding-bottom:5px; padding-right:7px; border-right:1px solid #d9d9d9 }
.h4red					{ font:10px verdana; color:#d21034; text-transform:uppercase; font-weight:bold }
.contenthdrred			{ font:12px verdana; color:#d21034; font-weight:bold }
.top					{ margin:0 0 0 10px; width:205px; height:10px; background:url(/images/top.gif) no-repeat }
.btm					{ margin:0 0 0 10px; width:205px; height:10px; background:url(/images/btm.gif) no-repeat }
.image					{ float:right }
.header					{ font:12px verdana; Color:#656565; font-weight:bold }
.sub-header				{ font:10px verdana; Color:#656565; font-weight:bold }
.bold					{ font-weight:bold }
.flags					{ table-layout: fixed }


/*  
	############################
	######## [ LINKS ] ########
	############################ 
*/


a:link									{ font:10px verdana; color:#9f1219; text-decoration:underline } 
a:hover 								{ font:10px verdana; color:#d21034; text-decoration:underline }
a:visited 								{ font:10px verdana; color:#9f1219; text-decoration:underline } 
a:visited:hover 						{ font:10px verdana; color:#d21034; text-decoration:underline }
	
div#list a:link							{ font:10px verdana; color:#9f1219; text-decoration:underline } 
div#list a:hover 						{ font:10px verdana; color:#d21034; text-decoration:underline } 
div#list a:visited 						{ font:10px verdana; color:#9f1219; text-decoration:underline } 
div#list a:visited:hover 				{ font:10px verdana; color:#d21034; text-decoration:underline }
	
div#contentleft a.hdrlnk:link			{ font:10px verdana; color:#9f1219; text-decoration:none; font-weight:bold } 
div#contentleft a.hdrlnk:hover 			{ font:10px verdana; color:#d21034; text-decoration:underline; font-weight:bold } 
div#contentleft a.hdrlnk:visited 		{ font:10px verdana; color:#9f1219; text-decoration:none; font-weight:bold } 
div#contentleft a.hdrlnk:visited:hover 	{ font:10px verdana; color:#d21034; text-decoration:underline; font-weight:bold }

div#nav									{ color:#656565; font:10px verdana }
div#nav a								{ color:#656565; text-decoration:none; font:10px verdana; font-weight:bold;  text-transform:uppercase; padding:0 4px 0 6px }
div#nav a:hover							{ color:#d21034; font:10px verdana; font-weight:bold }

div#nav2								{ color:#656565; font:10px verdana }
div#nav2 a								{ color:#656565; text-decoration:none; font:10px verdana; font-weight:bold;  text-transform:uppercase; padding:0 4px 0 6px }
div#nav2 a:hover						{ color:#d21034; font:10px verdana; font-weight:bold }

div#ftr a:link							{ color:#9f1219; font-weight:bold; text-decoration:none; padding:5px } 
div#ftr a:hover 						{ color:#d21034; font-weight:bold; text-decoration:underline; padding:5px } 
div#ftr a:visited 						{ color:#9f1219; font-weight:bold; text-decoration:none; padding:5px } 
div#ftr a:visited:hover 				{ color:#d21034; font-weight:bold; text-decoration:underline; padding:5px }

div#leftnav a:link						{ color:#656565; font:10px verdana; text-decoration:none } 
div#leftnav a:hover 					{ color:#d21034; font:10px verdana; text-decoration:underline } 
div#leftnav a:visited 					{ color:#656565; font:10px verdana; text-decoration:none } 
div#leftnav a:visited:hover 			{ color:#d21034; font:10px verdana; text-decoration:underline }

div#graphlink
{ font:12px Helvetica; color:#9f1219; text-transform:uppercase; font-weight:bold; font-stretch:condensed; text-align:right; padding-right:6px }
div#graphlink a:link					
{ font:12px Helvetica; color:#9f1219; text-transform:uppercase; font-weight:bold; font-stretch:condensed; text-align:right; padding-right:6px }
div#graphlink a:hover 					
{ font:12px Helvetica; color:#9f1219; text-transform:uppercase; font-weight:bold; font-stretch:condensed; text-align:right; text-decoration:none; padding-right:6px }
div#graphlink a:visited 				
{ font:12px Helvetica; color:#9f1219; text-transform:uppercase; font-weight:bold; font-stretch:condensed; text-align:right; padding-right:6px } 
div#graphlink a:visited:hover			
{ font:12px Helvetica ; color:#9f1219; text-transform:uppercase; font-weight:bold; font-stretch:condensed; text-align:right; text-decoration:none; padding-right:6px }

div#login a:link						{ font:10px verdana; color:#9f1219; text-decoration:underline; font-weight:bold } 
div#login a:hover 						{ font:10px verdana; color:#d21034; text-decoration:underline; font-weight:bold } 
div#login a:visited 					{ font:10px verdana; color:#9f1219; text-decoration:underline; font-weight:bold } 
div#login a:visited:hover 				{ font:10px verdana; color:#d21034; text-decoration:underline; font-weight:bold }
	
div#homelink a:link						{ padding-left:10px; color:#656565; font:10px verdana; text-decoration:none } 
div#homelink a:hover 					{ padding-left:10px; color:#d21034; font:10px verdana; text-decoration:underline } 
div#homelink a:visited 					{ padding-left:10px; color:#656565; font:10px verdana; text-decoration:none } 
div#homelink a:visited:hover 			{ padding-left:10px; color:#d21034; font:10px verdana; text-decoration:underline }

.flags	a:link							{ text-decoration:none }
.flags	a:hover 						{ text-decoration:underline}
.flags	a:visited						{ text-decoration:none }
.flags	a:visited:hover					{ text-decoration:underline }