/************************************************************************************************************************************************* CSS Document Author: Michael Oleksak - StarsnSites.com for Price Cart and Product Box Styles copyright ©2007 all rights reserved. BEGIN WITH GLOBAL DECLARATIONS. *************************************************************************************************************************************************/ /** Full Details Table **/ #SUBContainerProductDIV { width: 736px; position: relative; } #relatedTableDIV { width: 200px; float: right; vertical-align: top; clear: both; position: relative; } .productTable { width: 100%; border: #CCCCCC 1px solid; padding:2px; margin-top: 10px; margin-bottom: 10px; color: #555555; } .productTableHeading { background-color: #fff; color: #2C467B; text-align: left; padding:4px; border-bottom:#934C0F 0px solid; text-indent: 2px; letter-spacing: 1px; font-size: 16px; } .productTableHeading h3 { font-size: 17px; } .productTableHeading a:link, .productTableHeading a:visited { color: #934C0F; text-decoration : none; font-weight: normal; } .productTableHeading a:hover, .productTableHeading a:active { color: #800000; text-decoration : underline; font-weight: normal;} .productTableContent { background-color: #ffffff; padding:4px; border:#6CB0CE 0px solid; font-size: 14px; color:#222222; } .infoCategoryTable { width: 100%; border: #CCCCCC 1px solid; padding:2px; margin-top: 10px; margin-bottom: 10px; color: #555555; } .infoCategoryTableHeading { background-color: #efefef; color: #2C467B; text-align: left; padding:4px; border-bottom:#cccccc 1px solid; text-indent: 2px; letter-spacing: 2px; font-size: 14px;} .infoCategoryTableHeading a:link, .infoCategoryTableHeading a:visited { color: #934C0F; text-decoration : none; font-weight: normal; } .infoCategoryTableHeading a:hover, .infoCategoryTableHeading a:active { color: #934C0F; text-decoration : none; font-weight: normal;} .infoCategoryTableContent { background-color: #ffffff; padding:4px; border:#dddddd 0px solid; font-size: 13px;} #container { display: table; width: 680px; } /******************************************************************************************************************************************************************************************* Begin Product Image Style settings *******************************************************************************************************************************************************************************************/ #productImageDIV { width: 250px; text-align: center; vertical-align: middle; float:right; font-size: 10px; color: #2C467B; } /******************************************************************************************************************************************************************************************* Price Cart Tables Stylesheet *******************************************************************************************************************************************************************************************/ .pricecart { width: 728px; background-color:transparent; margin-left: 1px; } #containmentDIV { width: 730px; height: 100%; position: relative; z-index: 1; background-image:url('../images/PriceCart_02.png'); clear: both; } #topDiv { width: 730px; height: 100%; position: relative; z-index: 2; background-image:url('../images/PriceCart_01.jpg'); background-position: top center; background-repeat: no-repeat; } #bottomDIV { height: 20px; height: 100%; position: relative; z-index: 3; background-image:url('../images/PriceCart_03.jpg'); background-position: bottom center; background-repeat: no-repeat; } /******** Alternating Row Colors ********/ .pricecart tr.pc0 td { background-color: #FBEADB; font-size: 11px; color: #000000; border:#efefef 1px solid; padding:2px;} .pricecart tr.pc1 td { background-color: #efefef; font-size: 11px; color: #000000; border-left:#ffffff 1px solid; padding:2px;} /******** Alternating Row Colors ********/ .pricecart th { background-color:transparent; letter-spacing: 1px; font-size: 11px; color:#222222; height: 22px; padding:2px; text-indent: 5px; text-align: left; vertical-align: top; } .sku { width: 70px; } .price { width: 70px; } .desc { width: 510px; } .order { width: 80px; } .featCart { background-color: #2C467B; font-size: 10px; color:#fff; font-weight: bold; vertical-align: middle; } #NewcontainmentDIV { width: 730px; height: 100%; position: relative; z-index: 1; background-image:url('../images/PriceCart_02.png'); clear: both; } .newPriceCart { width: 728px; font-size: 12px; background-color: #fff; color: #111111; line-height: 22px; margin-top: 15px; margin-bottom: 22px; border: #F67B14 0px solid; } .newPriceCart th { font-size: 12px; letter-spacing: 1px; padding: 2px; background-color: #F1F1F1; color: #800000; border: #CCCCCC 1px solid; border-bottom: #CCCCCC 0px solid; } .relatedLabelTop { psoition: relative; height: 24px; vertical-align: middle; text-align: center; font-size: 12px; letter-spacing: 1px; color: #800000; padding: 2px; } .newPriceCart tr { background-color: #ffffff; } .newPriceCart td { font-size: 12px; color: #444444; padding-top: 10px; padding-bottom: 10px; background-color: #F9F9F8; background-image:url('../images/newPriceCart.jpg'); background-repeat:repeat-x; border: #ffffff 3px solid; } .MSRPSpan { font-size: 12px; color: #444444; font-weight: bold; font-style: italic; } .priceSpan { font-size: 14px; color: #008000; font-weight: bold; } .newPriceCart a:link, .newPriceCart a:visited { color: #800000; text-decoration : none; font-weight: normal;} .newPriceCart a:active, .newPriceCart a:hover { color: #000000; text-decoration : underline; font-weight: normal;} /******************************************************************************************************************************************************************************************* Small Product List Tables Stylesheet *******************************************************************************************************************************************************************************************/ .productListContainer { background-color: #ffffff; color: #DDD7BA; width: 100%; border:0px solid #CCCCCC; } .productListContainer td { padding: 2px; vertical-align: top; text-align: center; width: 25%; } .productListTable { background-color: #ffffff; color: #DDD7BA; width: 100%; border: #CCCCCC 1px solid; height: width: 100%; } .productListTable th { background-color: #F1F1F1; color: #800000; width: 100%; font-size: 9px; padding: 2px; font-weight: normal; border: #CCCCCC 1px solid; height: 45px; vertical-align: top; } .productListTable td { background-color: #ffffff; color: #757575; font-size: 9px; padding: 2px; border:0px solid #444444; vertical-align: top; text-align: center; height: 90px; vertical-align: middle; } .productListTable a:link, .productListTable a:visited { color: #777777; text-decoration : underline; font-size: 9px; } .productListTable a:hover, .productListTable a:active { color: #800000; text-decoration : none; font-size: 9px; } .productListTableFEAT { background-color: #ffffff; color: #DDD7BA; width: 100%; border: #800000 1px solid; height: width: 100%; } .productListTableFEAT th { background-color: #993333; color: #f1f1f1; width: 100%; font-size: 9px; padding: 2px; font-weight: normal; border: #CCCCCC 1px solid; height: 45px; vertical-align: top; } .productListTableFEAT td { background-color: #ffffff; background-image:url('../images/FeaturedList.gif'); background-repeat: no-repeat; background-position: center; color: #757575; font-size: 9px; padding: 2px; border:0px solid #444444; vertical-align: top; text-align: center; height: 90px; vertical-align: middle; } .productListTableFEAT a:link, .productListTableFEAT a:visited { color: #efefef; text-decoration : underline; font-size: 9px; } .productListTableFEAT a:hover, .productListTableFEAT a:active { color: #ffffff; text-decoration : none; font-size: 9px; } /*************************************************************************************************************************** End Product Listing Table Styles ***************************************************************************************************************************/ .productDiv { background-color: #ffffff; color: #757575; width: 100%; font-size: 9px; padding: 4px; border:0px solid #444444; vertical-align: top; text-align: center; } .productDiv a:link, .productDiv a:visited { color: #0066CC; text-decoration : none; font-size: 9px; } .productDiv a:hover, .productDiv a:active { color: #800000; text-decoration : none; font-size: 9px; } /*************************************************************************************************************************** Begin SubCategory Description Table Style ***************************************************************************************************************************/ .subCatDetails { width: 100%; border:0px solid #dddddd; } .subCatDetails th { background-color: #efefef; padding: 2px; } .subCatDetails h2 { font-size: 14px; margin: 0px; letter-spacing: 2px; } .subCatDetails td { vertical-align: top; color: #555555; font-size: 14px; padding: 4px; } /*************************************************************************************************************************** Begin Product Info Table Style ***************************************************************************************************************************/ .productinfo { width: 100%; border:#777777 1px solid; text-align:center; font-size: 11px; } .productinfo th { background-color: #555555; color: #efefef; font-weight: bold; text-align:center; font-size: 13px; border:1px solid #D4D4D4; padding:3px; } .productinfo td { background-color: #E8E8E8; border:#C0C0C0 1px solid; font-size: 12px; color: #555555; padding:3px; text-align:center; } /*************************************************************************************************************************** Related Products Table Style ***************************************************************************************************************************/ .relatedTable { width: 100%; font-size: 9px; background-color: #ffffff; color: #555F86; line-height: 15px; margin-top: 10px; margin-bottom: 10px; } .relatedTable th { font-size: 12px; letter-spacing: 1px; padding: 2px; background-color: #F1F1F1; color: #800000; border: #CCCCCC 1px solid; border-bottom: #CCCCCC 0px solid; } .relatedLabelTop { psoition: relative; height: 24px; vertical-align: middle; text-align: center; font-size: 12px; letter-spacing: 1px; color: #800000; padding: 2px; } .relatedTable td { font-size: 9px; color: #555555; padding: 3px; background-color: #ffffff; border: #dddddd 0px solid; } .relatedTable a:link, .relatedTable a:visited { color: #800000; text-decoration : none; font-weight: normal;} .relatedTable a:active, .relatedTable a:hover { color: #000000; text-decoration : underline; font-weight: normal;} /*************************************************************************************************************************** End Stylesheet ***************************************************************************************************************************/