/*----------------------------------------
 Main stylesheet for: Lecky's Electrical & Data
 ----------------------------------------*/ 
 
 /*----------------------------------------  
 Colour Master List
 
    Orange (headings): #ffa800
    Warm grey (main text): #6a6a57
    Footer text: #91917d;
    
 ----------------------------------------*/ 
    
/* Styles reset -------------------------------------------------------------------------------------  */     

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, apress, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, p, ol, ul, li,
fieldset, form, label, legend
{
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: normal;                
    margin: 0;
    outline: 0;     
    padding: 0;
}
    
html
{
   background: #fefdfd url(../images/layout/bk_outer.png) top center repeat-x;  
}

body 
{       
   background: url(../images/layout/bk_header.jpg) top center repeat-x;     
   color: #6a6a57;        
   font: 78%/1.3em  Arial, Helvetica, sans-serif;
   margin: 0 auto;      
   width: 100%;   
}

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#content {padding-bottom: 119px;}  /* must be same height as the footer */

#footer {position: relative;
   margin-top: -119px; /* negative value of footer height */
   height: 119px;
   clear:both;} 


/* Type and styling -------------------------------------------------------------------------------------  */

h1, h2, h3, h4, h5, h6
{
    color: #ffa800;
    font-size: 1.3em; 
    font-weight: bold;   
    line-height: 1.4em;
    padding-bottom: .6em;
}
    
    h1
    {
        font-size: 1.25em;  
		text-transform: uppercase;  
    }

    h2
    {
        font-size: 1.1em;      
		text-transform:none;  
      
    }

    h3
    {
        font-size: 1em;  
        color: #6a6a57;        
    }
    
    h4
    {
        font-size: .80em;
    }
    
    h5, h6
    {
      font-size: .70em;      
    }    

p
{
    line-height: 1.5em;
    padding-bottom: 0.6em;     
}
 
ul
{
   margin-left: 20px;        
   padding-bottom: 0.8em;  
}
    
    li
    {            
        line-height: 1.5em;
        padding-left: 14px;    
    }

a
{
   color: #4d4f53;
   outline: none;
}

    a:hover
    {
      color: #f29d30;
    }
    
.bold
{
   font-weight: bold;
}       
    
.left
{
   float: left;
}             

.right
{
   float: right;
}

.Lpadding
{
   padding-left: 10px;
}

.Rpadding
{
   padding-right: 10px;
}

/* Layout -------------------------------------------------------------------------------------  */ 

    #wrapper
    { 
      background-color: #fff;
      margin: 0 auto;
      position: relative;     
      width: 960px;
    }
    
    #header
    {
      background: url(../images/layout/bk_innerheader.jpg) top center no-repeat;      
      height: 112px;     
      width: 960px;
    }
    
    #content
    {          
      background: #fff url(../images/layout/bk_content.jpg) top center repeat-x;    
    }

    #main
    {                            
      min-height: 300px;
      padding: 20px;
    }
    
       .clearfix:after 
       {
          content: ".";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden;
       }                     
    
    #footer
    {       
      background: #f0f0eb url(../images/layout/bk_footer.jpg) top center repeat-x;     
      clear: both;    
    } 
    
/* Header -------------------------------------------------------------------------------------  */      
   a#signin
   {
      background: url(../images/layout/signin.gif) top left no-repeat;         
      cursor: pointer;       
      display: block;
         height: 26px;
         width: 95px;
      position: absolute;
         top: 0;
         right: 0;
   }
   
      a#signin:hover
      {
         background-position: bottom;
      }            
  
/* Footer -------------------------------------------------------------------------------------  */     
      
#footerContent
{
   background: url(../images/layout/bk_footer_inner.jpg) top center no-repeat;     
   margin: 0 auto;
   padding-top: 10px;
   width: 960px;    
}
      
#footer a
{
   border: 0 none;
   color: #91917d;
   text-decoration: none;
}

   #footer a:hover 
   {
      color: #545448;
   }
   
#footer p
{
   color: #91917d;    
   font-size: 0.9em;
}     

/* TOOL TIP FORMATTING */
.productCat 
{
	position: relative;
	z-index:1;
	width: 217px;
}

	.productCat:hover
	{
		z-index: 25;
	}                    

	.productCat span
	{
		display: none;
		width: 201px;
		background: url('../images/layout/tooltip-small.png') top left no-repeat;
		padding-top: 5px;
		padding-right: 15px;
		padding-bottom: 10px; 
		padding-left: 25px;
		height: 194px;
	}
	
	.productCat:hover span
	{
		display: block;
		position:absolute;
    	top:18px; 
    	left:125px;
	}

.productCatLge 
{
	position: relative;
	z-index:1;
	width: 217px;
}

	.productCatLge:hover
	{
		z-index: 25;
	}                    

	.productCatLge span
	{
		display: none;
		width: 201px;
		background: url('../images/layout/tooltip.png') top left no-repeat;
		padding-top: 5px;
		padding-right: 15px;
		padding-bottom: 10px; 
		padding-left: 25px;
		height: 194px;
	}
	
	.productCatLge:hover span
	{
		display: block;
		position:absolute;
    	top:18px; 
    	left:125px;
	}	
	
/* LOGIN FORM FORMATTING */
#login 
{
	padding: 0px; 
	position:absolute; 
	z-index:50; 
	top: 25px; 
	left: 658px; 
	height: 45px; 
	width: 320px; 
	display: none; 
}

	#loginUsername
	{
		float: left;
		width: 120px;
		line-height:1.5em;
	}
	
	#loginPassword
	{
		float: right;
		width: 180px;
		line-height:1.5em;
	}
	
	#login img
	{
		display: block;
	}	
	
	#login input[type="submit"]
	{
		background: url(../images/layout/go-btn.png) top left no-repeat;        
		height: 21px;
		width: 36px;
		border: 0;
		padding: 0;
		margin-left: 10px;
	}	
	
	#login input[type="text"], input[type="password"]
	{
		height: 18px;
		color:#666666;
   		font-family:Arial, Helvetica, sans-serif;
   		font-size:11px;
   		height:11px;
   }
	     
#login label
{
	font-weight: bold;
	padding-right: 5px;
}

#login input[type="text"],input[type="password"]
{
	width: 110px;
	margin-bottom: 5px;
	margin-top: 5px;
}  	
	

	/* BUTTON IMAGE FORMATTING */

	
/*	.btn a { 
 filter:alpha(opacity=100); 
 -moz-opacity: 1.0; 
 opacity: 1.0; 
}

.btn:hover { 
 filter:alpha(opacity=75); 
 -moz-opacity: 0.75; 
 opacity: 0.75; 
}*/

	/* RULES */


hr.grey {
	border: none 0; 
	border-bottom: 1px solid #cccccc;
	width: 100%;
	height: 1px;
	margin: 0 auto 0 0;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

hr.yellow {
	border: none 0; 
	border-bottom: 1px solid #ffa800;
	width: 100%;
	height: 1px;
	margin: 0 auto 0 0;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
}


.articleDetail img
{
	padding-bottom: 10px;
}


.map_level1
{
	list-style: image;
	list-style-type: none;
} 

.map_level2
{
	list-style-type: none;
	margin: 0;
	margin-left: -5px;
} 

.map_level1 li
{
	background: url('../images/layout/nav-arrow-next.gif') top left no-repeat;
	background-position: 0 3px;
}

.map_level1 li a
{
	margin-left: 5px;
}

.map_level2 li
{
	background: none;
}

.articlelist_image
{
	padding-right: 20px;	
}

center
{
	display: none;	
}