/** * 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 5350 2007-09-15 * This file is (very) modified from it's original verion. *//*#############################################################################################################################################################################################################################################################   BODY - MAIN WRAPPER - CONTENT WRAPPER - HEADER WRAPPER - NAVSUPP WRAPPER        CART BOX LIST WRAPPER - LOGO WRAPPER - FOOTER - DESIGN INSERTS#############################################################################################################################################################################################################################################################*//* * Following are insert points that can be used to add spacing/images to the store design. * designInsert1 starts to the left of the leftmost box, and numbers go up, between boxes, until you reach * the right with designInsert4. */#designInsert1 { width: 0px;}#designInsert2 { width: 0px;}#designInsert3 { width: 0px;}#designInsert4 { width: 0px;}body {   margin: 0;   font-family: Arial, helvetica, sans-serif;   font-size: 12px;   }#mainWrapper {   background: #FFFFFE;   text-align: left;   width: 760px;   border: 1px solid #CCCCCC;   }#contentMainWrapper {    background: #FFFFFE;    color: #000000;    }#headerWrapper{    background: #FFFFFE;    color: #000000;    }#navSuppWrapper{   margin: 0px;   background-color: transparent;   padding: 0.5em 0.2em;   font-weight: bold;   color: #000000;    }#cartBoxListWrapper{    }#storeFooter{    }.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {   font-size: 0.9em;   }legend { color: #000000;}/*#############################################################################################################################################################################################################################################################   CONTENT LINKS - FOOTER LINKS - SIDE BOX CONTENT/LINKS - EZ PAGES LINKS/TOP LINKS - CATEGORY LINKS##############################################################################################################################################################################################################################################################*//* ***********************************************************************************    CONTENT LINKS   ********************************************************************************** */#navEZPagesTop {   background: #627B97;   font-size: 0.95em;   margin: 0em;   padding: 0.5em;    }a img {        border: none;    }a:link {   color: #22466E;   text-decoration: none;    }a:visited {   color: #172F4B;   text-decoration: none;    }a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover {   color: #B42F04;    }/* ***********************************************************************************    FOOTER LINKS   *********************************************************************************  */#navSupp {margin: 0;   padding: 0.5em 0em;   list-style-type: none;   text-align: center;   line-height: 1.5em;    }#navSupp ul li a {      color: #526B87;    }#navSupp ul li a:visited {      color: #526B87;    }#navSupp ul li a:hover {      color: #B42F04;    }/* ***********************************************************************************    SIDE BOX CONTENT/LINKS   *********************************************************************************** */.sideBoxContent {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: medium;
font-weight: bold; letter-spacing: 0.05em;     color: #FFFFFF;      background: #34adf4;      padding: 3px 5px;    }.sideBoxContent a {   color: #ffffff;    }.sideBoxContent a:visited {        color: #ffffff;    }.sideBoxContent a:hover {        color: #ffffff;    }.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {   color: #000000;   }.rightBoxHeading a:hover,   .leftBoxHeading a:hover,   .centerBoxHeading a:hover {   color: #000000;   text-decoration: none;   }/* ***********************************************************************************    EZ PAGES LINKS   *********************************************************************************** */#navEZPagesTOC ul li a, #navEZPagesTop a {   color: #D5D8DB;   text-decoration: none;   }#navEZPagesTOC ul li a:visited, #navEZPagesTop a:visited {   color: #C8CFD6;   text-decoration: none;   }#navEZPagesTOC ul li a:hover , #navEZPagesTop a:hover {   color: #B42F04;   text-decoration: none;   }/* ***********************************************************************************    CATEGORY LINKS - SUB CATEGORY LINKS   *********************************************************************************** */A.category-top, A.category-top:visited {   text-decoration: none;   }A.category-links, A.category-links:visited {   text-decoration: none;   }A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {   text-decoration: none;   }SPAN.category-subs-parent {   font-weight: bold;   }SPAN.category-subs-selected {   font-weight: bold;   }/*#############################################################################################################################################################################################################################################################    BOX PROPERTIES (SEARCH, CATEGORIES, LOGIN, CENTER BOX, ALL BOXES)#############################################################################################################################################################################################################################################################*//* ***********************************************************************************    ALL BOXES   *********************************************************************************** */.leftBoxHeading,.rightBoxHeading {   margin: 0em;   padding: 5px;   background: url(../../../../images/tab_background.jpg) repeat-x;   }.leftBoxContainer, .rightBoxContainer {   margin: 0em;   border: 0px solid #666666;   margin-top: 1.5em;   color: #ffffff;   background: #FFFFFF;   }.columnLeft, .columnRight {   padding-bottom: 10px;    }h3.leftBoxHeading, h3.leftBoxHeading a,h3.rightBoxHeading, h3.rightBoxHeading a {   font-size: 16px;   color: #ffffff;   font-family: Georgia, "Times New Roman", Times, serif;   }/* ***********************************************************************************    SHOPPING CART SIDEBOX   ********************************************************************************** */#shoppingcartbox{     background: #FFFFFF;     color: #000000;   }#shoppingcartHeading {      text-align:center;    }#shoppingcartHeading a {   font-size: 16px;   color: #ffffff;   font-family: Georgia, "Times New Roman", Times, serif;    }#shoppingcartContent{      text-align:left;    }/* ***********************************************************************************    CENTER BOX   *********************************************************************************** */.centerBoxWrapper {   border: 0px solid #CCCCCC;   margin: 1.1em 0;   height: 1%; /* This is a workaround for an annoying IE bug, involving borders and float:left. */ }.centerBoxHeading {   background: url(../../../../images/tab_background.jpg) repeat-x;   font-size: 1.3em;   color: #FEFFFF;   margin: 0em;   padding: 5px; }.centerBoxContents { color: #FFFFFE;}/* ***********************************************************************************                                  OTHER BOXES      (MANUFACTURERS, CURRENCIES, MUSIC GENRES, RECORD COMPANIES, SEARCH HEADER)       ENTER VALUES BELOW IF YOU WANT TO APPLY DIFFERENT SETTINGS TO BOXES BELOW   *********************************************************************************** */#loginboxContent { text-align:left;}#manufacturersHeading{    }#currenciesHeading{    }#musicgenresHeading{    }#recordcompaniesHeading{    }#search-headerHeading {    }#bestsellers {    }.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;  }#bannerboxHeading {   background: #0000CC;}#upProductsHeading {   text-align: left;   }#upDateHeading {   text-align: right;   }/*#############################################################################################################################################################################################################################################################    PRODUCT DISPLAY SETTINGS/ATTRIBUTE DISPLAY SETTINGS#############################################################################################################################################################################################################################################################*/.accountQuantityDisplay {   width: 10%;   vertical-align: top   }.productListing-rowheading {   background: url(../../../../images/tab_background.jpg) repeat-x;   height: 2em;   color: #FEFFFF;   }.productListing-data {   border-bottom: 1px solid #CCCCCC;   padding: 5px 3px;}/* ***********************************************************************************    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 *********************************************************************************** */.specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {   margin: 1em 0em;   }/*#############################################################################################################################################################################################################################################################    SHOPPING CART CHECKOUT AND DISPLAY [MAKE SURE TO CHANGES THESE]#############################################################################################################################################################################################################################################################*/.rowOdd {   background: #DDDDDD;   color: #000000;   height: 1.5em;   vertical-align: top;   }.rowEven {   background: #FFFFFF;   color: #000000;   height: 1.5em;   vertical-align: top;   }#cartAdd {   float: right;   text-align: center;   margin: 1em;   border: 1px solid #CCCCCC;   padding: 1em;   }.tableHeading TH {   border-bottom: 1px solid #000000;   background: url(../../../../images/tab_background.jpg) repeat-x;   color: #FEFFFF;   height: 2em;   }.cartQuantity  {      border-left: 1px solid #CCCCCC;    }.cartRemoveItemDisplay {      border-right: 1px solid #CCCCCC;    }#cartSubTotal {   background: #DDDDDD;   color: #000000;   border-top: 1px solid #000000;   font-weight: bold;   text-align: right;   line-height: 2.2em;   padding-right: 2.5em; }.tableRow, .tableHeading, #cartSubTotal {   height: 2.2em;   }.shippingEstimatorWrapper { background:#FFFFFE;}#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {   color: #000000;   background: #FFFFFE;   }.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 {   position: relative;  /*do not remove-fixes stupid IEbug*/   }.cartOldItem {   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: #FFFFFE;   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;   }/*#############################################################################################################################################################################################################################################################    H TAGS, FORM FIELDS, ADDRESS STYLES#############################################################################################################################################################################################################################################################*/h1 {   font-size: 1.5em;   }h2 {   font-size: 1.4em;   }h3 {   font-size: 1.3em;   }h4, h5, h6, LABEL, 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 {   font-size: 1em;   margin: 0.1em;   }TEXTAREA {   float: left;   margin: auto;   display: block;   width: 95%;   }input:focus, select:focus, textarea:focus {   /*background: #FFFFFE;    color: #000000; */   }FIELDSET {   padding: 0.5em;   margin: 0.5em 0em;   border: 1px solid ;   }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, .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 ;   }/*#############################################################################################################################################################################################################################################################    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: #FFFFFF;   }.messageStackCaution {   background-color: #FFFF66;   color: #FFFFFF;   }/*wrappers - page or section containers*/#ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #popupAdditionalImage, #popupImage {   margin: 0em;   padding: 0em;   }#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 ;   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{   margin: 0em;   background: #FFFFFE;   padding: 0.5em 0.2em;   font-weight: bold;   color: #000000;}#navCatTabsWrapper {   margin: 0em;   padding: 0.5em 0.2em;   font-weight: bold;    background: #fff;   background-image:none;   }#navCatTabs {        color: #627B97;    }#navCatTabs ul li {   margin: 3px;}#navMain ul li, #navSupp ul li, #navCatTabs ul li {   display: inline;   }#navMain ul li a {   text-decoration: none;   padding: 0em 0.5em;   margin: 0;   color: #000;   white-space: nowrap;   }#navMain ul li a:visited {   color: #000000;   }#navEZPagesTOCWrapper {   font-weight: bold;   float: right;   border: 1px solid ;   }#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: #FFFFFE;   font-size: 0.95em;   /*font-weight: bold;*/   margin: 0em;   }#navColumnOne, #navColumnTwo {   }/*#############################################################################################################################################################################################################################################################    CONTENT#############################################################################################################################################################################################################################################################*/#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {   vertical-align: top;   }#productDescription, .shippingEstimatorWrapper {   padding: 0.5em;   }.alert {   color: #627B97;   margin-left: 0.5em;   }.advisory {}.important {   font-weight: bold;   }.notice {}.rating{}.gvBal {   float: right;   }.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {   padding: 0.8em;   }/*#############################################################################################################################################################################################################################################################    MISC#############################################################################################################################################################################################################################################################*/.back {   float: left;   }.forward, #shoppingCartDefault #PPECbutton {   float: right;   }.bold {   font-weight: bold;   }.hiddenField {   display: none;}.visibleField {   display: inline;}#myAccountGen li, #myAccountNotify li {   margin: 0;   }.accountTotalDisplay, .accountTaxDisplay {   width: 20%;   text-align: right;   }#siteMapList {   width: 90%;   float: right;   }.ratingRow {   margin: 1em 0em 1.5em 0em;   }label #textAreaReviews {   font-weight: normal;   margin: 1em 0em;   }.login_input { width: 95%;}.optionName { width: 30%;}#trailimageid { color: #000000; background: #FFFFFE;}.leftBoxContainer input { width: 95%;}/*#############################################################################################################################################################################################################################################################    STORE BUTTONS/CSS BUTTONS#############################################################################################################################################################################################################################################################*//* * 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 */.cssButton, .cssButtonPress {/*line-height: 18px;*/line-height: 2em;background: #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: 0 5px;margin: 1px auto;cursor: pointer;}.cssButton:hover, cssButtonPress:hover, .cssButtonHover, .cssButtonPress:focus {background: #F4F4F4;color: #627B97;}.cssButtonPress { border-style: inset;}input.cssButton, input.cssButtonPress {background: #F4F4F4;line-height: 1.1em;width: auto !important;}.insideButton { padding: 0.3em;}