/***** GLOBAL *****/body {margin: 0 auto; padding: 0; text-align: center; } body, td {font-family: Arial, Helvetica, sans-serif; font-size: 12px;} p, li {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #333;} h1, h2, input, select {font-family: Helvetica, Arial, sans-serif;;} a {outline: none; text-decoration: underline; color: #0066CC;} a:hover {text-decoration: none; color: #0066FF;} textarea {font-size: 12px; border: solid #999 1px;} input {border: solid #999 1px;} .bgbutton, .nlbutton {padding: 4px 8px; border-width: 1px;} .none {display:none} .block {display:block} .inline {display:inline} .comprssed {letter-spacing: -.02em !important; letter-spacing: -.05em;} /* widths and backgrounds */ #outerwrapper {margin: 0px auto 0px auto; padding: 0px; width: 875px; text-align: left; } #innerwrapper {margin: 0px auto 0px auto; padding: 0px; width: 875px; text-align: left;} #div__header {margin: 5px auto 0px auto; padding: 0px; width: 875px; position: relative; z-index: 1000} #div__body {margin: 0px auto 0px auto; padding: 0px; width: 875px; position: relative; z-index: 1} #div__footer {margin: 0px auto 0px auto; padding: 0px; width: 875px; } /* fixes gap between top and body for Firefox and IE7 */ iframe#server_commands {display: none} #div__title, #div__label {height: 0px; display: none} /********** HEADER **********/ /* header div */ #headerFlex {margin: 0px 0px 0px 0px; background-image: url(/img/logo.gif); background-repeat: no-repeat; background-position: left top; position: relative; } /* Low Price Guarantee */ #lowPrcG {position: absolute; text-align: center; right: 0px; top: 5px; width: 160px; } #lowPrcG a {font-size: 10px; color: #333; text-decoration: none;} #lowPrcG a:hover {text-decoration: underline;} /* Header Navigation */ #hdrNavv {} #hdrNavv .active { } #hdrNavv .active .left {margin: 0px; height: 25px; width: 8px; background-image: url(/img/active_leftcorner.jpg); background-repeat: no-repeat; background-position: left top;} #hdrNavv .active .navLnk {background-image: url(/img/activebg.jpg); background-repeat: repeat-x; background-position: left top;} #hdrNavv .active .right {margin: 0px 2px 0px 0px; height: 25px; width: 8px; background-image: url(/img/active_rightcorner.jpg); background-repeat: no-repeat; background-position: left top;} #hdrNavv .active .navLnk a, #hdrNavv .active .navLnk a:hover {font-size: 13px; color: #FFA500; padding: 6px 4px; text-decoration: none; font-weight: bold} #hdrNavv .inactive {} #hdrNavv .inactive .left {margin: 0px; height: 25px; width: 8px; background-image: url(/img/inactive_leftcorner.jpg); background-repeat: no-repeat; background-position: left top;} #hdrNavv .inactive .navLnk {background-image: url(/img/inactivebg.jpg); background-repeat: repeat-x; background-position: left top;} #hdrNavv .inactive .right {margin: 0px 2px 0px 0px; height: 25px; width: 8px; background-image: url(/img/inactive_rightcorner.jpg); background-repeat: no-repeat; background-position: left top;} #hdrNavv .inactive .navLnk a {font-size: 13px; color: #FFF; padding: 6px 4px; text-decoration: none; font-weight: bold} #hdrNavv .inactive .navLnk a:hover {font-size: 13px; color: #FFA500; padding: 6px 4px; text-decoration: none; font-weight: bold} #hdrNavv #navHome.active a img, #hdrNavv #navHome.inactive a:hover img {margin: 0px; height: 25px; width: 32px; background-image: url(/img/home_active.jpg); background-repeat: no-repeat; background-position: left top; border: 0px; } #hdrNavv #navHome.inactive a img {margin: 0px; height: 25px; width: 32px; background-image: url(/img/home_inactive.jpg); background-repeat: no-repeat; background-position: left top; border: 0px; } #hdrNavv #navCont .left {margin: 0px; height: 25px; width: 8px; background-image: url(/img/orng-left.jpg); background-repeat: no-repeat; background-position: left top;} #hdrNavv #navCont .navLnk {background-image: url(/img/orng-bg.jpg); background-repeat: repeat-x; background-position: left top;} #hdrNavv #navCont .right {margin: 0px 2px 0px 0px; height: 25px; width: 8px; background-image: url(/img/orng-right.jpg); background-repeat: no-repeat; background-position: left top;} #hdrNavv #navCont .navLnk a, #hdrNavv #navCont .navLnk a:hover {font-size: 13px; color: #000; padding: 6px 4px; text-decoration: none; font-weight: bold} #hdrNavv #navCont.inactive .navLnk a:hover {font-size: 13px; color: #666; padding: 6px 4px; text-decoration: none; font-weight: bold} #hdrNavv2 {width: 875px; height: 22px; background-color: #666; border-bottom: solid #999 1px; position: relative; z-index: 1008; } #hdrNavv2 {} #hdrNavv2 .subNav, #hdrNavv2 .subNavover {position: relative; z-index: 1000; line-height: 20px; padding: 0px;} #hdrNavv2 .subNavover {background-color: #F6F6F6; border-bottom: solid #F6F6F6 0px;} #hdrNavv2 .subNav img , #hdrNavv2 .subNavover img {margin: 0px 0px 0px 7px; background-image: url(/img/nav_arrow.gif); background-repeat: no-repeat; background-position: left top;} #hdrNavv2 .subNavover img {background-position: left bottom; } #hdrNavv2 .subNav a, #hdrNavv2 .subNavover a {color: #FFF; text-decoration: none; font-size: 13px; padding: 0px 0px 0px 8px;} #hdrNavv2 .subNav a:hover, #hdrNavv2 .subNavover a, #hdrNavv2 .subNavover a:hover {color: #222; text-decoration: none; font-size: 13px; } #hdrNavv2 .subNav .subNavv {display: none;} #hdrNavv2 .subNavover .subNavv {display: block; float: left; z-index: 1008; border-left: solid #999 1px; position: absolute; left: 0px; top: 22px;} #hdrNavv2 .subNavover .subNavv td {text-align: left; white-space: nowrap; border-top: solid #DDD 1px} #hdrNavv2 .subNavover .subNavv a {display: block; color: #222; padding: 5px; display: block; font-size: 11px; background-color: #DDD; border-right: solid #999 1px; } #hdrNavv2 .subNavover .subNavv a:hover {background-color: #FFFFFF; font-size: 11px;} #hdrNavv2 .subNavover .subNavv a.lastone {border-bottom: solid #999 1px} #ZZhdrNavv2 .navvAbot {margin: 0px 140px 0px 400px} #hdrNavv2 .navvCont {margin: 0px 0px 0px 350px} #hdrNavv2 .noDrop a {color: #FFF; text-decoration: none; padding: 4px 10px 4px 10px; line-height: 22px; } #hdrNavv2 .noDrop a:hover {color: #000; background-color: #F6F6F6;} #navMsg {font-size: 16px; padding: 4px 0px 4px 40px;} /* crumbtrail */ #crumTrl {text-align: left; font-size: 11px; line-height: 16px; font-weight: normal; color: #333; padding: 3px 0px 3px 10px; height: 20px;} #crumTrl span {color: #666; font-weight: bold} .crumb {color: #333; font-size: 11px; line-height: 16px; } #crumTrl a, #crumTrl a.crumbover {font-size: 11px; line-height: 16px; color: #333; text-decoration: none} crumTrl a:hover, #crumTrl a.crumbover:hover {font-size: 11px; line-height: 16px; text-decoration: underline} /* language */ #hdrLang {font-size: 11px; line-height: 16px; color: #3C7A89 } #hdrLang a {color: #666; text-decoration: none} #hdrLang a:hover {color: #333; text-decoration: underline} #hdrLang a:hover img {text-decoration: none} #hdrBottm {border-top: solid #808080 2px; border-bottom: solid #CCC 2px; padding: 5px 0px 4px 0px; margin: 0px 0px 10px 0px;} /* view cart portlet */ #cartPort {margin: 0px 0px 0px 0px; font-size: 12px; color: #4090B0; font-weight: bold} #cartPort img {width: 22px; } #cartPort em {font-style: normal; color: #999; font-weight: normal} #cartPort a {font-size: 12px; padding: 0px 10px; text-decoration: none; color: #4090B0; font-weight: bold} #cartPort a:hover {text-decoration: underline; color: color: #4090B0} #cartPort a:hover img {text-decoration: none;} #cartPort.one span {display: none } /* user info */ #usrInfo {float: right; font-size: 12px; color: #4090B0; font-weight: bold } #usrInfo img {width: 22px} #usrInfo a {font-size: 12px; color: #4090B0; font-weight: bold} #usrInfo em {font-style: normal; color: #999} .headbarsub, a.headbarsub {font-size: 12px; color: #4090B0; font-weight: bold text-decoration: none; } a.headbarsub:hover{color: #4090B0; text-decoration: underline} /***** CONTENT- LEFT SIDE *****/ #lftSide {padding: 0px 10px 0px 0px; width: 210px; } #lftDiv {margin: 0px 0px 0px 0px;} /* search box */ #hdrSrch {margin: 10px 7px 0px 0px; height: 55px; width: 190px; border-bottom: solid #AAA 1px; } #hdrSrch table, #hdrSrch2 table {margin: 0px;} #hdrSrch a img, #hdrSrch2 a img {background-image: url(/img/arrow.jpg); background-repeat: no-repeat; background-position: center top;} #hdrSrch a:hover img , #hdrSrch2 a:hover img {background-position: center bottom;} #hdrSrch input, #hdrSrch2 input {width: 160px; padding: 5px 1px 3px 5px; font-size: 11px; line-height: 11px; color: #666; margin: 5px 0px 0px 0px; border: solid #90B0D0 1px; } #itmDetl #hdrSrch2 {margin: 0px; height: 40px; width: 190px; position: absolute; top: -10px; right:-15px; border-bottom: solid #AAA 0px; } #itmDetl #hdrSrch2 strong {display: none;} /* navigation buttons */ #lftNSnav {} #lftNSnav {margin: 10px 0px 0px 0px; width: 190px; } #lftNSnav td.smalltext a {font-size: 12px; font-weight: normal; color: #4090B0; font-family: Helvetica, Arial, sans-serif; text-decoration: none; padding: 1px; margin: 0px; line-height: 13px; display: block; } #lftNSnav td.smalltext a:hover {text-decoration: none; color: #333; } #lftNSnav td.textboldnolink a.textboldnolink {font-size: 12px; font-weight: bold; color: #333; font-family: Helvetica, Arial, sans-serif; text-decoration: none; padding: 1px; margin: 0px; line-height: 13px; display: block; } #lftNSnav td.textboldnolink a.textboldnolink:hover {text-decoration: none} #lftNSnav a.textboldnolink img {margin: 0px 0px 0px 0px;} /* NetSuite generated leftside navigation MODIFIED */ #lftNSnav .smalltext, #lftNSnav .text {padding: 0px;} #lftNSnav td.text img {display: none } #lftNSnav a {text-decoration: none; font-family: Helvetica, Arial, sans-serif;} #lftNSnav td.upper a {padding: 5px 3px 3px 4px; color: #4090B0; font-size: 14px; line-height: 14px; display: block; margin-top: 4px; font-weight: bold} #lftNSnav td.upper a:hover {color: #333; background-color: #EEEEEE; } lftNSnav td.upper a.textboldnolink {color: #333; background-color: #EEEEEE; } #lftNSnav td.subcat a {font-weight: normal; padding: 2px 3px 2px 18px; color: #4090B0; font-size: 12px; line-height: 12px; display: block} #lftNSnav td.subcat a:hover {color: #333; background-color: #EEEEEE; } #lftNSnav td.active a { font-weight: bold; background-color: #FFFFFF} #lftAddn {} #lftCalc {text-align: center; margin: 20px 50px 5px auto; } #lftCalc h4 {font-size: 14px; font-weight: bold; margin: 2px auto; } #lftCalc table table {margin: 6px auto; } #lftCalc input {border: solid #999 1px; border-color: #666 #999 #999 #666; padding: 2px 2px 0px 2px; ; margin: 3px auto; width: 65px; } #lftCalc select {padding: 1px; } #lftCalc b, lftCalc strong {font-size: 16px;} #lftCalc a {background-image: url();} #lftCalc #lftBot {border: solid #B3B3B3 1px; text-align: left; width: 180px; margin: 60px 0px 0px 10px; } #lftCalc #lftBot h3 {background-color: #AEB0AF; color: #000; padding: 5px 0px 4px 0px; font-size: 14px; font-weight: bold; margin: 0px; text-align: center; } #lftCalc #lftBot a {display: block; margin: 3px 0px 2px 3px; padding: 4px 3px 4px 2px; text-decoration: none; color: #000; font-size: 12px; font-weight: normal; background-color: #FFF; } #lftCalc #lftBot a:hover {background-color: #EEE;} /***** CONTENT - MAIN *****/ #contenttd { text-align: left; } #contentt {text-align: left; margin: 0px 10px 10px 10px; } #contTbl { width: 650px;} #hdrH1, #hdrH1 h1 {font-size: 24px; font-family: "Lucida Grande", Arial, sans-serif; padding: 0px; margin: 0px; font-weight: bold} /* Home Page */ #hmLftTD, #hmLftBot {width: 210px;} #hmMidTF, #hmMidBot {width: 455px;} #hmRitTD, #hmRitBot {width: 210px;} #lftDivv {margin: 15px 0px 0px 0px; height: 316px; } #midDiv {margin: 10px 10px 0px 10px; height: 350px;} #ritDiv {margin: 15px 0px 0px 0px; height: 384px;} #lftBot {margin: 10px 0px 0px 0px} #midBot {margin: 10px 10px 0px 10px} #ritBot {margin: 10px 0px 0px 0px} /* Home Page - area specifics */ #lftDivv {border: solid #B3B3B3 2px; } #lftDivv h3 {background-color: #666; color: #FFF; padding: 4px 0px 3px 10px; font-size: 16px; font-weight: bold; margin: 0px; } #lftDivv a {display: block; margin: 4px 0px 2px 5px; padding: 3px 3px 3px 20px; text-decoration: none; color: #000; font-size: 16px; font-weight: normal; background-image: url(/img/blk-arrow.gif); background-repeat: no-repeat; background-position: left center; background-color: #FFF; } #lftDivv a:hover {background-color: #EEE;} #midDiv td {padding: 5px; } #midDiv a {text-decoration: none;} /* #midDiv a .homCat {border: solid #B3B3B3 2px; width: 136px; } #midDiv a:hover .homCat {border: solid #999 2px; width: 136px; cursor: pointer; } #midDiv a .homCat h3 {color: white; background-color: #666; text-align: center; font-size: 14px; padding: 8px 0px 8px 0px; margin: 0px; text-decoration: none; } #midDiv a:hover .homCat h3 {background-color: #454545; cursor: pointer;} */ #midDiv .homCat a {border: solid #B3B3B3 2px; width: 136px; display: block; text-decoration: none; display: block} #midDiv .homCat a:hover {border: solid #999 2px; width: 136px; cursor: pointer; } #midDiv .homCat a h3 {color: white; background-color: #666; text-align: center; font-size: 14px; padding: 8px 0px 8px 0px; margin: 0px; text-decoration: none; } #midDiv .homCat a:hover h3 {background-color: #454545; cursor: pointer;} #midDiv .homCat img {background-position: center center; background-repeat: no-repeat; width: 132px; height: 145px; } #midDiv #hmCat1 img {background-image: url(/img/hm-assembly.jpg);} #midDiv #hmCat2 img {background-image: url(/img/hm-torque.jpg);} #midDiv #hmCat3 img {background-image: url(/img/hm-bits.jpg);} #midDiv #hmCat4 img {background-image: url(/img/hm-engineered.jpg);} #midDiv #hmCat5 img {background-image: url(/img/hm-forced.jpg);} #midDiv #hmCat6 img {background-image: url(/img/hm-lifting.jpg);} #ritDiv {border: solid #B3B3B3 2px;} #ritDiv .hmSpecl {padding: 15px 5px 5px; } #ritDiv h3 {background-color: #666; color: #FFF; text-align: center; padding: 6px 0px 6px 0px; font-size: 20px; font-weight: bold; margin: 0px; } #ritDiv div {font-weight: bold; font-size: 18px; margin: 0px auto; } #ritDiv div h4, #ritDiv div h4 a {margin: 0px auto; font-weight: bold; font-size: 18px;} #ritDiv div img {margin: 10px auto;} #ritDiv .spcPricing {color: #CC0000} #ritDiv a {display: block; margin: 4px 0px 2px 5px; padding: 3px 3px 3px 20px; text-decoration: none; color: #000; font-size: 16px; font-weight: normal;} #ritDiv a:hover {} #lftBot {border: solid #FFFFFF 2px; } #lftBot h3 {background-color: #AEB0AF; color: #000; padding: 5px 0px 4px 10px; font-size: 16px; font-weight: bold; margin: 0px; } #lftBot a {display: block; margin: 4px 0px 2px 3px; padding: 3px 3px 3px 2px; text-decoration: none; color: #000; font-size: 16px; font-weight: normal; background-color: #FFF; } #lftBot a:hover {background-color: #EEE;} #midBot {border: solid #FFFFFF 2px; } #midBot .homMidBot { background-image: url(/img/blk-arrow-sm.gif); background-repeat: no-repeat; background-position: 78px 0px;} #midBot h3 {background-color: #AEB0AF; color: #000; padding: 5px 0px 4px 0px; font-size: 16px; font-weight: bold; margin: 0px 0px 5px 0px; text-align: center; } #midBot a {display: block; margin: 0px; padding: 10px; text-decoration: none; color: #000; font-size: 12px; font-weight: normal; } #midBot a:hover { background-color: #EEEEEE} #midBot h4 {margin: 0px; padding: 0px; font-size: 12px; font-weight: bold; } #midBot p {margin: 0px; padding: 0px } #midBot .hmMidBotLn {background-color: #B3B3B3; width: 1px; padding-top: 5px; } #midBot .homMidBot img {background-position: center center; background-repeat: no-repeat; width: 75px; height: 60px; margin: 0px 15px 0px 0px;} #midBot #hmMidBot1 img {background-image: url(/img/NIST-Cal.jpg);} #midBot #hmMidBot2 img {background-image: url(/img/hm-repair.gif);} #midBot #hmMidBot3 img {background-image: url(/img/hm-self-calibration.gif);} #midBot #hmMidBot4 img {background-image: url(/img/hm-spare-parts.gif);} #ritBot {border: solid #FFFFFF 2px; } #ritBot h3 {background-color: #AEB0AF; color: #000; padding: 5px 0px 4px 10px; font-size: 16px; font-weight: bold; margin: 0px; } #ritBot div.homRitBot { } #ritBot a {display: block; margin: 0px; padding: 5px 0px 0px 0px; text-decoration: none; color: #000; font-size: 12px; font-weight: normal; height: 70px} #ritBot a:hover {background-color: #EEEEEE} #ritBot .homRitBot img {background-position: center 10px; background-repeat: no-repeat; width: 75px; height: 75px; margin: 0px 2px 0px 0px; } #ritBot #hmRitBot1 img {background-image: url(/img/hm-service.gif);} #ritBot #hmRitBot2 img {background-image: url(/img/hm-specials.gif);} #ritBot #hmRitBot3 img {background-image: url(/img/hm-catalog.gif);} #ritBot h4 {margin: 0px; padding: 0px 0px 4px 0px; font-size: 12px; font-weight: bold;} #ritBot p {margin: 0px; padding: 0px; line-height: 14px; } #ritBot .hmRitBotLn {background-color: #B3B3B3; height: 1px; padding: 0px 5px; margin: 8px 0px; clear: both; } #hmFooter {padding: 10px 0px 10px 0px; margin: 10px auto; border-top: solid 2px #666; } #hmFooter, #hmFooter td, #hmFooter a {font-size: 11px; color: #000; text-decoration: none} #hmFooter a:hover {color: #333; text-decoration: underline} /* CATEGORY template */ #catTD { } #catTop {} #catTop h1 {font-size: 24px; font-family: "Lucida Grande", Arial, sans-serif; padding: 0px; margin: 0px 0px 10px 0px; font-weight: bold} #catImg {margin: 0px 0px 5px 10px;} #catDesc {margin-left: 0px; margin-top: 0px; text-align: left; padding: 0px 40px 0px 0px; } #catDesc, #catDesc p {font-size: 12px; line-height: 16px; color: #111; } #catDesc p {margin: 0px auto 10px 0px; } #catDesc li {list-style-type: none; padding: 0px; margin: 0px; font-size: 12px; } #catDesc li a {text-decoration: none; color: #4090B0; font-size: 12px; line-height: 14px; padding: 2px 0px; } #catDesc li a:hover {color: #333; font-size: 12px; text-decoration: underline;} #catDesc hr {display: none;} #catCells { padding: 10px 0px 5px; margin: 15px 5px 0px 0px; clear: left; border-top: solid #AAA 1px; } #catCells .catCell {padding: 0px 5px 0px 5px; width: 50%; font-size: 11px; line-height: 13px;} #catCells .catCellTbl {width: 290px; border: solid #ccc 1px; margin: 0px 5px 15px; padding: 5px; } #catCells .catCell h3 {margin: 5px 0px 4px 0px; } #catCells .catCell h3 a {color: #111111; font-size: 15px; font-weight: bold; text-decoration: none;} #catCells .catCell h3 a:hover {color: #4090B0; text-decoration: none} #catCells .catCell img {margin: 0px 4px 4px 0px; } #catCells .catCell a img {border: solid #FFF 1px; } #catCells .catCell a:hover img {border: solid #4090B0 1px;} #catCells .catCell div {margin: 0px 10px 0px 10px; font-size: 11px; line-height: 13px; color: #333} #catCells .catCell li {list-style-type: none; padding: 0px; margin: 0px; font-size: 11px; } #catCells .catCell li a {text-decoration: none; color: #4090B0; font-size: 11px; line-height: 13px; padding: 2px 0px; } #catCells .catCell li a:hover {color: #333; text-decoration: underline;} #catCells .catCell hr {display: none;} /* ITEM LIST template */ #lstTop { } #lstTempl {text-align: left; } #lstTempl h1 {display: none;} #lstDesc {font-size: 12px; line-height: 18px; color: #545454; text-align: left; padding: 5px 10px 0px 3px} #listCells {} .lstCellTD {width: 320px; text-align: left; border: solid #CCC 1px; } .lstCelltop {height: 18px; margin: 0px; padding: 0px; background-color: #EEE; } .lstCell {width: 310px; text-align: left; margin: 5px; padding: 0px 0px 0px 0px; } .lstImgDiv {width: 160px; text-align: center; } .lstCell h3 {margin: 5px 0px 4px 0px; font-size: 12px; color: #000; } .lstDesc {font-size: 11px; } .lstPricing {font-size: 12px; font-weight: bold; padding: 4px 0px; } .lstAddCart {} .addCartbtn {margin: 0px; } .lstAddCart {margin: 0px 0px 0px 0px;} .lstAddCart .addtocartoptions {} .lstAddCart .addCartbtn {} .lstAddCart .addQtytd {display: none} .lstAddCart .addQtyInpt {display: none} .lstAddCart .addQtyInpt input {} .lstAddCart .addCartImg a img {width: 86px; height: 19px; margin: 4px 0px 4px 0px; background-image: url(/img/lstAddcart.jpg); background-repeat: no-repeat; background-position: left top; } .lstAddCart .addCartImg a:hover img {background-position: left bottom; } .lstMore {margin-bottom: 10px;} .lstMore img {margin: 0px 4px 0px 0px; } .lstCell .lstMore a {color: #4090B0; font-size: 11px; text-decoration: none } .lstCell .lstMore a:hover {text-decoration: underline} .serList #listCells {margin: 5px 0px 0px 0px; padding: 40px 0px 0px 0px; border-top: solid #999 1px; } .lstCellSeries{height: 22px; margin: 0px; padding: 4px 0px 0px 4px; background-color: #EEE; color: #003F87; font-size: 15px; font-weight: bold; } .lstCellSeries a {height: 22px; margin: 0px; background-color: #EEE; color: #003F87; font-size: 15px; font-weight: bold; text-decoration: none} .lstCellSeries a:hover {text-decoration: underline} .lstImgDivSer {width: 115px; text-align: center; } .serDesc {width: 190px; } .serDesc p {font-size: 12px line-height: 16px; margin: 5px 0px 5px 0px; } .serDesc .btmLine {width: 180px; font-size: 12px; margin-top: 5px; padding-left: 5px; padding-bottom: 5px; border-bottom: solid #B3B3B3 2px;} .serDesc .serPrc {color: #F00000; padding: 5px 0px 0px 5px; font-weight: bold; font-size: 12px; width: 180px; } .serDesc .serMore {margin: 8px 0px 8px auto; float:right; } .serDesc .serMore img {margin: 0px 4px 0px 0px; } .serDesc .serMore a {color: #F00000; font-size: 14px; text-decoration: none } .serDesc .serMore a:hover {text-decoration: underline} .helpChoose {text-align: left; margin: 2px 0px 2px 0px; font-size: 12px;} .helpChoose a {text-decoration: none; font-weight: bold; font-size: 13px; color: #2A9AC5} .helpChoose a:hover {text-decoration: underline;} .helpChoose a img {text-decoration: none; margin: 0px 5px 0px 0px;} .helpChoose a:hover img {text-decoration: none;} .catCell .helpChoose {display: none} /* ITEM DRILLdown template */ #hdrSrch2Div {position: relative; z-index: 1} #manLogo {padding: 10px; border-right: solid #B3B3B3 2px;} #itmName {padding: 10px;} #itmName h1 {font-size: 22px; line-height: 24px; color: #000; font-weight: bold; } #itmTop {border: solid #B3B3B3 2px; margin: 0px; padding: 0px;} #itmImg {margin: 0; padding: 10px; position: relative; } #itmImg img {z-index: 0; } #itmImg img.zoomZZ {float: right; width: 30px; z-index: 100; margin: -20px 20px 0px 0px; } .vertLine {background-color: #DBDBDB; width: 1px; border: solid #FFF 1px; } #itmDesc {padding: 10px; font-weight: normal; font-size: 12px; line-height: 16px; color: #000; text-align: left; } #itmDesc h1 {font-size: 22px; line-height: 24px; color: #000; font-weight: bold; } #itmDesc h2 {font-weight: bold; font-size: 14px; margin: 0px; } #itmDesc p, #itmDesc li {font-size: 12px;} #itmSpecs {} #itmSpecsTbl {width: 230px; margin: 5px 0px 0px 20px; } #itmSpecsTbl tr.clrd {background-color: #CCCCCC} #itmSpecsTbl td {padding: 2px; font-size: 11px; } #itmSpecsTbl strong {padding: 0px 0px 0px 2px; font-size: 11px; } #itmPrc {font-weight: bold; font-size: 14px; margin: 15px 0px 10px 0px; color: #CC0000; } #itmPrc span {font-weight: normal; font-size: 14px; color: #333} #itmPrc s {text-decoration: none; font-weight: normal; background-image: url(/img/msrp-strike.gif); background-repeat: no-repeat; background-position: center center;} #itmAddCart {} #addtocartoptions {} #addtocartoptions select.inputreq { margin: 2px 0px 2px 0px; padding: 2px; } #itmAddCart {background-color: } #itmAddCart .addCartbtn {margin: 0px 0px 2px 0px; } #itmAddCart .addCartbtn strong { } #itmAddCart .addCartbtn .addQtytd { padding: 5px 2px 0px 10px; } #itmAddCart .addCartbtn input {color: #333; font-weight: bold; width: 25px; margin: 2px auto; padding: 3px; text-align: center; border: solid #999 1px; } #itmAddCart .addCartbtn a img {background-image: url(/img/itmAddcart.jpg); background-repeat: no-repeat; background-position: left top; margin: 0px 8px 0px 0px; width: 103px; height: 25px; } #itmAddCart .addCartbtn a:hover img {background-position: left bottom;} #shpsIn {font-size: 11px; } #itmViewLgr {margin: 0px 0px 0px 0px;} #itmViewLgr a img {background-image: url(/img/bk-viewlarger.gif); background-repeat: no-repeat; background-position: left top;} #itmViewLgr a:hover img {background-position: left bottom;} #lrgImgDiv {width: 845px; background-color: #FFF; border: solid #E4E1DB 1px; padding: 10px 0px 20px 0px; text-align: center; font-size: 12px; position: absolute; top: -10px; left: 0px; z-index: 10} #lrgImgDiv h3 {font-size: 16px; padding: 5px 0px 2px 0px; margin: 0px; line-height: 16px;} #lrgImgDiv img {margin: 10px auto; } #lrgImgDiv img.redX {margin: 0px 10px 0px 0px; postion: relative; float: right; z-index: 100} #itmTabs {margin: 20px 0px 0px 0px; position: relative} #itmTabNav {position: relative; z-index: 1;} #itmTabNav td {padding: 0px;} #itmTabNav td img {border: solid 0px #fff} #itmTabNav td.open a {display: inline; color: #808080; text-decoration: none; text-align: center; font-size: 14px; font-weight: bold; padding: 4px;} #itmTabNav td.closed a {display: inline; color: #FFF; text-decoration: none; text-align: center; font-size: 14px; font-weight: bold; padding: 4px;} #itmTabNav td.closed a:hover {color: #333;} #itmTabNav td.closed {background-image: url(/img/bk-Tabs.jpg); background-repeat: repeat-x; background-position: left top;} #itmTabNav td.open {background-image: url(/img/bk-Tabs.jpg); background-repeat: repeat-x; background-position: left bottom;} #itmTabNav .leftTab {background-image: url(/img/bk-Tabs_lft.jpg); background-repeat: no-repeat;} #itmTabNav .rigtTab {background-image: url(/img/bk-Tabs_rit.jpg); background-repeat: no-repeat;} #itmTabNav td.closed .leftTab {background-position: left top;} #itmTabNav td.closed .rigtTab {background-position: left top;} #itmTabNav td.open .leftTab {background-position: left bottom;} #itmTabNav td.open .rigtTab {background-position: left bottom;} .tabBody { width: 618px; border: solid 2px #B3B3B3; border-width: 2px 2px 2px 2px; padding: 10px; margin: -2px 0px 0px 0px; } #itmTabOvr { } #itmTabSpr { } #itmTabSpr table {margin: 1px auto; } #pdfLink {color: #333; } .expAdd { text-align: right;} .expAdd a {font-size: 11px; margin: 3px 65px 3px auto; text-align: center; width: 140px; background-color: #808080; color: #FFF; padding: 4px 8px; color: #FFF; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;border: solid #666 1px; border-width: 0px 1px 1px 0px; text-decoration: none; display: block} .expAdd a:hover {background-color: #AAA; color: #FFF; } #itmTabSpr .clrd {background-color: #DDD} #itmTabSpr td {font-size: 11px; padding: 2px; } #itmTabSpr h4 {display: inline; font-size: 12px; font-weight: bold;} #itmTabSpr h4 a {text-decoration: none; color: #333; } #itmTabSpr h4 a:hover {cursor: default} #itmTabSpr input {padding: 3px 0px 2px 0px; text-align: center; } #itmTabSpr .relAddCart {display: none;} #itmTabVid { } #itmTabAlt {} #itmTabAlt td {padding: 0px 0px 0px 20px} #itmTabAlt img {margin: 5px 0px 5px 0px;} #itmTabAlt h3 {margin: 5px 0px 0px 0px; font-size: 12px; color: #000} #itmTabAlt h3 a{font-weight: bold; font-size: 12px; line-height: 14px; padding: 0px; color: #000; text-decoration: none} #itmTabAlt h3 a:hover {color: #808080; text-decoration: underline} #itmTabAlt .relDesc {font-size: 10px; margin: 4px 0px; } #itmTabAlt .relPricing {color: #000; font-size: 12px; font-weight: bold} #itmTabAlt .relAddCart .addCartbtn {display: none; } .altMore {display: none; } #itmTabAlt .altMore {display: block; margin-top: 5px; } #itmTabAlt .altMore a {font-size: 9px; padding: 3px 5px; background-color: #808080; color: #FFF; text-decoration: none; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } #itmTabAlt .altMore a:hover {background-color: #AAA;} #itmTabImg h4 {text-align: center; color: #666; font-weight: normal; } #pgThms {border-bottom: solid #CCC 1px; padding: 0px 0px 10px 0px; margin: 10px auto; text-align: center } #pgThms a img {width: 50px; margin: 0px 5px; border: solid #FFFFFF 1px; } #pgThms a:hover img {border: solid #999 1px; } #pgThms a img {} #pgMain {text-align: center; margin: 5px auto 5px auto; width: 610px; } #pgMain img {margin: 0px auto; } /* RELATED items template */ #relItmDiv {margin: 0px 0px 0px 10px; padding: 0px; border: solid #B3B3B3 2px; width: 190px;} #relMsg {color: #000; font-size: 11px; text-align: left;} #relMsg h3 {color: #FFF; font-size: 15px; text-align: center; background-color: #666; margin: 0px; font-weight: normal; padding: 2px; } #relMsg p { margin: 2px 5px 5px;} #relTempl {} #reltCells {} #reltCells .relCellTD {} #reltCells .relCell {text-align: left; padding: 6px; background-color: #FFF; border-top: solid #D9D9D9 2px;} /* width: 178px; */ #reltCells .relImgDiv img {margin: 0px 5px 6px 4px;} .relCell h3 {margin: 5px 0px 0px 0px; font-size: 12px; color: #000} .relCell h3 a {font-weight: bold; font-size: 12px; line-height: 14px; padding: 0px; color: #000; text-decoration: none} .relCell h3 a:hover {color: #808080; text-decoration: underline} .relDesc {font-size: 10px; margin: 4px 0px; } .relPricing {color: #000; font-size: 12px; font-weight: bold} .relAddCart .addtocartoptions {} .relAddCart .addCartbtn {} .relAddCart .addQtytd {display: none} .relAddCart .addQtyInpt {display: none} .relAddCart .addQtyInpt input {} .relAddCart .addCartImg a img {width: 86px; height: 19px; margin: 4px 0px 4px 0px; background-image: url(/img/relAddcart.jpg); background-repeat: no-repeat; background-position: left top; } .relAddCart .addCartImg a:hover img {background-position: left bottom; } .sersItm .relDesc {display: none;} /****** SERIES ITEM DETAIL template ******/ #seriesItm {margin-top: 15px; } #seriesItm .serBox {border: solid #B3B3B3 2px; text-align: center } #seriesItm #itmDesc {margin: 0px 0px 0px 20px;; padding: 0px; } #seriesItm #manLogo {border: solid #fff 0px; padding: 0px; margin: 0px;} #seriesItm #manLogo img { margin: 5px 0px 5px 8px; } #seriesItm #zoomImg {text-align: right; width:30px; padding: 0px ; position: relative; margin: -45px 0px 0px 270px; z-index: 10; display: block; } #seriesItm #itmDesc h1 {font-weight: normal; margin: 10px 0px 10px 8px; } #seriesItm #itmDesc p {font-size: 14px line-height: 18px; margin: 10px 0px 10px 0px; } #seriesItm #itmDesc .btmLine {width: 280px; ; font-size: 13px; margin-top: 8px;padding-left: 8px; padding-bottom: 8px; border-bottom: solid #B3B3B3 2px;} #seriesItm #itmDesc #serPrc {color: #F00000; } #seriesItm #relItmDiv {margin-top: 90px; } #seriesItm #itmTabs {margin-top: 40px} #seriesItm h2 {font-weight: normal; font-size: 22px; margin: 25px 0px 10px 0px; } #seriesItmsTbl td {padding: 1px 4px; font-size: 11px; border-bottom: dotted #DDDDDD 1px;} #seriesItmsTbl tr.hddr td {padding: 3px 4px; font-size: 11px; font-weight: bold; background-color: #E0E0E0; border-bottom: dotted #F0F0F0 0px;} #seriesItmsTbl .clrd {background-color: #F9F9F9; } #seriesItmsTbl input {text-align: center; padding: 2px 0px 1px 0px; width: 25px; font-size: 11px;} #seriesItmsTbl a img {width: 86px; height: 19px; margin: 4px 0px 4px 0px; background-image: url(/img/lstAddcart.jpg); background-repeat: no-repeat; background-position: left top; } #seriesItmsTbl a:hover img {background-position: left bottom; } #seriesItm #lrgImgDiv {top: 4px;} /* INFO CATEGORY and ITEM list template */ #catCells .infocatDiv {margin: 0px 10px; } #catCells .infocatCell hr {margin: 8px 10px 10px; } #catCells .infocatDiv h3 {margin: 5px 1px 3px 1px; font-size: 16px; text-decoration: none} #catCells .infocatDiv h3 a {letter-spacing: 1px; color: #000000; text-decoration: none} #catCells .infocatDiv h3 a:hover {text-decoration: underline} #catCells .infocatDiv p {margin: 1px 0px 14px; font-size: 12px; color: #000000; text-align: left; } #INFOlstTempl {text-align: left; width: 610px;} #INFOlstTempl h1 {margin: 10px 0px 0px 0px; padding: 0px; font-size: 25px; font-weight: bold; color: #545454; text-align: left; border-bottom: solid #FFF 1px; } #INFOlstTempl #lstDesc, #INFOlstTempl #lstDesc p {font-size: 12px; line-height: 16px; color: #545454; text-align: left; padding: 5px 10px 0px 3px} #INFOlstTempl .lstCell {width: 150px; } #INFOlstTempl .lstCell h3 {margin: 0px 0px 2px 0px; font-size: 13px; } #INFOlstTempl .lstCell a {text-decoration: none; color: #333; } #INFOlstTempl .lstCell a:hover {text-decoration: underline; color: #545454; } #INFOlstTempl .lstCell div {margin: 0px 0px 0px 5px; font-size: 11px; } #INFOlstTempl .lstCellCatalog {width: 300px; } #INFOlstTempl .lstCellCatalog h3 {margin: 10px 0px 2px 0px; font-size: 14px; } #INFOlstTempl .lstCellCatalog a {text-decoration: none; color: #333; } #INFOlstTempl .lstCellCatalog a:hover {text-decoration: underline; color: #545454; } #INFOlstTempl .lstCellCatalog div {margin: 0px 0px 0px 5px; font-size: 11px; } #INFOlstTempl li, #INFOlstTempl p, #infodrillDesc li, #infodrillDesc p {font-size: 12px;} #infodrilTitl {margin: 10px 0px 0px 0px; padding: 0px; font-size: 25px; font-weight: bold; color: #545454; text-align: left; border-bottom: solid #FFF 1px; } #infodrillDesc {margin: 0px; font-size: 12px; line-height: 16px; color: #545454; padding: 0px 20px 10px 20px; width: 625px; } #infodrillDesc li {color: #545454;} #infodrillDesc a {font-size: 12px; line-height: 16px; text-decoration: underline; color: #0066CC;} #infodrillDesc a:hover {text-decoration: none; color: #666666;} /***** FOOTER *****/ #footer { padding: 15px 0px 0px 0px; margin: 10px 0px 10px 0px; border-top: solid #666 2px;} #footer, #footer td, #footer a {font-size: 11px; color: #333; text-decoration: none; line-height: 14px;} #footer a:hover {text-decoration: underline; color: #666}