/*------- LAYOUT STYLESHEET -------*/

/** 1. BODY ELEMENT **/
body {
    text-align: center;
    width: 100%;
}

/* Styles for dynamic footer positioning  (ASP classic) */
html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; margin-bottom: 1px;}

/* Styles for dynamic footer positioning  (ASP.NET) */
html, body, form, #container { height: 100%;  margin: 0 0 1px;}           /* .net descendant selector */
form > #container { height: auto; min-height: 100%; margin-bottom: 1px;}  /* Firefox descendant selector */

/** 2. MAIN CONTAINERS **/
																
	#container {
	    margin: 0 auto 0 auto;
	    width: 1024px;
		}
        #header {
			float:left;
			padding: 1px 0 1px 0;
			height: 65px;
			width: 100%;
			}
			#header #logo {
			    float: left;
			    height: 53px;
			    /*left: 20px;*/
                /*margin: 5px 5px 5px 70px;*/
                margin: 5px 0 5px 0;
			    padding: 1px 0 1px 0;
			    /*position: relative;
			    top: 0px;  */
			    width: 144px;
            }
            #header #fontScale {                
                float: left;
                left: 500px;                
                position: relative;
                top:20px;
                width: 100px;
                }
                #header #fontScale .minus {
                    float: left;
                    height:13px;
                    width:17px;
                }
               #header #fontScale .plus{
                    float: left;
                    height:13px;
                    width:17px;
                }               
            #header #headerLogin {	    			    
			    float: left;
			    /*float: right;			    */
			    height: 37px; 
			    left: 500px; 
			    /*margin: 0 120px 0 0;*/
			    padding: 5px;
                position: relative;
                z-index: 10000;
			    
			    top: 10px;           	        			   
			    width: 323px;
                }
                #header #headerLogin input {	    
			        background-color: #373634;   			    
			        height: 15px;
			        margin: 0 10px 0 0;
			        padding: 3px 2px 4px 2px;
			        width: 90px;			        			       	        
                }
                #header #headerLogin .submitBtn {			    
			        background: url(../images/login.png) no-repeat;  			    			       		        			       	        
			        border: 0px;
			        height: 20px;
			        padding: 2px 0 0 0;
			        position: relative;
			        top: 3px;
			        width: 61px;			        
                }
                                                         
            #navigation {
                height:56px;
                float: left;                
                margin: 1px 0 0 0;
				width: 100%;			
			    }
				#navigation ul {
				    height: 57px;
				    position: relative;
				    left: 60px;				    
				    width: 100%;     																
				    }
				    #navigation li {
				        /*display: inline;    /* Force horizontal display of list elements */																	
				        float: left;
				        height: 37px;
				        margin: 20px 2px 0 0;
				        padding: 0px;
				        width: 109px;
				        }
				        #navigation a {
                            display: block;
                            height: 37px;
                            width: 109px;
                        }                                    
        #breadCrumb {
            float: right;
            height:20px;
            padding: 20px 0 5px 0;
            margin: 0 220px 0 0;
                  
            }
            .breadCrumbIcon { 
                height: 4px;                
                width: 8px; 
                padding: 0 5px 0 15px;                      
            }       
		#content {                       
            clear: both;
            padding-bottom: 7em;  /* Important: offset for footer's negative margin */
            /*margin-left: 7%;*/
            margin: 0 auto 0 auto;
            width: 1024px;
			}
			#leftPanel {  				
				float: left;
                width:200px;
				}				
				#leftPanel .box .body li {
                    padding: 10px 10px 10px 20px;    
				}
				#leftPanel .adArea {                   
                                                        
                    }
                 	#leftPanel .adArea a:link {                   
                        margin: 0 auto o auto;                          
                    }								               
                /* leftPanel content page styles */
                #download form {
                        margin: 20px 0 0px 0;
                    }
                    #download fieldset {
                        margin: 10px;
                        padding: 10px;
                    }
                    #download h3 {
                       padding-left: 10px;
	                }
                    #download label {
                        float: left;
                        margin: 5px;
                        width: 20%;
	                }
                    #download input {
                        float: left;
                        padding: 2px;
	                    margin: 9px  10px 5px 10px;
	                }	               
                    #download .submit {
                        float: left;
                        height: 18px;
                        margin: 10px 0 0 132px;
                        padding: 0px 10px 0 0;
                        width: 40px;
                    }
                    #download .link {
                        margin: 25px 0 0 0;
                    }
                    #download a  {
                        margin: 30px 10px 10px 10px;
                    }
            #centerPanel{
                float:left;
				margin: 0 10px 0 10px;
				width: 600px;
				/*width: 47%;*/
                }
                #centerPanel #mapContainer {
                    height: 345px;
                    margin: 0 auto 0 auto;
                    width:580px;
                }
            #rightPanel {
				float:left;
                width:200px;
                /*width:17%;*/
			    }
			    #rightPanel .adArea {
                    height: 371px; 
                    width:215px;                    
                }
			    #rightPanel .overlay {                    
                    display: block;
                    height: 118px;
                    left: 45px;
                    position: relative;
                    top: 280px;
                    width:118px;                                                          
                }			                                                                                                                     					    					   							    																
            #footer {                
                height: 64px;                
                margin-top: -64px;  
                position: relative;                
                z-index: 10;                                		    
			    }
			    #footer #animatedFooter{                                                                        
                    bottom: 0px;  
                    color: #777777;
                    height:64px; 
                    overflow: hidden;
                    position: absolute;
                    text-align: left;
                    width: 100%;
                    z-index: 1000;                    
                    }
                    #animatedFooter #footerContent {
                        margin: 0 auto 0 auto;
                        width: 1024px;                
                        }                       
                        #footerContent .footerSection {
                            float: left;
                            margin: 20px 30px 0 0;                            
                            width: 22%;                           
                        }
                        .footerSection .footerHeading {
                            padding: 0 0 0 15px;
                            color: white;
                        }
                         #footer .footerSection li{                                                                      
                            padding: 3px 0 3px 10px;
                        }			         			    							 					
				
/** 3. SUB CLASSES **/
		
	/* BOX CLASSES  */
    
	.box {		                
        float: left;
        margin: 0 0 10px 0;
        padding: 1px 0 1px 0;
        width:100%;                      
		}
        .box .header {                   
            height: 29px;            
		    }
		    .box .header h1 {			     			       
                height: 17px;
                text-indent: 25px; /* Note! with header and h1 styles, allows icon overlay and positioning */                		    			   
			    }
			    .box .header h2 {			     			       
                height: 17px;
                text-indent: 25px; /* Note! with header and h1 styles, allows icon overlay and positioning */                		    			   
			    }					
		.box .body {				                      
			/*padding: 10px;*/
		    }
		    .box .body h3 {				                      
			    padding: 10px;    
		    }
            .box .body p {
                padding: 10px;
            }            		 
		.box .footer {
		    float:left;            
            width: 100%;
		}		
				
	/* COLUMN CLASSES */	
		
	.column {
		float: left;		
        margin: 1em .3em 1.5em 0;  /* Note! define this base class without margins etc, contextually define each instance instead*/
		}
		.column h3 {		
			margin: 0px;
			padding: .2em 0 1em 2em;			
		}
		.column img {
					
		}
		.column p {					
		
		}
		.column a {
            margin: 1em 0 1em 0;
		    padding: .2em 0 1em .5em;
		    
		}
		.column a.noImg {
			padding: 0;
		}			
		.columnWidth {	
			width: 20%;			
			}	
		.columnWidthTwo {
			width: 29%;
			}
		.columnWidthThree {
		    width: 44%;     
        }       
        
	/* IMAGE */		
	.imgContainer {		
        margin: 1em;		
		}	
	.margin {
		margin-left: 3em;
	}

    /* SECTION */
	.section { 		 		 
		float: left;
		margin: 10px 0 10px 0;        
        width:100%;
		}
        .section ul li {                                                         
            padding: 1px 0 1px 22px; 
            height: 2em;                            
        }
        section h3 {
            height: 38px;
            margin: 0 10px 0 10px;
            width: 583px; 
        }
         .section .sectionFooter {
            height: 2px;
            margin: 0 10px 0 10px;
            width: 583px;                     
        }		


/** 4. LISTS **/
    ol {      
        padding: 0 0 0 30px;      
    }
    ol li {      
       
        padding: 10px 0 10px 0;
    }
    ol ol li {
        
    }


/** 5. TYPOGRAPHY **/


/** 6. FORMS **/


/* 7. CUSTOM STYLES */

/* Added 3/2/10 */
.feature {    
    margin: 10px;
    width: 97%;
}

.minHeight {
    min-height: 340px;
    /*min-height: 631px;*/
}

/* Temporary style 4/2/10*/
.searchTip {    
    margin: 10px auto 10px auto;
    padding: 5px;  
    width: 90%;
    } 
    .tipIcon {
        height:26px;
        position: relative;        
        left: 10px;
        top: 25px;               
        width: 26px;        
    }


.image{               /* Following styles used in product table layout (G.P controller and other pages) */  
    float: left;
    width: 15%; 
    margin: 20px 10px 10px 0px;
}

.description{ 
    float: left;    
    margin: 20px 10px 10px 10px;
    width: 28%; 
}

.partno {
    float: left;  
    margin: 20px 10px 10px 10px;
    width: 15%;     
}

.info {
    float: left;    
    margin: 20px 10px 10px 0px;
    width: 15%;
}

.map {
    height: 402px;  
    margin: 20px auto 0 auto;
    width: 525px;
          
}
.diagram {
    height: 542px;  
    margin: 20px auto 20px auto;
    width: 555px;
          
}

/* 8. REPEATER TABLE STYLES */
#repeaterTable {    
    margin: 10px;
    width: 97%;
    }
    #repeaterTable thead tr{    
    height: 29px;
    }
    #repeaterTable tbody td {
        padding: 5px;
    }    
    #repeaterTable tfoot tr {    
        height: 29px;    
    }    
    .searchHeader {
        height: 29px;
    }
    .cellImage {                
        padding: 0 0 0 10px;
        width: 60px;             
    }
    .cellProduct {        
        width: 395px;
    }
    .cellProduct span {    
        float: left;        
        text-align: left;
    }
    .cellNumber {   
        width: 90px; 
    }
    .cellDoc {
        width:88px;
    }
 


/*8. ALAN ADDED CHECKLOGIN.ASP STYLES (redone)*/

.img {   
     float: left;               
     height: 106px;     
     margin:.5em .5em 4em .5em ;
     position: relative;   
     /*width: 90px;*/
     width: 22%;
     z-index: 2;        
}
.img a {
    /*position: absolute;*/            
    display: block;
    width: 90px;                /* Inherited height/width values not working in IE */
    height: 106px;
    z-index: 1;       
}
.img a:hover {
      display: block;     
      height: 106px;
     /*position: absolute;*/
     width: 90px;               /* Inherited height/width values not working in IE */     
     z-index: 1;      
}

/** END **/


/** END **/