/* 	
	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/2 verdana, serif;; color:#656565; }

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

p						{ padding:.5em 0 .5em 0; word-spaceing:0.2em; }
p.content			{ padding:5px 0 10px 0 }

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

#content ul						{ margin:1em 0 0 20px; list-style:none; list-style-image:url(/images/arrow_list.gif) }
#content ul li		{margin-bottom: .75em}

a:active				{ outline: none }

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

	


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

#container		{ margin:0 auto; width:823px; background:url(/images/bg.jpg) repeat-y }
#wrap				{ margin:10px auto; width:800px }
#hdr					{ margin-left:10px; height:140px; background:url(/images/hdrbg.jpg) no-repeat }
#bread				{ float: left;  margin:-34px 0 0 23px; } 




/*	Nav system
	-------------*/
	
	
#nav, #nav2  { 
	float:left; 
	 margin:-5px 0 0 7px;
	}
	
* + html #nav, * + html #nav2	{ margin:0px 0 0 7px;}
	
#nav li, #nav2 li { 
display:inline; float:left;
border-right : 1px solid #b9b9b9;
}
	
#nav a, #nav2 a	{ 
	display: block;
	text-decoration:none; 
	font:10px verdana; 
	font-weight:bold;  
	text-transform:uppercase; 
	padding:5px 6px;
	color: #656565; 
	
	}
#nav a:hover, #nav2 a:hover  { 
	color:#d21034;  
	}
	


.form { 
	margin:-2px 0 0 583px;   
	}

* + html .form { 
	margin:-1px 0 0 583px; 
	}

#nav3	{ 
	float:right; 
	margin: 0px 30px 0 0; 
	} 

	
#nav3 li	{
	display: inline;
	float: left;
	}
	
#nav3 a	{
	margin-right: 8px;
	}





#pagetitle	
{ padding:10px 7px 5px 7px; font:12px helvetica; text-transform:uppercase; font-weight:bold; font-stretch:condensed; border-bottom:1px #d4d4d4 solid } 
#contentwrap			{ margin:0 10px 0 10px; padding:0 10px 0 10px; }

#content				{ margin:5px 0; padding:0 5px ; width:740px; float:left; font:10px/1.5 verdana;  }

#content img	{ border:1px solid #ccc; border-top-color:#eee; border-right-color:#ddd; border-bottom-color:#bbb;margin:1em;}

#contentright		{ margin:5px 0 0 0px; padding:10px 0 0 18px; width:35%; float:right }
#ftr					{ margin:30px 0 0 0px; text-align:center; font:10px verdana;  color:#858585 }
#bar					{ padding:0 5px 5px 0 }
#btm					{ margin:0; padding:0; height:33px; background:url(/images/foot.gif) no-repeat }
#clear				{ clear:both }
#bar					{ margin-top:8px }
#right				{ padding-right:8px } 



.bold					{ font-weight:bold }
.breadcrumb 		{ 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 }

select					{ font:10px verdana; font-weight:bold; background:#fafafal; width:200px;  }
.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; font-weight:bold }
.sub-header				{ font:10px verdana; 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 }
	
#list a:link							{ font:10px verdana; color:#9f1219; text-decoration:underline } 
#list a:hover 						{ font:10px verdana; color:#d21034; text-decoration:underline } 
#list a:visited 						{ font:10px verdana; color:#9f1219; text-decoration:underline } 
#list a:visited:hover 				{ font:10px verdana; color:#d21034; text-decoration:underline }
	
#contentleft a.hdrlnk:link			{ font:10px verdana; color:#9f1219; text-decoration:none; font-weight:bold } 
#contentleft a.hdrlnk:hover 			{ font:10px verdana; color:#d21034; text-decoration:underline; font-weight:bold } 
#contentleft a.hdrlnk:visited 		{ font:10px verdana; color:#9f1219; text-decoration:none; font-weight:bold } 
#contentleft a.hdrlnk:visited:hover 	{ font:10px verdana; color:#d21034; text-decoration:underline; font-weight:bold }


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

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

#graphlink
{ font:12px Helvetica; color:#9f1219; text-transform:uppercase; font-weight:bold; font-stretch:condensed; text-align:right; padding-right:6px }
#graphlink a:link					
{ font:12px Helvetica; color:#9f1219; text-transform:uppercase; font-weight:bold; font-stretch:condensed; text-align:right; padding-right:6px }
#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 }
#graphlink a:visited 				
{ font:12px Helvetica; color:#9f1219; text-transform:uppercase; font-weight:bold; font-stretch:condensed; text-align:right; padding-right:6px } 
#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 }

#login {
	margin-left:740px; 
	margin-top:12px;
}

#login a:link						{ font:10px verdana; color:#9f1219; text-decoration:none; font-weight:bold } 
#login a:hover 						{ font:10px verdana; color:#d21034; text-decoration:underline; font-weight:bold } 
#login a:visited 					{ font:10px verdana; color:#9f1219; text-decoration:none; font-weight:bold } 
#login a:visited:hover 				{ font:10px verdana; color:#d21034; text-decoration:underline; font-weight:bold }
	
#homelink a:link						{ padding-left:10px; color:#656565; font:10px verdana; text-decoration:none } 
#homelink a:hover 					{ padding-left:10px; color:#d21034; font:10px verdana; text-decoration:underline } 
#homelink a:visited 					{ padding-left:10px; color:#656565; font:10px verdana; text-decoration:none } 
#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 }