/** * Main CSS Stylesheet * * @package templateSystem * @copyright Copyright 2003-2006 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0 * @version $Id: stylesheet.css 5349 2006-12-22 20:34:40Z birdbrain $ * Modified by jstephens to better enable fast customization. */ /* // +----------------------------------------------------------------------+ // | CSS Colors Find and Replace | // +----------------------------------------------------------------------+ // | How CSS Works: | // | Highlight selected HEX code use keys 'ctrl + h' | // | In pop up box enter HEX code to replace current color. | // | Click the "Replace All" button. | // | | // +----------------------------------------------------------------------+ Use these to expand hidden td's and align things instead of using margin-left (because not all browsers understand CSS correctly. */ .spaceLeftOfLeft { width:0px; } .spaceLeftAndCenter { width:0px; } .spaceRightAndCenter { width:0px; } .spaceRightOfRight { width:0px; } /* // +----------------------------------------------------------------------+ // | -- General -- | // | #000000 - General Text Color | // | #CE0000 - Outer Background Color (Page Borders) | // | #E5E5E5 - Content Background Color (Content Area) | // | #020202 - Page Borders (Seperate From Side and Center Box Borders) | // | #FF9898 - Cart Check Out Background (Both Odd and Even Rows) | // | #000000 - Cart Check Out Text Color (Both Odd and Even Rows) | // | transparent - Cart Check Out Table Footer Background | // | #000000 - Cart Check Out Table Footer Text | // | transparent - Product Listing Header | // | #FFFFFE - Form Input Box (I have no idea why this is here) | // | | // | -- Category Nav Bar and Links -- (may be turned on or off in admin) | // | #FFDD00 - Background Color | // | #3C3400 - Link | // | #3B3300 - Visited Link | // | #3A3200 - Link Hover | // | | // | -- Top Nav Bar and Links -- (may be turned on or off in admin) | // | #808000 - Background Color | // | #262600 - Link | // | #252500 - Visited Link | // | #242400 - Link Hover | // | #232300 - Link Seperator Color | // | | // | -- Center Box -- | // | #FEFEFE - Heading Background (Includes Cart Checkout) | // | #080412 - Heading Text Color (Includes Cart Checkout) | // | #CECECE - Background Color | // | #656565 - Border Color | // | | // | -- Main Page Links -- | // | #FF0000 - Link | // | #666666 - Visited Link | // | #FFFFFF - Link Hover | // | | // | -- SideBox -- | // | #FEFFFF - Heading Background | // | #010101 - Heading Text Color | // | #CECECE - Background Color | // | #000000 - Text Color (not links) | // | #666666 - Border Color | // | | // | -- SideBox links -- | // | #FF0000 - Link | // | #666666 - Visited Link | // | #FFFFFF - Link Hover | // | | // | -- Footer Links -- | // | #FF0000 - Link | // | #666666 - Visited Link | // | #000000 - Link Hover | // | | // | -- Footer -- | // | #FFFFFF - Footer Background | // | #000000 - Footer Text Color | // | | // | -- Errors -- | // | These classes: | // | .messageStackWarning, .messageStackError, .messageStackSuccess, | // | .messageStackCaution | // | | // | -- Buttons -- | // | These classes: | // | .cssButton, .cssButtonPress, .cssButtonHover | // +----------------------------------------------------------------------+ */ body { margin: 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; color: #000000; background-color: #f9ecd1; background-image: url(../images/template_01.gif); background-repeat:repeat-x; } /**************************************** Body ********************************/ /*#mainWrapper { background-color: #E5E5E5; background-image: url(../images/index_02.jpg); text-align: left; width: 890px; vertical-align: top; border-right: 1px solid #020202; border-left: 1px solid #020202; border-top: 1px solid #020202; border-bottom: 1px solid #020202; }*/ /******************************************************************************/ #mainWrapper { text-align: left; width: 890px; border: 0px solid #336633; padding: 0px; background-image: url(../images/template_10.gif); } #contentMainWrapper { padding: 0px 0px 0px 0px; background-image: url(../images/template_09.gif); background-position: top; background-repeat:no-repeat; } .leftBoxHeading,.rightBoxHeading { margin: 0em; padding: 4px; background-image: url(../images/headerbox.gif); padding-bottom: 8px; background-color:#990000; border-bottom: 4px solid #000; } h3.leftBoxHeading, h3.leftBoxHeading a, h3.rightBoxHeading, h3.rightBoxHeading a { font-size: 12px; color: #fff; text-align: center; } #storeFooter{ color: #fff; background-repeat: no-repeat; vertical-align: top; background-color: #f9ecd1; background-image: url(../images/template_11.gif); padding-top: 39px; font-size: 10px; } #ezPagesHeading, #productName, H1, .header{ font-family: "Times New Roman", Times, serif; display: block; background-repeat: no-repeat; background-image: url(../images/headerbg.gif); background-position: left; font-size: 26px; color: #990000; margin-left: 0px; padding-top: 6px; padding-bottom: 6px; margin-bottom: 15px; text-align: left; font-weight: bold; border-bottom: 1px solid #666666; } a img {border: none; } a:link { color: #000; text-decoration: none; } a:visited { color: #000; text-decoration: none; } a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navCatTabs ul li a:hover { color: #ff0000; } h1 { font-size: 1.5em; } h2 { font-size: 1.4em; } h3 { font-size: 1.3em; } /*LABEL, */ h4, h5, h6, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{ font-size: 1.1em; } .biggerText { font-size: 1.2em; } h1, h2, h3, h4, h5, h6 { margin: 0.3em 0; } CODE { font-family: arial, verdana, helvetica, sans-serif; font-size: 1em; } FORM, SELECT, INPUT { display: inline; font-size: 1em; margin: 0.1em; } TEXTAREA { float: left; margin: auto; display: block; width: 95%; } input:focus, select:focus, textarea:focus { background: #FFFFFE; } FIELDSET { padding: 0.5em; margin: 0.5em 0em; border: 1px solid #020202; } LEGEND { font-weight: bold; padding: 0.3em; } /*LABEL, */ h4.optionName { line-height: 1.5em; padding: 0.2em; } LABEL.checkboxLabel, LABEL.radioButtonLabel { margin: 0.5em 0.3em; } #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg { float: left; } LABEL.inputLabel { width: 9em; float: left; } LABEL.inputLabelPayment { width: 14em; float: left; padding-left: 2.5em; } LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel { width: 11em; float: left; } #checkoutPayment LABEL.radioButtonLabel { font-weight: bold; } P, ADDRESS { padding: 0.5em; } ADDRESS { font-style: normal; } .clearBoth { clear: both; } HR { height: 1px; margin-top: 0.5em; border: none; border-bottom: 1px solid #020202; } /*warnings, errors, and messages*/ .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution { line-height: 1.8em; padding: 0.2em; border: 1px solid #9a9a9a; } .messageStackWarning, .messageStackError { background-color: #ff0000; color: #ffffff; } .messageStackSuccess { background-color: #AAFFAA; color: #000000; } .messageStackCaution { background-color: #FFFF66; color: #000000; } /*wrappers - page or section containers*/ #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage { margin: 0; padding: 0; } #logoWrapper{ /*background-image: url(../images/header_bg.jpg);*/ background-repeat: repeat-x; background-color: #E5E5E5; height:75px; } #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper { margin: auto; } #navColumnOneWrapper, #navColumnTwoWrapper { margin-left: 0.5em; margin-right: 0.5em; } #tagline { color:#000000; font-size: 2em; text-align : center; vertical-align: middle; } #sendSpendWrapper { border: 1px solid #020202; float: right; margin: 0em 0em 1em 1em; } .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper { margin: 0; width: 47%; } .wrapperAttribsOptions { margin: 0.3em 0em; } /*navigation*/ .navSplitPagesResult {} .navSplitPagesLinks {} .navNextPrevCounter { margin: 0em; font-size: 0.9em; } .navNextPrevList { display: inline; white-space: nowrap; margin: 0; padding: 0.5em 0em; list-style-type: none; } #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper { margin: 0; /* background-color: #E5E5E5; padding: 0.5em 0.2em;*/ font-weight: bold; color: #000000; } #navSuppWrapper { margin: 0; background-color: transparent; padding: 0; font-weight: bold; color: #000000; } /**************************************** Category Navigation ***********************************/ #navCatTabsWrapper { background-color: #FFDD00; color: #000000; /*background-image: url(../images/index_02.jpg);*/ } /************************************************************************************************/ #navMain ul, #navSupp ul, #navCatTabs ul { margin: 0; padding: 0.5em 0em; list-style-type: none; text-align: center; line-height: 1.5em; font-size: 10px; } #navMain ul li, #navSupp ul li, #navCatTabs ul li { display: inline; } #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a { text-decoration: none; /*padding: 0em 0.5em;*/ margin: 0; color: #3C3400; white-space: nowrap; } #navMain ul li a:visited, #navSupp ul li a:visited, #navCatTabs ul li a:visited { color: #3B3300; } #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover { color: #3A3200; } #navSupp ul li a {color: #000000;} #navSupp ul li a:visited {color: #000;} #navSupp ul li a:hover {color: #ff0000;} #navEZPagesTOCWrapper { font-weight: bold; float: right; border: 1px solid #020202; } #navEZPagesTOC ul { margin: 0; padding: 0.5em 0em; list-style-type: none; line-height: 1.5em; } #navEZPagesTOC ul li { white-space: nowrap; } #navEZPagesTOC ul li a { padding: 0em 0.5em; margin: 0; } #navCategoryIcon, .buttonRow, #indexProductListCatDescription { margin: 0.5em; } #navMainSearch { float: right; } #navBreadCrumb { padding: 0.5em 0.5em; background-color: #FFFFFF; font-size: 0.95em; /*font-weight: bold;*/ margin: 0em; } /****************************************** Top Navigation ************************************/ #navEZPagesTop { background-color: #808000; color: #232300; /*background-image: url(../images/index_02.jpg);*/ font-size: 0.95em; /*font-weight: bold;*/ margin: 0; padding: 0.5em; } /**********************************************************************************************/ #navColumnOne, #navColumnTwo { background-color: transparent; } /*The main content classes*/ #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert { vertical-align: top; } #productDescription, .shippingEstimatorWrapper { padding: 0.5em; } .alert { color: #FF0000; margin-left: 0.5em; } .advisory {} .important { font-weight: bold; } .notice {} .rating{} .gvBal { float: right; } .centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix { padding: 0.8em; } .centerColumn a{ color: #0066FF; } .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP { font-size: 0.9em; } /*Shopping Cart Display*/ #cartAdd { float: right; text-align: center; margin: 1em; border: 1px solid #020202; padding: 1em; } .tableHeading TH { border-bottom: 1px solid #020202; } .cartQuantity { border-left: 1px solid #020202; } .cartRemoveItemDisplay { border-right: 1px solid #020202; } .tableHeading, #cartSubTotal { background-color: transparent; } #cartSubTotal { border-top: 1px solid #020202; color: #000000; font-weight: bold; text-align: right; line-height: 2.2em; padding-right: 2.5em; } .tableRow, .tableHeading, #cartSubTotal { height: 2.2em; } .cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay { padding: 0.5em 0em; } .cartUnitDisplay, .cartTotalDisplay { text-align: right; padding-right: 0.2em; } #scUpdateQuantity { width: 2em; } .cartQuantity { width: 4.7em; } .cartNewItem { /*color: #33CC33;*/ position: relative; /*do not remove-fixes stupid IEbug*/ } .cartOldItem { /*color: #660099;*/ position: relative; /*do not remove-fixes stupid IEbug*/ } .cartBoxTotal { text-align: right; font-weight: bold; } .cartRemoveItemDisplay { width: 3.5em; } .cartAttribsList { margin-left: 1em; } #mediaManager { width: 50%; margin: 0.2em; padding: 0.5em; background-color: #E5E5E5; border: 1px solid #003D00; } .normalprice, .productSpecialPriceSale { text-decoration: line-through; } .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount { color: #ff0000; } .orderHistList { margin: 1em; padding: 0.2em 0em; list-style-type: none; } #cartBoxListWrapper ul, #ezPageBoxList ul { list-style-type: none; } #cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal { margin: 0; padding: 0.2em 0em; } #cartBoxEmpty, #cartBoxVoucherBalance { font-weight: bold; } .totalBox { width: 5.5em; text-align: right; padding: 0.2em; } .lineTitle, .amount { text-align: right; padding: 0.2em; } .amount { width: 5.5em; } /*Image Display*/ #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage { margin: 0em 1em 1em 0em ; } .categoryIcon {} #cartImage { margin: 0.5em 1em; } /*Attributes*/ .attribImg { width: 20%; margin: 0.3em 0em; } .attributesComments {} /*list box contents*/ .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew { margin: 1em 0em; } .centerBoxWrapper { border: 0px solid #656565; background-color: #fff; margin: 1.1em 0; height: 1%;/* This is a workaround for an annoying IE bug, involving borders and float:left. */ } h2.centerBoxHeading { font-size: 1.3em; color: #080412; } /*sideboxes*/ .columnLeft, .columnRight { padding-bottom: 10px; } h3.leftBoxHeading a, h3.rightBoxHeading, h3.rightBoxHeading a { font-size: 1.1em; color: #010101; } /*#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading { font-size: 1em; color: #000000; }*/ /*****************************************Side and Center Box Heading*************************************/ .leftBoxHeading, .rightBoxHeading { margin: 0em; background-color: #FEFFFF; /*background-image: url(../images/tile_back.gif);*/ padding: 5px; } .centerBoxHeading { margin: 0em; background-color: #FEFEFE; /*background-image: url(../images/tile_back.gif);*/ padding: 5px; } /*********************************************************************************************************/ .leftBoxContainer, .rightBoxContainer { margin: 0em; border-top: 1px solid #666666; border-left: 1px solid #666666; border-right: 1px solid #666666; border-bottom: 1px solid #666666; margin-top: 1.5em; } .sideBoxContent { background-color: #f4d763; color: #000000; } .sideBoxContent {padding: 3px 5px;} .sideBoxContent a { color: #000; } .sideBoxContent a:visited { color: #000; } .sideBoxContent a:hover { color: #ff0000; } #navEZPagesTOC ul li a, #navEZPagesTop a { color: #262600; text-decoration: none; } #navEZPagesTOC ul li a:visited, #navEZPagesTop a:visited { color: #252500; text-decoration: none; } #navEZPagesTOC ul li a:hover , #navEZPagesTop a:hover { color: #242400; text-decoration: none; } h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover { color: #FFFFFF; text-decoration: none; } .rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited { color: #515151; } .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg { text-align: center; } #bestsellers .wrapper { margin: 0em 0em 0em 1.5em; } #bestsellers ol { padding: 0; margin-left: 1.1em; } #bestsellers li { padding: 0; margin: 0.3em 0em 0.3em 0em; } #bannerboxHeading { background-color: #0000CC; } #upProductsHeading { text-align: left; } #upDateHeading { text-align: right; } /* categories box parent and child categories */ A.category-top, A.category-top:visited { /*color: #008000;*/ text-decoration: none; line-height: 25px; } A.category-links, A.category-links:visited { /*color: #004080;*/ text-decoration: none; } A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited { /*color: #FF0000;*/ text-decoration: none; } SPAN.category-subs-parent { font-weight: bold; } SPAN.category-subs-selected { font-weight: bold; } /* end categories box links */ /*misc*/ .back { float: left; } .forward, #shoppingCartDefault #PPECbutton { float: right; } .bold { font-weight: bold; } .rowOdd { background-color: #FF9898; color: #000000; height: 1.5em; vertical-align: top; } .rowEven { background-color: #FF9898; color: #000000; height: 1.5em; vertical-align: top; } .hiddenField { display: none; } .visibleField { display: inline; } CAPTION { /*display: none;*/ } #myAccountGen li, #myAccountNotify li { margin: 0; } .accountTotalDisplay, .accountTaxDisplay { width: 20%; text-align: right; /*vertical-align: top*/ } .accountQuantityDisplay { width: 10%; vertical-align: top } TR.tableHeading { background-color: #FEFEFE; color: #080412; height: 2em; border: 1px solid #020202; } .productListing-rowheading { background-color: transparent; /*background-image: url(../images/tile_back.gif);*/ height: 2em; color: #000000; } .productListing-data { border-bottom: 1px solid #020202; padding: 5px 3px; } #siteMapList { width: 90%; float: right; } .ratingRow { margin: 1em 0em 1.5em 0em; } LABEL#textAreaReviews { font-weight: normal; margin: 1em 0em; } #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart { background-color: #E5E5E5; background-image: none; } #loginboxContent {text-align:left; padding-left: 12px;} #loginboxContent ul {text-align:left;} /****************************************** Store Footer ********************************************/ #storeFooter a {color: #FF0000;} #storeFooter a:visited {color: #666666;} #storeFooter a:hover {color: #000000;} /****************************************** css buttons ********************************************/ /** * CSS Buttons Stylesheet * * Thanks to paulm for much of the content of the CSS buttons code * * @package templateSystem * @copyright Copyright 2003-2005 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0 * @version $Id: stylesheet_css_buttons.css 4567 2006-09-20 01:55:24Z birdbrain $ * jstephens changed for buttons, not just hover. */ .cssButton, .cssButtonPress { display: block; width : 20em; background-color: #F4F4F4; color : #000000; border: 2px outset #F4F4F4; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; text-align:center; white-space: nowrap; text-decoration: none; font-weight: bold; padding: 0px; /*border-spacing: 1px;*/ /*margin-left: auto; margin-right: auto;*/ /*display: block;*/ /*vertical-align: top;*/ /*line-height: 130%;*/ cursor: pointer; } .cssButton:hover, cssButtonPress:hover, .cssButtonHover { color: red; } .cssButtonPress { border-style: inset; } input.cssButton, input.cssButtonPress { display: inline; } .insideButton { padding: 0.3em; } input.cssButton, input.cssButtonPress { padding: 0em; } /* adding the styles below might be needed if the default button width is changed */ /* .button_continue_shopping, .button_shipping_estimator {width: 150px;} */ .small_delete, .button_prev, .button_next, .button_search {width: 7em;} .button_sold_out_sm, .button_sold_out, .button_update_cart, .button_checkout, .button_login {width: 10em;} .button_return_to_product_list, .button_add_selected {width: 22em;} .button_in_cart{width: 19em;} .button_submit {width: 18em;} .button_update_cart {color: red;} .button_update_cartHover {color: #003D00;} /*.innerbox#headernavcenter .boxtext .button_search {display:inline;}*/