/* CSS Document */ body { text-align:left; font: 11px/1.4 Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color: #000; background:#fff; padding:0px; margin:0px; } /*p,h1,pre { margin:0px 0px 10px 0px; padding:0; }*/ a { text-decoration:underline; font-weight:bold; /*color: #424848;*/ color:#5F5F6B; } a:hover { color: #000; } hr { margin:0 0 10px 0; padding:0; height:1;} .headline { font-size: 12px; } .sup-head {font-size: 14px;} .price { font-size: 18px; line-height: 21px; } .qty { font-size: 18px; font-weight:bold; } .redtype { font: 12px/1.0 Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 0 3px; padding:0; color: #CC0033; } .backordered { color: #CC0033; font-weight: bold; } .captions { text-align:left; font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color: #000; padding:0px; margin:0px;} .sharebtn { padding:20px 0 0 0; margin:0px; vertical-align:bottom; } ul.captions {margin: 0 0 0 15px;} p.captions {margin: 10px 0 0 0;} #frame { width:800px; /*margin-right:auto; margin-left:auto;*/ margin-left:50px; margin-top:30px; padding:0px; text-align:left; } #contentleft { width:140px; padding:0px; float:left; } #contentcenter { width:620px; padding:0px; float:left; z-index:100; } #siteinfo { width:760px; height:60px; float:left; background-color:#cdcdcd; border:1px solid #999; border-width:1px 1px 1px 1px; padding: 15px 0 0 0; /*border-bottom:1px; border-color:#999999;*/ } p.siteinfo {margin: 0 0 8px 162px; } #details { width:auto; height:auto; padding:10px; float:left; background:#fff; } #productcontent { margin:35px 20px 0 20px; z-index:3000; } #ordercontent { margin:58px 20px 0 58px; height:300px} #termscontent { margin:58px 20px 0 20px; width:550px; } #productlist { margin:0; padding:0; } #list-left { float:left; width:200px; margin:0; padding:0; } #list-center { float:left; width:210px; margin:12px 0 0 ; padding:0; } #list-right { float:left; width:150px; margin:12px 0 0 ; padding:0; } /* NOTIFICATION BOX */ #blanket { background-color:#111; opacity: 0.65; filter:alpha(opacity=65); position:absolute; z-index: 9001; top:0px; left:0px; width:100%; display:none; } #popUpDiv { position:absolute; background-color:#eeeeee; width:300px; height:300px; z-index: 9002; display:none; } /* STORE PAGE */ #buycontent {text-align: left; margin: 10px auto; padding:0px; border:0; width: 600px; height: 300px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } #buycontent div a img {border:0;} #buycontent a {text-decoration:none; font-weight:normal; color:#777;} #buycontent a:hover {color:#000; font-weight:bold;} #buycontent-left { float: left; width: 200px; margin: 20px 0px 0px 0px;} #buycontent-middle { float: left; width: 200px; margin: 20px 0px 0px 0px;} #buycontent-right { float: left; width: 200px; margin: 20px 0px 0px 0px; } /* MFA HEADER */ #mfaheader { width: 564px; height: 28px; margin: 0 0 10px 0; padding: 0; position: relative; } #mfaheader #mfanav { margin: 0 0 10px 0; padding: 0; } #mfaheader #mfanav li { display: inline; } /*#globalheader #globalnav li a { float: left; width: 117px; height: 0; padding-top: 38px; overflow: hidden; }*/ #mfaheader #mfanav li a { float:left; height: 28px; padding: 0px; overflow: visible; } #mfaheader #mfanav li a { background-image: url(../images/minifirstaid/mfa_subnav.jpg); background-repeat: no-repeat; } /* BUTTONS */ #mfaheader #mfanav li#gn-okset a {width: 142px; background-position: 0 0; } #mfaheader #mfanav li#gn-okpocket a {width: 142px; background-position: -142px 0; } #mfaheader #mfanav li#gn-okrefill a {width: 142px; background-position: -284px 0; } #mfaheader #mfanav li#gn-okcold a {width: 134px; background-position: -426px 0; } /* OVER STATES */ #mfaheader #mfanav li#gn-okset a:hover { background-position: 0 -28px; } #mfaheader #mfanav li#gn-okpocket a:hover { background-position: -142px -28px; } #mfaheader #mfanav li#gn-okrefill a:hover { background-position: -284px -28px; } #mfaheader #mfanav li#gn-okcold a:hover { background-position: -426px -28px; } /* PRESSED STATES */ #mfaheader #mfanav li#gn-okset a:active { background-position: 0 -56px; } #mfaheader #mfanav li#gn-okpocket a:active { background-position: -142px -56px; } #mfaheader #mfanav li#gn-okrefill a:active { background-position: -284px -56px; } #mfaheader #mfanav li#gn-okcold a:active { background-position: -426px -56px; } /* ON STATES */ #mfaheader.okset #mfanav li#gn-okset a { background-position: 0 -84px; } #mfaheader.okpocket #mfanav li#gn-okpocket a { background-position: -142px -84px; } #mfaheader.okrefill #mfanav li#gn-okrefill a { background-position: -284px -84px; } #mfaheader.okcold #mfanav li#gn-okcold a { background-position: -426px -84px; } /* GLOBALHEADER */ #globalheader { width: 120px; height: 198px; margin: 0px auto; position: relative; z-index: 100; } #globalheader #globalnav { margin: 0; padding: 0; } #globalheader #globalnav li { display: inline; } /*#globalheader #globalnav li a { float: left; width: 117px; height: 0; padding-top: 38px; overflow: hidden; }*/ #globalheader #globalnav li a { float:left; width: 120px; padding-top: 0px; overflow: hidden; } #globalheader #globalnav li a { background-image: url(../images/kabaproducts-nav-2009.jpg); background-repeat: no-repeat; } /* BUTTONS */ #globalheader #globalnav li#gn-kaba a { height: 78px; background-position: 0 0; } #globalheader #globalnav li#gn-case a { height: 20px; background-position: 0 -78px; } #globalheader #globalnav li#gn-clip a { height: 20px; background-position: 0 -98px; } #globalheader #globalnav li#gn-mfa a { height: 20px; background-position: 0 -118px; } #globalheader #globalnav li#gn-moon a { height: 20px; background-position: 0 -138px; } #globalheader #globalnav li#gn-about a { height: 20px; background-position: 0 -158px; } #globalheader #globalnav li#gn-contact a { height: 20px; background-position: 0 -178px; } #globalheader #globalnav li#gn-stores a { height: 20px; background-position: 0 -198px; } /* OVER STATES */ #globalheader #globalnav li#gn-kaba a:hover { height: 78px; background-position: -120px 0; } #globalheader #globalnav li#gn-case a:hover { height: 20px; background-position: -120px -78px; } #globalheader #globalnav li#gn-clip a:hover { height: 20px; background-position: -120px -98px; } #globalheader #globalnav li#gn-mfa a:hover { height: 20px; background-position: -120px -118px; } #globalheader #globalnav li#gn-moon a:hover { height: 20px; background-position: -120px -138px; } #globalheader #globalnav li#gn-about a:hover { height: 20px; background-position: -120px -158px; } #globalheader #globalnav li#gn-contact a:hover { height: 20px; background-position: -120px -178px; } #globalheader #globalnav li#gn-stores a:hover { height: 20px; background-position: -120px -198px; } /* PRESSED STATES */ #globalheader #globalnav li#gn-kaba a:active { height: 78px; background-position: -240px 0; } #globalheader #globalnav li#gn-case a:active { height: 20px; background-position: -240px -78px; } #globalheader #globalnav li#gn-clip a:active { height: 20px; background-position: -240px -98px; } #globalheader #globalnav li#gn-mfa a:active { height: 20px; background-position: -240px -118px; } #globalheader #globalnav li#gn-moon a:active { height: 20px; background-position: -240px -138px; } #globalheader #globalnav li#gn-about a:active { height: 20px; background-position: -240px -158px; } #globalheader #globalnav li#gn-contact a:active { height: 20px; background-position: -240px -178px; } #globalheader #globalnav li#gn-stores a:active { height: 20px; background-position: -240px -198px; } /* ON STATES */ #globalheader.kaba #globalnav li#gn-kaba a { height: 78px; background-position: -360px 0; } #globalheader.case #globalnav li#gn-case a { height: 20px; background-position: -360px -78px; } #globalheader.clip #globalnav li#gn-clip a { height: 20px; background-position: -360px -98px; } #globalheader.mfa #globalnav li#gn-mfa a { height: 20px; background-position: -360px -118px; } #globalheader.moon #globalnav li#gn-moon a { height: 20px; background-position: -360px -138px; } #globalheader.about #globalnav li#gn-about a { height: 20px; background-position: -360px -158px; } #globalheader.contact #globalnav li#gn-contact a { height: 20px; background-position: -360px -178px; } #globalheader.stores #globalnav li#gn-stores a { height: 20px; background-position: -360px -198px; }