/*------- 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;}
d


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


/** 2. MAIN CONTAINERS **/
																
	#container {
	    margin: 0 auto 0 auto;	    
	    width: 960px;
		}
       #header {
			float:left;			
			height: 65px;
			width: 100%;
			}
			#header #logo {
			    float: left;
			    height: 59px;
			    width: 170px;
            }
            #header #searchArea {
                float: right;
                height: 26px;
                /*margin: 15px 0 0 0; */
                width: 195px;                   
                }
                #header #searchBox {                        
                    height: 26px;                       
                    text-indent: 15px;
                    margin-top: 5px;                    
                    width: 195px;
                    }                    
                    #ctl00_searchTxtBox {
                        float: left; 
                        height: 24px;                        
                        width: 169px;
                        position: relative;
                        top: 1px;                                           
                        left: 5px;
                    }
                    #header .searchBtn {                        
                        height: 26px;
                        float: right;
                        width: 26px;
                    }
            
            /* Login panel */                          
            #login {
                float: right;
                height: 46px;                    
                width: 103px;                    
                }
                #login a {
                    display: block;
                    height: 46px;                    
                    width: 103px;
                    }
                    #login a:hover {
                        color: #f6af3b;	                            		                      
                        height: 46px;                    
                        width: 103px;                    
                    }
                #loginPanel {
                    margin: 20px 0 0 40px;
                    width: 230px;
                    }
                    #loginPanel #loginHeader {
                        
                    }
                    #loginPanel .loginField {                        
                        float: left; 
                        margin-bottom: 10px;
                        width:209px;
                        }
                        .loginField span {                            
                            margin-right: 10px;
                        }                
                    #loginPanel .submitBtn {                        
                        float: left;
                        height: 44px;
                        width: 84px;                     
                    }    
                    
            /* Navigation */                                                                                                           
            #navigation {                
                float: left;
                margin-bottom: 10px;
                width: 100%;
                }	
			    /* Navigation sprites */			
                #navigation ul#topnav {        
	                float:left;
	                width: 840px;
                    }
                    ul#topnav li {
	                    float: left;
	                    height:46px;
	                    list-style-type: none;
	                    /*margin: 0 0 0 15px;*/
	                    position: relative; /*--Important--*/
	                    }
                        ul#topnav li a.nav {	                        
	                        float: left;	                   	                        
                            height: 46px;
                            /*padding: 6px 10px 0 10px;*/
                            }
                            ul#topnav li a.nav:hover {
	                            color: #f6af3b;	                            		                      
	                            height: 46px;                       
                            }                                                           
                            ul#topnav li#topnav-1 a.nav {
                                width: 85px;
                                }                               
                            ul#topnav li#topnav-2 a.nav {
                                width: 89px;
                                }                                
                            ul#topnav li#topnav-3 a.nav {
                                width: 93px;
                                }                                
                            ul#topnav li#topnav-4 a.nav {
                                width: 97px;
                                }                                                               
                            ul#topnav li#topnav-5 a.nav {
                                width: 70px;
                                }                                
                            ul#topnav li#topnav-6 a.nav {
                                width: 60px;
                                }                                                               
                            ul#topnav li#topnav-7 a.nav {
                                width: 81px;
                                }                            
                            ul#topnav li#topnav-8 a.nav {
                                display: block;
                                float: right;
                                width: 100px;
                                }                                                                
                                                                                                                                                                                                                                                                                 		
                            /*  Megamenus/sub menu */			
                            ul#topnav li .sub {	                                                    
                                background: #fff url(../images/megaMenu_slice.png) repeat-x;
                                border: 1px solid #e2e1e1;	
                                display: none; /*--Hidden for those with js turned off--*/                        
	                            float: left;
	                            left: 0;
	                            padding: 10px;
	                            position: absolute; /*--Important--*/	                        	                        	                        
	                            top: 37px;
    	                        z-index: 99999;
                            }                            
                            ul#topnav li .sub ul {
	                            /*border-right: 1px dotted #cccccc;*/    	                        
	                            float: left;
	                            list-style: none;
	                            margin: 0; 
	                            margin-right: 20px; 
	                            padding: 0;	                        
	                            width: 201px;
                                }                          
                                ul#topnav .sub ul li {	                            
	                                border-bottom: 1px dotted #cccccc;
	                                color: #333333;
	                                list-style-type: none;	                      
	                                height: 30px;      
	                                width: 100%; /*--Override parent list item--*/    	                            
                                    }
                                    ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	                                    color: #666666;
	                                    font-size: 1em;
	                                    font-weight: 600;
	                                    margin: 0 0 10px 0;
	                                    padding: 0;  	                                	                                
                                        }
                                        ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	                                        background-image: none;	                                    
	                                        color: #333333;
	                                        padding: 5px 0;	                                    
                                            }
                                        ul#topnav .sub ul li a {	                                        
	                                        background-position: 5px 12px;	                                        
	                                        display: block;
	                                        font-size: .9em;
	                                        float: none;
	                                        height: auto; /*--Override height from parent list item--*/
	                                        padding: 7px 5px 7px 15px;
                                            }
                                            ul#topnav .sub ul li a:hover {	                                            
	                                            background-position: 5px 12px ;/*--Override background position--*/	                                            
                                            }
	                                    ul#topnav li .row { /*--If needed to break out into rows--*/
	                                        clear: both;
	                                        float: left;	                            
	                                        margin-bottom: 10px;
	                                        width: 100;
                                        }                                  
                                                                                                                                           
        #content {
            padding-bottom: 100px;  /* Important: offset for footer's negative margin */            
            float: left;
            margin: 0 auto 0 auto;            
			width: 960px;
			}											
            #ctl00_centerPanel {
                float:left;
				width: 960px;
                }
                /* Page content styles */                
                #pageContent {
                    padding: 0 10px 10px 10px; /*commented out 9/1/12*/                    
                    width: 940px;                    
                    min-height:700px;
                    }
                    #pageContentHeader {                           
                        height: 130px;
                        width: 940px;
                        }
                        #pageContentHeader h1 {
                            float: left;
                            margin-top: 40px;
                            /*text-indent: 20px;*/
                            width: 590px; 
                            }
                            #pageContentHeader .tempImg {                                
                                height: 130px;
                                right: 10px;
                                position: relative;                                
                                width: 960px;
                            }
                        #pageContentHeader img {
                            /*position: relative;
                            top: 100px;*/
                            float: right;                            
                        }
                        
                        #pageContentHeader .Caption {                                    
                            padding: 5px;
                            position: relative;
                            top: 60px;
                            right: 10px;
                            float: right;                        
                            width: 203px;     
                        }
                   #pageContent #breadCrumb {
                        float: left;                            
                        margin: 20px 0 20px 0;                                        
                    }
                    /* Product "box" styles */
                    .productBox {                        
                        margin: 0 0 15px 0;                             
                        float: left;                                                     
                        }
                        
                    /* Product section Left column styles */
                    #pageContent #leftProductColumn {
                        float: left;        
                        height: inherit;
                        margin-right: 10px;
                        width: 220px;
                        }
                        #leftProductColumn .productBox {
                            width: 220px; 
                            /*margin: 0 0 15px 0;*/
                            float: left;                                                     
                            }
                            #leftProductColumn .productBox h2 {                                
                                height: 25px;
                                padding-top: 8px;
                                text-indent: 10px; 
                                width: 220px;                                                                 
                            }
                            #leftProductColumn .productBox .productBoxContent {
                                padding: 10px;
                            }
                            #leftProductColumn .productBox .productBoxContent a {

                            }                                                                                    
                        #leftProductColumn #productSearchBox {
                            margin-bottom:20px;                                              
                        }
                        #leftProductColumn .promotion {                     
                            height: 140px;
                            margin:0 0 20px 20px;
                            padding: 10px;
                            width: 170px;
                        }
                         
                    /* Product section Right column styles */    
                    #pageContent #rightProductColumn {
                        float: left;
                        height: 552px;
                        margin-left: 5px;
                        width: 699px;
                        }                        
                        #rightProductColumn h2 {
                            height: 26px;
                            padding-top: 8px;
                            text-indent: 10px;
                            width: 699px;                                    
                        }
                        #rightProductColumn .box {
                                /*background: url(../images/productsSlice.png) repeat-x #f7f7f7;*/
                                background: none;
                                border: none;                                                    
                                box-shadow: none;  
                                margin: 10px 0 10px 0;                              
                        } 
                        #rightProductColumn .productDescription{
                            float: left;
                            width: 65%;
                            }
                            .productDescription .title{
                                float: left;                                
                                margin:15px 0 10px 0; 
                                color: #0d6754; 
                                font-size: 16px; 
                                margin-top: 15px;
                            }
                            .productDescription .overview{
                                color: #7e7d7d;
                                margin-bottom: 10px;
                            }
                        #rightProductColumn .productImage{
                            float: left;
                            padding-top:22px;
                            width: 35%;    
                            }
                    
                    /* Product categories section styles */    
                    #pageContent #categoriesColumn {
                        float: left;
                        margin:0  8px 0 8px;
                        }
                        #pageContent #categoriesColumn .box {
                            background: none;                           
                            height: 150px;
                            width: 280px;
                            border: 0;                                                      
                            margin: 5px;
                            padding: 10px;
                        }
                        #categoriesColumn .categoryDescription{
                            float: left;
                            width: 55%;
                            }
                            .categoryDescription .categoryTitle{
                                float: left;                                
                                width: 150px;
                                margin:15px 0 10px 0; 
                                color: #0d6754; 
                                font-size: 16px; 
                                margin-top: 15px;
                            }
                            .categoryDescription .categoryOverview{
                                color: #7e7d7d;
                                margin-bottom: 10px;
                            }
                        #categoriesColumn .categoryImage{
                            float: right;
                            padding-top:12px;
                            width: 25%;    
                        }
                    
                                                                                      
                    /* Category data sheet styles */
                    #pageContent #categoryDataSheet {
                        float: left;
                        padding: 10px;
                        margin-right: 10px;
                        width: 610px;                        
                        }
                        #pageContent #categoryImages {                        
                            height: 385px;                        
                            float: right;                         
                            margin: 0 10px 10px 0;
                            width: 283px;                                                
                            }
                            #categoryImages .dataSheetLargeImg {                            
                                height: 250px;
                                margin: 0 0 20px 20px;  
                                width: 250px;                                            
                            }
                            #categoryImages .dataSheetthumbnailImg {                            
                                height: 80px;                            
                                width: 80px;      
                                margin:0 5px 0 5px;                   
                            }
                     
                    /* Benefits styled lists */                            
                    #pageContent .Benefits {
                        float: left;
                        /*width: 250px; */
                        }
                       .Benefits h3 {                                                        
                            padding: 0 0 5px 0;                                                            
                        }
                        .Benefits ul {
                            padding: 0 10px 10px 10px;
                            }
                            .Benefits ul li {
                               
                            }
                            .Benefits ul li strong {
                                   
                            }
                     
                     
                    #pageContent #quickLinksContainer {
                        
                    }
                    #pageContent #quickLinks{                            
                        float: left; 
                        margin-left: 20px;                    
                        border: 1px solid #e2e1e1;
                        border-top: none;
                        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;
                        width: 230px;
                                                            	                        	                        	                        	                        
	                    /*--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;
                        }
                        #quickLinks h2 {
                            background: url("../images/quickLinksHeader.png") repeat-x;
                            color: White;
                            height: 22px;                                
                            padding: 7px 7px 0 10px;
                            }
                            #quickLinks ul {
                                background: url(../images/megaMenu_slice.jpg) repeat-x  #fff;
                                font-family: Arial, Helvetica, sans-serif;
                                list-style-type: none;
                                margin-left: 0;
                                padding-left: 0;                                                                
                                }
                                #quickLinks ul li {                                
                                    border-bottom: 1px dotted #eee;
                                    height: 20px;                  
                                    list-style-type: none;
                                    padding: 5px 0 5px 0;                                                  
                                }
                            #quickLinks a {
                                color: #333333;
                                display: block;
                                padding: 5px 0 5px 0;
                                text-indent: 5px;                                                             
                            }
                            #quickLinks a:link, #quickLinks a:visited {
                                background: url(../images/listArrow.png) no-repeat;
                                background-position: 8px 8px;
	                            color: #333333;	                                       
	                            font-size: .9em;	                        	                                        
	                            text-decoration: none;
	                            padding-left: 15px;	                             
                            }
                            #quickLinks a:hover {
                                background: url(../images/listArrowR.png) no-repeat;
                                background-color: #2dba7a;
                                background-position: 8px 8px;
	                            color: white;                                   
	                            font-size: .9em;	                        	                                        
	                            
	                            padding-left: 15px;	
                            }   
                                
                                                                                                                            
                    /* Case studies/News section UI */        
                    #pageContent #gridNavigation{                        
	                    float: left;	                    
	                    height: 37px;
	                    position: relative;	
	                    width:940px;	                                               
                        }
                        #gridNavigation ul#gridNav li {
                            display: inline;
	                        float: left;
	                        height:37px;
	                        position: relative; /*--Important--*/	                                	                                	                    	    
                            }
                            ul#gridNav li a.nav {
	                            float: left;	                   	                        
                                height: 36px;
                                padding: 0;	
                                width: 81px;    	                                    	                                    
                                }
                                ul#gridNav li a.nav:hover {
	                                height: 36px	                       
                                }   
                    /* News section articles */
                    #pageContent #newsArticle {
                        
                        }
                        #newsArticle h2 {
                            margin-bottom: 10px;
                        }
                        #pageContent .newsArticleColumn {                        
                            float: left; 
                            margin-right: 10px; 
                            width: 620px; 
                        }
                        #pageContent .newsArticleImage {                        
                            float: right;                           
                            width: 300px; 
                        }
                        
                    /* Pagecontent box styles */
                    #pageContent .box {                     
                        margin: 5px;
                        padding: 5px;
                        }                                                
                        #pageContent .box h2 {
                            margin: 15px 0 25px 10px;                            
                        }
                        #pageContent .box p{
                            float: left;
                            width: 167px;
                        } 
                        #pageContent .box img {
                            width: 113px;
                            float: right;   
                        } 
                        #pageContent .box a {
                            float: right;
                            position: relative;
                            bottom: 0;
                            right: 10px;    
                        } 
                        
                        /* Documentation box styles    added 13/1/12  need to refactor more efficiently */
                        #documentation .docBox {
                            float: left;
                            height: 150px;
                            margin: 5px;
                            width: 220px;    
                            }
                            .docBox .docBoxContent {
                                padding: 10px;
                            }
                            #documentation .docBox h2 {
                                height: 25px;
                                padding-top: 8px;
                                text-indent: 10px;
                                width: 220px;  
                                }
                                #documentation .docBox h2 img {
                                    bottom: 30px;
                                    left: 20px;  
                                    position: relative;                                                               
                                }
                            #documentation .docBox p {
                                width: 100%;
                            }
                            #documentation .docBox a {
                                
                            }
                        
                        
                                                
                    #pageContentLeftPanel {
                        border-right: 1px solid #cdcdcd;
                        float: left;        
                        height: inherit;                        
                        width: 255px;    
                    }
                    #pageContentRightPanel {
                        border-right: 1px solid #cdcdcd;
                        float: left;        
                        height: inherit;
                        padding: 10px 0 0 0;                        
                        width: 255px;    
                    }
	                #pageContentSearchArea {                        
                        float: left;        
                        height: inherit;
                        padding: 10px 0 0 0;                        
                        width: 255px;
                        }
                        #pageContentSearchArea #searchBox {
                            margin: 0 0 20px 20px;
                            padding: 10px;                  
                        }
	                    #pageContentSearchArea .promotion {                     
                            height: 140px;
                            margin:0 0 20px 20px;
                            padding: 10px;
                            width: 170px;
                        }    
                    #pageContentLinksArea {        
                        float: left;                        
                        width: 650px;
                        }
                        #pageContentLinksArea .productSection {                
                            float: left;
                            height: 205px;        
                            margin: 10px 0 0 10px;
                            width: 200px;
                            }
                            /*.productImage {           
                                height: 130px;
                                margin: 0 auto;
                                width: 111px;
                            }*/
                            .productTitle {
                                bottom: 10px;    
                                margin: 0 auto;
                                position: relative;
                                text-align: center;            
                                }
                                .productTitle a {                                    
                                
                                }
                            /*.productDescription {                                
                                margin: 0 auto;                             
                            }*/
                            .productLnkBtn {
                                margin: 0 0 30px 0;                                             
                            }
                    #pageContent #contactLinks {                       
                        height: 152px; 
                        margin: 15px 0 15px 30px; 
                        width: 901px; 
                        } 
                        #contactLinks .contactBox {
                            float:left; 
                            height: 140px; 
                            margin: 0 20px 0 20px;  
                            padding: 5px;
                            width: 27%;                         
                            }                           
                            .contactBox h2 {                                
                                display: inline;
                                float: left;                                  
                                height: 33px;                                
                                margin-bottom: 15px; 
                                margin-top: 20px;  
                            }
                            .contactBox h2 img {
                                bottom: 10px; 
                                position: relative; 
                            }
                            .contactBox p {
                                
                            }
                              
                /* following styles are for markup that appears in the "center panel" area on different pages */                                
                #ctl00_centerPanel #productSearch {
                    float: left;
                    margin: 0 0 20px 0;
                    width: 100%;
                    }
                    #productSearch h4 {
                        border: none;
                        height: 32px;
                        margin: 0 0 20px 0;
                        padding: 8px 0 0 60px;
                        width: 286;
                    }
                    #productSearch select {
                        padding: 4px;
                    }
                    #productSearch .textField {
                        padding: 4px;                
                    }
                    #productSearch .searchBtn {     
                        height: 27px;
                        margin-left: 30px;
                        width: 100px;                      
                    }
                    .searchWarning {
                        height: 47px;
                        margin-top: 10px;
                        padding: 20px 0 0 30px;
                        width: 466px;
                    }                      
                #ctl00_centerPanel #mapContainer { 
                    height: 345px;
                    margin-left: 30px;
                    /*width:580px;*/
                    width: 900px;
                }
                
                
                /* Classic asp form styles  */   
                #leftProductColumn {
                        float: left;        
                        height: inherit;
                        margin-right: 10px;
                        width: 220px;
                        }
                        #leftProductColumn .productBox {
                            width: 220px; 
                            /*margin: 0 0 15px 0;*/
                            float: left;                                                     
                            }
                            #leftProductColumn .productBox h2 {                                
                                height: 25px;
                                padding-top: 8px;
                                text-indent: 10px; 
                                                                                               
                            }
                            #leftProductColumn .productBox .productBoxContent {
                                padding: 10px;
                            }
                            #leftProductColumn .productBox .productBoxContent a {

                            }                                                                                    
                        #leftProductColumn #productSearchBox {
                            margin-bottom:20px;                                              
                        }
                        #leftProductColumn .promotion {                     
                            height: 140px;
                            margin:0 0 20px 20px;
                            padding: 10px;
                            width: 170px;
                        }
                
                
                
                
                /* Classic ASP form styles */
                .aspBox {
                    /*width: 220px; */
                    /*margin: 0 0 15px 0;*/
                    float: left;                                                     
                    }
                    .aspBox h2 {                                
                        height: 26px;
                        padding-top: 8px;
                        text-indent: 10px; 
                        /*width: 220px;*/
                    }
                    .aspBox .aspBoxContent {
                        padding: 10px;
                    }
                    .aspBox .aspBoxContent a {

                    }                
                    .asp fieldset {                        
                        width: 286px;                                                         
                    }
                    .asp legend {                            
                    
                    }
                    .aspBox fieldset label {
                        float: left;   
                        margin: 4px 0 4px 0;                          
                        padding-top: 5px;
                    }
                    .aspBox input {
			            float: right;
			            margin: 4px 0 4px 0;
			            padding: 4px;			                
                    }
	                .aspBox .submit {              
			            width: 86px;
			            height: 38px;			        
                    } 
                                
            /* Homepage "panels" area */  
            #ctl00_centerPanel #leftPanel {
                float: left;
                height: 190px;
                margin-top: 30px;                        
                width: 475px;    
                }
                #ctl00_centerPanel #leftPanel h2 {
                    margin: 17px auto 0 auto;
                    text-indent: 30px;
                    width: 98%;    
                    }
                    #ctl00_centerPanel #leftPanel h2 img{
                        bottom: 30px;
                        left: 20px;  
                        position: relative;                                                               
                        }
                #ctl00_centerPanel #rightPanel {
                        float: right;
                        height: 190px;
                        margin-top: 30px;
                        width: 475px; 
                    }
                    #ctl00_centerPanel #rightPanel h2 {                        
                        display: inline;
                        float: left;
                        height: 33px;
                        margin: 17px auto 0 auto; 
                        text-indent: 30px;
                        width: 100%;
                        }
                        #ctl00_centerPanel #rightPanel h2 img{                            
                            bottom: 30px;
                            left: 20px;  
                            position: relative;   
                        }
                     
                /* Homepage "linkboxes" area */                     
                #ctl00_centerPanel .linkBoxes {
                    float: left;
                    height: 155px; 
                    margin: 30px 5px 0 auto;
                    padding: 9px;
                    position: relative;
                    width: 215px;
                    }                    
                    .linkBoxes .linkHeader {
                        height: 32px;                        
                        }
                         
                        .linkBoxes h4 {
                            height: 32px;
                            margin-bottom: 10px;
                        }
                        .linkBoxes h4 span {
                            display: block;
                            float: left;                    
                            margin-left: 5px;
                            position: relative;
                            top: 10px;
                        }                    
                    .linkBoxes p {
                        
                    }
                    .linkBoxes a {
                        bottom: 20px;                          
                        position: absolute; 
                    }
                    .linkBoxes .last{
                        float: right;
                        margin-right: 0;   
                    }         
                /* Homepage "badges" area */
                #ctl00_centerPanel #badgeArea {
                    float: right;                   
                    margin-top: 10px;                     
                    }
                    .badge {
                        display: block;
                        float: right;
                        height: 30px;
                        margin-left: 5px;
                        width: 30px;
                    }
                    .linkedIn {
                            
                    }
                    .youTube {
                        
                    }            
            
            #footer {                
                float: left;
                height: 90px;     
                margin-top: -90px;           
                /*position: absolute;*/
			    width:100%;
			    }				   
                #footerContent {                        
                        margin: 0 auto 0 auto;
                        height: 90px;
                        width: 960px;                               
                        }                                                                          
                        #footerContent #footerHeadings {                            
                            height: 35px; 

                            }                            
                            #footerHeadings a {                                
                                float: left;
                                margin: 10px 50px 5px 50px;
                                /*width: 15%;*/
                            }
                            #footerHeadings a:hover {                                
                                /*margin: 10px 30px 10px 30px;*/
                            }
                        #footerContent #companyInfo {
                            margin: 0 10px 0 10px;
                            padding-top: 5px;                                                     
                            }
                                                                               

/** 3. SUB CLASSES **/ 
		
	/* BOX CLASSES  */
    
	.box {		                
        float: left;
        /*margin: 0 0 10px 0;   17/11/11 */
        width:100%;                      
		}
        .box .header {                   
            /*height: 29px;*/
		    /*margin: 10px 0;*/
		    }
		    .box .header #breadCrumb {
                float: right;
                /*height:20px;*/
                margin: 10px 0 10px 0;                
                }
		        #breadCrumb .breadCrumbIcon { 
                    height: 15px;                
                    width: 20px; 
                    padding: 0 5px 0 15px;                      
                }                 		    
		    .box .header h1 {             
                /*text-indent: 30px;*/
			    float: left;			    
			    }
            .box .header h2 {
                text-indent: 25px; 
			}					
		.box .body {				                      
			
		    }
		    .box .body h2 {				                      
			    float: left;
			    width: 81%;
			    margin: 0 0 10px 0;
		    }		               
		    .box .body h3 {				                      
			    margin: 10px 0 10px 0;
			    padding: 0 0 8px 0;
		    }
		    .box .body #textControls {                
                float: right;
                margin-right: 10px                
                /*width: 19%;    */
                }
                #textControls span {
                    float: left;                    
                    margin: 2px 0 0 10px;                    
                }
                #textControls .textControlsIcon {                     
                    float: left;
                    height: 17px;
                    margin-left: 10px;
                    width: 16px;
                }
                #textControls .printControlsIcon {
                    float: left;                    
                    height: 17px;
                    width: 50px;
                }   
            .box .body p {
                
            }            		 
		.box .footer {
		    float:left;            
            width: 100%;
		}		
				
				
	/* COLUMN CLASSES */	
		
	.column {
		float: left;
		}
		.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: 25%;			
			}	
		.columnWidthTwo {
			width: 30%;
			}
		.columnWidthThree {
		    width: 48%;  
        }
        .columnWidthFour {
		    width: 73%;   
        }       
        
        
	/* IMAGE */		
	.imgContainer {
        margin: 1em;
        /*width: 33%;*/
		}	
	.margin {
		margin-left: 3em;
	}


    /* SECTION */
	.section { 		 		 
		float: left;
		margin: 20px 0 20px 0;        
        width:100%;
		}
		.sectionWithImg {
            width: 70%;
        }
        .section ul li {                                                         
            margin: 5px 0 5px 0;
            padding: 1px 0 1px 10px; 
            /*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;*/
}


/* LABELS */
.warning {    
    /*margin: 10px auto 10px auto;
    padding: 5px;  
    width: 90%;*/
    height: 31px;
    padding: 9px 5px 5px 35px;
    position: absolute;
    width: 475px;
    } 
    .tipIcon {
        height:26px;
        position: relative;        
        left: 10px;
        top: 25px;               
        width: 26px;        
    }

.feedback {
    height:31px;
    padding: 9px 5px 5px 35px;
    position: absolute;
    width:269px;    
}


/* Styles used in product table layout (G.P controller and other pages) */  
.image{               
    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. ASP.NET CONTROL STYLES */

    /* REPEATER STYLES */
#repeaterTable {    
    width: 1024px;
    }
    #repeaterTable thead tr{    
        height: 32px;
        padding: 5px;
     } 
     #repeaterTable thead tr td {
        padding: 5px;
        }  
    #repeaterTable tbody td {
        padding: 10px;    
    }    
    #repeaterTable tfoot tr {    
        height: 32px;    
        }
        #repeaterTable tfoot tr.dashed {    
            border-bottom: 1px dashed black;
            }
            #repeaterTable tfoot tr td .btns {
                float: left;                    
                margin-left: 350px;
                padding: 4px 0 0 50px;
                /*width: 40%;   */
                }
            #repeaterTable tfoot tr td .radioBtns {               
                float: left;                
                padding: 7px 0 0 100px;
            }
            #repeaterTable tfoot tr td .pageCount {               
                float: right;               
                padding: 7px 20px 0 0;                
            }
    .cellImage {                
        padding: 0 0 0 10px;        
        width: 15%;            
    }
    .cellProduct {                
        width: 35%;
        }
        .cellProduct span {    
            float: left;        
            text-align: left;
        }
    .cellCategory {           
        width: 20%;
    }
    .cellNumber {           
        width: 15%;
    }
    .cellDoc {        
        width: 15%;
    }
     
           
/* GridView "skin" */
.gridViewSubGrpHeader {   
    height: 29px;    
    width: 1024px;
}
.gridViewStyle {
        
    }   
    .gridViewStyle tr td {                     
        height: 30px;        
        padding: 5px;
    }
    .newRecordIcon {        
        height: 24px;
        width:24px;
        margin: 5px 0 0 0;
        position: relative;       
    }
    .gridViewHeaderStyle {
        height: 37px;
    }        
    .gridViewRowStyle {
        
    }
    .gridViewAlternateRowStyle {
        
    } 
    .gridViewSelectedRowStyle {
        
    }
    .gridViewPagerStyle {        
        height: 30px;    
     }    
    .gridViewFooterStyle {        
        height: 30px;    
     }
     .gridViewBtn {         
        height: 16px;
        padding: 0 5px 0 5px;                      
        }     
        .RedBtn {
                        
        }
        .GreenBtn {
                                
        }
        .OrangeBtn {
                                   
        }
      
                
 /* DetailsView "skin" */
 .detailsViewStyle {    
          
    }    
    .detailsViewHeaderStyle {        
        height: 32px;        
    }     
    .detailsViewStyle tr td {
        height: 32px;
        padding: 2px 2px 2px 20px;
    } 
    .detailsViewFieldStyle {        
        width: 205px;                       
    }
    .detailsViewRowStyle td {
                                     
    }
    .detailsViewAlternateRowStyle td {
               
    } 
    .detailsViewFooterStyle {          
        height: 37px;        
        }
        .footerBtn {
            
        } 




/*9. ALAN ADDED CHECKLOGIN.ASP STYLES (redone)*/
.checkLoginImgBG {
    padding: 5px;
}

.img {   
     float: left;               
     height: 106px;     
     margin:.5em .5em 4em .5em ;
     position: relative;   
     width: 90px;
     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;      
}


/* TEST PRODUCT FAMILY STYLE 14/9/11 */
#productContainer {    
    border: 1px solid #cdcdcd;    
    /*padding-bottom: 20px;*/
    width: 960px;    
    }
    #productHeader {   
        border-bottom: 1px solid #cdcdcd;
        height: 120px;                
        /*padding: 30px 0 0 0;*/
        /*width: 1024px;*/
        }
        #productCaption {
            border: 1px solid #cdcdcd;            
            font-size: 15px;           
            padding: 5px;
            position: relative;
            top: 60px;
            right: 20px;
            float: right;                        
            width: 203px;     
        }
	#productSearchArea {        
        /*background-color: Blue;*/
        border-right: 1px solid #cdcdcd;
        float: left;        
        height: inherit;
        padding: 10px 0 0 0;
        /*width: 25%;*/
        width: 255px;
        }
        #productSearchArea #searchBox {
            margin: 0 0 20px 20px;
            padding: 10px;                  
        }
	    #productSearchArea .promotion {                     
            height: 140px;
            margin:0 0 20px 20px;
            padding: 10px;
            width: 170px;
        }    
    #productLinksArea {        
        float: left;
        /*padding: 10px;*/
        /*width: 75%;*/
        /*width: 748px;*/
        width: 650px;
        }
        #productLinksArea .productSection {                
            float: left;
            height: 205px;        
            margin: 10px 0 0 10px;
            width: 200px;
            }
            .productImage {           
                height: 130px;
                margin: 0 auto;
                width: 111px;
            }
            .productTitle {
                bottom: 10px;    
                margin: 0 auto;
                position: relative;
                text-align: center;            
                }
                .productTitle a {
                    /*width:*/
                }
            .productDescription {
                /*bottom: 20px;
                left: 70px;
                /*position: relative;*/
                margin: 0 auto;
                text-align: left;                
                /*width: 160px;*/
            }
            .productLnkBtn {
                margin: 0 0 30px 0; 
                text-align: center;             
            }

/** END **/