@charset "utf-8"; /* CSS Document */ body { margin: 0px; padding: 0px; background: #111b5a; font-family: Arial, Helvetica, sans-serif; } .clear { clear: both; } #wrapper { margin: 0px auto; padding: 0px; height: auto; width: 960px; background: url('wrapper.gif') no-repeat left top; background-color: #FFFFFF; } /*HEADER*/ #header { margin: 0px; padding: 0px; height: 170px; width: 960px; } /*TOP NAVIGATION*/ #nav { margin: 0px; padding: 0px; height: 34px; } #nav ul { margin: 0px 20px 0px 0px; padding: 16px 0px 0px; height: 18px; list-style: none; float: right; } #nav ul li { margin: 0px; padding: 0px 8px 0px 0px; display: inline; font-size: 14px; color: #6c6c7b; } #nav ul li a { font-size: 14px; color: #6c6c7b; text-decoration: none; } #nav ul li a:hover { color: #232397; } #logo { margin: 0px 135px 0px 0px; padding: 0px; height: 103px; width: 388px; float: left; } #hotline { background: url('hotline.gif') no-repeat left top; float: left; height: 78px; width: 266px; margin: 15px 0px 0px 0px; padding: 0px; } /*CART*/ #cart { margin: 14px 10px 0px 0px; padding: 0px; height: 121px; width: 140px; float: right; background: url('cart.gif') no-repeat left top; } #cartitems { font-size: 11px; color: #333336; padding: 40px 0px 0px 15px; height: 33px; width: 140px; margin: 0px; } #cartitems .items { font-size: 11px; color: #1919a5; } #cartbuts { margin: 0px; padding: 0px; height: 44px; width: 140px; } /* MAIN CONTENT*/ #content { margin: 0px; padding: 0px; height: auto; width: 960px; } /*LEFTSIDEBAR*/ #leftsidebar { margin: 0px; padding: 0px 0px 0px 11px; height: auto; width: 233px; float: left; } #leftsidebartop { margin: 0px; padding: 0px; height: 70px; width: 220px; background: url('leftsidebar_top.gif') no-repeat left top; } #leftsidebarmid { margin: 0px; padding: 0px; height: auto; width: 220px; background: url('leftsidebar_mid.gif') repeat-y; } #leftsidebarmid ul { margin: 0px; padding: 0px; height: auto; width: 220px; list-style: none; } #leftsidebarmid ul li { margin: 0px; padding: 0px 0px 0px 0px; width: 220px; height: auto; display: block; } #leftsidebarmid ul li a { margin: 0px 0px 0px 3px; padding: 5px 10px 5px 13px; width: 191px; text-decoration: none; font-size: 11px; color: #6c6c7b; height: auto; display: inline-block; } #leftsidebarmid ul li a:hover { background: #e8e8ec; color: #1919a5; }	 #leftsidebarbot { background: url('leftsidebar_bot.gif') no-repeat left top; margin: 0px; padding: 0px; height: 34px; width: 220px; } /*CENTRE CONTENT*/ #maincontent { margin: 0px; padding: 0px; height: auto; width: 553px; float: left; } #specialists_bkgrd { background: url('specialist_bkgrd.gif') repeat-y; margin: 0px 0px 0px 18px; padding: 0px; width: 527px; height: auto; } #specialists_handtools { background: url('specialistsin_htools.jpg') no-repeat left top; margin: 0px; padding: 0px; height: auto; width: 527px; } #specialists_handtools h2 { font-size: 16px; font-weight: bold; color: #FFFFFF; padding: 0px 0px 16px; width: 511px; margin: 0px; } #specialists_bkgrd  p { margin: 0px; padding: 0px 0px 16px; color: #FFFFFF; font-size: 11px; } #specialistbot { margin: 0px 0px 0px 18px; padding: 0px; height: 20px; width: 527px; background: url('specialist_bot.gif') no-repeat left top; } #specialoffers { background: url('special_offers.gif') no-repeat left top; margin: 3px 0px 0px; padding: 0px; height: 84px; width: 545px; } #specialoffers_mid { margin: 0px; padding: 0px 0px 0px 30px; background: url('special_mid.gif') repeat-y; height: auto; width: 515px; } .special { margin: 0px 1px 8px 0px; padding: 0px; height: 197px; width: 125px; font-size: 14px; color: #1919a5; background: url('special_bkgrd.gif') no-repeat right top; float: left; } .special p { font-size: 12px; color: #1919a5; margin: 0px; padding: 5px 0px 0px; width: 100px; } .now { font-size: 14px; font-weight: bold; color: #f21c0a; padding-left: 10px; } .specialviewbut { margin: 13px 0px 0px; padding: 0px; width: 124px; height: 24px; } #special_bot { margin: 0px; padding: 0px; height: 35px; width: 545px; background: url('special_bot.gif') no-repeat left top; } .morespecialoffers { float: right; margin-right: 5px; } #links { margin: 10px 0px 0px; 0px; margin-left: 18px; padding: 0px 0px 0px 0px; height: auto; width: 545px; } .linkimage { float: left; height: 190px; width: 172px; font-size: 11px; color: #6c6c7b; text-align: center; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 0px; } /*RIGHT SIDEBAR*/ #rightsidebar { float: right; height: auto; width: 151px; } #search { background: url('search.gif') no-repeat left top; margin: 0px; padding: 50px 0px 0px 10px; height: 38px; width: 140px; } #eon_signin { background: url('eon_login.gif') no-repeat left top; margin: 10px 0px 0px; padding: 50px 0px 0px 10px; height: 105px; width: 130px; font-size: 11px; color: #6c6c7b; } .eoninput{ width: 113px; font-size: 12px; border: 1px solid #CCC; } .login { margin: 10px 0px 0px 50px; padding: 0px; height: 22px; width: 53px; } #newprods { margin: 8px 0px 0px 0px; padding: 0px; height: auto; width: 140px; } #newprodsmid { background: url('just-in_bkgrd.gif') repeat-y; margin: 0px; padding: 0px; height: auto; width: 140px; } .newprodimg { margin: 15px 0px 0px 15px; padding: 0px; } #newprodsmid p { font-size: 14px; color: #1919a5; padding: 0px; margin: 0px 0px 0px 15px; height: auto; width: 108px; } .newprodview { margin: 0px 0px 0px 5px; padding: 0px; height: 25px; width: 132px; } #newprodbot { margin: 0px; padding: 0px; height: 74px; width: 140px; } /* FOOTER */ #footer { margin: 10px 0px 0px; padding: 80px 0px 0px; height: auto; width: 960px; background: url('footer_infobar.gif') no-repeat center top; } #footer a { text-decoration: none; color: #6c6c7b; } #footer a:hover { text-decoration: underline; color: #232397; } #footertext { margin: 0px; padding: 0px; height: auto; width: 412px; text-align: right; } #footernav { margin: 0px 0px 10px; padding: 0px; height: auto; font-size: 11px; color: #6c6c7b; width: 960px; text-align: right; width: 950px; } #footercomments { margin: 0px 0px 10px; padding: 0px; text-align: right; height: auto; font-size: 11px; color: #6c6c7b; width: 950px; } #productheader { background: url('productheader.gif') no-repeat center top; padding: 19px 0px 0px 22px; height: 64px; width: 518px; } #productheader h2 { font-size: 15px; margin: 0px; padding: 0px; width: 215px; color: #FFFFFF; font-weight: bold; } #breadcrumbs { background: url('breadcrumb_top.gif') no-repeat left top; margin: 0px; padding: 11px 0px 0px; height: auto; width: 540px; font-size: 10px; color: #0d1453; text-transform: uppercase; } #breadcrumbsmid { background: url('breadcrumb_mid.gif') repeat-y left top; margin: 0px; padding: 0px 0px 0px 19px; height: auto; width: 521px; font-size: 10px; color: #0d1453; text-transform: uppercase; } #breadcrumbsbot { margin: 0px; background: url('breadcrumb_bot.gif') no-repeat left top; padding: 0px; height: 37px; width: 540px; } #breadcrumbs a { color: #0d1453; text-decoration: none; padding: 0px 5px; } #breadcrumbs a:hover { background: #c4c6e2; } #breadcrumbs .current { font-weight: bold; } #productbkgrd { margin: 0px; padding: 0px 0px 35px 24px; height: auto; width: 516px; background: url('product_bkgrd.gif') repeat-y; } .prodthumb { margin: 15px 0px 0px; padding: 7px 0px 0px; float: left; height: 199px; width: 165px; background: url('product_divider.gif') no-repeat right top; } .prodthumbimg { margin-left: 25px; } .prodthumb p { margin: 10px 0px 0px 12px; padding: 0px; width: 135px; font-size: 14px; color: #1919a5; } .prodthumbview { margin: 3px 0px 0px; padding: 0px; height: 23px; width: 162px; } #productbot { background: url('productbot.gif') no-repeat left top; margin: 0px; padding: 0px 0px 0px 217px; width: 323px; height: 50px; } #mainproduct { margin: 0px; padding: 0px; height: auto; width: 502px; } #proddesc { margin: 0px; padding: 22px 10px 0px; float: left; height: auto; width: 213px; font-size: 12px; color: #1919a5; } #proddesc h2 { font-size: 16px; color: #1919a5; margin: 0px; padding: 0px 0px 40px; } #proddesc p { font-size: 12px; color: #1919a5; margin: 0px 0px 30px; padding: 0px; } #proddesc .price { font-size: 16px; font-weight: bold; } #proddesc .quantity { margin: 0px; padding: 0px; width: 20px; } #proddesc .button { margin: 35px 30px 0px 0px; padding: 0px; height: 79px; width: 177px; float: right; }#proddesc form { margin: 0px; padding: 0px 0px 0px 10px; } #prodimage { margin: 0px auto; padding: 0px; height: auto; width: 269px; float: right; text-align: right; } #prodimage .enlarge { margin: 8px 0px 0px; float: right; height: 28px; width: 146px; } #prodspecs { background: #f4f4f4 url('prodsepecstop.gif') no-repeat left top; margin: 0px; padding: 35px 23px 50px; height: auto; width: 456px; border-bottom: 1px solid #9e9eb4; } #prodspecs h2 { color: #1919a5; margin: 0px 0px 18px; padding: 0px; } #prodspecs ul { margin: 0px; padding: 0px; list-style: none; } #prodspecs li { font-size: 12px; color: #6c6c7b; padding-bottom: 25px; } /*BLOG PAGE*/ #newscontent { margin: 0px; padding: 0px; float: right; width: 716px; } .post { margin: 0px; padding: 20px; width: 676px; } .post h2 { margin: 0px; padding: 0px; } .post h2 a { font-size: 18px; color: #1919a5; text-decoration: none; margin: 0px; padding: 0px; } .post h2 a:hover { color: #c4c6e2; } .date { margin: 0px; padding: 0px; font-size: 11px; font-style: italic; color: #c4c6e2; } .entry { margin: 0px; padding: 10px 0px; width: 656px; } .entry p { margin: 0px; padding: 10px 0px; font-size: 12px; color: #6c6c7b; text-align: justify; } /*BLOG SIDEBAR*/ #widgetlist ul { margin: 0px; padding: 0px; list-style: none; width: 220px; } #widgetlist ul li h2 { background: url(images/widget_top.gif) no-repeat left top; padding: 20px 0px 0px; margin: 0px; text-align: center; font-size: 18px; color: #1919a5; height: 40px; } #widgetlist ul li { background: url(images/leftsidebar_bot.gif) no-repeat bottom left; padding: 0px 0px 24px; margin: 0px 0px 8px; } #widgetlist ul li ul { margin: 0px; padding: 0px; background: url(images/leftsidebar_mid.gif) repeat-y; } #widgetlist ul li ul li { background: none; margin: 0px; padding: 0px; } #widgetlist ul li ul li a { margin: 0px 0px 0px 3px; padding: 5px 10px 5px 13px; width: 191px; text-decoration: none; font-size: 11px; color: #6c6c7b; display: inline-block; } #widgetlist ul li ul li a:hover { margin: 0px 0px 0px 3px; padding: 5px 10px 5px 13px; width: 191px; background: #e8e8ec; color: #1919a5; }	 .sectimageholder { height: 110px; width: 111px; position: relative; background-image: url('sectbackground.gif'); background-repeat: no-repeat; background-position: left top; margin-left: auto; margin-right: auto; } .sectimage { height: 99px; width: 99px; position: absolute; top: 6px; left: 6px; clip: rect(0px 99px 99px 0px); } .was{ font-size: 13px; height: 18px; padding: 2px;	 color: #FFFFFF; text-decoration: line-through; position: absolute; bottom: 6px; left: 6px; z-index: 20; background-color: #ed2024; display: block; width: 95px; font-weight: bold; text-align: center; } .newprodlink{ height: 30px; padding-left: 10px; padding-right: 10px; font-size: 12px; color: #1919a5; font-weight: 400; } .speclink{ height: 45px; padding-left: 10px; padding-right: 10px; font-size: 12px; color: #1919a5; font-weight: 400; } .newprodlink a{ font-family:Arial, Helvetica, sans-serif; font-weight: 400; font-size: 14px; color: #1919a5; } .special a{ font-family:Arial, Helvetica, sans-serif; font-weight: 400; font-size: 14px; color: #1919a5; } #mainprodimageholder{ width: 	214px; height: 214px; background-image: url('mainprod_img_bkg.gif'); position:relative; } #mainprodimage{ position: absolute; top: 12px; left: 12px; width: 191px; height: 191px; text-align: center; clip:rect(0 191px 191px 0); } .enlarge{ width: 191px; padding-right: 30px; } .wsprice{ color: #999; text-decoration: line-through; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; } .sectcontainer { width: 238px; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; float: left; margin-right: 8px; margin-bottom: 8px; } .twsectdesc { float: right; width: 115px; height: 130px; padding-right: 5px; padding-left: 5px; padding-top: 5px; font-size: 14px; font-weight: bold; color: #1919a5; } .twsectdesc h2 { padding: 0px; font-size: 12px; color: #1919a5; height: 90px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; overflow: hidden; } .twsectdesc h2 a{ color: #1919a5; text-decoration: none; } .clear { clear: both; height: 1px; } .twsectviewbutton { margin: 0px; height: 32px; width: 228px; text-align: right; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; background-image: url('sect_view_bkg.gif'); background-repeat: repeat-x; } .twsectimageholder{ height: 110px; width: 111px; position: relative; background-image: url('sectbackground.gif'); background-repeat: no-repeat; background-position: left top; margin-left: auto; margin-right: auto; float: left; } .twsectimage{ height: 99px; width: 99px; position: absolute; top: 6px; left: 6px; clip: rect(0px 99px 99px 0px); } #quicklinks{ margin: 0px; padding: 0px; } #quicklinks li{ margin: 0px; padding: 0px; float: left; padding-right: 9px; display: inline; } #quicklinks li a{ margin: 0px; padding: 8px; color: #26255f; font-weight: bold; background-color: #FFFFFF; text-decoration: none; border: solid 1px #26255f; display: inline-block; } #quicklinks li a:hover{ border: solid 1px #26255f; color: #FFFFFF; background-color: #26255f; text-decoration: none; }