/***** GLOBAL *****/ body {margin: 0 auto; padding: 0; background-color: #EFE8CD; background-image: url(/img/bk-body2.jpg); background-repeat: repeat-x; background-position: left top; text-align: center; } body, td {font-family: Helvetica, Arial, sans-serif; font-size: 12px;} p, li {font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 16px; color: #898371;} h1, h2, input, select {font-family: Helvetica, Arial, sans-serif;;} a {outline: none; text-decoration: underline; color: #34A3C0;} a:hover {text-decoration: none; color: #34A3C0;} textarea {font-size: 12px; border: solid #999 1px;} input {border: solid #999 1px;} .bgbutton, .nlbutton {padding: 2px;} .none {display:none} .block {display:block} .inline {display:inline} tt, kdb, #catFeatured i {display: none} #contenttd .resorTs, #contenttd .wholeSale, body.wholeSale .billBrd, #contenttd.wholeSale .billBrd {display: none} body.resorTs #contenttd .resorTs, body.wholeSale #contenttd .wholeSale {display: inline} #catTD div#whslBldd.wholeSale {clear: both; padding: 10px 10px 0px 10px; margin: 15px auto 0px; width: 700px; font-size: 14px; color: #545454; display: block; } #lstTempl div#whslBldd.wholeSale { padding: 10px 10px 10px 10px; margin: 0px auto 0px; font-size: 14px; color: #545454; display: block; } #lstTempl.catPage div#whslBldd.wholeSale {display: none; background-color: #E5F4F8; } /* widths and backgrounds */ #outerwrapper {margin: 0px auto 0px auto; padding: 0px; background-image: url(/img/bk-outer2.jpg); background-repeat: no-repeat; background-position: left top; width: 1032px; text-align: left; } #innerwrapper {margin: 0px auto 0px auto; width: 1002px; text-align: left;} #div__header {width: 1002px; height: 140px;} #div__body {width: 1002px; background-image: url(/img/bk-content.jpg); background-repeat: repeat-y; background-position: left top;} #div__footer {width: 980px; padding: 0px 11px; margin: 0px auto 0px auto;} /* 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 */ #heder {position: relative} #logolinks {color: #FFF; font-size: 14px; line-height: 16px; font-weight: bold; text-align: right; position: absolute; top: 5px; right: 21px; } #logolinks a {color: #FFF; text-decoration: none; line-height: 16px; padding: 2px; } #logolinks a:hover {color: #FFF; text-decoration: underline; } #logolinks a img {margin: 0px 5px 0px 0px; text-decoration: none;} #logolinks a:hover img {text-decoration: none} #logolinks i {font-style: normal;} #logolinks .crtMT, #logolinks.zero .crtFL, #logolinks.one i {display: none} #logolinks.zero .crtMT {font-weight: normal; display: inline} #userInfo {color: #FFF; font-size: 12px; line-height: 16px; font-weight: bold; text-align: right; position: absolute; top: 45px; right: 15px; } #userInfo a {color: #FFF; text-decoration: none; line-height: 16px; padding: 2px; } #userInfo a:hover {color: #FFF; text-decoration: underline; } #userInfo a:hover img {text-decoration: none} #usrInf {} #userInfo .wholeSale, #userInfo .resorTs {display: none} body.wholeSale #userInfo .wholeSale, body.resorTs #userInfo .resorTs {display: inline; line-height: 16px; color: #EC5933} /* MAIN Navigation div and ul */ #hdrnav1 { position: absolute; top: 109px; left: 21px;} #hdrnav2 { position: absolute; top: 109px; right: 21px; width: 308px; } .hdrnav a img {background-repeat: no-repeat; background-position: left top; padding: 0px; } .hdrnav a:hover img {background-position: left bottom;} #nav-home {background-image: url(/img/nav-home.gif); } #nav-about {background-image: url(/img/nav-about.gif);} #nav-stinfo {background-image: url(/img/nav-info.gif); } #nav-faq {background-image: url(/img/nav-faq.gif);} #nav-contact {background-image: url(/img/nav-contact.gif)} #nav-viewCrt {background-image: url(/img/nav-viewcart.gif); } #nav-comPare {background-image: url(/img/nav-compare.gif); width: 61px; height: 30px; display: none; } #srchPort {margin: 0px; padding: 4px 10px 0px 10px; width: 160px; height: 26px; background-color: #BEA976; float: right; display: inline; } #srchPort table {margin: 0px; } #srchPort input {font-size: 11px; line-height: 11px; padding: 3px 0px 2px 3px; margin: 0px 3px 0px 0px; border: solid #CCCCCC 1px; color: #666; width: 135px} #srchPort a img {background-repeat: no-repeat; background-position: left top;} #srchPort a:hover img {background-position: left bottom;} #srchPort a #srhImg {background-image: url(/img/arrow.gif);} .topNavDiv {display: none } .topNavDivOver {display: block; border: solid #E1D1A2 1px; border-width: 0px 1px 1px 1px} .topNavDivOver {position: absolute; right: 103px; top: 73px; width: 180px; background: #908462} .topNavDivOver a {display: block; margin: 0px; padding: 4px 10px; color: #908462; background-color: #EFE8CD; text-decoration: none; font-size: 12px; } .topNavDivOver a:hover {text-decoration: none; color: #FFF; background-color: #908462;} /* bread-crumb */ #crumText {display:none} .crumb {color: #999; font-size: 11px; line-height: 16px; } #crumbTxt, #crumbTxtLst {text-align: left; font-size: 12px; line-height: 16px; font-weight: normal; color: #999; padding: 0px} #crumbTxt a, #crumbTxt a.crumbover, #crumbTxtLst a, #crumbTxtLst a.crumbover {font-size: 12px; line-height: 16px; color: #A0BF64; text-decoration: none} #crumbTxt a:hover, #crumbTxt a.crumbover:hover, #crumbTxtLst a:hover, #crumbTxtLst a.crumbover:hover {font-size: 12px; line-height: 16px; text-decoration: underline} /***** CONTENT- LEFT SIDE *****/ #lftSide {padding: 10px 0px 0px 11px; width: 190px; background-image: url(/img/bk-left-rit.jpg); background-repeat: no-repeat; background-position: left top;} #lftDiv {margin: 0px 5px 10px 10px; width: 175px;} #lftDiv i {font-style: normal;} #lftToppZZZ { border-top: solid #E3E1DB 1px; padding: 10px 0px 0px 0px; width: 175px;} #lftTopp {padding: 0px; width: 175px;} .leftTab {} .leftTab a img {background-repeat: no-repeat; background-position: left top; padding: 0px; margin-top: 5px; margin-bottom: 1px;} .leftTab a:hover img {background-repeat: no-repeat; background-position: left bottom;} .active a img {background-repeat: no-repeat; background-position: left bottom;} .active a:hover img { background-position: right bottom;} #lftSpec a img, #lftSpec2 a img {background-image: url(/img/left-special.gif);} #lftBeach a img, #lftBeach2 a img {background-image: url(/img/left-beachsupl.gif);} #lftBWear a img, #lftBWear2 a img {background-image: url(/img/left-beachwear.gif);} #lftSurf a img, #lftSurf2 a img {background-image: url(/img/left-surf.gif);} #lftBrand a img, #lftBrand2 a img {background-image: url(/img/left-brands.gif);} #lftBuyer a img, #lftBuyer2 a img {background-image: url(/img/left-buyers.gif);} #lftRsrts a img, #lftRsrts2 a img {background-image: url(/img/left-resorts.gif);} #lftWhls a img, #lftWhls2 a img {background-image: url(/img/left-wholesale.gif);} #lftInfo a img {background-image: url(/img/spacer.gif);} /* navigation buttons */ #leftNSnav {} #leftNSnav {margin: 0px 0px 0px 0px; width: 170px} #leftNSnav a {font-family: Helvetica, Arial, sans-serif; text-decoration: none} #leftNSnav td.text {display: none} #leftNSnav td.text2 {} ZZZ#leftNSnav td.leftSpc {background-color: #FFF000; } ZZZ#leftNSnav td.leftSpc img {width: 10px; } ZZZ#leftNSnav td.leftSpc2 {background-color: #FFF000; border-left: solid #999999 1px; width: 8px;} #leftNSnav td.leftCat a { background-color: #E4F3F7; color: #34A3C0; border: solid #FFF 1px; border-width: 0px 0px 1px 0px; font-size: 12px; font-weight: bold; letter-spacing: 1px; padding: 9px 0px 9px 10px; line-height: 12px; margin: 0px; font-weight: bold; display: block; width: 160px;} #leftNSnav td.leftCat a:hover {background-color: #34A3C0; color: #FFFFFF; } #leftNSnav td.curtCat a {background-color: #C3E5EE; color: #34A3C0; font-size: 12px; font-weight: bold; letter-spacing: 1px; padding: 9px 0px 9px 10px; line-height: 12px; margin: 0px; font-weight: bold; display: block; width: 160px; } #leftNSnav td.curtCat a:hover {background-color: #C3E5EE; color: #34A3C0; text-decoration: underline } #leftNSnav td.text2 {background-color: #C3E5EE; } #leftNSnav td.smalltext { width: 161px;} #leftNSnav td.smalltext a {color: #34A3C0; border-top: solid #C3E5EE 1px; border-bottom: solid #C3E5EE 1px; padding: 7px 8px 6px 10px; font-size: 11px; line-height: 12px; font-weight: bold; display: block; background-image: url(/img/bk-lftsmalltext.gif); background-position: left top; background-repeat: no-repeat; } #leftNSnav td.smalltext a:hover {background-position: left bottom; color: #FFF; } #leftNSnav td.endnav a {padding: 7px 8px 15px 10px; background-image: url(/img/bk-endnav.gif); background-position: left top; background-repeat: no-repeat; } #leftNSnav td.smalltext a:hover {background-position: left bottom; color: #FFF; } #leftNSnav td.textboldnolink { width: 161px;} #leftNSnav td.textboldnolink a {color: #FFF; border-top: solid #C3E5EE 1px; border-bottom: solid #C3E5EE 1px; padding: 7px 8px 6px 10px; font-size: 11px; line-height: 12px; font-weight: bold; display: block; background-image: url(/img/bk-lftsmalltext.gif); background-position: left bottom; background-repeat: no-repeat; } #leftNSnav td.textboldnolink a:hover {text-decoration: underline} /* homepage left navigation buttons */ body.homE #leftNSnav td.curtCat {display: none;} body.homE #leftNSnav td.smalltext a { background-color: #E4F3F7; color: #34A3C0; border: solid #FFF 1px; border-width: 0px 0px 1px 0px; font-size: 12px; font-weight: bold; letter-spacing: 1px; padding: 9px 0px 9px 10px; line-height: 12px; margin: 0px; font-weight: bold; display: block; width: 160px; background-image: url(/img/spacer.gif);} body.homE #leftNSnav td.smalltext a:hover {background-color: #34A3C0; color: #FFFFFF;} body.homE #leftNSnav td.text2 {display: none } body.homE td.leftCat a {text-decoration: none; background-color: #E4F3F7; color: #34A3C0; border: solid #FFF 1px; border-width: 0px 0px 1px 0px; font-size: 12px; font-weight: bold; letter-spacing: 1px; padding: 9px 0px 9px 10px; line-height: 12px; margin: 0px; font-weight: bold; display: block; width: 160px;} body.homE td.leftCat a:hover {background-color: #34A3C0; color: #FFFFFF; } body.homE #lftSpec a img { background-position: left bottom;} body.homE td.grnCat a {text-decoration: none; background-color: #D1E0B3; color: #85AE46; border: solid #FFF 1px; border-width: 0px 0px 1px 0px; font-size: 12px; font-weight: bold; letter-spacing: 1px; padding: 9px 0px 9px 10px; line-height: 12px; margin: 0px; font-weight: bold; display: block; width: 160px;} body.homE td.grnCat a:hover {background-color: #85AE46; color: #FFFFFF; } body.homE #lftSpec.leftTab a img {background-repeat: no-repeat; background-position: left top; padding: 0px; margin-top: 5px; margin-bottom: 1px; } body.homE #lftSpec.leftTab a:hover img {background-repeat: no-repeat; background-position: right top;} /* special offers left navigation buttons showing on store info */ body.storeinf td.leftCat a {text-decoration: none; background-color: #E4F3F7; color: #34A3C0; border: solid #FFF 1px; border-width: 0px 0px 1px 0px; font-size: 12px; font-weight: bold; letter-spacing: 1px; padding: 9px 0px 9px 10px; line-height: 12px; margin: 0px; font-weight: bold; display: block; width: 160px;} body.storeinf td.leftCat a:hover {background-color: #34A3C0; color: #FFFFFF; } body.storeinf #lftSpec a img { background-position: left bottom;} .beachLike {width: 60px; float: right; margin: 0px 11px 0px 0px; } /* Spring 09 left navv styles */ #navvLeft i {font-style: normal;} .catNavDiv, .catNavDivOver {position: relative; z-index: 99; } .catNavDiv a, .catNavDivOver a {text-decoration: none; background-color: #E4F3F7; color: #2E879F; border: solid #FFF 1px; border-width: 0px 0px 1px 0px; font-size: 12px; font-weight: bold; letter-spacing: 1px; padding: 5px 0px 5px 10px; line-height: 12px; margin: 0px; font-weight: bold; display: block; width: 160px;} .catNavDiv a:hover {background-color: #E4F3F7; color: #6EC0D7;} .catNavDivOver a, .catNavDivOver a:hover {background-color: #E4F3F7; color: #FFF; } .catNavDivOver a, .catNavDivOver a:hover {background-image: url(/img/bk-catOver2.jpg); background-repeat: no-repeat; background-position: right center;} .subNavDiv, .subNavDiv a {display: none;} .catNavDivOver .subNavDiv { width: 174px; position: absolute; top: 0px; left: 170px; border: solid #528795 2px; z-index: 99; display: block; } .catNavDivOver .subNavDiv a {color: #2E879F; border-top: solid #FFF 1px; border-bottom: solid #FFF 1px; padding: 6px 8px 5px 10px; font-size: 11px; line-height: 12px; font-weight: bold; display: block; background-color: #EFF9FA; width: 156px; background-image: url(/img/spacer.gif);} .catNavDivOver .subNavDiv a:hover {background-color: #528795; color: #FFF; background-image: url(/img/spacer.gif);} .catNavDivActv {position: relative; z-index: 99; width: 161px;} .catNavDivActv a {background-color: #BADEEA; color: #1E5868; font-size: 12px; font-weight: bold; letter-spacing: 1px; padding: 9px 0px 9px 10px; line-height: 12px; margin: 0px; font-weight: bold; display: block; width: 160px; text-decoration: none; } .catNavDivActv a:hover {background-color: #BADEEA; color: #1E5868; text-decoration: underline } .catNavDivActv .subNavDiv {position: relative; padding:0px 0px 15px 10px; z-index: 9; background-color: #BADEEA; width: 160px; display: block; padding: 0px 0px 5px 10px; border-bottom: solid #FFFFFF 1px;} .catNavDivActv .subNavDiv a {color: #1E5867; border-top: solid #BADEEA 1px; border-bottom: solid #BADEEA 1px; padding: 5px 8px 4px 10px; font-size: 11px; line-height: 12px; font-weight: normal; display: block; background-image: url(/img/bk-lftsmalltext2.gif); background-position: left top; background-repeat: no-repeat; width: 141px; text-decoration: none; } .catNavDivActv .subNavDiv a:hover {background-position: left bottom; color: #FFF; } .curntSubb a {text-decoration: none; background-color: #34A3C0; color: #FFF; border: solid #FFF 1px; border-width: 0px 0px 1px 0px; font-size: 12px; font-weight: bold; letter-spacing: 1px; padding: 9px 0px 9px 10px; line-height: 12px; margin: 0px; font-weight: bold; display: block; width: 160px;} .curntSubb a:hover {text-decoration: underline; } .catNavDivActv .subNavDiv .curntSubb a {color: #FFFFFF; border-top: solid #BADEEA 1px; border-bottom: solid #BADEEA 1px; padding: 5px 8px 4px 10px; font-size: 11px; line-height: 12px; font-weight: bold; display: block; background-image: url(/img/bk-lftsmalltext2.gif); background-position: left bottom; background-repeat: no-repeat; width: 141px; text-decoration: none; } .catNavDivActv .subNavDiv .curntSubb a:hover {background-position: left bottom; color: #FFF; text-decoration: underline} /* SPECIAL OFFER BEACH current category and subnav */ body.gear #spclNavv.catNavDiv a, body.gear #spclNavv.catNavDivOver a {text-decoration: none; background-color: #D1E0B3; color: #85AE46; border: solid #FFF 1px; border-width: 0px 0px 1px 0px; font-size: 12px; font-weight: bold; letter-spacing: 1px; padding: 5px 0px 4px 10px; line-height: 12px; margin: 0px; font-weight: bold; display: block; width: 160px;} #body.gear #spclNavv.catNavDivOver a, body.gear #spclNavv.catNavDivOver a:hover, body.gear #spclNavv.catNavDiv a:hover {background-color: #85AE46; color: #FFF;} body.specIAL #navvLeft .catNavDiv, body.specIAL #navvLeft .catNavDivOver {position: relative; z-index: 99; } body.specIAL #navvLeft .catNavDiv a, body.specIAL #navvLeft .catNavDivOver a {text-decoration: none; background-color: #D1E0B3; color: #85AE46; border: solid #FFF 1px; border-width: 0px 0px 1px 0px; font-size: 12px; font-weight: bold; letter-spacing: 1px; padding: 5px 0px 4px 10px; line-height: 12px; margin: 0px; font-weight: bold; display: block; width: 160px;} body.specIAL #navvLeft .catNavDivOver a, body.specIAL #navvLeft .catNavDivOver a:hover, body.specIAL #navvLeft .catNavDiv a:hover {background-color: #85AE46; color: #FFF;} body.specIAL #navvLeft .catNavDivOver a, body.specIAL #navvLeft .catNavDivOver a:hover {background-image: url(/img/bk-catOverGrn.jpg); background-repeat: no-repeat; background-position: right center;} body.specIAL #navvLeft .catNavDivOver .subNavDiv { width: 174px; position: absolute; top: -0px; left: 170px; border: solid #85AE46 2px; z-index: 999; display: block; } body.specIAL #navvLeft .catNavDivOver .subNavDiv a {background-color: #E0ECC8; color: #85AE46; border-top: solid #FFF 1px; border-bottom: solid #FFF 1px; padding: 7px 8px 6px 10px; font-size: 11px; line-height: 12px; font-weight: bold; display: block; width: 156px; background-image: url(/img/spacer.gif);} body.specIAL #navvLeft .catNavDivOver .subNavDiv a:hover {background-color: #85AE46; color: #FFF; background-image: url(/img/spacer.gif);} body.specIAL #lftBeach a img {background-repeat: no-repeat; background-position: left top; padding: 0px; margin-top: 5px; margin-bottom: 1px;} body.specIAL #lftBeach a:hover img {background-repeat: no-repeat; background-position: left bottom;} body.specIAL #spclNavv .catNavDivActv a { border-bottom-width: 0px; padding-bottom: 5px; } .navvGrn .catNavDiv a, .navvGrn .catNavDivOver a, .navvGrn .catNavDivOver i a {text-decoration: none; background-color: #D1E0B3; color: #85AE46; border: solid #FFF 1px; border-width: 0px 0px 1px 0px; font-size: 12px; font-weight: bold; letter-spacing: 1px; padding: 5px 0px 4px 10px; line-height: 12px; margin: 0px; font-weight: bold; display: block; width: 160px;} .navvGrn .catNavDivOver a, .navvGrn .catNavDivOver a:hover {background-color: #85AE46; color: #FFF;} .navvGrn .catNavDivOver a, .navvGrn .catNavDivOver a:hover {background-image: url(/img/bk-catOverGrn.jpg); background-repeat: no-repeat; background-position: right center;} body.gear .navvGrn #spclNavv.catNavDiv .catNavDivOver a {color: #FFF} .navvGrn .subNavDiv {border-color: #85AE46; } .navvGrn .catNavDivOver .subNavDiv i a ,body.gear .navvGrn #spclNavv.catNavDiv .catNavDivOver .subNavDiv i a { width: 164px; background-image: url(/img/spacer.gif);} .navvGrn .catNavDivOver .subNavDiv i a:hover, body.gear .navvGrn #spclNavv.catNavDiv .catNavDivOver .subNavDiv i a:hover {background-color: #85AE46; color: #FFF;} #brandListDiv {margin: -1px 0px 0px; padding: 0px 0px 5px 0px ; background-color: #a0bf64; width: 170px;} #brandListDiv.green { background-color: #a0bf64; } #brandListDiv.blue { background-color: #7AC6DA; } #brandListDiv #brandNavv { display: block; height: 200px; width: 160px; padding: 0px ; margin: 0px 5px; overflow-x: hidden; overflow-y: scroll; } #brandListDiv.green #brandNavv { background-color: #a0bf64; } #brandListDiv.blue #brandNavv { background-color: #7AC6DA; } #brandListDiv #brandNavv a {background: #FFF; color: #000; font-weight: normal; font-size: 11px; width: 136px; padding: 4px 2px 3px 6px; } #brandListDiv #brandNavv a:hover {color: #2E879F} #brandListDiv #brandNavv i.currnt a {color: white; font-weight: bold; background: #2E879F; } /* RITSIDE elements moved to the left side - search and items under navv */ .ritDiv {width: 170px; padding: 0px 0px 0px 0px; border-top: solid #E3E1DB 1px; margin: 10px 0px; font-size: 12px; line-height: 16px; font-weight: bold; } .ritDivInnr {padding: 10px; } #ritCompare {background-color: #D9E5C1; color: #34A3C0} #ritCompare a {color: #34A3C0; text-decoration: none; } #ritCompare a:hover {text-decoration: underline;} #compareContent {border: solid #A0BF64 1px; background-color: #FFF; padding: 5px; } #compareContent img {width: 38px; margin: 2px; } #ritCompare a.compare {display: block; margin: 8px auto 0px; text-align: center; background-color: #AFCA78; color: #FFF; font-size: 11px; padding: 4px 0px 2px; width: 116px; text-decoration: none; border: solid #759236 1px; border-radius: 5px; -moz-border-radius: 5px;} #ritCompare a.compare:hover { background-color: #91D1E1; color: #FFF; text-decoration: none; background-color: #759236; } #ritLast {background-color: #FEF1C4; color: #9E381D} #ritLast a {color: #9E381D; text-decoration: none; } #ritLast a:hover {text-decoration: underline;} #lastContent {border: solid #F0B251 1px; background-color: #FFF; padding: 5px;} #lastContent a img {width: 38px; margin: 2px; border: solid #FFF 1px} #lastContent a:hover img {width: 38px; margin: 2px; border: solid #CC0000 1px} #ritInfo {background-color: #CAE8F0; color: #34A3C0} #ritInfo a {color: #34A3C0; text-decoration: none; } #ritInfo a:hover {text-decoration: underline;} #ritSupp {background-color: #F8BDAD; color: #9E381D} #ritSupp a {color: #9E381D; text-decoration: none; } #ritSupp a:hover {text-decoration: underline;} #ritEmail {background-color: #DDCAEF} #ritEmail {margin: 0px; } #ritEmail table {margin: 7px 10px 0px 10px; width: 150px; } #ritEmail input {font-size: 12px; line-height: 12px; padding: 4px 0px 4px 3px; margin: 0px 3px 7px 0px; border: solid #9A67C4 1px; width: 110px} #ritEmail a img {background-repeat: no-repeat; background-position: left top; margin-bottom: 7px} #ritEmail a:hover img {background-position: left bottom;} #ritEmail a #emailImg {background-image: url(/img/rit-email-butn.gif);} /***** CONTENT - MAIN *****/ #contenttd {width: 780px; text-align: left; background-image: url(/img/bk-contt2.gif); background-repeat: repeat-y; background-position: left top;} #contentt {text-align: left; margin: 10px 10px 10px 10px; } #contenttd .resorTs, #contenttd .wholeSale, #contenttd.resorTs #itmPrc, #contenttd.wholeSale #itmPrc {display: none} #contenttd.resorTs span.resorTs, #contenttd.wholeSale span.wholeSale {display: inline; color: #FD8736; font-weight: bold; letter-spacing: 1px;} /* RIGHTSIDE */ #ritSide {padding-right: 9px; width: 1px; background-image: url(/img/bk-left-rit.jpg); background-repeat: no-repeat; background-position: right top; text-align: left;} /* OVERLAYS */ .overlayDiv {position: relative; height: 213px; width: 318px; background-repeat: no-repeat; background-position: center center} .overlay {position:absolute; z-index: 30; height: 213px; width: 318px; left: 0px; top: 0px; background-repeat: no-repeat; background-position: center top ;} #overlay {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/overlay.png');} .overlay[class] {background-image: url(/img/overlay.png);} .overlayDiv2 {position: relative; height: 224px; width: 323px; background-repeat: no-repeat; background-position: center center} .overlay2 {position:absolute; z-index: 30; height: 224px; width: 323px; left: 0px; top: 0px; background-repeat: no-repeat; background-position: center top ;} #overlay2 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/overlay2.png');} .overlay2[class] {background-image: url(/img/overlay2.png);} .overlayDiv2h {position: relative; height: 224px; width: 323px; background-repeat: no-repeat; background-position: center center} .overlay2h {position:absolute; z-index: 30; height: 224px; width: 323px; left: 0px; top: 0px; background-repeat: no-repeat; background-position: center top ;} #overlay2h {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/overlay2h.png');} .overlay2h[class] {background-image: url(/img/overlay2h.png);} .overlayDiv3 {position: relative; height: 224px; width: 323px; background-repeat: no-repeat; background-position: center center} .overlay3 {position:absolute; z-index: 30; height: 224px; width: 323px; left: 0px; top: 0px; background-repeat: no-repeat; background-position: center top ;} #overlay3 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/overlay3.png');} .overlay3[class] {background-image: url(/img/overlay3.png);} /* WELCOME template */ #welcH1, #welcH1 a, #welcH1 a:hover {font-size: 14px; position: absolute; top: 30px; left: 12px; text-decoration: none; } #welDiv2 {margin: 0px 0px 15px 0px; height: 240px; font-size: 12px; line-height: 20px; color: #898371; } #welDiv {margin: 0px 0px 15px 0px; height: 240px; padding-bottom: 10px; border-bottom: solid #E3E1DB 1px; font-size: 12px; line-height: 20px; color: #898371; } #welDiv overlayDiv2, #welDiv overlayDiv2h {margin-bottom: 15px; } #welDiv #hmTitle {margin: 15px 0px 10px 0px; } #welDiv p {font-size: 12px; line-height: 18px; color: #898371; margin: 1px auto 12px 0px; } #welImg {float: left; margin: 0px 10px 0px 5px;} #welMsg p {font-size: 12px; line-height: 18px; color: #898371; margin: 20px 30px 12px 30px; } /* for welcome page category list styles see CATEGORY LIST template below */ #welCatImg {} /* for welcome page item list styles see ITEM LIST template below */ #featProdImg {margin: 10px 0px 5px 0px; } .welstCell {} #homeTopRight {display: none; position: absolute; width: 182px; ZZheight: 100px; z-index: 2; left: 583px; top: 120px; padding: 0px; } /* home image fading */ #hmImgDiv {position:relative; margin: 0px auto 0px 0px; padding: 0px; width: 400px; height: 233px; } #hmImgDiv a {text-decoration: none } #mn1, #mn2, #mn1 img, #mn2 img { margin: 0px; padding: 0px; border: 0px} #mn1 {position: absolute; left: 0px; top:0px; z-index: 0; display:block; cursor: pointer; } #mn2 {float:left; display:block} #rotNavv {display: block; position: absolute; z-index: 100; background: inherit; right: 0px; top: 220px; width: 200px; height: 25px; text-align: right; } #rotNavv {color: #6C8036; font-size: 10px; } #rotNavv a {padding: 6px 6px 6px 6px; color: black; font-size: 12px; line-height: 25px; font-weight: bold; color: #707070} #rotNavvZ a {background-image: url(/img/bk-homeTabs.png); background-repeat: repeat-x; background-position: left top; } #rotNavvZ a {-webkit-border-top-right-radius: 7px; -webkit-border-top-left-radius: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-topleft: 7px; border-top-right-radius: 7px; border-top-left-radius: 7px;} #rotNavv.rt1 a#n01, #rotNavv.rt2 a#n02, #rotNavv.rt3 a#n03, #rotNavv.rt4 a#n04, #rotNavv.rt5 a#n05, #rotNavv.rt0 a#n06, #rotNavv a:hover {color: #7AC6DA; background-position: left bottom; } /* CATEGORY template */ #catTD {border: solid #FFFFFF 2px; } #catTD h1 {margin: 15px auto 10px auto; font-size: 30px; font-weight: bold; color: #7AC6DA; text-align: left; padding: 0px 0px} #catImg {float: left; margin: 0px 10px 0px 5px;} #catDesc {margin-left: 0px; margin-top: 0px; text-align: left; padding: 0px 0px 0px 0px; } #catDesc {position: relative; z-index: 1;} #catDesc, #catDesc p {font-size: 12px; line-height: 20px; color: #898371; } #catDesc p {margin: 0px auto 14px 0px; } #catAllLnk {position: absolute; left: -20px; top: -55px} #catAllLnk a {margin: 5px 20px 0px 350px; padding: 10px 2px 0px 2px; display: block; height: 29px; font-size: 14px; text-align: center; color: #FFFFFF; font-weight: bold; text-decoration: none; background-color: #7AC6DA; width: 210px;} #catAllLnk a:hover {color: #FFFFFF; background-color: #34A3C0; text-decoration: none} #catBldd {display: none; } #catH2 {margin: 10px 0px -10px ; font-size: 20px; font-weight: bold; color: #7e9a46; text-align: left; padding: 0px 0px 0px 10px; } #catCells { border-bottom: solid #E3E1DB 1px; padding-bottom: 10px; margin-top: 5px; clear: left; } .catCell {border: solid #E3E1DB 1px; width: 180px;} .catDiv {padding: 11px; } .catDiv img {margin-bottom: 5px} #catCells .catDiv a {text-decoration: none; } #catCells .catDiv a td {height: 39px; font-size: 14px; color: #FFFFFF; text-decoration: none; background-color: #7AC6DA;} #catCells .catDiv a:hover td {color: #FFFFFF; background-color: #34A3C0; text-decoration: none; cursor: pointer} #catCells .catDiv a h3 {margin: 0px auto 0px; width: 148px; font-size: 14px;} #catCells .catDiv2 {font-size: 10px; letter-spacing: 1px; line-height: 14px; color: #46A0CE; padding: 8px 15px;} #catCells .catDiv2 a {font-size: 10px; letter-spacing: 1px; line-height: 14px; color: #46A0CE; text-decoration: none; } #catCells .catDiv2 a:hover {text-decoration: underline} #catCells .catDiv2 a h4 {margin: 1px auto 1px 0px; padding: 2px 4px 2px 0px; font-size: 13px; color: #46A0CE; display: block; width: 140px; text-decoration: none; background-color: #FFF; height: 18px} #catCells .catDiv2 a:hover h4 {color: #46A0CE; background-color: #FFFFFF; text-decoration: underline; cursor: pointer} body.homE #catCells .catCell {font-size: 10px; letter-spacing: 1px; line-height: 14px; color: #46A0CE;} body.homE #catCells .catCell a {font-size: 10px; letter-spacing: 1px; line-height: 14px; color: #46A0CE; text-decoration: none; } body.homE #catCells .catCell a:hover {text-decoration: underline} body.homE #catCells .catCell h4 {margin: 0px 0px 0px 0px !important; margin: 0px 0px 8px 0px;} body.homE #catCells .catCell h4 a {margin: 1px auto 1px 0px; padding: 2px 4px 2px 0px; font-size: 13px; color: #46A0CE; display: block; width: 140px; text-decoration: none; background-color: #FFF; height: 18px; } body.homE #catCells .catCell h4 a:hover {color: #46A0CE; background-color: #FFFFFF; text-decoration: underline; cursor: pointer} #catCells .over {border: solid #BBB 1px;} .catCell .catDiv2 img {background-repeat: no-repeat; background-position: center center; height:148px; width:148px; } /* 2011 first item change */ .catDiv3 .catDivv {} .catDiv3 .catDivv table { width: 168px; margin: 5px auto 0px auto; } .catDiv3 .catDivv td {height: 39px; background-color: #7AC6DA; padding: 0px 10px; font-weight: bold; text-align: center; } .catDiv3 .catDivv td a {color: #FFF; font-weight: bold; font-size: 14px; text-decoration: none; background-color: #7AC6DA; display: block} .catDiv3 .catDivv td.tdOver, .catDiv3 .catDivv td.tdOver a, .catDiv3 .catDivv td a:hover {text-decoration: none; background-color: #46A0CE; cursor: pointer; } .catDiv3 .catDivv div.lnk {margin: 2px auto 8px; font-size: 11px; color: #46A0CE; text-align: center; } .catDiv3 .catDivv div.lnk a {font-size: 11px; text-decoration: underline; color: #46A0CE; } .catDiv3 .catDivv div.lnk a:hover {text-decoration: none; } .catDiv3 .catDivv a { text-decoration: none;} .catDiv3 .catDivv a.prodLink {text-align: center; display: block; margin: 0px auto; } .catDiv3 .catDivv a.prodLink img {margin: 0px auto; width: 148px; height: 148px; border: solid #FFF 0px; background-repeat: no-repeat; background-position: center center; } .catDiv3 .catDivv .prodInfo {text-align: left; margin: 5px 5px 0px 5px; text-decoration: none;} .catDiv3 .catDivv .prodInfo {font-weight: bold; font-size: 11px; line-height: 14px; padding: 0px; color: #46A0CE; text-decoration: none} .catDiv3 .catDivv a:hover .prodInfo {color: #3072AB; text-decoration: none} .catDiv3 .catDivv .prodInfo span.prodId { color: #898371; text-decoration: none; font-size: 11px; line-height: 14px;} .catDiv3 .catDivv a:hover .prodInfo span.prodId { color: #353841; text-decoration: none; } .catDiv3 .catDivv .prodPrc {color: #ED5933; font-size: 11px; font-weight: bold; text-align: left; margin: 5px auto 5px 0px; text-decoration: none} #welDiv2 {width: 330px; } #welDiv {width: 570px; } #catFeatured {display: noneZZZ; float: right; overflow:hidden} #catFeatured {width: 175px; height: 250px; padding: 4px 4px 0px 4px; margin: 10px 0px 5px 10px; background-color: #E4F3F7; color: #CC0000; font-weight: bold; } #catFeatured h3 {margin: 0px 0px 1px 5px; color: #CC0000; font-size: 14px; text-align: left; } #catFeatured div {width: 75px; height: 70px; background-color: #FFF; overflow: hidden; position: relative;} #catFeatured div {margin: 5px 6px 0px; float: left; text-align: right; font-size: 12px; line-height: 12px; } #catFeatured div img {width: 70px; } /* old method */ #catFeatured span {display: block; height: 15px; position: absolute; right: 0px; top: 55px; background-color: #FFF; padding: 2px 2px 0px 2px; margin: 0px; } #catFeatured span {opacity: 0.55; filter:alpha(opacity=55); } tt, kdb, #catFeatured i {display: none} /* new - automatic method */ #catFeatured .recPrice {display: block; height: 15px; position: absolute; text-align: right; right: 0px; top: 55px; background-color: #FFF; padding: 2px 2px 0px 2px; margin: 0px; } #catFeatured .recPrice {opacity: 0.70; filter:alpha(opacity=70); } #lstTop #catFeatured {margin: 25px 0px 5px 0px;} #lstDescZZZ {width: 555px; } #lstDesc #welDiv {width: 560px;} /* ITEM LIST template */ #lstTempl {text-align: left;} #lstTempl #crumbTxt {padding: 0px 0px 0px 10px;} #lstTop {margin-left: 3px; padding-bottom: 10px; border-bottom: solid #E3E1DB 1px; } #lstTempl h1, #lstH1 {margin: 15px 0px 0px 0px; padding: 0px; font-size: 30px; font-weight: bold; color: #7AC6DA; text-align: left;} #lstDesc {font-size: 12px; color: #898371; text-align: left; padding: 5px 10px 0px 3px} #lstSort {margin: 5px 0px 0px 3px} #lstSort a {display: block; padding: 7px; background-color: #D1D1CD; color: #FFF; text-decoration: none; font-size: 11px; line-height: 11px; letter-spacing: 1px; font-weight: bold; } #lstSort a:hover {background-color: #D1D1CD; color: #FFF; text-decoration: underline;} #lstRslts, #lstRslts2 {float: right; text-align: right; width: 350px; height: 30px; padding-top: 5px; } #lstRslts, #lstRslts .medtext, #lstRslts2, #lstRslts2 .medtext {color: #898371; } #lstRslts a, #lstRslts2 a {color: #898371; text-decoration: none} #lstRslts a:hover, #lstRslts2 a:hover {text-decoration: underline} #listCells {} #listCells .lstCell, #listCells .over {text-align: left; width: 127px; padding: 8px; border: solid #E3E1DB 1px;} #listCells .over {border: solid #BBB 1px;} #listCells .lstCell img {margin: 0px auto 8px 13px; width: 100px} .lstPricing, .lstPricing span {color: #ED5933; font-size: 14px; font-weight: bold} .lstCell .lstPricing, .lstCell a:hover .lstPricing, .lstCell .salePrc, .lstCell a:hover .salePrc, .lstCell .lstPricing span a, .lstCell .lstPricing span a:hover, .lstCell a .lstPricing span, .lstCell a:hover .lstPricing span, .lstCell a .lstPricing a, .lstCell a:hover .lstPricing a {color: #ED5933; text-decoration: none} .lstPricing s {font-size: 12px; color: #666666; font-weight: normal} .lstCell .lstName {margin: 5px 0px 0px 0px; font-size: 11px; color: #46A0CE} .lstCell a {text-decoration: none} .lstCell a .lstName {font-weight: bold; font-size: 11px; line-height: 14px; padding: 0px; color: #46A0CE; text-decoration: none} .lstCell a:hover .lstName {color: #3072AB; text-decoration: none} .lstCell a .lstName span { color: #898371; text-decoration: none; font-size: 11px; line-height: 14px;} .lstCell a:hover .lstName span { color: #353841; text-decoration: none; } .lstPricing span.resorTs, .lstPricing span.wholeSale {color: #666; font-size: 10px; font-weight: normal; padding-left: 3px;} .lstPricing span.wholeSale {font-size: 12px; } .lstCompare, .lstCompareActv {color: #666; text-align: right; margin: -8px -8px 4px 0px; font-size: 11px; vertical-align: middle; height: 16px; line-height: 16px; position: relative; z-index: 2} .lstCompare a {display: none;} .lstCompare span {display: inline; padding: 3px; font-size: 11px; line-height: 16px} .lstCompareActv a {display: inline; padding: 2px; color: #FFF; background-color: #AFCA78; font-size: 11px; line-height: 13px; border: solid #759236 1px; border-radius: 5px; -moz-border-radius: 5px;} .lstCompareActv a:hover {text-decoration: none; background-color: #759236; } .lstCompareActv span {display: none;} .lstCompare input, .lstCompareActv input {border: none;} .lstCell table.bglt {border: solid #C6E6E6 1px; margin: 0px auto 4px; width: 120px; } .lstCell .listheadernosort {color: black; font-weight: normal; background-color: #C6E6E6; } .lstCell table.bglt .texttable { color: red; font-weight: normal; } .lstCell .listheadernosort { background:-webkit-gradient( linear, left bottom, left top, color-stop(0.39, #C6E6E6), color-stop(0.7, #D0E0E0) ); background:-moz-linear-gradient( center bottom, #C6E6E6 39%, #D0E0E0 70% ); background: gradient( linear, left bottom, left top, color-stop(0.39, #C6E6E6), color-stop(0.7, #D0E0E0) ); } #lstBlbd {} .lstSpclDesc {text-align: left; line-height: 14px; } #listCells .lstCell .lstSpclDesc img {margin: 3px 2px 0px 0px; } .secMsg {display: none; font-size: 9px; text-align: center;} .secMsg span.msgOff, .secMsg span.msgOff a, .secMsg span.msgOff a:hover {color: #898371;} .secMsg span.freShp, .secMsg span.freShp a, .secMsg span.freShp a:hover { color: #ED5933;} .secMsg span.bstSelr, .secMsg span.bstSelr a, .secMsg span.bstSelr a:hover {color: #AC56B9;} .secMsg span.salsMsg, .secMsg span.salsMsg a, .secMsg span.salsMsg a:hover { color: #738254;} /* if on same page as category */ #lstTempl.catPage #lstTop {border-width: 0px; margin: 20px 0px 0px 0px;} #lstTempl.catPage #lstTab {color: #34A3C0; background-color: #E5F4F8; margin: 0px 0px -10px 0px; padding: 12px 0px 0px 8px; font-size: 16px; font-weight: bold; line-height: 20px; } #lstTempl.catPage #lstTab img {} #lstTempl.catPage #listCells {background-color: #E5F4F8; margin: 0px; } #lstTempl.catPage #listCells .lstCell {background-color: #FFF; border-width: 0px; padding-top: 15px; } div.pr_snippet_category div.pr-snippet div.pr-snippet-wrapper p.pr-snippet-review-count { display: none; color: red} div.pr_snippet_category div.pr-snippet div.pr-snippet-wrapper div.pr-snippet-stars div.pr-stars-0-sm { display: none; border: solid yellow 1px; } #listCells kbd {display: none} /* ITEM DRILLdown template */ #itmCompare {float: right; width: 150px; height: 18px; margin: 0px 0px 0px 0px; padding: 0px; } #itmCompare {color: #666; text-align: right; margin: -8px -8px 4px 0px; font-size: 11px; vertical-align: middle; height: 16px; line-height: 16px; position: relative; z-index: 2} #itmCompare a {display: none; } #itmCompare span {display: inline; padding: 3px; font-size: 11px; line-height: 16px} #itmCompare.actv a {display: inline; padding: 2px; color: #FFF; background-color: #AFCA78; font-size: 11px; line-height: 13px; border: solid #759236 1px; border-radius: 5px; -moz-border-radius: 5px; text-decoration: none} #itmCompare.actv a:hover {text-decoration: none; background-color: #759236; } #itmCompare.actv span {display: none;} #itmCompare input {border: none;} #itmTable {margin: 10px 0px 10px 0px; } h3.bdrTop {border-top: solid #B3B2AF 2px; padding: 15px 0px; margin: 10px 0px 0px 0px; color: #B2B2AE;} #itmProdZZZ { font-size: 12px; color: #33312A; position:relative; z-index: 100} #itmProd { font-size: 12px; color: #33312A;} #itmProd p {font-size: 12px; margin: 0px auto 12px 0px; padding: 0px; text-align: left; color: #33312A;} #itmProd li div {text-align: left} #itmLftTD {width: 290px;} #imgTable {margin: 5px 0px 5px 0px; } #itmImgtd {width: 291px; } a#itmImg {margin: 0; padding: 0px; width: 265px; display: block; text-align: center; text-decoration: none;} a#itmImg img {margin: 15px auto; text-decoration: none; border: solid #FFF 0px; width: 240px} #imgMain img {width: 240px; } #imgThmbs {width: 270px; color: #33312A; font-size: 11px; margin: 0px auto 15px 0px; } #imgThmbs a {text-decoration: none;} #imgThmbs img, #imgThmbs a img {width: 40px; margin: 2px 3px 2px 0px; border: solid #E3E1DB 1px;} #imgThmbs a:hover img {border: solid #CC0000 1px} #imgThmbs #itmViewLgr a {font-size: 12px; color: #666; display: block; text-align: center; padding: 4px; text-decoration: none; font-style: italic} #imgThmbs #itmViewLgr a:hover {text-decoration: underline;} #vidOne, #vidTwo {display: none; position: absolute; position: absolute; top: 185px; padding: 0px 0px 10px 0px; height: 227px; background: #FFF} #vidClos {display: none; position: absolute; top: 421px; text-align: center; width: 270px; background-color: #FFF; height: 20px; padding: 5px 0px;} #vidClos a {color: #666} #alsoLike {display: none; width: 270px; } #addItmsTab {} #addItmsTab .tabNavv {} #addItmsTab .tabNavv a {padding: 10px 10px 9px 10px; line-height: 30px; font-size: 12px; text-decoration: none; color: #605F52; background-color: #F2ECD6} #addItmsTab .tabNavv a.open {background-color: #D8D3C0} #addItmsTab .tabNavv a:hover {background-color: #D8D3C0; color: #605F52} #addItmsTab .tabBody {width: 255px; background-color: #D8D3C0; padding: 10px 10px 5px 5px;} #addItmsTabZZ .tabBody { z-index: 1; position:relative; height:440px; } #addItmsTab .tabBodyInnerZZ {width: 250px;top: 5px; left: 5px; z-index: 100; height:400px; position:absolute; overflow:hidden; } #addItmsTab .clipDivZZ {width: 255px; margin: 0px; top: 0px; left: 0px; z-index: 1; padding: 0px; text-align: left; position:absolute; } .addItmsCntlZZ {width: 250px; top: 415px; position: absolute; } .addItmsCntlZZ a img.scrlUp, .addItmsCntlZZ a img.scrlDown {background-image: url(/img/btn-addItms-arrows.jpg); background-repeat: no-repeat; displayZZZ: none; } .addItmsCntl a img.scrlUp {background-position: left bottom; } .addItmsCntl a img.scrlDown {background-position: right bottom;} .addItmsCntl a:hover img.scrlUp {background-position: left top;} .addItmsCntl a:hover img.scrlDown {background-position: right top;} .addItmsCntl img.scrlUp {margin: 0px 5px 0px 70px;} .addItmsCntl img.scrlUp {margin: 0px 5px 0px 90px;} .addItmsCntl a img.shwAll {margin-left:30px; background-image: url(/img/btn-viewAll.jpg); background-repeat: no-repeat; background-position: left bottom; float: left; display: none; } .addItmsCntl a:hover img.shwAll {background-position: left top;} #itmTabSimlr {} #itmTabSimlr #upslTitle {display: none;} #itmTabRelatd {} #itmTabSimlrContrl {display: none; } #itmRitTD {width: 460px;} #itmRitDiv { } h1#itmH1 {color: #33A3BF; margin: 0px auto 2px 0px; padding: 0px; font-size: 28px; line-height: 30px; font-weight: normal; letter-spacing: 1px; text-align: left} #itmProdID {margin: 0px auto 2px 0px; padding: 0px; font-size: 16px; line-height: 18px; color: #B3B2AF; font-weight: normal; } #itmProdID span {font-size: 10px; line-height: 18px; } #itmPricing {margin: 20px auto 5px 0px; padding: 0px; font-size: 26px; font-weight: normal; color: #EC5933; position: relative; z-index: 1 } #itmPricing .prcSale {color: #D00000; font-size: 18px; padding: 4px 0px 2px 4px; font-weight: normal;} #itmPricing .prcWas {color: #666666; font-size: 18px; padding: 4px 0px 2px 4px; font-weight: normal; } #itmPricing .list {color: #B3B2AF; font-size: 18px; padding: 4px 0px 2px 4px; font-weight: normal;} #itmPricing em {font-style: normal; font-size: 18px; font-family: Helvetica, Arial, sans-serif;} #itmPricing tt {color: #898371; font-style: normal; font-size: 16px; padding: 4px 0px 2px 4px; font-weight: normal;font-family: Helvetica, Arial, sans-serif; display: inline} #itmPricing tt.wholeSale {color: #898371; font-style: normal; font-size: 16px; padding: 4px 0px 2px 85px; font-weight: normal;font-family: Helvetica, Arial, sans-serif; } #itmPricing code {color: #DD8219; font-style: normal; font-size: 16px; padding: 4px 0px 2px 4px; font-weight: normal; font-family: Helvetica, Arial, sans-serif; display: inline} #itmPricing #reviewSnip {position: absolute; right: 0px; top: -6px; width: 280px; margin: 0px; } #itmMarkMesg {padding: 10px 5px 5px 0px; display: none; } #itmMarkMesg .msgOff, #itmMarkMesg .msgOff a, #itmMarkMesg .msgOff a:hover {color: #898371; font-size: 18px; } #itmMarkMesg .freShp, #itmMarkMesg .freShp a, #itmMarkMesg .freShp a:hover { color: #ED5933; font-size: 18px;} #itmMarkMesg .bstSelr, #itmMarkMesg .bstSelr a, #itmMarkMesg .bstSelr a:hover {color: #AC56B9; font-size: 18px;} #itmMarkMesg .salsMsg, #itmMarkMesg .salsMsg a, #itmMarkMesg .salsMsg a:hover { color: #738254; font-size: 18px;} itmSpcl {padding: 10px 5px 5px 0px; display: none; } #itmShrtDesc {font-size: 14px; line-height: 20px; font-weight: normal; color: #545454; padding: 10px 0px;} #infoTbl {margin: 5px auto 5px 0px;} #infoTbl td {color: #807F7E; padding: 5px 0px; font-size: 12px; } #itmAvail {color: #EC5933} #itmRatingTR {display: none; } #itmRating {} #itmBrnd {} #itmBrnd a {color: #34A3C0; text-decoration: none; } #itmBrnd a:hover {color: #900; text-decoration: underline;} #fbButn {float: right; margin: 0px 5px 0px 0px; padding: 0px; width:80px; text-align: right; position: relative; z-index: 1 } #gogButn {float: right; margin: 0px -10px 0px 0px; padding: 3px 0px 0px; width:70px; text-align: right; } #itmActn {border: solid #B3B2AF 1px; padding; 0px; margin: 15px 0px 20px 0px; color: #605F52;} #colrOptnImgs {margin: 10px 10px 0px 20px; } #colrOptnImgs h3 {font-weight: normal; color: #605F52; font-size: 15px; margin: 0px 0px 0px 0px} #colrImgTable {width: 100px} #colrImgTable td {width: 14%; padding: 2px; } #colrOptnImgs img {width: 50px; margin: 4px 2px; } #colrOptnImgs a {border: solid #E3E1DB 1px; padding: 0px; display: block; } #colrOptnImgs a:hover {border: solid #E3E1DB 1px; padding: 0px; display: block; } #colrOptnImgs a.actv {border: solid #ED5933 0px; padding: 0px; display: block; } #colrOptnImgs a img {border: solid #FFF 1px; margin: 1px;} #colrOptnImgs a:hover img {border: solid #FFF 1px; } #colrOptnImgs a.actv img {border: solid #ED5933 2px; margin: 1px;} #colrOptnImgs .bigClr {width: 100px; display:none; position: absolute; z-index: 100; top: -45px; left: -23px; } #colrOptnImgs .bigClr img {width: 100px; border: solid #ED5933 1px; cursor: pointer} #youSelct {margin: 3px 15px 0px 20px; color: #807F7E} #youSelct strong {color: #605F52;} #itmAddCart {padding: 0px 0px; margin: 11px; } #addtocartoptions {} #itmOptnColr, #itmOptnSize, #itmOptnOptn, #itmAddCart .addCartbtn strong {margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; font-weight: normal; color: #605F52; font-size: 15px;} #itmOptnColr {margin: 0px 0px 0px 0px} #itmOptnSize {margin: 0px 10px 0px 0px} #itmOptnOptn {margin: 0px 0px 0px 0px} #addtocartoptions select.inputreq {width: 360px; margin: 2px 0px 2px 15px; color: #605F52; font-weight: bold; font-size: 16px; padding: 5px 5px 2px 5px; background-color: #F2ECD6; border: solid #CCC 1px;} .wideSel #addtocartoptions select.inputreq {width: 350px; } #itmAddCart .addCartbtn {margin: 10px 0px 1px 10px; } #addTbl #addPrcTD {width: 165px; padding: 10px 0px 0px 0px; } #addTbl #addPrcTxt {font-size: 15px; padding: 0px 20px 0px 0px; } #addTbl #addPrcDiv {font-size: 20px; font-weight: normal} #itmAddCart .addCartbtn td.itmQtyTxt {padding: 12px 5px 0px 0px; font-size: 15px; font-weight: normal; } #itmAddCart .addCartbtn td.itmQtytd {} #itmAddCart .addCartbtn input {color: #605F52; font-weight: bold; font-size: 20px; line-height: 20px; width: 35px; margin: 0px 7px 0px 0px; height: 27px; padding-top: 10px; text-align: center; border: solid #CCC 1px; background-color: #F2ECD6; } #itmAddCart .addCartbtn a img {background-image: url(/img/addToCart2.jpg); background-repeat: no-repeat; background-position: center top; margin: 0px 0px 0px 2px;} #itmAddCart .addCartbtn a:hover img {background-position: center bottom;} #otherCategories {margin: 13px 0px 0px 0px; color: #34A3C0} #otherCategories h3 {margin: 0px 0px 3px 0px; color: #808080; font-weight:normal; font-size: 12px; } #otherCategories a {font-weight: bold; letter-spacing: 1px; text-decoration: none;} #otherCategories a:hover {color: #900; text-decoration: underline;} #addInfoTab {} #addInfoTab .tabNavv {} #addInfoTab .tabNavv a {padding: 10px 10px 10px 10px; line-height: 30px; font-size: 12px; text-decoration: none; color: #605F52; background-color: #D8D3C0} #addInfoTab .tabNavv a.open {background-color: #F2ECD6} #addInfoTab .tabNavv a:hover {background-color: #F2ECD6 color: #605F52} #addInfoTab .tabBody {background-color: #F2ECD6; padding: 12px; } #addInfoTab .addInfoCont {background-color: #FFF; padding: 10px; width: 418px; overflow: auto} #addInfoTab .addInfoCont { scrollbar-base-color: #D8D3C0; scrollbar-arrow-color: #333333; scrollbar-track-color: #F9F7F1; scrollbar-shadow-color: #E0E0E0; scrollbar-lightshadow-color: DDDDDD; scrollbar-darkshadow-color: #999999; scrollbar-highlight-color: #D0D0D0; scrollbar-3dlight-color: #AAAAAA;} #itmTabDesc {} #itmTabDesc img {width: 50%; height: 50%} #itmTabDesc, #itmTabDesc td, #itmTabDesc p, #itmTabDesc li, #itmTabDesc strong {font-size: 14px; line-height: 20px; font-weight: normal; color: #545454} #itmTabDesc li {line-height: 16px; } #itmTabSpec {} #itmSpecsTbl {margin: 10px auto 15px 20px; background-color: #F8F6EB; } #itmSpecsTbl tr.clrd {background-color: #E7D8AB; } #itmSpecsTbl td {padding: 6px; font-size: 11px; color: #605F52;} #itmTabGuar {font-size: 14px; line-height: 20px; font-weight: normal; color: #545454} #itmTabRevw {font-size: 14px; line-height: 20px; font-weight: normal; color: #545454} /* view larger image text styles - regular */ #lrgImgDiv {width: 750px; background-color: #FFF; border: solid #E4E1DB 1px; padding: 10px 5px 20px 5px; text-align: center; font-size: 11px; position: absolute; top: 0px; left: 0px; z-index: 10000; display: none;} #lrgImgDiv h3 {font-size: 18px; padding: 5px 0px 2px 0px; margin: 0px; line-height: 20px; color: #33A3BF;} #lrgImgDiv .photonavv {margin-top: 3px} #lrgImgDiv a {color: #222; text-decoration: none; font-weight: bold} #lrgImgDiv a:hover {color: #BB0020; text-decoration: none;} #lrgImgDiv img {margin: 10px auto; } #itmPricing.hide, #itmPricing.hide #reviewSnip, #itmPricing.hide .pr_snippet_product, #infoTbl.hide, #infoTbl.hide #fbButn {visibility: hidden; filter:alpha(opacity=0); } #infoTbl.hide #fbButn {display: none} /* view larger image text styles - mojo */ div.mojozoom_marker {position : absolute; cursor : crosshair; } div.mojozoom_border {position : absolute; left:0px; top:0px; border : 1px solid #000; width:100%; height:100%;} div.mojozoom_fill {position : absolute; left:0px; top:0px; width:100%; height:100%; background-color : #FFF; opacity : 0.2; -moz-opacity : 0.2; -khtml-opacity : 0.2; filter:alpha(opacity=20);} img.mojozoom_img {padding : 0px; border: 0px;} div.mojozoom_imgctr {position : absolute; margin-left : 20px; margin-top: -10px; border : 1px solid #999; background-color: #FFF; z-index: 1000} #imgMain img {width: 260px;} #itmGigya {text-align: right; margin: 10px 0px 5px 0px; } #itmEmailFr {margin: 0px 20px 0px auto; float: right; } #itmEmailFr a {color: #34A3C0; font-weight: normal; text-decoration: underline} #itmEmailFr a:hover {text-decoration: none} #itmEmailFr img {margin: 0px; } .itmSpclDesc {padding: 0px 0px 2px 0px; color: red; } body.wholeSale .itmSpclDesc {display: none} body.resorTs .itmSpclDesc {display: none} /* RELATED ITEM list template */ #relDiv2 {} #relCells {} #relNav {} .relCell {text-align: left; padding: 5px } .relCell div {width: auto; margin-right: 10px; margin-left:2px; margin-bottom:2px; margin-top:2px; background-color: #FFF; } .relCell a img { margin: 4px 5px ; width: 100px } .relCell a:hover img {} .relCell .relPricing {width: 130px; margin: 7px 0px 6px 0px; line-height: 14px; } .relCell .relPricing {text-align: left; font-weight: bold; font-size: 14px; text-decoration: none; color: #EC5933; } .relCell .relPricing s {padding-left: 0px; color: #666; font-weight: normal; font-size: 12px; text-decoration: strikethru; } .relCell .relPricing span.resorTs, .relCell .relPricing span.wholeSale {text-align: left; font-weight: normal; font-size: 11px; text-decoration: none; color: #EC5933; } .relCell h3 {text-align: left; font-weight: normal; font-size: 12px; line-height: 14px; margin: 0px; padding: 0px 4px 0px 0px; color: #34A3C0;} .relCell h3 a {text-decoration: none; } .relCell h3 a:hover {text-decoration: underline;} /* UPSALE ITEM list template - currently on shopping cart */ body.cart #upslDiv {} body.cart #upslTitle {width: 370px; font-size: 18px; padding: 10px 10px 0px; margin: 20px 20px 0px 0px; color: #999; background: #E4F3F7;} body.cart #upslCells {margin: 0px 0px 0px 0px; display: block; padding: 0px; background: #E4F3F7; width: 750px; } body.cart #upslCells .relDiv {width: 218px; } body.cart .relCell {background-color: #FFF; } body.cart .relCell a img {width: 80px; } /* COMPARE RESULTS page */ #compareDiv {background-color: white; padding: 20px 10px 20px 0px; ; } #compareDiv table { border: solid #E3E1DB 1px; border-width: 2px 1px 2px 1px;} #compareDiv .compTD { text-align: left; width: 135px; padding: 8px 8px; border: solid #E3E1DB 1px; border-width: 0px 1px 0px 1px; font-size: 11px; color: #333; vertical-align: top; } #compareDiv .imagTD {padding: 8px 8px 2px; } #compareDiv .imagTD img {margin: 0px auto ; max-height: 120px} #compareDiv .nameTD {border-bottom: dotted #E3E1DB 1px; padding: 0px 8px 8px; } #compareDiv .nameTD h3 {margin: 5px 0px 0px 0px; color: #46A0CE; font-size: 11px; line-height: 14px; } #compareDiv .nameTD h3 span {color: #898371; font-size: 11px; line-height: 14px;} #compareDiv .markTD {padding: 0px; border-bottom: dotted #E3E1DB 1px;} #compareDiv .markTD div.markDiv {padding: 8px 8px; font-size: 9px; } #compareDiv .markTD div.markDiv span.msgOff {color: #898371;} #compareDiv .markTD div.markDiv span.freShp { color: #ED5933;} #compareDiv .markTD div.markDiv span.bstSelr {color: #AC56B9;} #compareDiv .markTD div.markDiv span.salsMsg { color: #738254;} #compareDiv .priceTD {font-weight: bold; color: #EC5933; font-size: 14px; border-bottom: dotted #E3E1DB 1px; } #compareDiv td.priceTD table {border: solid #CCC 1px; width: 120px; margin: 0px auto 0px 5px; } #compareDiv td.priceTD th {font-size: 12px; color: #EC5933; font-weight: bold; text-align: center;} #compareDiv td.priceTD td {font-size: 11px; color: #666666; font-weight: normal; padding: 2px 0px 2px 10px} #compareDiv td.priceTD tr.clrd {background-color: #F0F0F0} #compareDiv td.descTD {border-bottom: dotted #E3E1DB 1px;} #compareDiv td.descTD div.descDiv {width: 135px; overflow: hidden; height: 130px; font-size: 10px; color: #333; position: relative; z-index: 2} #compareDiv td.descTD div.descDiv img {display: none; } #compareDiv td.descTD div.descDivFade {position: absolute; z-index: 3; height: 12px; top: 118px; left: 0px; width: 135px; padding: 0px; background-image: url(/img/bk-opacity-fade.png); background-position: left bottom; } #compareDiv td.descTD div.descDiv ul {margin: 0px;} #compareDiv td.descTD div.descDiv li {margin: 0px; padding: 3px 0px; font-size: 10px; color: #333; } #compareDiv td.descTD p {font-size: 10px; color: #333; } #compareDiv .specTD {padding: 8px 8px; border-top: dotted #E3E1DB 1px; border-bottom: dotted #E3E1DB 1px; } #compareDiv .specTD table.itmSpecsTbl {border: solid #FFF 0px; margin: 2px auto; background-color: #F8F6EB; } #compareDiv .specTD table.itmSpecsTbl td {font-size: 9px; padding: 3px; vertical-align: top } #compareDiv .specTD table.itmSpecsTbl td strong {font-size: 10px; font-weight: normal; display: block; text-align: left; } #compareDiv .specTD table.itmSpecsTbl td span {font-size: 9px; } #compareDiv .specTD table.itmSpecsTbl tr.clrd {background-color: #E7D8AB; } #compareDiv .viewTD {font-weight: bold; font-size: 13px; text-align: center; } #compareDiv .remvTD {text-align: center;} #compareDiv .remvTD a, #compareDiv .viewTD a {text-decoration: none;} #compareDiv .remvTD a:hover, #compareDiv .viewTD a:hover {text-decoration: underline;} /* INFO CATEGORY and ITEM list template */ #catCells .infocatDiv {margin: 0px 10px; } #catCells .infocatCell {} #catCells .infocatCell hr {display: none;} #catCells .infocatDiv h3 {margin: 5px 1px 3px 1px; font-size: 16px; text-decoration: none; border-top: solid #E4E1DB 1px; padding-top: 10px; margin-top: 10px; clear: both; } #catCells .infocatDiv h3.alt {margin: 5px 1px 3px 1px; font-size: 16px; text-decoration: none; text-align: right; } #catCells .infocatDiv h3 a {letter-spacing: 1px; color: #34A3C0; text-decoration: none} #catCells .infocatDiv h3 a:hover {text-decoration: underline} #catCells .infocatDiv p {margin: 1px 0px 14px; font-size: 12px; color: #898371; text-align: left; } #catCells .infocatDiv span.alt p {text-align: right; } #INFOlstTempl {text-align: left;} #INFOlstTempl #crumbTxt {padding: 0px 0px 0px 10px;} #INFOlstTempl h1, #infodrilTitl {margin: 15px 0px 0px 0px; padding: 0px; font-size: 30px; font-weight: bold; color: #7AC6DA; text-align: left; width: 750px;} #INFOlstTempl #lstDesc, #INFOlstTempl #lstDesc p {font-size: 13px; line-height: 16px; color: #898371; text-align: left; padding: 5px 10px 0px 3px} /***** FOOTER *****/ #footer {position: relative; height: 178px; color: #FFF; font-weight: normal; text-align: left; margin: 0px auto; padding: 1px; background-color: #BEA976} #mcAfeeDiv {position: absolute; top: 100px; right: 5px; text-align: center; padding: 20px 0px 0px 0px; width: 109px; height: 55px; background-image: url(/img/bk-macafee.jpg); background-position: center top; } #rrLoveDiv {position: absolute; top: 100px; right: 110px; text-align: center; padding: 10px 0px 0px 0px; width: 150px; height: 58px; background-image: url(/img/bk-rrlove.jpg); background-position: center top; } #ftrCust {margin: 28px 0px 0px 20px; font-size: 26px; letter-spacing: .5px; } #ftrCust strong {font-size: 34px;} #ftrLnks {margin: 0px 0px 0px 20px;} #ftrLnks a {padding: 0px 5px; color: #FFF; font-size: 12px; line-height: 16px; letter-spacing: 1px; text-decoration: none } #ftrLnks a:hover {text-decoration: underline; } #ftrCopy {position: absolute; top: 150px; left: 20px; font-size: 10px; } #btmLogos {padding: 0px; margin: 0px 0px 15px 0px; text-align: center; font-size: 12px; color:#BEA976;} #btmLogosTxt {margin: 0px 10px; } #btmLogos a {font-size: 12px; color: #BEA976; text-decoration: none; } #btmLogos a:hover {text-decoration: underline; } #btmLogos {display: nonZZZe} #btmLinks {font-size: 11px; color: #BEA976; text-align: justify; padding: 5px; margin: 0px 10px 0px 10px} #btmLinks a {font-size: 11px; color: #BEA976; text-decoration: none; line-height: 15px;} #btmLinks a:hover {text-decoration: underline; } /***** FOR CUSTOM BODY CLASSES *****/ /* Custom Search Results */ body.custSrch #div__lab1, body.custSrch #div__lab2, body.custSrch #div__lab3, body.custSrch #div__lab4, body.custSrch #div__lab5, body.custSrch #div__lab6, body.custSrch #div__lab7 {display: none; } body.custSrch td.bgltmedtext td.medtextboldnolink {padding-left: 5px; color: #7AC6DA; margin: 20px auto 10px 5px; font-size: 32px; font-weight: bold; letter-spacing: 1px; text-align: left} body.custSrch #contTbl {margin: 0px 10px; width: 560px;} body.custSrch .listtexthl img {margin: -10px auto 15px auto} body.custSrch .listtexthl {font-size: 14px; font-weight: bold; color: #7AC6DA; text-decoration: none} body.custSrch .listtexthlctr {display: none} body.custSrch .listtexthlctr .input {display: none} body.custSrch td.listtexthl a {color: #46A0CE; text-decoration: none} body.custSrch td.listtexthl a:hover {text-decoration: underline} body.custSrch .listtexthlrt {font-size: 14px; } body.custSrch td.listtexthlrt {color: #ED5933; font-weight: bold; } /* for contact us page */ body.contactus #subTitl {margin: 1px 0px; font-size: 14px; font-weight: bold; color: #111; text-align: left; padding: 0px} body.contactus #contTbl { padding: 0px 10px} body.contactus td.medtextbold {font-size: 12px; padding-top: 8px; letter-spacing: 1px; } /***** CART AND CHECKOUT PAGES *****/ /* checkout process buttons */ input.bgbutton, input.nlbutton {margin: 5px 0px 0px 5px; padding: 4px 10px 5px 10px; color: #000; border: solid #CCC 1px; } input.bgbutton, input.nlbutton { background: -webkit-gradient(linear, left bottom, left top, color-stop(0.39, #D6D6D6), color-stop(0.7, #EDEDED) ); } input.bgbutton:hover, input.nlbutton:hover {color: red; } /* checkout process text */ body.checkout #innerwrapper td.greytitle {height: 20px; font-size: 20px; color: #666; font-weight: normal; margin: 0px 0px 5px 0px; padding: 7px 0px 7px 0px;} body.checkout #innerwrapper td.checkoutprogresstext {font-size: 12px; font-weight: normal; color: #666; } body.checkout #innerwrapper td.checkoutprogresstext a {text-decoration: none; color: #666; border-bottom: dotted #666 1px; } body.checkout #innerwrapper td.checkoutprogresstext a:hover {text-decoration: none; color: #333; border-bottom: solid #333 1px; } body.checkout #innerwrapper td.checkoutprogresstext b {font-size: 14px; color: #000;} /* cart / review table */ #carttable {margin: 0px 0px 0px 0px; border: solid #CDCDCD 1px; clear: both; } #carttable td {padding: 3px 0px; border-color: #FFF; color: #333} #carttable td img {width: 90px} #carttable td a img {width: 13px} #carttable td img.required_icon {width: 11px} #carttable .listheadernosort {font-size: 120%; line-height: 120%; color: #FFF; font-weight: normal; border: solid white 0px; margin: -3px 0px 0px 0px; padding: 2px 0px 2px 1px; background-color: #5Fb7d9; } #carttable .texttable, #carttable .texttablert, #carttable .texttablectr, #carttable .bglttext, #carttable .listtexthl{color: #333; background-color: white; padding: 3px 2px; } #carttable .texttable a {color: #000} #carttable .texttable a:hover { text-decoration: none} #carttable .texttablert b {} #carttable .texttablectr img {} #carttable .texttable input.input {text-align: center; width: 25px; } #carttable input.bgbutton, #carttable input.nlbutton {padding: 2px 3px; } /***** FOR CHECKOUT CUSTOM BODY CLASSES *****/ /* for shopping cart */ body.cart #innerwrapper {margin: -2px auto 0px auto;} body.cart #div__body {background-image: url(/img/bk-content-cart.jpg) } body.cart #contenttd {background-image: url(/img/spacer.gif); font-size: 12px; color: #898371; padding: 10px 0px 10px 0px; border-left: solid #DDD 1px;} body.cart #contentt {margin: 10px 15px; width: 750px; } body.cart #contTbl {padding: 0px 10px 0px 0px; width: 740px;} body.cart #carttable {width: 745px; margin: 0px 0px 0px 0px; } body.cart #carttable td {padding: 3px 0px; } body.cart .bgbutton, body.cart .nlbutton {margin: 10px -3px 10px 3px; } body.cart .extcart {} body.cart .extcarttotal b, body.cart .extcarttotalshaded b {font-size: 120%; color: #333; padding: 0px 0px 0px 8px; } body.cart #thirdPartyCheckoutButtons {padding: 30px 0px 10px; opacity: .70} body.cart #checkout { background-color: #CC0000; border: solid #DDD 1px; height: 29px; margin: 9px 0px 0px 5px; color: #FFF; font-size: 12px; letter-spacing: 1px;} body.cart #checkout { background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.39, #CC0000), color-stop(0.7, #E35554) ); background-image: gradient( linear, left bottom, left top, color-stop(0.39, #CC0000), color-stop(0.7, #E35554) ); background-image: -moz-linear-gradient(top, #E35554, #CC0000); /* Firefox 3.6 */ } body.cart #checkout:hover {color: #DEDEDE} body.cart #cancel, body.cart #recalc {margin: 11px 0px 0px 5px; padding: 4px 10px 5px 10px; } body.cart select {border: solid #999 1px; } body.cart #navv li#navCrt.over img#cartImg {} #leftXtra {display: none;} body.cart #leftXtra {display: block; padding: 20px 0px 10px 20px; width: 180px; } body.cart #lftBeach a img {background-position: bottom left} body.cart #lftBeach a:hover img {background-position: bottom right} body.cart #hrzUpsale {margin: 00px 20px 20px 20px; display: block; padding: 15px; background: #E4F3F7;} body.cart #upsTitle {width: 190px; font-size: 18px; padding: 10px 10px 0px; margin: 20px 20px 0px 20px; color: #999; background: #E4F3F7;} body.cart .upsllDivH {text-align: left; padding: 0px; width: 220px; border-right: dashed #EEE 1px; border-bottom: dashed #EEE 1px; padding: 3px 0px; float: left;} body.cart .upsllDivH {width: 220px; margin: 3px 0px 3px 0px; background-color: #FFF; } body.cart .upsllDivH a img { margin: 4px 5px 3px 5px; } body.cart .upsllDivH a:hover img {} body.cart .upsllDivH .relPricing {width: 108px; margin: 10px 0px 4px 0px; height: 26px;} body.cart .upsllDivH .relPricing {text-align: left; font-weight: bold; font-size: 14px; text-decoration: none; color: #EC5933; } body.cart .upsllDivH .relPricing s {padding: 0px; color: #666; font-weight: normal; font-size: 12px; text-decoration: strikethru; } body.cart .upsllDivH h3 {text-align: left; font-weight: normal; font-size: 12px; line-height: 14px; margin: 0px; padding: 0px 4px 0px 0px; color: #34A3C0;} body.cart .upsllDivH h3 a {text-decoration: none; } body.cart .upsllDivH h3 a:hover {text-decoration: underline;} body.cart .upsllDivH .resorTs {display: none; } body.cart .upsllDivH .wholeSale {display: none; } body.cart .upsllDivH .relPricing span.wholeSale, body.cart .upsllDivH .relPricing span.resorT {font-weight: normal; font-size: 11px; } body.cart #relCells {border: solid #E4F3F7 4px;} body.cart #relCells .relCell {border: solid #E4F3F7 4px; } /* for login and checkout */ body.checkout #innerwrapper {margin: -2px auto 0px auto;} body.checkout #innerwrapper td {font-size: 12px; } body.checkout #heder.wholeSale #usrInf span.wholeSale {display: inline; color: #EC5933} body.checkout td#lftSide {width: 190px;} body.checkout div#lftDiv {} body.checkout div#navvLeft {} body.checkout #leftNSnav {margin: 10px auto 30px 0px; width: 170px;} body.checkout #leftNSnav h3 {color: #34A3C0; margin: 4px; 2px; } body.checkout #leftNSnav a { background-color: #E4F3F7; color: #34A3C0; border: solid #FFF 1px; border-width: 0px 0px 1px 0px; font-size: 12px; font-weight: bold; letter-spacing: 1px; padding: 9px 0px 9px 10px; line-height: 12px; margin: 0px; font-weight: bold; display: block; } body.checkout #leftNSnav a:hover {background-color: #34A3C0; color: #FFFFFF; } body.checkout #leftNSnav a.actv {color: #FFF; background-image: url(/img/spacer.gif); background-color: #34A3C0; font-size: 12px; font-weight: bold; letter-spacing: 1px; padding: 9px 0px 9px 10px; line-height: 12px; margin: 0px; font-weight: bold; display: block; } body.checkout #leftNSnav a.actv:hover {text-decoration: none} body.checkout #contentt {font-size: 12px; color: #898371; text-align: left; width: 760px; } body.checkout #contTbl {width: 740px; text-align: left;} body.checkout .leftTab {display: none} body.checkout #leftNSnav .smallgraytext { background-color: #E4F3F7; color: #34A3C0; border: solid #FFF 1px; border-width: 0px 0px 1px 0px; font-size: 12px; font-weight: bold; letter-spacing: 1px; padding: 9px 0px 9px 10px; line-height: 12px; margin: 0px; font-weight: bold; display: block; widthZZ: 160px;} body.checkout .curtCat {display: none} body.checkout #contTbl {width: 750px; margin: 0px auto 0px 10px;} body.checkout .checkouttable {width: 540px;} body.checkout #carttable {width: 720px} body.checkout #odrMsg {text-align: right; font-size: 16px; color: #EC5933} body.checkout #carttable {} body.checkout #ordersummary_total .texttablert b {font-size: 140%; color: #333} body.checkout #tbl_submit input.nlbutton { background-color: #CC0000; border: solid #DDD 1px; height: 29px; margin: 5px 0px 0px 5px; color: #FFF; font-size: 12px; letter-spacing: 1px; } body.checkout #tbl_submit input.nlbutton { background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.39, #CC0000), color-stop(0.7, #E35554) ); background-image: gradient( linear, left bottom, left top, color-stop(0.39, #CC0000), color-stop(0.7, #E35554) ); background-image: -moz-linear-gradient(top, #E35554, #CC0000); /* Firefox 3.6 */ } body.checkout #tbl_submit input.nlbutton:hover {color: #DEDEDE} body.checkout #leftNSnav.newLogin td.endnav {background-color: #E4F3F7; color: #34A3C0; border: solid #FFF 1px; border-width: 0px 0px 1px 0px; font-size: 12px; font-weight: bold; letter-spacing: 1px; padding: 9px 0px 9px 10px; line-height: 12px; margin: 0px; font-weight: bold; display: block; width: 160px;} body.checkout #contTbl tr.portletHandle {width: 750px; text-align: left; padding: 0px;} body.checkout form#paymeth {width: 740px; text-align: left; padding: 0px;} /* order confirmation */ .checkoutthankstext {color: #000; font-size: 30px; font-weight: bold} .confText {color: #000; font-size: 12px;} #confNumb {color: #54701C; font-size: 28px; margin-top: 10px; font-weight: normal} /* for My Account */ /* HIDE NetSuite right sidebar in My Account */ #rightSidebar {display: none} #servercontentneg521_splits .portletlabel {display: none} #servercontentneg521_splits td.bglt {background-color: #D9E5C1; padding: 2px 0px 0px 8px;} #servercontentneg521_splits td.bglt .smalltext, #servercontentneg521_splits td.bglt a.smalltext, #servercontentneg521_splits td.bglt a.textnolink, #servercontentneg521_splits td.bglt a.smalltextul, #servercontentneg521_splits td.bglt a.smalltextnolink, #servercontentneg521_splits td.bglt a.smallgraytextnolink, #servercontentneg521_splits td.bglt a.smallgraytextul {color: #768D49; font-weight: bold; } body.myacct #outerwrapper {background-position: 0px 0px !important; background-position: -11px 0px;} body.myacct #contenttd {background-position: 0px 0px;} body.myacct #contentt {font-size: 12px; color: #898371;} body.myacct #ritCart td { font-size: 12px; line-height: 22px; color: #EE7C25; font-weight: bold} body.myacct .leftTab, body.myacct .pic {display: none} body.myacct #lftTopImg {margin: 5px 0px 0px 0px} #servercontentneg517_splits td.bglt td {background-color: C3E5EE} body.myacct #leftNSnav td.portletlabel {width: 160px; color: #34A3C0; border-top: solid #C3E5EE 1px; border-bottom: solid #C3E5EE 1px; padding: 7px 8px 6px 10px; font-size: 12px; line-height: 12px; font-weight: bold; display: block; background-image: url(/img/spacer.gif); background-color: #C3E5EE} body.myacct #leftNSnav .smallgraytext { background-color: #E4F3F7; color: #34A3C0; border: solid #FFF 1px; border-width: 0px 0px 1px 0px; font-size: 12px; font-weight: bold; letter-spacing: 1px; padding: 9px 0px 9px 10px; line-height: 12px; margin: 0px; font-weight: bold; display: block; width: 160px;} body.myacct #leftNSnav td.smalltext { width: 170px;} body.myacct #leftNSnav td.smalltext a.smalltextul {color: #34A3C0; padding: 7px 8px 6px 10px; font-size: 11px; line-height: 12px; font-weight: bold; display: block; background-image: url(/img/bk-lftsmalltext.gif); background-position: left top; background-repeat: no-repeat; } body.myacct #leftNSnav td.smalltext a.smalltextul:hover {background-position: left bottom; color: #FFF; } body.myacct #handle_portlet_-520 { width: 100px; } body.myacct #handle_portlet_-520 td.bglt form {width: 150px; } body.myacct #handle_portlet_-520 td.bglt td.smalltextb {width: 50px; color: #EE7C25; font-size: 10px;} body.myacct #handle_portlet_-520 td.bglt input {width: 90px; color: #2587A0; padding: 1px;} body.myacct #handle_portlet_-520 td.bglt td.smalltext {width: 120px;} body.myacct .dropdownInput, div.dropdownDiv, body.myacct .dropdownSelected, body.myacct .dropdownNotSelected {font-size: 11px; line-height: 12px; text-align: left; color: #34A3C0;} body.myacct #contTbl {width: 550px; margin-left: 10px} body.myacct .textboldnolink {color: #7AC6DA; font-size: 24px; padding: 5px 0px 10px; text-align: left;} body.myacct .smalltextbnolink {color: #ED5933; font-size: 16px; padding: 5px 0px; text-align: left;} body.myacct table.bglt td.smalltext a {text-decoration: none; font-size: 12px; } body.myacct table.bglt td.smalltext a:hover {text-decoration: underline; } /***** SALES ORDER AND SIMILAR PAGES MODIFICATIONS *****/ body.salesorders .smalltextb, body.salesorders #main_form, body.salesorders .listtexthl, body.salesorders td.input {background-color: #FFFFFF; text-align: left;} body.salesorders td.machineheadernosort {text-align: left; padding: 1px 10px 2px 10px; font-weight: bold} body.salesorders {margin: 0 auto 0 auto; width: 1002px; text-align: center} body.salesorders #innerwrapper {margin: 0px auto 0px auto; width: 1002px; text-align: center;} body.salesorders #div__header {margin: 0px auto 0 auto; width: 1002px; } body.salesorders #header {height: 130px; } body.salesorders #crumText {display: block; margin: 70px 0 0 0 ; color: #A0BF64; text-align: left; padding: 8px 0px 8px 15px; background-color: #FFF; width: 975px;} body.salesorders #crumText a, body.salesorders #crumText a.crumbover {font-size: 11px; margin: 0px; padding: 0px;} body.salesorders #div__body {background-color: ; margin: 0px auto 0 auto; width: 1002px; background-image: url(/img/spacer.gif); text-align: left } body.salesorders #div__body.scrollarea {width: 900px; background-color: #FFF; text-align: left } body.salesorders .listtable {} body.salesorders #body_actions {margin: 0 auto 0 10px; width: 1002px; text-align: left } body.salesorders td.bgbar {background: none; padding: 0; } body.salesorders td.bgbar table { margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px; background-color: #FFFFFF; } body.salesorders .bgbar {width: 990px; text-align: left } body.salesorders tr.bgbar td {padding-top: 10px; background-color: #FFFFFF; } body.salesorders td.tasktitlemed {color: #7AC6DA; } body.salesorders td.smalltextb {padding: 10px; } body.salesorders #div__labtab {margin: 0 auto 0 0; width: 990px; background-color: #FFF; text-align: left;} body.salesorders #div__bodytab {margin: 0 auto 0 0; width: 990px; background-color: #FFF; text-align: left;} body.salesorders #div__label {margin: 0 auto 0 0; width: 990px; text-align: left;} body.salesorders #div__footer {margin: 0 auto 0 auto; width: 990px; background-color: #FFF; text-align: left;} body.salesorders #footer_actions {width: 990px; margin: 0px auto; text-align: left;} body.salesorders #__tab {margin: 55px 0px; text-align: left; width: 990px;} /*#handle_loginMainPortlet { display:block; padding:0; margin-left:0; position:absolute; } #handle_checkoutMainPortlet { display:block; padding:0; margin-left:0; position:absolute; } */