/*------- STYLING  (Note: addition of "Ct100" prefixes on some styles to account for .net generated naming container ID's) -------*/


/** 1. BODY ELEMENT **/
body {   	          
    /*background: white url(../images/RDM_2011_bg2.png) no-repeat;*/    
    background-color: #eff0f1;      
    }
    /* Alternating background styles */
    .bodyHomeBg {   

    }
    .bodyContentBg {

    }

/** 2. MAIN CONTAINERS **/

    #container {				
		/*background: white url(../images/RDM_2011_bg2.png) no-repeat;*/
		text-align: left;
		} 
        #header {
            
			}            			
			#header #logo {
			    background: url(../images/basicLogo.png) no-repeat;			    
            }
            
            /* Search area */
            #header #searchArea {
                    
                }
                #header #searchArea #phoneLink {
                    float: right; 
                    /*color:#5b5a5a; */
                    margin: 7px 0 3px 0; 
                    font-size: 1.3em;
                    text-shadow: 0 1px 0 white;
                }
                #header #searchArea input{
                    background-color: #f7f7f6;
                }
                #header #searchBox {
                    background: url(../images/searchBox.png) no-repeat;
                }
                #header .searchBox {                                           
            
                }                
                #header .searchBtn {
                    background: url(../images/spyGlassBtn.png) no-repeat;
                    cursor: pointer;    
                }  
            
             /* Login panel */                          
            #login {                
                         
                }
                #login a{                
                    background: url(../images/clientLoginImg.png) no-repeat;
                    cursor: pointer;
                    text-indent: -9999px;                    
                } 
                 #login a:hover {
                    background: url(../images/clientLoginImgR.png) no-repeat;
                    text-indent: -9999px;
                    }                  
                #loginPanel {                
                
                    }
                    #loginPanel #loginHeader {
                        
                    }
                    #loginPanel .loginField {
                        border: 1px solid #beccbd;
                        background-color: White;
                        /*background: url(../images/inputBg.png) no-repeat;  */
                        border-radius: 5px;
                        -moz-border-radius: 5px;                
                        moz-box-shadow: 3px 3px 3px #e1e2e3; 
                        -webkit-box-shadow: 3px 3px 3px #e1e2e3; 
                        box-shadow: 3px 3px 3px #e1e2e3;
                        padding: 10px 5px 10px 5px;
                        }
                        .loginField span {
                            font-weight: 600;                            
                        }                
                    #loginPanel .submitBtn {
                        background: url("../images/login.png") no-repeat scroll 0 0 transparent;
                        border: medium none;
                        cursor: pointer;
                        text-indent: -9999px;
                        /*margin-top: 10px;*/
                    }
                   
            
            
            /* Navigation */
            #navigation {
                background: url(../images/navBarSprite5.png) no-repeat;
			    }	
                /* Megamenus */					
                #navigation  ul#topnav {
	                font-size: 1em;	            	              
	                list-style: none;
                    }
                    ul#topnav li {
	                    display: inline;
	                    list-style-type: none;	                    	    
                        }
                        ul#topnav li a.nav {
	                        color: white;	                   
	                        font-family: Tahoma;
	                        font-size: 1.2em;
	                        font-weight: 500;
	                        text-decoration: none;
	                        text-indent: -9999px;
                            }
                            ul#topnav li a.nav:hover {
	                            /*background: url(../images/navbarSlice.png) repeat-x;
	                            color: #c5c5c5;*/
                            }
                            ul#topnav li#topnav-1 a.nav {
                                
                                }
                                ul#topnav  li#topnav-1 a.nav:hover {
                                    background: url(../images/navBarSprite5.png) no-repeat -66px 0;
                                    background-position: 0 -46px;
                                }
                                ul#topnav  li#topnav-1 a.nav:current {
                                    background: url(../images/navBarSprit.png) no-repeat -66px 0;
                                    background-position: 0 -46px;
                                }
                            ul#topnav li#topnav-2 a.nav {
                                
                                }
                                ul#topnav  li#topnav-2 a.nav:hover {
                                    background:url(../images/navBarSprite5.png) no-repeat -66px 0;
                                    background-position: -85px -46px;
                                }
                                ul#topnav  li#topnav-2 a.nav:current {
                                    background:url(../images/navBarSprite5.png) no-repeat -66px 0;
                                    background-position: -90px -46px;
                                }
                            ul#topnav li#topnav-3 a.nav {
                                
                                }
                                ul#topnav  li#topnav-3 a.nav:hover {
                                    background: url(../images/navBarSprite5.png) no-repeat -66px 0;
                                    background-position: -174px -46px;
                                }
                                ul#topnav  li#topnav-3 a.nav:current {
                                    background: url(../images/navBarSprite5.png) no-repeat -66px 0;
                                    background-position: -175px -46px;
                                }
                            ul#topnav li#topnav-4 a.nav {
                                
                                }
                                ul#topnav  li#topnav-4 a.nav:hover {
                                    background: url(../images/navBarSprite5.png) no-repeat -66px 0;
                                    background-position: -267px -46px;
                                }
                                ul#topnav  li#topnav-4 a.nav:current {
                                    background: url(../images/navBarSprite5.png) no-repeat -66px 0;
                                    background-position: -257px -46px;
                                }                                 
                            ul#topnav li#topnav-5 a.nav {
                                
                                }
                                ul#topnav  li#topnav-5 a.nav:hover {
                                    background: url(../images/navBarSprite5.png) no-repeat -66px 0;
                                    background-position: -364px -46px;
                                }
                                ul#topnav  li#topnav-5 a.nav:current {
                                    background: url(../images/navBarSprite5.png) no-repeat -66px 0;
                                    background-position: -364px -46px;
                                }
                            ul#topnav li#topnav-6 a.nav {
                                
                                }
                                ul#topnav  li#topnav-6 a.nav:hover {
                                    background: url(../images/navBarSprite5.png) no-repeat -66px 0;
                                    background-position: -434px -46px;
                                }
                                ul#topnav  li#topnav-6 a.nav:current {
                                    background: url(../images/navBarSprite5.png) no-repeat -66px 0;
                                    background-position: -411px -46px;
                                }                                 
                            ul#topnav li#topnav-7 a.nav {
                                
                                }
                                ul#topnav  li#topnav-7 a.nav:hover {
                                    background: url(../images/navBarSprite5.png) no-repeat -66px 0;
                                    background-position: -494px -46px;
                                }
                                ul#topnav  li#topnav-7 a.nav:current {
                                    background: url(../images/navBarSprite5.png) no-repeat -66px 0;
                                    background-position: -461px -46px;
                                }                            
                            ul#topnav li#topnav-8 a.nav {
                                
                                }
                                ul#topnav  li#topnav-8 a.nav:hover {
                                    background: url(../images/navBarSprite5.png) no-repeat -66px 0;
                                    background-position: -494px -46px;
                                }
                                ul#topnav  li#topnav-8 a.nav:current {
                                    background: url(../images/navBarSprite5.png) no-repeat -66px 0;
                                    background-position: -461px -46px;
                                }     
                                                                                                                                                                                                                               		
                            /* sub menu */
                            ul#topnav li .sub {	                                                    
                                background: url("../images/productsSlice.png") repeat-x #F7F7F7;
                                border: 1px solid #cccccc;	
                                display: none; /*--Hidden for those with js turned off--*/
	                            /*--Bottom right rounded corner--
	                            -khtml-border-radius-bottomright: 5px;
	                            -moz-border-radius-bottomright: 5px;          
	                            -webkit-border-bottom-right-radius: 5px;
	                            /*--Bottom left rounded corner--
	                            -khtml-border-radius-bottomleft: 5px;
	                            -moz-border-radius-bottomleft: 5px;	                        
	                            -webkit-border-bottom-left-radius: 5px;	*/
	                            moz-box-shadow: 3px 3px 3px #e1e2e3; 
                                -webkit-box-shadow: 3px 3px 3px #e1e2e3; 
                                box-shadow: 3px 3px 3px #e1e2e3;                        
	                            z-index: 99999;
                            }                            
                            ul#topnav li .sub ul { 	                        
	                            list-style: none;
                                }                          
                                ul#topnav .sub ul li {	                            
	                                /*border-bottom: 1px dotted #cccccc;*/
	                                color: #333333;
	                                list-style-type: none;	                            
                                    }
                                    ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	                                    color: #666666;
	                                    font-size: 1em;
	                                    font-weight: 600;
                                        }
                                        ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	                                        background-image: none;	                                    
	                                        color: #333333;                                  
                                            }
                                            ul#topnav .sub ul li h2 a:hover { 
	                                            background-image: none;	                                    	                                                                            
                                            }
                                           ul#topnav .sub ul li a {
	                                        background: url(../images/listArrow.png) no-repeat;
	                                        background-position: 5px 12px;
	                                        color: #333333;	                                       
	                                        font-size: .9em;	                        	                                        
	                                        text-decoration: none;
	                                        text-indent: 0; /*--Override text-indent from parent list item--*/	                                	                                
                                            }
                                            ul#topnav .sub ul li a:hover {
	                                            background: url(../images/listArrow.png) no-repeat;
	                                            background-position: 7px 12px ;/*--Override background position--*/
	                                            color: #2b8069;		                                            
	                                            /*text-decoration: underline;*/
                                            }
	                            ul#topnav li .row { /*--If needed to break out into rows--*/
	                                clear: both;	                   
                                } 
                                                                                                                                      				    			    				
		#content {
			
			}
			#ctl00_centerPanel {
              
                }
                /* page content styles */
                #pageContent {                    
                    background: url(../images/headerSlice.png) repeat-x #ffffff;                                                               
                    border: 1px solid #c9caca;
                     border-radius: 5px;
                    -moz-border-radius: 5px;                
                    moz-box-shadow: 5px 5px 5px #e1e2e3;
                    -webkit-box-shadow: 5px 5px 5px #e1e2e3;
                    box-shadow: 5px 5px 5px #e1e2e3;
                    }                   
                    #breadCrumb {
                                       
                    }
                    #breadCrumb span {
                        text-shadow: 0 1px 0 white;           
                    }
                    
                    
                    #breadCrumb .breadCrumbIcon {
                        background: url(../images/siteMapArrow.jpg) no-repeat;                                        
                    }
                    #pageContent #container {
                        background: url(../images/container_bg.png) no-repeat;
                        width: 703px;
                    }
                    /* Pagecontent box */
                    #pageContent .box {
                        background: url(../images/boxSlice.png) repeat-x #f7f7f7;
                        border: 1px solid #c9caca;
                        border-radius: 5px;
                        -moz-border-radius: 5px;                
                        moz-box-shadow: 3px 3px 3px #e1e2e3; 
                        -webkit-box-shadow: 3px 3px 3px #e1e2e3; 
                        box-shadow: 1px 1px 1px #e1e2e3;
                        }                    
                        #pageContent .box h2 {
                            font-family: Arial;
                            color: #2c3e3a;                            
                        }
                        #pageContent .box p{
                            color: #7a7a7a;
                        } 
                        #pageContent .box img {
                        
                        } 
                        #pageContent .box a {
                            color: #206754;
                            font-weight: 600;
                        }
                        
                        
                        /* Documentation box styles    added 13/1/12  need to refactor more efficiently */
                        #pageContent #documentation .docBox {
                            background: url("../images/productSlice.png") repeat-x scroll left bottom transparent;
                            border: 1px solid #C9CACA;
                            border-radius: 5px 5px 5px 5px;
                            box-shadow: 2px 2px 2px #D8D8D8;
                            position: relative;
                            }                                                
                            #documentation .docBox h2 {
                                background: url(../images/productHeaderSmall2.png) no-repeat;                                 
                                text-shadow: 0 2px 0 white;    
                            }
                            #documentation .docBox h2 img {
                               
                            }
                            #documentation .docBox p{
                               
                            } 
                            #documentation .docBox img {
                                  
                            } 
                            #documentation .docBox a {
                                
                            } 
                        
                        /* Products seaction leftt column styles */
                        #leftProductColumn .productBox {                            
                            background: url(../images/productSlice.png) repeat-x scroll left bottom transparent;
                            border: 1px solid #c9caca; 
                            /*border-top: none;*/
                            border-radius: 5px; 
                            -moz-border-radius: 5px;
                            moz-box-shadow: 2px 2px 2px #d8d8d8; 
                            -webkit-box-shadow: 2px 2px 2px #d8d8d8; 
                            box-shadow: 2px 2px 2px #d8d8d8; 
                            /*background-color: #f8f8f8;*/
                            position: relative;                                                                                                            
                            }
                            #leftProductColumn .productBox h2 {
                                background: url(../images/productHeaderSmall2.png) no-repeat;                                 
                                text-shadow: 0 2px 0 white;
                            }
                            #leftProductColumn .productBox .productBoxContent {

                                }
                                #leftProductColumn .productBox .productBoxContent p {
                                    color:#5b5a5a;
                                }
                                #leftProductColumn .productBox .productBoxContent a {

                                }
                                
                        /* Products section right column styles */    
                        #pageContent #rightProductColumn {
                            background: url(../images/container_bg.png) no-repeat;
                            }
                            
                            #rightProductColumn h2 {
                                background: url(../images/productHeaderLarge.png) no-repeat;
                                text-shadow: 0 1px 0 white;
                            }
                            #rightProductColumn a {
                                text-decoration: none;
                            }
                            #rightProductColumn a:hover {
                                
                            }
                            #rightProductColumn .box {
                                /*background: url(../images/productsSlice.png) repeat-x #f7f7f7;*/
                                background: none;
                                border: none;                                                    
                                box-shadow: none;  
                                margin: 10px 5px 10px 5px;                            
                            }
                            
                            
                    /* Product categories section styles */    
                    #pageContent #categoriesColumn {
                       
                        }
                        #pageContent #categoriesColumn .box {
                            border: 1px solid #c9caca; 
                            /*border-top: none;*/
                            border-radius: 5px; 
                            -moz-border-radius: 5px; 
                            moz-box-shadow: 2px 2px 2px #d8d8d8; 
                            -webkit-box-shadow: 2px 2px 2px #d8d8d8; 
                            box-shadow: 2px 2px 2px #d8d8d8; 
                            background-color: #f8f8f8;   
                        }
                        #categoriesColumn .categoryDescription{
                            
                            }
                            .categoryDescription .categoryTitle{
                               
                            }
                            .categoryDescription .categoryOverview{
                                
                            }
                        #categoriesColumn .categoryImage{
                            
                        }
                            
                        
                    /* Category data sheet styles */
                    #pageContent #categoryDataSheet {
                        background-color: #f9f9f9;
                        -moz-border-radius: 5px;                
                        moz-box-shadow: 1px 1px 1px #e1e2e3; 
                        -webkit-box-shadow: 1px 1px 1px #e1e2e3; 
                        box-shadow: 1px 1px 1px #e1e2e3; 
                        }
                        #pageContent #categoryImages {
                            background: url(../images/dataSheetBG2.png) no-repeat;                                                                        
                            }
                            #categoryImages .dataSheetLargeImg {
                                        
                            }
                            #categoryImages .dataSheetthumbnailImg {                            
                            }
                            
                        /* Benefits styled lists */
                        #pageContent .Benefits {
                            
                        }                      
                        .Benefits h2 {
                            /*font-size:1.3em;*/
                            margin-bottom: 10px;      
                            }
                            .Benefits ul {
                                background-color:#f6f8f2;                                
                                float:left; 
	                            margin:10px 0 10px 0;
                                padding:10px;
                                width: 700px;
                                }
                               .Benefits ul li {
                                   background:url(../images/caseStudyArrow.gif) no-repeat;                                    
                                    list-style-type: none;
                                    margin-bottom: 10px;
                                    text-indent: 25px;    
                                    }
                                    .Benefits ul li strong {
                                        color: #303d1f;    
                                    } 
                                                                                                                                                             
                        /* Case study section article styles */       
                        #pageContent #caseStudy{
                            border:0;
                            float:left;
                            margin:0 20px 20px 0;  
                            width:720px; 
	                        }
	                        #caseStudy h1 {	                            
	                            margin: 10px 0 20px 0;
	                            }
	                            #caseStudy h1.freshneasy {
                                    color:#6d8d22;
	                            }
	                            #caseStudy h1.deltaTechnicsBv {
                                    color:#d6870f;
                                }
	                            #caseStudy h1.lunds {
	                                color:#154b3b;
	                            }
	                            
	                        #caseStudy h2 {
	                            font-size:1.3em;
	                            margin: 10px 0 10px 0;
	                        }
	                    #pageContent #Testimonial {
                            float:left;
                            width:200px;
	                        }
	                        #pageContent #Testimonial img {
                               margin: 0 0 10px 20px;
	                        }
                            #Testimonial .deltaTechnicsBv {
                                 color:#d6870f;
	                        }
                            #Testimonial .freshneasy {
                                color:#6d8d22;
                            }
	                        #Testimonial .lunds {
                                 color:#154b3b;
	                        }
	                       
	                     #pageContent #caseStudyBenefits {
	                                
                            }
                            #caseStudyBenefits h2 {
	                            font-size: 1.3em;
                                margin-bottom: 10px;           
                            }	                         	                         
                            #caseStudyBenefits ul {	                                                
	                            background-color:#f6f8f2;
                                height: 120px;
                                float:left; 
	                            margin:10px 0 10px 0;
                                padding:10px;
                                width:450px; 
	                            }
                                #caseStudyBenefits ul li {                                    
                                    background:url(../images/caseStudyArrow.gif) no-repeat;                                    
                                    list-style-type: none;
                                    margin-bottom: 10px;
                                    text-indent: 25px;                                    
                                }
                        
	                         
                        
                                                                                                
                        /* Case studies/News section UI */ 
                        #pageContent #gridNavigation {
                            /*background:  url(../images/newsTabBar.png) no-repeat;	     Commented out 11/1/12 */
                            background:  url(../images/newsTabBarTemp.png) no-repeat;	
                            }                                                                                                
                            #gridNavigation ul#gridNav {
	                            font-size: 1em;	            	              
	                            list-style: none;
                                }
                                ul#gridNav li {
	                                display: inline;
	                                list-style-type: none;	                                
	                                list-style-type: none;	                                	                                
                                    }
                                    ul#gridNav li a.nav {
	                                    color: white;	                   
	                                    font-family: Tahoma;
	                                    font-size: 1.2em;
	                                    font-weight: 500;
	                                    text-decoration: none;
	                                    text-indent: -9999px;	                                    
                                        }                                                                                                                                                               
                                        ul#gridNav li a.nav:hover {	                                                              		                      
	                                        
                                        }                                                           
                                        ul#gridNav li#gridNav-1 a.nav {
                                            
                                            }
                                            ul#gridNav li#gridNav-1 a.nav:hover {
                                                background: url(../images/newsTabBar.png) no-repeat -66px 0;
                                                background-position: 0 -57px;
                                            }
                                            ul#gridNav li#gridNav-1 a.nav:current {
                                                background: url(../images/newsTabBar.png) no-repeat -66px 0;
                                                background-position: 0 -43px;
                                            }                                        
                                        ul#gridNav li#gridNav-2 a.nav {
                                            
                                            }
                                            ul#gridNav li#gridNav-2 a.nav:hover {
                                                background: url(../images/newsTabBar.png) no-repeat -66px 0;
                                                background-position: -81px -57px;
                                            }
                                            ul#gridNav li#gridNav-2 a.nav:current {
                                                background: url(../images/newsTabBar.png) no-repeat -66px 0;
                                                background-position: 0 -43px;
                                            }
                                        
                                         ul#gridNav li#gridNav-3 a.nav {
                                           
                                            }
                                            ul#gridNav li#gridNav-3 a.nav:hover {
                                                background: url(../images/newsTabBar.png) no-repeat -66px 0;
                                                background-position: -162px -57px;
                                            }
                                            ul#gridNav li#gridNav-3 a.nav:current {
                                                background: url(../images/newsTabBar.png) no-repeat -66px 0;
                                                background-position: 0 -43px;
                                            }
                                        
                                         ul#gridNav li#gridNav-4 a.nav {
                                           
                                            }
                                            ul#gridNav li#gridNav-4 a.nav:hover {
                                                background: url(../images/newsTabBar.png) no-repeat -66px 0;
                                                background-position: -243px -57px;
                                            }
                                            ul#gridNav li#gridNav-4 a.nav:current {
                                                background: url(../images/newsTabBar.png) no-repeat -66px 0;
                                                background-position: -252px -43px;
                                            }
                                        
                                            ul#gridNav li#gridNav-5 a.nav {
                                                
                                            }
                                            ul#gridNav li#gridNav-5 a.nav:hover {
                                                background: url(../images/newsTabBar.png) no-repeat -66px 0;
                                                 background-position: -324px -57px;
                                            }
                                            ul#gridNav li#gridNav-5 a.nav:current {
                                                background: url(../images/newsTabBar.png) no-repeat -66px 0;
                                                background-position: 0 -43px;
                                            }
                                            
                                            
                                            ul#gridNav li#gridNav-6 a.nav {
                                                
                                            }
                                            ul#gridNav li#gridNav-6 a.nav:hover {
                                                background: url(../images/newsTabBar.png) no-repeat -66px 0;
                                                background-position: -405px -57px;
                                            }
                                            ul#gridNav li#gridNav-6 a.nav:current {
                                                background: url(../images/newsTabBar.png) no-repeat -66px 0;
                                                background-position: 0 -43px;
                                            }
                                            
                                            ul#gridNav li#gridNav-7 a.nav {
                                                
                                            }
                                            ul#gridNav li#gridNav-7 a.nav:hover {
                                                background: url(../images/newsTabBar.png) no-repeat -66px 0;
                                                background-position: -486px -57px;
                                            }
                                            ul#gridNav li#gridNav-7 a.nav:current {
                                                background: url(../images/newsTabBar.png) no-repeat -66px 0;
                                                background-position: 0 -43px;
                                            }
                        /* News section articles */
                        #pageContent #newsArticle {
                            
                            }
                            #newsArticle h2 {                            
                                color: #3B3B3B;
                                font-size: 1.5em;
                                font-weight: 400;
                            }
                            #pageContent .newsArticleColumn {                        
                                
                            }
                            #pageContent .newsArticleImage {                        
                                
                            }
                                              
                        
                                                                                                                                                                                                                                                                                                                                                                                 
                    #pageContentHeader {                        
                        border-bottom: 1px solid #c7c8c2;
                        text-align: center;
                        }
                        #pageContentHeader h1 {
                            /*font-size: 20px; */
                            text-align: left;                             
                            /*text-shadow: 0 1px 0 white;   */
                        }
                        #pageContentHeader .tempImg {
                              
                        }
                        #pageContentHeader .Caption {
                            border: 1px solid #cdcdcd;            
                            font-size: 15px;           
                        }
                    #pageContentSearchArea {                                    
                        border-right: 1px solid #cdcdcd;                         
                        }
                        #pageContentSearchArea #searchBox {
                                                   
                        }
	                    #pageContentSearchArea .promotion {                     
                                
                        }    
                    #pageContentLinksArea {        
                           
                    }
                    #pageContentLinksArea .productSection {                
                                
                    }
                    .productImage {           
                                   
                    }
                    .productTitle {                                   
                        text-align: center;            
                        }
                        .productTitle a {                                    
                                    
                        }
                    .productDescription {                                  
                        text-align: left;
                    }
                    .productLnkBtn {                                    
                        text-align: center;           
                    }
                    
                #pageContent #contactLinks {
                        background: url(../images/contactBg.png) no-repeat;
                        } 
                        #contactLinks .contactBox {
                                                  
                            }                           
                            .contactBox h2 {
                                color: #5c5b5b;
                                font-size: 1.4em;
                                text-indent: 10px;                             
                            }
                            .contactBox h2 img {

                            }
                            .contactBox p {
                                color: #7a7a7a; 
                                font-size: 1.1em;    
                            }                    
                    
                
                /* Product search styles */ 
                ct100-centerPanel #productSearch {
                    
                    }
                    #productSearch h4 {
                       
                    }
                    #productSearch select {
                        border: 1px solid #f6af36;	
                        color: black;
                        cursor: pointer;  
                    }
                    #productSearch .textField {
                        border: 1px solid #f6af36;	
                        color: black;	
                        cursor: pointer;               
                    }
                    #productSearch .searchBtn {
                        background-image: url(../images/searchBtn.png);
                        border: none;
                        Cursor:pointer;                     
                    }
                    
                    .searchWarning {
                        background: url(../images/searchErrorWarning.png) no-repeat; 
                        display: block;                              
                    }
                      			
			
			#ctl00_leftPanel {
                
            }				
            
            /* following styles are for markup that appears in the center panel area on different pages */                                      
            #ctl00_centerPanel #mapContainer {
                /*border: 1px solid #bbbaba;*/
            }
            #ctl00_centerPanel .box .header {
                /*background: url(../images/boxHeaderLBg.png) no-repeat;*/
                }
            #ctl00_centerPanel .box .editHeader {
                background: url(../images/boxHeaderEditBg.png) no-repeat;                
                }
                #ctl00_centerPanel #error {
                    background: url(../images/error.png) no-repeat; height: 126px; width:545px; margin: 20px auto 0 auto;
                }
                #ctl00_centerPanel #pageNotFound {
                    background: url(../images/404.png) no-repeat; height: 126px; width:545px; margin: 20px auto 0 auto;
                }
            
                
               /* Classic ASP page styles */                                                 
                .asp {
                    
                }
                .aspBox {
                    background: url(../images/productSlice.png) repeat-x scroll left bottom transparent;
                    border: 1px solid #c9caca;                     
                    border-radius: 5px; 
                    -moz-border-radius: 5px;
                    moz-box-shadow: 2px 2px 2px #d8d8d8; 
                    -webkit-box-shadow: 2px 2px 2px #d8d8d8; 
                    box-shadow: 2px 2px 2px #d8d8d8;                                                                                               
                    }
                    .aspBox h2 {                                
                        background: url(../images/aspHeaderSlice.png) repeat-x;
                        text-shadow: 0 2px 0 white;                                                                 
                    }
                    .aspBox .aspBoxContent {
                        
                    }
                    .aspBox .aspBoxContent a {

                    }                
                    .asp fieldset {                        
                                                                               
                    }
                    .asp legend {                            
                    
                    }
                    .aspBox fieldset label {
                       
                    }
                    .aspBox input {
			            border: 1px solid #248e5e;
			            color: black; 
			            		                
                    }
	                .aspBox .submit {              
			             background: url(../images/submit.png) no-repeat; 			        
			            border: 0;
			            color: #403d3d;
			            cursor: pointer;			        
                    }                
                
                
             /* Centerpanel left and right panel styles */   
             #ctl00_centerPanel #leftPanel{
                background: url(../images/boxSlice2.png) repeat-x #f7f7f7;                                                               
                border: 1px solid #c9caca;
                border-radius: 5px;
                -moz-border-radius: 5px;
                moz-box-shadow: 3px 3px 3px #e1e2e3; 
                -webkit-box-shadow: 3px 3px 3px #e1e2e3; 
                box-shadow: 3px 3px 3px #e1e2e3;
                }
                #ctl00_centerPanel #leftPanel h2 {
                    color: #0e2a24;
                    text-shadow: 0 2px 0 white;
                } 
            #ctl00_centerPanel #rightPanel {
                background: url(../images/boxSlice2.png) repeat-x #f7f7f7;                                                               
                border: 1px solid #c9caca;
                border-radius: 5px;
                -moz-border-radius: 5px;                
                moz-box-shadow: 3px 3px 3px #e1e2e3; 
                -webkit-box-shadow: 3px 3px 3px #e1e2e3; 
                box-shadow: 3px 3px 3px #e1e2e3;
                }
                #ctl00_centerPanel #rightPanel h2 {
                    color: #0e2a24;
                    text-shadow: 0 2px 0 white;  
                }
            /*#ctl00_centerPanel #rightPanel #energyWidget {                        energy meter styles commented out 16/11/11                                    
                background: url(../images/energyWidgetBg.png) no-repeat;
                }
                #ctl00_centerPanel #rightPanel #energyReadout {
                    
                    }
                    #ctl00_centerPanel #rightPanel .energyCounter {
                        background: url(../images/energyCounter.png) no-repeat;                        
                        color: white;
                        font-family: Arial;
                        font-size: 20px;    
                    }
            */
                    
            #ctl00_centerPanel .linkBoxes {
                background: url(../images/linkBoxGradient.png) repeat-x #f7f7f7;
                /*background: url(../images/boxSlice2.png) repeat-x #f7f7f7;  */
                border: 1px solid #c9caca;
                border-radius: 5px;
                -moz-border-radius: 5px;                
                moz-box-shadow: 1px 1px 1px #e1e2e3; 
                -webkit-box-shadow: 1px 1px 1px #e1e2e3; 
                box-shadow: 1px 1px 1px #e1e2e3;
                }                   
                .linkBoxes h4 {
                    color: #0e2a24;
                    text-shadow: 0 2px 0 white;            
                }
                .linkBoxes p {
                    color: #5b5a5a;
                }
                .linkBoxes a {
                    color: #0c0c0c;
                    font-family: Arial;
                    font-size: .9em;
                    font-weight: 600;                           
                }
            
            /* Homepage "badges" styles */            
            #ctl00_centerPanel .badge {
                
                }
                .linkedIn {
                    background: url(../images/linkedInBadge.png) no-repeat;        
                }
                .youTube {
                    background: url(../images/youTubeBadge.png) no-repeat;
                }  

            
			#footer {
			    /*z-index: 101; */    
			    }			    
				#footer a:hover {
				    
				}
			    #footerContent {  			        
			        background: url(../images/productsSlice.png) repeat-x #f7f7f7;
			        border: 1px solid #c9caca;
                    border-radius: 5px;
                    -moz-border-radius: 5px;
			        }
                    #footerContent #footerHeadings {                        
                        border-bottom: 1px solid #c7c8c2;                       
                        } 
                        #footerHeadings a {                           
                            color: #323131;
                            cursor: pointer;                            
                            font-size: 1em;                            
                            text-decoration: none;
                            text-shadow: 0 2px 0 white;
                            }                     
                            #footerHeadings a:hover {                                
                                /*background-image: url(../images/greytri.gif);   
                                background-position:0% 40%; 
                                background-repeat: no-repeat;*/
                                color: #2b8069;                                           
                            }                
                    #footerContent #companyInfo {
                        border-top: 1px solid white;           
                    }      
                                                			    										
/** 3. SUB CLASSES **/
	
	/* BOX */
	.box {
        	 
		}
		.box .header {
             /*border-bottom: 1px solid #cdcdcd;*/
            /*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 {			    
			    /*font-family: Helvetica,Arial,sans-serif;
			    /*font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
                font-size: 2.3em;
                font-weight: normal;
                letter-spacing: -1px;
                color: #4C4C4C; */
			    }                                 			    
			.box .header h2 {
                
                }
                .quickLinksHeader {
                    background: url(../images/quickLinks.png) no-repeat;
                }				
                .supportHeader {
                    background: url(../images/supportAndDoc.png) no-repeat;                   
                }
                .infoHeader {
                    margin-top: 15px;
                    background: url(../images/infoAndResources.png) no-repeat;                
                }
                .adHeader {
                    background: url(../images/sunshineIcon.png) no-repeat;
                }
					   			    			    			    
		.box .body {		    
		    /*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 {
		        /*color: #999898;
		        font-family: Lucida Bright;
		        font-size: 1em;
		        font-style:italic;*/
		    }
		    .box .body h3 {
		        text-indent: 20px;
		        font-weight: 700;                
		        /*border-bottom: 1px solid #cdcdcd;
			    color: black;
			    font-family: Arial;
                font-size: 1.4em;                
                font-weight: normal;                
                color: black;*/
		    }
		    .box .body #textControls {                
                  
                }
                #textControls span {                    
                    cursor: pointer;
                    float: left;
                    font-size: 10px;                    
                    text-decoration: none;
                }
                #textControls .textControlsIcon { 
                    background: url(../images/textControlsIcon.png) no-repeat;                    
                }
                #textControls .printControlsIcon { 
                    background: url(../images/printIcon.png) no-repeat;
                    cursor: pointer;
                    text-indent: 20px;                    
                }     
		    .box .body p {
                
            }
            .box .logo {
                background: #fefefe url(../images/logoBox_slice.jpg) repeat-x scroll left top;
                border: 1px solid #a8a8a8;
            }
		.box .footer{	          				
		    
		    }        	
			
	/* COLUMN */
	.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: 1px solid black;*/
            /*background-color: #252525;*/
        }
		
		
    /* SECTION */
	.section {
		        
        }
        .section h3{		        		     
            
        }            
		.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 **/

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



/* Added 3/2/10 */
.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;
        } 
        
                

/* LABELS */
.warning {
    /*background-color: #ffffcc;
    border: 1px solid #a6a3a3;*/
    background:url(../images/warningLbl.png) no-repeat;    
    }  
    .tipIcon {
        background: url(../images/exclamation.png) no-repeat;
    }
.feedback {
    background:url(../images/feedBackLbl.png) no-repeat;    
    z-index: 10;
    position: relative;
    left: 50px;
    top: 50px;   
}

.testFileUpload {
    background-color: #fefeee; 
    /*border: 1px solid #505052;*/
	border: none;
	/*color: #aa9b83;			        			         		        		          			    			       		        			       	        */
	color: #9d9ca1;	
}

.testLabel {
    margin: 0 0 0 5px;
}
    
    

 
/* 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. ASP.NET CONTROL STYLES */

/* REPEATER STYLES*/
#repeaterTable {
        /*background: #f1f1f1 url(../images/products_slice.png) repeat-x;*/
        color: #333333;
    }   
    #repeaterTable thead {             
         background: url(../images/roundedRow.png) no-repeat;
         color: White;   
        }
        #repeaterTable thead tr.productHeader {
            
        }
        #repeaterTable thead tr.headings {            
           
            }
            #repeaterTable thead tr.headings td{
                
            }
            #repeaterTable thead tr.headings td.cellImage{
               
            }
            #repeaterTable thead tr.headings td.cellDoc{
                
            }     
    #repeaterTable tbody {
        } 
        #repeaterTable tbody td {
            /* border-bottom: 1px dotted #a2a1a1; */
            }                    
            #repeaterTable tbody td.odd {    
                background-color: #f5f5f5;
            }
            #repeaterTable tbody td.even {            
                border-top: none;                           
            }
        #repeaterTable tfoot tr { 
            background: url(../images/roundedRow.png) no-repeat;            
            color: White; 
            }
            #repeaterTable tfoot tr td {                                
                
            }                              
    #repeaterTable Dropdown {    
        border: 1px solid #646262;
        color: white; 
        cursor: pointer;        
        text-align: center;      
    }
    
     
       
/* GridView .NET "skin" styles */
.gridViewSubGrpHeader {
    background: url(../images/gridViewSubGrpHeader.png) no-repeat;
    color: white; 
    text-align: center;
}
.gridViewStyle {
    background: url(../images/gridViewSlice.png) repeat-x #f7f7f7;
    
    border-color: #d0d1d3;
    border-style:solid;
    border-width:1px 1px 1px 1px;    
    color: black;      
    }
    .gridViewStyle tr td {
        border-bottom: 1px; 
        border-color: #dddddd;
        border-style:solid;
    }
    .gridViewHeaderStyle {
        background: url(../images/gridViewHeader.png) repeat-x;    
        /*border-bottom:1px solid #d0d1d3;*/
        color: #403d3d;
        text-align: left;
        }
        .gridViewHeaderStyle a {
            background: url(../images/sortIcon.png) no-repeat;
            background-position: right center; 
            color: #374d48;             
            cursor: pointer;            
            padding-right: 12px;
            text-decoration: none;
        }
    .gridViewRowStyle {
        /*(background-color: white;*/
        height: 57px;
        }
        .gridViewRowStyle a {
            color: #206754; 
            text-decoration: underline;   
        }
        .gridViewRowStyle a:hover {
            color: #5b5a5a;             
            text-decoration: none;  
           
        }
        
    .gridViewAlternateRowStyle {
        /*background-color: #f9f4f4;
        background-color: #f5f5f5;*/
        height: 57px;        
        }
        .gridViewAlternateRowStyle a {
            color: #206754; 
            text-decoration: underline;                
        }
        .gridViewAlternateRowStyle a:hover {
            color: #5b5a5a; 
            text-decoration: none;                  
        }
    .gridViewSelectedRowStyle {        
        /*background-color: White;*/
    }
    .gridViewEmptyRowStyle {
        /*background-color: White;*/
    }
    .gridViewPagerStyle {
        background: url(../images/gridViewFooter.gif) repeat-x;        
        }   
        .gridViewPagerStyle tr td {
            border: 0;
        }
        .gridViewPagerStyle a {
            color: #000000;
            height: 15px;
            text-decoration: none;
            width: 22px;             
            padding: 5px 7px 5px 4px;
            /* text-shadow: 0 2px 0 red;   new css style to apply drop shadow effect to text */
        }
        .gridViewPagerStyle span {
            background: url(../images/pagingRollover.png) no-repeat;
            color: white;
            height: 23px;
            text-decoration: none;
            width: 23px;
            padding: 3px 7px 7px 3px;
        }
        span #pagingInfoLbl {            
            background-image: none;
        }
    .gridViewFooterStyle {
        background: url(../images/gridViewFooter.gif) repeat-x;        
        border-top:1px solid #d0d1d3;
        padding: 0;
        }      
        .gridViewFooterStyle a {            
            color: black;
            float: left;                        
            height: 15px;
            margin: 0 5px 0 5px;
            padding: 4px 5px 5px 4px;
            text-decoration: none;
            }
            .gridViewFooterStyle a.current{
                background: url(../images/pagingRollover.png) no-repeat;
                color: White;                          
            }
     .gridViewBtn { 
        color: White;
        text-decoration: none;              
        }     
        .RedBtn {
            background: url(../images/gridViewRedBtn.png) repeat-x;
        }               
        .GreenBtn {
            background: url(../images/gridViewGreenBtn.png) repeat-x;                      
        }
        .OrangeBtn {
            background: url(../images/gridViewOrangeBtn.png) repeat-x;                       
        }
    .newRecordIcon {
        Background: url(../images/newIcon.png) no-repeat;     
    }
        
                 
 /* DetailsView .NET "skin" styles  need to refine */
 .detailsViewStyle {    
    border-color: #d0d1d3;    
    border-style:solid;
    border-width:1px 1px 1px 1px;
    color: black;         
    }    
    .detailsViewHeaderStyle {
        background: url(../images/gridViewHeader.jpg) repeat-x; 
        color: #403d3d;
        font-weight: bold;
        text-align: center 
    }     
    .detailsViewStyle tr td {
    
    }    
    .detailsViewFieldStyle { 
        background: url(../images/gridViewSlice.jpg) repeat-x;
        color: #403D3D;
        font-weight: bold;                    
    }
    .detailsViewRowStyle td {
        background-color: white;                             
    }
    .detailsViewAlternateRowStyle td {
        background-color: #f9f4f4;        
    } 
    .detailsViewFooterStyle {  
        background: url(../images/gridViewFooter.gif) repeat-x;
        }
        .footerBtn {
            background: url(../images/newRecordBtn.png) no-repeat;
        }  
   
   
   
 /* JQUERY CUSTOM INPUT STYLES : */
 
 /* wrapper divs */
.custom-checkbox, .custom-radio {
    position: relative;
    float: left;
    width: 23%;
    margin: 2px 5px 2px 2px;   
} 
	
/* input, label positioning */
.custom-checkbox input, 
.custom-radio input {
	position: absolute;
	left: 2px;
	top: 3px;
	margin: 0; 
	z-index: 0;
}

.custom-checkbox label,
.custom-radio label {
	display: block;
	position: relative;
	z-index: 1;	
	padding-right: 1em;
	line-height: 1; 
	padding: .5em 0 .5em 30px;
	cursor: pointer;
}

.custom-checkbox label {
	background: url(../images/checkboxCustom.png) no-repeat;
	background-position: -5px -16px;
}

.custom-radio label { 
	background: url(../images/radiobutton.png) no-repeat;
}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
	background-position: -5px -116px;
}
    
.custom-checkbox label.checked,  
.custom-radio label.checked {
	background-position: -5px -216px;
}

.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus {
	background-position: -5px -316px;
}

.custom-checkbox label.focus, 
.custom-radio label.focus {
	/*outline: 1px dotted #ccc;*/
}


														
/*9. ALAN'S CHECKLOGIN.ASP STYLES */


.checkLoginImgBG {
    background-color: #16151b;
}

.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;    
}


/* TEST PRODUCT FAMILY STYLES 14/9/11 */
#productContainer {
    /*background: url(../images/productFamilyBG.png) no-repeat;*/
    background: url(../images/boxSlice2.png) repeat-x #f7f7f7;                                                               
    border: 1px solid #c9caca;
    border-radius: 5px;
    -moz-border-radius: 5px;                
    moz-box-shadow: 1px 1px 1px #e1e2e3; 
    -webkit-box-shadow: 1px 1px 1px #e1e2e3; 
    box-shadow: 1px 1px 1px #e1e2e3;
    }
    #productHeader {
        /*background-color: Red;*/
        text-align: center;       
        font-size: 80px;        
    }
	#productSearchArea {
        /*background-color: blue;*/           
        }
	    #productSearchArea .promotion {
            border: 1px solid #cdcdcd;
        }
    #productContainer .productSection {        
        
        }
        .productImage {
            
        }
        .productTitle {
            font-weight: 800;            
        }
        .ProductFamilyTitleLabel {
            
        }           
.rowBG {
    width: 960px;
    /*height: 180px;*/
    background: url(../images/rowBG.png) no-repeat;
}

/** END **/