/*------- STYLING -------*/

/** 1. BODY ELEMENT **/

body {   	      
    /*background: #c3c2c1 url(../images/bg_sliceTest.jpg) repeat-x scroll left top;*/
    background: #e4e2e3 url(../images/bg_sliceTest2.jpg) repeat-x scroll left top;
}

/** 2. MAIN CONTAINERS **/

    #container {		
		text-align: left;			
		}
		#header {			
                       
			}
			#header #logo {
			    background: url(../images/transparentLogo.png) no-repeat;
            }
            #header #fontScale {
                color: White;
                cursor: pointer;            
                }
                #header #fontScale .plus {
                    background: url(../images/plusIcon.png) no-repeat;
                }
                #header #fontScale .minus {
                    background: url(../images/minusIcon.png) no-repeat;
                }                                                    
			#header #headerLogin {
                }
                #header #headerLogin input {			    
			        background-color: #373634; 
			        /*border: 1px solid #505052;*/
			        border: 1px solid #9d9ca1;
			        /*color: #aa9b83;			        			         		        		          			    			       		        			       	        */
			        color: #9d9ca1;
                }
                #header #headerLogin .submitBtn {			    
			        background: url(../images/login.png) no-repeat; 			        
			        cursor: pointer;	        			    			       		        			       	        
                }       												
			#navigation {
                
			    }
                #navigation ul li {
				    list-style-type: none;							
				    }				                				
                    #navigation a {                    				        
				        color: white;					    
					    font-family: AvantGarde Bk BT;					    
					    font-size: 1.2em;					    
					    text-decoration: none;
					    text-indent: -9999px;   /* Display Hack: allows hidden text content SEO spidering*/
					    z-index: 1;
                    }
				    #navigation a:hover { /* Navigation images + rollovers */
				        /* background: url(..images/healthcareNav.png) no-repeat; */
				        }                      				        
                        .homeNav {            
                            background: url(../images/homeNav.png) no-repeat;
                            }
                            .homeNav-over {            
                                background: url(../images/homeNav-over.png) no-repeat;
                            }                        
                        .profileNav {            
                            background: url(../images/profileNav.png) no-repeat;
                            }
                            .profileNav-over {
                                background: url(../images/profileNav-over.png) no-repeat;
                            }                            
                        .productsNav {            
                            background: url(../images/productsNav.png) no-repeat;
                            }
                            .productsNav-over {
                                background: url(../images/productsNav-over.png) no-repeat;
                            } 	
                        .distributorsNav {            
                            background: url(../images/distributorsNav.png) no-repeat;
                            }
                            .distributorsNav-over {
                                background: url(../images/distributorsNav-over.png) no-repeat;
                            } 	
                        .qualityNav {            
                            background: url(../images/qualityNav.png) no-repeat;
                            }
                            .qualityNav-over {
                                background: url(../images/qualityNav-over.png) no-repeat;
                            } 	
                        .newsNav {            
                            background: url(../images/newsNav.png) no-repeat;
                            }
                            .newsNav-over {
                                background: url(../images/newsNav-over.png) no-repeat;
                            } 	
                        .energyNav {            
                            background: url(../images/energyNav.png) no-repeat;
                            }
                            .energyNav-over {
                                background: url(../images/energyNav-over.png) no-repeat;
                            } 	
                        .healthcareNav {            
                            background: url(../images/healthcareNav.png) no-repeat;
                            }
                            .healthcareNav-over {
                                background: url(../images/healthcareNav-over.png) no-repeat;
                            } 
                         .newsNav {            
                            background: url(../images/newsNav.png) no-repeat;
                            }
                            .newsNav-over {
                                background: url(../images/newsNav-over.png) no-repeat;
                            } 
                        
        .breadCrumbIcon {
            background: url(../images/siteMapArrow.gif) no-repeat 50% 50%;             
        }	                               				    			    				
		#content {
			
			}
			#leftPanel {                
				}				
				#leftPanel .box .body li {                      
                    background-image: url(../images/greytri.gif);                       
                    background-position: 1% 50%; 
                    background-repeat: no-repeat;                 
                    border-bottom: 1px solid #cdcdcd;                    
                    border-top: 1px solid white;                                                           
                    list-style-type:none;                   
				}
				#leftPanel .box .body li:hover {                    
				    /*background-color: #e0e0d8;*/
				    background-image: url(../images/greytriR.gif);   
                    background-position: 1% 50%;
                    list-style-type: none;                                       	                    			   
				}
				#leftPanel .adArea {
                   
                    }
                 	#leftPanel .adArea a:link {
                        background: url(../images/chillExpo2010.png) no-repeat;
                        text-decoration: none;                 
                    } 
				
				/* Classic asp, "Download area" page styles */
                #download {
                    
                    }
                     #download h3 {                             
                     }
                     #download fieldset {                                          
                        background: #f5f5f4 url(../images/fieldSet_Slice.jpg) repeat-x;
                        border: 1px solid #bbbbbb;                                                             
                        }
                        #download legend {                            
                        }     
                        #download label {	                                      
                            border-width: 0 0 1px 0;                            
                            border-style: solid;
                            border-color: #4a4a4a;                                                      
                            padding: 4px 0 4px 0;                         
	                    }
                        #download input {	                
                            background-color: #373634; 
			                border: 1px solid #505052;
			                color: #aa9b83;                                                                          	                     
	                    }
	                    #download .submit {
                            background: url(../images/go.png) no-repeat; 			        
			                border: 0;
			                color: #403d3d;
			                cursor: pointer;
                        }
            #centerPanel #mapContainer {
                    border: 1px solid #bbbaba;
            }
            #centerPanel .box .header {
                background: url(../images/boxHeaderLBg.png) no-repeat;
            }                
            #rightPanel {
				
                }
                #rightPanel .adArea {
                    background: url(../images/carbonFootprintAd.jpg) no-repeat;
                }                                
                #rightPanel .overlay {
                    background: url(../images/ecaLogo.png) no-repeat;
                }  
			#footer {        
			    background: #080808;
			    z-index: 101;
			    }
			    #footer #animatedFooter{                                                    
                    background: #080808;
                    border: 0 0 1px 0;
                    border-color: #222222;                     
                    color: #777777;                   
                }              
                .footerSection .footerHeading {
                    background: url(../images/arrow.png) no-repeat left center;
                    color: white;
                }
			    #footer li {
                    background: url(../images/footerArrow.gif) no-repeat left center;
                    border-bottom: 1px solid #222222; 
                    color: #89ca54;
                    font-size: 1em;
                    list-style-type: none;                
                    padding: 5px 0 5px 10px;
                }
			    #footer a {				    
				    color: #555555;
					text-decoration: none;													
                }
				#footer a:hover {
				    color: #333333;
				    color: White;				                    				
				}							
				
/** 3. SUB CLASSES **/
	
	/* BOX CLASS*/
	.box {
        	 
		}
		.box .header {
            /*background: #ebebeb url(../images/boxHeader_slice.jpg) repeat-x;
            background: url(../images/boxHeader3_slice.jpg) repeat-x;*/
            background: url(../images/boxHeaderBg.png) no-repeat;
            /*border: #121212 solid;
            border-width: 1px 1px 0px 1px;*/ 
            /*text-indent : -9999px;     /* Moves text content out of viewport (allows seo spidering, use of image headers while remaining semantically correct.) */          
			}			
			.box .header h1 {

			}
			.box .header h2 {
                color: White;           
                }
                .quickLinksHeader {
                    background: url(../images/quickLinks.png) no-repeat;
                }				
                .supportHeader {
                    background: url(../images/supportAndDoc.png) no-repeat;                    
                }
                .infoHeader {
                    background: url(../images/infoAndResources.png) no-repeat;                
                }
                .adHeader {
                    background: url(../images/sunshineIcon.png) no-repeat;
                }
					   			    			    			    
		.box .body {		    
		    /*background: #e1e1e1 url(../images/box_slice4.jpg) repeat-y scroll left top;*/
		    background: #f1f1f1 url(../images/box_slice5.jpg) repeat-x;
		    border-bottom: 1px solid #cdcdcd;
            border-right: 1px solid white;
            border-top: 1px solid white;
		    }
		    .box .body h2 {
		            
		    }
		    .box .body h3 {
		        /*border: #d5d5d5 solid;
		        border-width: 0 0 1px 0;*/    
		    }
		    .box .body p {
                
            }
            .box .logo {
                background: #fefefe url(../images/logoBox_slice.jpg) repeat-x scroll left top;
                border: 1px solid #a8a8a8;
            }
		.box .footer{	          				
		    
		    }        	
			
	/* COLUMNS */
	.column {
		 
		}
		.column h3 {			
			
			}
		.column .img {
			background-image: none;
		}
		.column a {
			         	  
		    }
		    .column a:hover {
    		    
		    }
		    .column a.noImg {
			    background-image: none;
			    text-decoration:none;
		    }
        .column input {
            border: 0px;
            background-color: #252525;
        }
		
		
		/* SECTION CLASS */
	    .section {
		        
            }
            .section h3{		        		     
                background: url(../images/sectionHeader.png) no-repeat;
            }            
		    .section ul li {  /* Change these styles */
                               
            }
            .section .sectionFooter {
                background: url(../images/sectionFooter.png) no-repeat;
            }            
				

/** 4. LISTS **/
ol {      
    list-style-type: upper-alpha;     
}
ol li {      
    list-style-type: upper-alpha;      
}
ol ol li {
    list-style-type: lower-roman;
}
        


/** 5. TYPOGRAPHY **/


/** 6. FORMS **/

.txtAreaMultiLine {
    background-color: #292929;
    border: 1px Solid #515151;
    color: White;    
}


/** 7. CUSTOM STYLES/ICONS **/

/* Added 3/2/10 */
.feature {
    background: #f5f5f4 url(../images/fieldSet_Slice.jpg) repeat-x;
    border: 1px solid #bbbbbb;
}


.arrow {
    /*background-image: url(../images/greytri.gif);   
    background-position:0% 40%; 
    background-repeat: no-repeat; 
    padding-left: 20px;*/
}

.line {
    border-color: #4a4a4a;		    
    border-style :solid;
    border-width : 0 0 1px 0;	
}
.map {    
    background: url(../images/map2.gif) no-repeat;				        
}
.diagram {
    background: url(../images/productdiagram.gif) no-repeat;	
}

/* TABLES  /* remove table styles, use asp.net themes*/
.dmTable { 	
	border-collapse: separate;
	border-color: #d5d5d5;
    border-style: Solid;
    border-width: 1px;
    width: 100%; 
	}
	.dmTable th {
	    font-weight: bold; 
	    margin-left: 10px; 
    }
	
	dmTable tr {
        padding: 2px 5px 2px 5px; 
	    background-color: white;
        border-color: #333333;
        border-style: Solid;     
	    }  
	.dmTable td 
	    {
	    background-color: white;
        border-color: #333333;
        border-style: Solid;
        border-width: 1px;
        } 
        
               
/* 8. PRODUCT PAGE CONTROLS - abstract these into a control "theme" */

#repeaterTable {
    }   
    #repeaterTable thead {             
        background: #ebebeb url(../images/boxHeaderPBg.png) no-repeat;
        }
        #repeaterTable thead tr.productHeader {
            color: White; 
        }
        #repeaterTable thead tr.headings {
            background: url(../images/rowHeader.jpg) repeat-x;
            border-left: 1px solid #cdcdcd;
            border-right: 1px solid #cdcdcd;               
            }
            #repeaterTable thead tr.headings td{
                border-left:  1px solid #cdcdcd;               
                border-right: 1px solid white;
                padding: 0 0 0 5px;    
            }
            #repeaterTable thead tr.headings td.cellImage{
                border-left: 1px solid #cdcdcd;    
            }
            #repeaterTable thead tr.headings td.cellDoc{
                border-right: 1px solid #cdcdcd;
            }     
    #repeaterTable tbody {        
        } 
        #repeaterTable tbody td {
            border-bottom: 1px solid #dddddd;
            }
            #repeaterTable tbody td.cellImage{
                border-left: 1px solid #cdcdcd;    
            }
            #repeaterTable tbody td.cellDoc{
                border-right: 1px solid #cdcdcd;
            }              
        #repeaterTable tbody td.odd {    
            background-color: #ffffff;        
        }
        #repeaterTable tbody td.even {
            background-color: #f9f4f4;
            border-top: none;                           
        }
        #repeaterTable tfoot tr { 
            background: url(../images/rowFooter.jpg) repeat-x;            
            }
            #repeaterTable tfoot tr td {                                
                border: 0 1px 0 1px;
                border-color: red;
                border-width: 1px;
            }
            #repeaterTable tfoot tr td .btns {
                margin: 15px 0 0 150px; 
                width: 40%;    
            }
            #repeaterTable tfoot tr td .radioBtns {               
                margin: 0 0 0 25px;
                width: 35%;             
            }        
    #repeaterTable Dropdown {    
        border: 1px solid #646262;
        color: white; 
        cursor: pointer;
        margin-right: 5px; 
        text-align: center;      
    }
    
.pagingUI {       
	background-color: #373634; 
    border: 1px solid #505052;	
        color: #aa9b83;	
        cursor: pointer;
        margin-right: 5px; 
        padding:2px;       
    }
    .searchBtn {
        background-image: url(../images/searchBtn.png);
        Cursor: pointer;    
        float: right;   
        height:22px;    
        margin: 0px ;
        width: 42px;    
    }

/* Temporary style 4/2/10*/
.searchTip {
    background-color: #ffffcc;
    border: 1px solid #bbbbbb;
    }  
    .tipIcon {
        background: url(../images/exclamation.png) no-repeat;
    }

 
/* ICONS */
.bullet {
    background-image: url(../images/bullet.png);   
    background-position:2% 20%; 
    background-repeat: no-repeat;                   
    padding:1px 0 1px 30px; 	    
}
.addressIcon {
    background-image: url(../images/address.gif);   
    background-position:0% 0%; 
    background-repeat: no-repeat;            
}
.phoneIcon {
    background-image: url(../images/phone.gif);   
    background-position:0% 0%; 
    background-repeat: no-repeat;               
}
.infoIcon {
    background-image: url(../images/info.gif);   
    background-position:0% 0%; 
    background-repeat: no-repeat;                                       
}
        
														
/*8. ALAN'S CHECKLOGIN.ASP STYLES */

.weather a {
    background: url('../images/weather.jpg') no-repeat;    
}
.weather a:hover {
    background: url('../images/weather.jpg') no-repeat;    
}

.reports a {
    background: url('../images/report.jpg') no-repeat;    
}
.reports a:hover {
    background: url('../images/report.jpg') no-repeat;    
}
.reportList a {
    background: url('../images/reportlistMaintenance.jpg') no-repeat;    
}
.reportList a: hover {
    background: url('../images/reportlistMaintenance.jpg') no-repeat;    
}

.dialsite a {
    background: url('../images/dialSite.jpg') no-repeat;    
}
.dialsite a:hover {
    background: url('../images/dialSite.jpg') no-repeat;    
}

.admin a {
    background: url('../images/administration.jpg') no-repeat;    
}
.admin a:hover {
    background: url('../images/administration.jpg') no-repeat;    
}

.newAdmin a {
    background: url('../images/newAdministration.jpg') no-repeat;    
}
.newAdmin a:hover {
    background: url('../images/newAdministration.jpg') no-repeat;    
}

.webFM a {
    background: url('../images/webfm.jpg') no-repeat;    
}
.webFM a:hover {
    background: url('../images/webFM.jpg') no-repeat;    
}

.addArticle a {
    background: url('../images/addArticle.jpg') no-repeat;    
}
.addArticle a:hover {
    background: url('../images/addArticle.jpg') no-repeat;    
}

.deleteArticle a {
    background: url('../images/deleteArticle.jpg') no-repeat;    
}
.deleteArticle a:hover {
    background: url('../images/deleteArticle.jpg') no-repeat;    
}

.updateArticle a {
    background: url('../images/updateArticle.jpg') no-repeat;    
}
.updateArticle a:hover {
    background: url('../images/updateArticle.jpg') no-repeat;    
}

.changeProfile a {
    background: url('../images/changeProfile.jpg') no-repeat;        
}
.changeProfile a:hover {
    background: url('../images/changeProfile.jpg') no-repeat;        
}

.energy a {
    background: url('../images/energyS.jpg') no-repeat;    
}
.energy a:hover {
    background: url('../images/energyS.jpg') no-repeat;    
}

/** END **/