/* RESETS & BASIC PAGE SETUP */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }

body {
	font: 62.5% "Lucida Grande", sans-serif;
	background-color: #0F7CBD;


}

ul { list-style: none inside; }
p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
a { outline: none; }
a img { border: none; }

h1#logo{
    width: 980px;
    height: 120px;
    background: url(images/header.jpg) no-repeat center center;
    text-indent: -9999px;
}

/* END RESET */
/*NAV*/
.accordion-menu {
	width:190px;
	font:10px "Verdana";
    color: #FFFFFF;
}
.accordion-menu a.menuitem{
	background:#3333cc url("images/titlebar.png") repeat-x left;
	font:bold 10px "Verdana";
	display:block;
	width:auto;
	padding:3px 0 3px 1px;
	border-top:2px solid #FFFFFF;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
.accordion-menu li{
	list-style-type:none;
    color: #FFFFFF;
}	
.accordion-menu a.menuitem:visited, .accordion-menu .menuitem:active{
	color:#FFFFFF;
    text-decoration: none;
}
.accordion-menu a.menuitem:hover{
    background:#3333cc url("images/titlebar-active.png") repeat-x left;
    color: #FFFFFF;
}
.accordion-menu ul.submenu{
	width:auto;
	/* list-style-type:none; */
    color: #FFFFFF;
}
.accordion-menu ul.submenu li{
	text-indent:1px;
	/* background:#d3d3d3; */
    color: #FFFFFF;
	display:block;
	width:auto;
    background:#3333cc url("images/arrowbullet.png") no-repeat left;
}
.accordion-menu ul.submenu li a{
	text-indent:2px;
	/* background:#d3d3d3; */
    background:#d3d3d3 url("images/arrowbullet.png") no-repeat left;
	display:block;
	width:auto;
	padding:3px 0 3px 5px;
	border-top:2px solid #FFFFFF;
	color:#006699;
	text-transform: uppercase;
	text-decoration: none;	
}
.accordion-menu ul.submenu li a:hover{
	background-color:#c0bfbf;
    color: #FFFFFF;
    text-decoration: none;
}
.activemenu{
	background:#8d8793 url("images/titlebar-active.png") repeat-x left;
	color:#FFFFFF;
	font:bold 10px "Verdana";
	display:block;
	width:auto;
	padding:3px 0 3px 5px;
	border-top:2px solid #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
}
.accordion-menu ul.submenu li a.activemenu{
	background:#8d8793 url("images/titlebar-active.png") repeat-x left;
	color:#ffffff;
	font:bold 10px "Verdana";
	display:block;
	width:auto;
	padding:3px 0 3px 5px;
	border-top:2px solid #FFFFFF;
	text-indent:5px;
    text-decoration: none;
}
#active-submenuheader{
	background:#3333cc url("images/titlebar.png") repeat-x left;
	color:#FFFFFF;
	font:bold 10px  "Verdana";
	display:block;
	width:auto;
	padding:3px 0 3px 5px;
	border-top:2px solid #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
    }
    #active-submenuheader a {
        color: #FFFFFF;
        text-decoration: none;
    }   

.B_crumbBox {}    
.B_firstCrumb {}    
.B_homeCrumb {}    
.B_hideCrumb {}    
.B_crumb {}    
.B_lastCrumb {}    
.B_currentCrumb {}    
    
#navbuttons td{}
#navbuttons td a {}
#navbuttons td a:hover {}
    
/*END NAV*/

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.center{ text-align: center;}


/* END TOOLBOX */

/* STRUCTURE AND STUFF */
#page-wrap {
    width: 980px;
    margin: 0 auto;
    background: white url(images/backgrounds/content-bg.jpg) repeat-y;

    }
    #main-content{
        padding-left: 10px ;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 10px;
        min-height: 350px;
        }
        #main-content a {
            text-decoration: underline;
            font-weight: normal;
            }
            #main-content a:hover {
                text-decoration: none;
            }
        #ranges{
            float: left;
            background: white;
            width: 240px;
            color: #FFFFFF;
            }
            #rangetop{
                background: url(images/rangetop.jpg) no-repeat center;
                height: 57px;
            }
            #rangebody{
                padding-left: 25px;
                background: url(images/backgrounds/rangebody.jpg) repeat-y center;
                color: #FFFFFF;
            }
            #rangebottom{
                background: url(images/rangebottom.jpg) no-repeat center;
                height: 43px;
            }
            
        #display{
            float:right;
            background: white;
            width: 700px;
            }
            #displaytop{
                background: url(images/displaytop1.jpg) no-repeat center;
                height: 82px;
                padding-left: 25px;
            }
            #displaybody{
                padding-left: 25px;
                background: url(images/backgrounds/displaybody.jpg) repeat-y center;
                }
                #displaybody p {
                    clear:both;
                }
                #displaybody table tr td ul li {
                    text-indent:15px;
                    background:#ffffff url("images/bullets/bullet.jpg") no-repeat left;
                    display:block;
                    width:auto;
                    padding:3px 0 3px 5px;
                    color:#000000;
                    text-decoration: none;
                }
            #displaybottom{
                background: url(images/displaybottom.jpg) no-repeat center;
                height: 75px;
                text-align: center;
            }
            .printtext{
              font-size: smaller;
              font-weight: bold;
              text-transform: uppercase;
              color:#000000;
            }
            .printtext a{
              text-decoration: none;
            }
        #mainleft{
            float: left;
            background: white;
            width: 450px;
            padding-left: 10px;

            }
            #mainlefttop{
                background: url(images/backgrounds/home_left_top5.jpg) no-repeat center;
                height: 20px;
            }
            #mainleftbody{
                background: url(images/backgrounds/home_left_body5.jpg) repeat-y center;
                padding-right: 25px;
                }
                #mainleftbody p {
                    display: inline;
                }
            #mainleftbottom{
                background: url(images/backgrounds/home_left_bottom6.jpg) no-repeat center;
                height: 10px;
            }
            #mainleftbottom2{
	background: url(images/backgrounds/home_left_bottom0.jpeg) no-repeat center;
	height: 10px;
	
            }
            
        #mainright{
            float:right;
            background: white;
            width: 500px;
            padding-right: 10px;
            }
            #mainrighttop{
                background: url(images/backgrounds/home_right_top5.jpg) no-repeat center;
                height: 20px;
            }
            #mainrightbody{
                padding-left: 25px;
				padding-top: -15px;
                background: url(images/backgrounds/home_right_body5.jpg) repeat-y center;
                }
                #mainrightbody p {
                    display: inline;
                }
            #mainrightbottom{
                background: url(images/backgrounds/home_right_bottom5.jpg) no-repeat center;
                height: 0px;
            }
            #mainrightbottom2{
				background: url(images/backgrounds/home_right_bottom5.jpg) no-repeat center;
				height: 10px;
            }
ul#nav-top{
    
    }
    ul#nav-top li {
        display: inline;
        }
        ul#nav-top li a {
	display: block;
	height: 67px;
	text-indent: -9999px;
	float: left;
        }
     
        ul#nav-top li.home a {
            width: 90px;
            background: url(images/nav/nav-home1.jpg) top center;
        }
        ul#nav-top li.products a {
            width: 120px;
            background: url(images/nav/nav-products1.jpg) top center;
        }
        ul#nav-top li.installations a {
            width: 149px;
            background: url(images/nav/nav-installations1.jpg) top center;
        }
        ul#nav-top li.corporate a {
            width: 218px;
            background: url(images/nav/nav-corporate1.jpg) top center;
        }
		
		ul#nav-top li.rentals a {
            width: 101px;
            background: url(images/nav/nav-rentals1.jpg) top center;
		}	
		ul#nav-top li.powersolutions a {
            width: 193px;
            background: url(images/nav/nav-powersolutions.jpg) top center;
		}
      
        ul#nav-top li.support a {
            width: 109px;
            background: url(images/nav/nav-support1.jpg) top center;
        }           
        
        ul#nav-top li a:hover {
            background-position: bottom center;
        }   

ul#nav-middle{
    z-index: 9999;
    }
    ul#nav-middle li {
        display: inline;
        }
       
        ul#nav-middle li a {
            display: block;
            height: 43px;
            text-indent: -9999px;
            float: left;
        }
        ul#nav-middle li.search  {
            width: 275px;
            display: block;
            height: 43px;
            float: left;
            background: url(images/nav/search.jpg);
            }
            ul#nav-middle li #searchinput, #ajaxSearch_input{
                padding-top: 2px;
                padding-bottom:2px;
                margin-top: 10px;
                margin-left: 28px;
                width: 185px;
                color: #999999;
                float: left;
            }
            
        ul#nav-middle li.companyprofile a {
            width: 177px;
            background: url(images/nav/nav-companyprofile.jpg) top center;
        }
        ul#nav-middle li.eventstraining a {
            width: 197px;
            background: url(images/nav/nav-eventstraining.jpg) top center;
        }
        ul#nav-middle li.theemail a {
            width: 172px;
            background: url(images/nav/nav-theemail.jpg) top center;
        }
        ul#nav-middle li.contactus a {
            width: 159px;
            background: url(images/nav/nav-contactus.jpg) top center;
        }
        ul#nav-middle li a:hover {
            background-position: bottom center;
        }

ul#nav-footer{
    
    }
    ul#nav-footer li {
        display: inline;
        }
        ul#nav-footer li a {
            display: block;
            height: 38px;
            text-indent: -9999px;
            float: left;
        }
        ul#nav-footer li.holdings a {
            width: 513px;
            background: url(images/nav/nav-holdings.jpg);
        }        
        ul#nav-footer li.legal a {
            width: 157px;
            background: url(images/nav/nav-legal1.jpg) top center;
        }
        ul#nav-footer li.links a {
            width: 151px;
            background: url(images/nav/nav-link.jpg) top center;
        }
        ul#nav-footer li.careers a {
            width: 159px;
            background: url(images/nav/nav-careers.jpg) top center;
        }

        ul#nav-footer li a:hover {
            background-position: bottom center;
        }
        

/* END STRUCTURE */

/*Product Classes*/
.productheading{}
.productimage{}
.productspecification{}
.productspecifications{}
.productbarcode{}

/*END Product Classes*/

/* PRODUCT RANGE PAGE */
#productrangetable{
    width: 700px;
    height: 100%;
}

#productrangetable caption {
    text-transform: uppercase;
    color: #000000;
    font-size: 2.8em;
    text-align: left; 
}
.blockcolone, .blockcoltwo, .blockcolthree{
    width: 220px;
    height: 150px;
    color: black;
    background: #FFFFFF;
}
.blockcolone a, .blockcoltwo a, .blockcolthree a{
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.blockcolone a:hover, .blockcoltwo a:hover, .blockcolthree a:hover{
    text-decoration: underline;
}
.blockspace{
    width: 20px;
}
/* END PRODUCT RANGE PAGE */

.sendemaillink{
	color: black;
	text-decoration:underline;
	font-weight: bold;
	font-family: arial;
	font-size: 10px;
}

/* EmailForm 
------------------------------------------------------------------------------- */
#EmailForm {
	width: 360px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
}
#EmailForm.full { width: 100%; }


fieldset {
    border: none;
}

legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 310px;
	padding: 0;
}

#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#EmailForm textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#EmailForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
}