@charset "UTF-8";
/* CSS Document */

body { background-color: #393939; font-family: Helvetica, sans-serif; color: #ccc; font-size: 12px; }

div.leftSidebar { background-color: #3b3c3c; background-image: url(images/left-sidebarBg.png); background-repeat: no-repeat; background-position:top; width: 264px; height: 700px; position: absolute; top: 0px; left: 0px; }

div.leftSidebar img { position: relative; top: 30px; left: 30px; }

div.mainBody { width: auto; height: auto; padding: 0 40px 40px 40px; background-color: #3b3c3c; position: absolute; top: 0px; left: 264px; width: 630px; }

div.mainBody div.topNav { float: left; clear: none; overflow: hidden; margin: 0px; width:100%; }

a { text-decoration: none; border: none; color: #888; }

a:hover { color: #fff; }

a:visited { text-decoration: none; border: none; outline: none; }

a:active { text-decoration: none; border: none; outline: none; }

div.mainBody div.topNav a .menuItem { background-image: none; text-decoration: none; border: none; }

div.mainBody div.topNav a:hover .menuItem { background-image:url(images/nav-TopMenu-mouseover.png); background-repeat:no-repeat; background-position: top; color: #CCC; text-decoration: none; border: none; }

div.mainBody div.topNav .menuItem { font-family: Helvetica, sans-serif; font-size: 14px; color: #6e6e6e; text-transform: uppercase; width: 170px; padding-right: 10px; padding-top: 30px; margin-right: 10px; height: 40px; float: left; clear: none; overflow: hidden; text-decoration: none; border: none; }

div.mainBody div.topNav .centered { text-align: center; }

div.mainBody div.topNav .last { border: 0px none; }

div.mainBody .body { float: left; clear: both; overflow: hidden; width: 650px; }

div.mainBody .body .pageHeader { width: 596px; height: 30px; padding: 0 0 5px; margin: 0 0 20px; border-bottom: 1px solid #585858; font-size: 18px; }

div.mainBody .body .sectionHeader { width: 596px; height: 30px; padding: 25px 0 0; margin: 0 0 15px; border-bottom: 1px solid #585858; font-size: 16px; color: #CCC; }

div.mainBody .body .topProduct { padding: 20px 0px; }

div.mainBody .body .first { margin: 0 22px 0 0; }

div.mainBody .body .subProduct { background-image:url(images/secondary-products-bg.png); background-repeat: no-repeat; width: 290px; height: 215px; float: left; clear: none; overflow: hidden; }

div.mainBody .body .productCopy { float: left; clear: both; overflow: hidden; color: #999999; font-size: 12px; width: 600px; margin: 10px 0 0; }

div.mainBody .body .home { margin: 30px 0 0; font-size: 14px; font-size: 22px; line-height: 28px; }

div.mainBody .body .productCopy .column { padding: 0px 10px 0px 0px; width: 285px; }

div.mainBody .body .productCopy p { margin: 0px; }

div.mainBody .body .column { float: left; clear: none; overflow: hidden; width: 308px; }

div.mainBody .body .columnWide { float: left; clear: none; overflow: hidden; width: 340px; margin: 0 40px 0 0; }

div.mainBody .body .columnHalf { float: left; clear: none; overflow: hidden; width: 220px; }

div.mainBody .body .column .header { float: left; clear: none; overflow: hidden; margin: 0 0 35px; }

div.mainBody .body .column .product { float: left; clear: none; overflow: hidden; margin: 0 0 40px; width: 308px; }

div.mainBody .body .column .product .productThumb { float: left; clear: none; overflow: hidden; }

div.mainBody .body .column .product .productCopy { float: left; clear: none; overflow: hidden; width: 145px; padding: 0px 0px 0px 15px; margin: 0px; }

div.mainBody .body .column .product .productCopy h2 { font-size: 16px; color: #CCCCCC; margin: 0px 0px 5px 0px; }

div.mainBody .body .column .product .productCopy h2 a { color: #CCCCCC; text-decoration:none; }

div.mainBody .body .column .product .productCopy h2 a:hover { color: #6E7476; }

div.mainBody .body .column .product .productCopy p { font-size: 12px; margin: 5px 0px; color: #6E7476; }

div.mainBody .footer {  }

div.mainBody .footer .footerBody { border-top: 1px solid #585858; clear: none; float: left; margin: 40px 0px 0px 0px; overflow: hidden; padding: 40px 10px 10px 10px; width: 575px; }

div.mainBody .footer .footerBody a { text-decoration: none; outline: none; }

div.mainBody .footer .footerBody a:hover { text-decoration: none; outline: none; }

div.mainBody .footer .footerBody .logo { float: left; clear: none; overflow: hidden; margin: 0px 15px 0px 0px; }

div.mainBody .footer .footerBody .copy { float: left; clear: none; overflow: hidden; padding: 2px 0 0; }

div.mainBody .footer .footerBody .header { float: left; clear: both; overflow: hidden; color: #6E6E6E; font-size: 18px; margin: 0px 0px 4px 0px; }

div.mainBody .footer .footerBody .copy .copy { float: left; clear: both; overflow: hidden; color: #aaa; font-size: 14px; line-height: 18px; }

div.mainBody .footer .footerBody .copy .copy a { color: #aaa; }

div.mainBody .footer .footerBody .copy .copy a:hover { color: #fff; }

div.contactInfo { background-color: #262626; padding: 10px; margin: 0 0 20px; line-height: 18px; float: left; clear: none; overflow: hidden; width: 575px; }

div.contactInfo .icon { float: left; clear: none; overflow: hidden; margin: 0 15px 0 0; }

div.contactInfo .info { float: left; clear: none; overflow: hidden; }

div.employeeInfo { float: left; clear: none; overflow: hidden; width: 150px; height: 150px; margin: 0px 0px 20px 0px; }

div.employeeInfo p { padding: 5px 0px 0px 10px; width: 100px; line-height: 14px; font-size: 14px; }

div.contactBox { float: left; clear: none; overflow: hidden; width: 600px; }

div.contactBox div.sectionHeader { width: 596px; height: 30px; padding: 25px 0 0; margin: 0 0 15px; border-bottom: 1px solid #585858; font-size: 16px; color: #CCC; }

div.contactBox .contactColumn { float: left; clear: none; overflow: hidden; line-height: 17px; width: 295px; }