#lgheader,#navarea,#footer,#container{min-width:610px;max-width:1200px;margin:0 auto;}
#mmenu{display:none;}
#logo{padding-left:20px;}
#wrapperh{background:#eaeaf1 url(../img/headerpr2.png) no-repeat;background-size:100% auto;}
#lgheader{position:relative;}
#lgheader h2{display:inline;text-align:center;color:#039;font-size:1em;margin-top:.5em;position:absolute;top:0;right:10px;} 
#navarea form{width:auto;float:right;}
#navbar{display:block;margin-top:1px;}
#navmenu{display:inline;float:left;font-size:0.9em;white-space:nowrap;}
#navmenu li{float:left;}
.toplevel > a{padding-left:1em;padding-right:1em;}
.toplevel{border-top:none;}
ul.sublevel{line-height:1.8;position:absolute;z-index:100;background-color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
ul.sublevel li{clear:left;}
.rollover:hover ul{display:block;}
#navmenu .rollover ul.sublevel a:hover{text-decoration:underline;}
#footer p{float:left;}
#footer ul{float:right;}
#footer ul li{padding-left:0;padding-right:4em;}
#container > ul > li { padding: 0; margin-top: 1em; }
#container p {line-height:1.4;}
/* style for product index A-Z wide width */
#maintbl{display:table;border-collapse: collapse;}
#maintbl div{width: 33%;display: table-cell;}
#colleft,#colmid{border-right:1px solid #999;}
#maintbl div ul li{font-size: 0.9em;padding: 0;color: #33c;}
#maintbl div ul li a{text-decoration: none;color: black;}
#maintbl div ul li a:hover{color: #c00;}
@media screen{/* to hide these rules for rollover image effect from Mac IE and printing?  */
#maintbl div ul{ margin-left: 0.5em;padding-left: 1em;padding-right: 1em;text-indent: -1em;}
#maintbl div ul li{list-style-type : none; margin-left: 0;}
#maintbl div ul li a{padding-left:14px;background-image : url(../img/bulloff.gif);background-repeat : no-repeat;}
#maintbl div ul li a:hover{background-image : url(../img/bullon.gif);background-repeat : no-repeat;}



}