body { margin: 0px; padding: 0px; color: #000080; font: 12px Arial Narrow, Verdana, Tahoma, Geneva, Helvetica, Swiss, SunSans-Regular; } h1 { font-size: 18px; font-weight: bold; } .smallItalic { font-style: italic; font-size:10px; } .productSearch { font-size: 10px; padding-top: 10px; padding-bottom: 3px; } /* css for main elements */ #container { margin: 0 auto; width: 787px; } #header { width: 623px; height: 97px; margin-left: 164px; background: #fff url(../images/48/header.jpg) top left no-repeat; } #header a.homeLink { position: absolute; display: block; width: 220px; height: 97px; background: url(./images/spacer.gif); } #topNav { width: 623px; height: 24px; margin-left: 164px; background: #fff url(../images/48/navbar.gif) top left no-repeat; } #topNav a { display: inline; float: left; width: 100px; height: 22px; margin-right: 22px; margin-top: 1px; } #topNav a.home { margin-left: 22px; width: 51px; background: url(../images/48/nav_home.gif) top left no-repeat; } #topNav a.about { width: 71px; background: url(../images/48/nav_about.gif) top left no-repeat; } #topNav a.guarantee { width: 112px ; background: url(../images/48/nav_guarantee.gif) top left no-repeat; } #topNav a.clients { width: 85px; background: url(../images/48/nav_clients.gif) top left no-repeat; } #topNav a.thoughts { width: 69px; background: url(../images/48/nav_thoughts.gif) top left no-repeat; } #topNav a.contact { margin-right: 0px; width: 86px; background: url(../images/48/nav_contact.gif) top left no-repeat; } #topNav a:hover { background-position: 0 -22px; } #columns { margin: 0 auto; width: 787px; background: #ffffff; z-index: 1; } #content { position: relative; left: 165px; width: 621px; padding: 25px 0; background: #fff; } #nav { margin: 0 auto; margin-bottom: 20px; width: 151px; font-weight: bold; } #nav span.rightnav { padding-left: 20px; } #nav a { font-weight: bold; } #footer { color: #c4c4d2; width: 623px; height: 34px; margin: 10px 0 0 164px; text-align: center; } #footer a { color: #c4c4d2; text-decoration: none; font-weight: normal; } #footer a:hover { text-decoration: underline; } /* css for side navigation */ #sidenav { position: relative; /* controls horizontal position */ width: 137px; padding: 0px 0; /* controls top padding */ z-index: 200; margin-bottom: 20px; left: 0px; /* controls horizontal position */ top: 0px; /* controls vertical position */ } /* style for base menu (ul) */ #sidenav ul { margin: 0; padding: 0; list-style: none; width: 137px; } /* style for base menu (li) */ #sidenav ul li { margin: 0; padding: 0; position: relative; background-color: transparent; width: 137px; } /* styles for submenus (ul) */ #sidenav li ul { top: -10px; padding: 10px; position: absolute; display: none; background: #ffffff; border-left: 1px solid #eaeaea; } #sidenav li ul.tier1 { z-index: 300; width: 120px; left: 130px; top: -10px; } /* controls where sub-menu-shows left: 150px */ #sidenav li ul.tier2 { z-index: 400; width: 120px; left: 113px; top: -9px; } /* controls where sub-menu-2-shows left: 113px */ font-weight: normal; text-transform: none; } /* styles for submenus (li) */ #sidenav ul.tier1 li { width: 120px; } #sidenav ul.tier2 li { width: 120px; } /* menus A tags */ #sidenav li a { font-family: Arial, Helvetica, sans-serif; display: block; padding: 2px 0; color: #666666; font-size: 12px ; text-decoration: none; } #sidenav li a:hover, #sidenav li a.mainNav:hover { color: #193E99; text-decoration: underline;} #sidenav li a.search { text-decoration: underline; } #sidenav li a.mainNav { margin: 0; padding: 6px 0 6px 10px; color: #ffffff; font-weight: bold; text-transform: uppercase; background: transparent; } /* rollovers for menus */ #sidenav ul li:hover ul.tier1, #sidenav ul li.over ul.tier1 { display: block; } #sidenav ul.tier1 li:hover ul.tier2, #sidenav ul.tier1 li.over ul.tier2 { display: block; } /* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; } * html ul li a { height: 1%; } /* End */ /* css for homepage */ #homepage { position: absolute; top: 10px; left: 8px; width: 605px; height: 405px; } /* css for catalog */ #catalogcontent { margin: 0 auto; padding-bottom: 15px; width: 151px; } #catalogfooter { margin: 40px auto 0 auto; width: 151px; text-align: center; } #catalogcontent dl { margin: 0 0 15px 37px; padding: 1px 0 0 0; float: left; cursor: pointer; display: inline; width: 155px; } #catalogcontent dl.norightmargin { margin-left: 0; } #catalogcontent dt { margin: 0; padding: 10px 0 10px 0; width: 155px; text-align: center; } #catalogcontent dd { margin: 0; padding: 0 0 3px 0; text-align: center; } #catalogcontent dd.product { padding-top: 7px; color: #000080; font-weight: bold; } /* page numbers and buttons */ #pagenumbers { margin: 0; float: left; display: inline; width: 305px; text-align: center; font-weight: bold; } #pagebuttons { margin: 0; width: 112px ; float: left; display: inline; } #pagebuttons button { width: 112px ; } /* css for view product */ #viewProduct { margin: 0 auto; width: 560px; } #productTitle { margin: 0 0 20px 0; width: 560px; font-weight: bold; text-align: left; } #productTitle span { padding: 0 0 0 15px; vertical-align: 50%; } #productTitle span.cmNumber { padding:0; font-weight: normal; } #upperRightColumn { margin: 0 0 0 0px; width: 365px; float: left; } #upperLeftColumn { margin: 0; width: 195px; float: left; text-align: left; } #productPricing table { margin: 0; width: 150px; text-align: center; font: 12px Tahoma, Arial, Verdana, Geneva, Helvetica, Swiss, SunSans-Regular; background: #eaeaea url(../images/41/background_pricing.gif) repeat-y top center; border-spacing: 1px; } #productPricing td { width: 50%; height: 20px; } #cartButtons { margin: 0; width: 150px; } #cartButtons a { margin: 0 auto; margin-bottom: 5px; width: 112px ; height: 19px; display: block; text-decoration: none; cursor: pointer; } #cartButtons a.cart { background: url(../images/9/green_buy.gif); } #cartButtons a.request { background: url(../images/9/green_request_info.gif); } #cartButtons a.sample { background: url(../images/9/green_order.gif); } #lowerRightColumn { margin: 0px; width: 170px; float: left; } #lowerLeftColumn { margin: 0; width: 390px; float: left; text-align: left; } #productDetails { margin: 0; width: 353px; background: #eaeaea url(../images/41/background_product.gif) repeat-y top center; } #productDetails dl { float: left; margin: 12px 0 0 15px; width: 161px; display: inline; } #productDetails dl.colspan { width: 323px; } #productDetails dl.colspan dt, #productDetails dl.colspan dd { width: 323px; } #productDetails dt { margin: 0; width: 161px; font-weight: bold; } #productDetails dd { margin: 0; width: 161px; }