body, form, p, h1, h2, h3, h4, h5 { margin: 0pt; padding: 0pt; } BODY { background:#BECDDA; color:#353535; margin:8px; font-family:Verdana,Arial,sans-serif; background-image:url(images/bg_gray.gif) } .site { color:#000; background:#FFF } .errorBox {font-size:10px;color:#fff;font-weight:bold;background:#ffb3b5} .stockWarning {font-size:10px;color:#c03} .productsNotifications {background:#f2fff7} .orderEdit {font-size:10px;color:#70d250;text-decoration:underline} .bluelink {color:#33d} TD.boxText {color:#8D2323;text-decoration:none;font-size:11px} TD.boxText A {color:#8D2323;text-decoration:none;font-size:11px} TD.boxText A:hover {color:#23238d;text-decoration:underline} A {color:#000;text-decoration:none} A:hover {color:#88F;text-decoration:underline} FORM {display:inline} TR.header {background:#fff} TR.headerNavigation {background:#324656} TD.headerNavigation {font-size:11px;background:#324656;color:#fff;font-weight:normal;padding:7px;border-bottom:1px solid #2C2C2C} TD.breadcrumb {font-size:10px;background:#F5F5F5;color:Gray;font-weight:normal;border-bottom:1px solid #ccc;padding:5px;border-top:1px solid #333} TD.breadcrumb a {color:Gray} TD.breadcrumb a:hover {color:#FFA500} A.headerNavigation {color:#FFF} A.headerNavigation:hover {color:#fff} TR.headerError {background:#f00} TD.headerError {background:#f00;color:#fff;text-align:center;font:bold 12px Tahoma,Verdana,Arial,sans-serif} TR.headerInfo {background:#0f0} TD.headerInfo {background:#0f0;color:#fff;text-align:center;font:bold 12px Tahoma,Verdana,Arial,sans-serif} TR.footer {background:#324656} TD.footer {font-size:10px;background:#324656;color:#fff;padding:5px;border-top:15px solid #fff} TD.footer a {color:#fff;font-weight:bold} .infoBox {background:#b6b7cb} .infoBoxContents {background:#f8f8f9;font-size:11px} .infoBoxNotice {background:#FF8E90} .infoBoxNoticeContents {background:#FFE6E6;font:10px Verdana,Arial,sans-serif} TD.infoBoxHeading {font-size:11px;font-weight:bold;background:#808F9C;color:#F8F8F8;padding:2px;background-repeat:no-repeat;background-position:left;border-bottom:0 solid #48647A} TD.infoBox,SPAN.infoBox {font:10px Verdana,Arial,sans-serif} TR.accountHistory-odd,TR.addressBook-odd,TR.alsoPurchased-odd,TR.payment-odd,TR.productListing-odd,TR.productReviews-odd,TR.upcomingProducts-odd,TR.shippingOptions-odd {background:#f8f8f9;color:#000} TR.accountHistory-even,TR.addressBook-even,TR.alsoPurchased-even,TR.payment-even,TR.productListing-even,TR.productReviews-even,TR.upcomingProducts-even,TR.shippingOptions-even {background:#f8f8f9;color:#000} TABLE.productListing {border:1px;border-style:solid;border-color:#b6b7cb;border-spacing:1px} .productListing-heading {background:#b6b7cb;color:#FFF;font:bold 10px Verdana,Arial,sans-serif} TD.productListing-data {font:10px Verdana,Arial,sans-serif} A.pageResults {color:#00F} A.pageResults:hover {color:#00F;background:#FF3} H1, TD.pageHeading,DIV.pageHeading { font-size:20px; font-weight:bold; margin:0 0 16px 0; color:#9a9a9a } TR.subBar {background:#f4f7fd} TD.subBar {font-size:10px;color:#000} .main,TD.main,P.main {font-size:11px;line-height:1.5; margain:0 0 8px 0;} TD.main_bold,P.main_bold,SPAN.main_bold {font-size:11px;line-height:1.5;font-weight:bold} TD.smallText,SPAN.smallText,P.smallText {font-size:10px} TD.accountCategory {font-size:13px;color:#abd} TD.fieldKey {font-size:12px;font-weight:bold} TD.fieldValue {font-size:12px} TD.tableHeading {font-size:12px;font-weight:bold} SPAN.newItemInCart {color:#f00;font:10px Verdana,Arial,sans-serif} CHECKBOX,INPUT,RADIO,SELECT {font:11px Verdana,Arial,sans-serif} TEXTAREA {width:100%;font:11px Verdana,Arial,sans-serif} SPAN.greetUser {font-size:12px;color:#f0a480;font-weight:bold} TABLE.formArea {background:#f1f9fe;border-color:#7b9ebd;border-style:solid;border-width:1px} TD.formAreaTitle {font-size:12px;font-weight:bold} SPAN.markProductOutOfStock {font-size:12px;color:#c76170;font-weight:bold} SPAN.productSpecialPrice {color:#f00} SPAN.errorText {font-family:Verdana,Arial,sans-serif;color:#f00} .moduleRowOver {cursor:pointer;background:#D7E9F7} .moduleRowSelected {background:#E9F4FC} .checkoutBarFrom,.checkoutBarTo {color:#8c8c8c;font:10px Verdana,Arial,sans-serif} .checkoutBarCurrent {color:#000;font:10px Verdana,Arial,sans-serif} .messageBox {font-size:10px} .messageStackError,.messageStackWarning {font-size:10px;background:#ffb3b5} .messageStackSuccess {font-size:10px;background:#9f0} .inputRequirement {font-size:10px;color:#f00} .categoriesBox {background:#b6b7cb} .categoriesContents {background:#f8f8f9;font-size:13px; font-weight:bold;} .catwithsubs,.catwithnosubs {padding-right:5px} #thecategories {position:relative;top:-9px;margin-bottom:-16px;width:180px} #thecategories a {display:block;padding-bottom:3px;padding-top:2px;width:100%} #thecategories a:hover {color:#000;background:#fd9} html>body #thecategories a {width:auto} A IMG { border: none } A.cat0 {padding-left:5px} A.cat1 {padding-left:20px} A.cat2 {padding-left:35px} A.cat3 {padding-left:50px} A.cat4 {padding-left:65px} A.catactive0 {padding-left:5px;display:block;font-weight:bold} A.catactive1 {padding-left:20px;display:block;font-weight:bold} A.catactive2 {padding-left:35px;display:block;font-weight:bold} A.catactive3 {padding-left:50px;display:block;font-weight:bold} A.catactive4 {padding-left:65px;display:block;font-weight:bold} #prodDescription {margin:0;padding:1em;font-size:0.75em;line-height:1.5} #prodDescription p {display:inline} #prodDescription ul,prodDescription li {list-style-position:inside;margin-left:1em;padding-left:1em;text-indent:1em} .prodDetailsBox {float:right;margin:0 0 10px 10px;border-left:1px solid;border-top:1px solid;border-color:#b6b7cb} .prodDetails {font-size:11px;border-right:1px solid;border-bottom:1px solid;border-color:#b6b7cb;background:white} .prodPictureBox {float:left;margin:0 6px 6px 0;padding:6px;border:1px solid;border-color:#b6b7cb;background:#f8f8f9} .prodPicture {border:1px solid;border-color:#C00;background:url('/images/redgrid.gif')} /* thumbTall - Style is used as both the tall thumb and shorter version off this. This style is verticle with a title (can be image or text), an image, text (can be a paragraph, ul of links or a range link).*/ .thumbTallWrap {margin: 0; padding: 0; width: 562px;} .thumbTall { width:176px; float: left; margin: 0 14px 14px 0; _margin: 0 14px 14px 0; border: 1px solid #ccc; overflow:hidden;} .thumbTall h2 { background: #d9d9d9; color: #666; font-size:14px; margin: 0; padding: 5px 8px 4px 9px; border-bottom: 1px solid #ccc; margin-bottom: 0;} .thumbTall .imageTitle {padding: 0!important; margin: 0!important; } .thumbTall .imageTitle img {padding: 0!important; margin-bottom: -1px!important; } .thumbTall p {font-size: 100%; padding: 0 5px 12px 10px;} .thumbTall img {border-bottom: 1px solid #ccc; margin-bottom: 12px; } .thumbTall ul {border: none; float: left; width: 174px; _width: 176px; margin: 0!important;} .thumbTall li {float: left; font-size: 100%; background: url('/images/_promotions/chev2.gif') top left no-repeat; margin:-1px; padding: 0 0 2px 10px; width: 160px; _width: 160px;} .thumbTall .productLink {padding: 0 0 5px 9px!important; } .thumbTall .rangeLink {padding: 7px 0 5px 9px!important; border-top: solid 1px #ccc; } /* heroFull - Style spans full content width, usally has a text overlay on the right, could be text and image overlay. */ .heroFull {height: 256px; width: 560px; _height: 258px; _width: 562px; border: solid #ccc 1px; margin-bottom: 14px; } .heroFull .overlayLink { width:356px; _width:368px!important; height:239px; _height:256px; float:left; background: none;} .heroFull div {float: right; margin: 0 5px 5px 0; width:181px; _width:160px; padding:17px 10px 0 0; } .heroFull div img { margin: 18px 0 5px 0; _margin: 18px 0 2px 0; } .heroFull div p {color: white; margin: 7px 0 0 15px; _margin: 7px 0 0 20px; width: 155px; } .heroFull div a {margin: 9px 0 0 15px; _margin: 9px 0 0 20px; width: 140px; _width: 154px; } .heroFull ul { margin: 9px 0 0 0; _margin: 6px 0 0 20px; color: white; } .heroFull div h2 { color: white; border: none!important; background: none!important; } .heroFull ul li {color: white; margin: 0 0 2px 0!important; _margin: 0 0 0 0!important; } .heroFull ul li a {margin: 0 0 0 0!important; } .heroFull a {background: url(/images/_promotions/chev2w.gif) no-repeat left 2px; padding-left: 14px; display: block; font-weight: bold; text-decoration: none; color:white; font-size: 75%;} .heroFull a:hover {text-decoration: underline; color: white!important; } .overlayfull {z-index:3;} /* heroThreeQuarter - Style fills 3/4's of the content width. The other 1/4 used to be the B1 area and is now heroThreeQuarterRight. */ .heroWrap { border:1px solid white;} .heroThreeQuarter { width: 368px; float: left; border: 1px solid #ccc; margin: 0 14px 14px 0; } .heroThreeQuarter img {border-bottom: 1px solid #ccc; width:368px; height:212px; } .heroThreeQuarter p { margin: 12px 0 9px 10px; } .heroThreeQuarter div { margin: 0 0 0 0; } .heroThreeQuarter h2 { font-size: 100% !important; margin: 8px 0 0px 9px!important; padding: 0!important; border: 0!important; background: white!important; color: #666; } .heroThreeQuarter p a { text-decoration: none; color: #333!important;} .heroThreeQuarter .heroLinkLeft { float: left; margin: 0 5px 7px 9px; background: url(/images/_promotions/chev2.gif) top left no-repeat; padding: 0 0 0 11px; font-weight: bold; } .heroThreeQuarter .heroLinkRight { float: right; margin: 0 9px 7px 0; background: url(/images/_promotions/chev2.gif) top left no-repeat; padding: 0 0 0 11px; font-weight: bold;} /* heroThreeQuarterRight - Style used to be the 1B area, but now is seen as part of the hero element and not a seperate element. */ .heroThreeQuarterRight { width:176px; float: left; border: 1px solid #ccc; margin-left:14px; margin-bottom: 14px; } .heroThreeQuarterRight h2 { margin:0; padding: 5px 2px 4px 9px; border-bottom: 1px solid #ccc; font-size: 100%; font-weight: bold; } .heroThreeQuarterRight h3 { margin:0; padding: 9px 0px 0px 9px; font-size: 80%; font-weight: bold; } .heroThreeQuarterRight p {_font-size: 75%; margin: 12px 0 11px 10px; width: 154px; } .heroThreeQuarterRight img {border-bottom: 1px solid #ccc;} .heroThreeQuarterRight a img {border-bottom: 1px solid #ccc; /* width:174px; height:182px; */} .heroThreeQuarterRight h2 img {border-bottom: 1px solid #ccc; /*width:174px; height:29px;*/} .heroThreeQuarterRight ul {border-top: 0; float: left; margin: 0 0 7px 0; width: 176px; list-style-type: none; padding-left:0;} .heroThreeQuarterRight li {float: left; _font-size: 75%; background: url(/images/_promotions/chev2.gif) top left no-repeat; margin-bottom:0!important; width: 110px; padding: 0 0 1px 11px; margin-left:9px; _margin-left:5px;} .heroThreeQuarterRight ul li.last { margin-top: -1px!important;} .heroThreeQuarterRight li a {display: block; width: 150px; font-weight: bold; color: #333!important;} .heroThreeQuarterRight form {margin: 0px; padding: 5px 0 8px 10px; } .heroThreeQuarterRight .imageTitle { margin: 0px!important; padding: 0px!important; border: none!important;} .heroThreeQuarterRight .imageTitle a img { margin-bottom: 0!important;} /* heroSubBrand - Style used in subbranding pages. Image on the left with text on the right, spanning the full content width, has no border. */ .heroSubBrand {height: 128px; width: 562px; margin-bottom: 14px;} .heroSubBrand img {border: 1px solid #ccc;} .heroSubBrand h1 {width: 343px; height: 128px; float: left; } .heroSubBrand h2 {position: relative; margin: 0 0 0 348px; font-size: 100% !important; font-weight: bold; background-color: white !important; border: none!important; line-height: 1em;} .heroSubBrand p {margin: 10px 0 -5px 348px; font-size: 75%; color: #666; padding:0;} .heroSubBrand a {font-size: 100%; color: #666; font-weight: bold; background: url(/images/_promotions/chev2.gif) top left no-repeat; padding-left: 15px; margin-top:10px;} /* WRAPPER ---------------------------------*/ #wrapper a {text-decoration: none;} #wrapper {_width: 743px; width: 570px; margin-left: 0px; padding: 0; } #wrapper em {font-style: normal; font-weight: bold;} #wrapper .last {margin-right: 0 !important; } .header {border: solid 1px #ccc; height: 58px!important; _height: 59px!important; margin-bottom: 14px!important; width: 560px;} .header img {margin-bottom: -4px;}#title { background-color: #FFFFFF; height: 79px; } #title p { font-family: Verdana, Arial, Helvetica, sans-serif; } #title #main-title { font-size: 20px; color: #9a9a9a; font-weight: bold; padding-top: 12px; padding-left: 6px; } #title #sub-title { font-size: 11px; color: #8D2323; padding-top: 4px; padding-left: 6px; } #title #main-logo { float: right; }