/**
 * Main CSS Stylesheet
 *
    background:#F5E3C4;
 */

*
    {
    margin:  0;
    padding: 0;
    }

body
    {
    margin: 0 auto;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 78.5%;
    color: #333;
    background: #F5E3C4;
    padding-top: 25px;
/*    width: 800px; /* was 750 */
    background-image: url(../images/SDBackground.jpg);
    }

.altbackground
    {
    background-image: url(../images/SDBackground.jpg);
    }

a img
    {
    border: none;
    }

a:link, #navEZPagesTOC ul li a
    {
    color:           #933;
    text-decoration: none;
    }

a
    {
    color: #933;
    }

a:visited
    {
    text-decoration: none;
    }

a:hover, #navEZPagesTOC ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover
    {
    color: #333;
    }

#navMain ul li a:hover
    {
    color: pink;
    }

a:active
    {
    color: #0000FF;
    }

h1
    {
    font-size: 1.4em;
    }

h2
    {
    font-size: 1.3em;
    }

h3
    {
    font-size: 1.1em;
    }

h4, h5, h6, LABEL, h4 .optionName, LEGEND, ADDRESS, .larger
    {
    font-size: 1.1em;
    }

A.sideBoxContent
    {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 1.1em;
    color:     #fff;
    }

.sideBoxContent
    {
    padding: 2px;
    }

.biggerText
    {
    font-size: 1.1em;
    }

h1, h2, h3, h4, h5, h6
    {
    margin: 0.3em 3px;
    }

CODE
    {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 1em;
    }

FORM, SELECT, INPUT
    {
    font-size: .9em;
    margin: 0.2em;
    padding: 0.1em;
    }

TEXTAREA
    {
    margin:  auto;
    display: block;
    width:   95%;
    text-align: left;
    }

input:focus, select:focus, textarea:focus
    {
    background: #F0F8FF;
    }

FIELDSET
    {
    padding: 0.5em;
    margin: 0.5em 0em;
    border: 1px solid #cccccc;
    }

LEGEND
    {
    font-weight: bold;
    padding: 0.3em;
    }

LABEL, h4 .optionName
    {
    line-height: 1.25em;
    padding: 0.1em;
    }

LABEL.checkboxLabel, LABEL .radioButtonLabel
    {
    font-size: 0.95em;
    margin: 0.2em 0.5em;
    }

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg
    {
    float: left;
    }

.centeredBoxContents
    {
    text-align: left;
    margin: 0.4em 0.5em;
    }

LABEL.inputLabel
    {
    font-size: 1em;
    width: 10em;
    float: left;
    }

LABEL.inputLabelPayment
    {
    width: 15em;
    float: left;
    }

LABEL.selectLabel, LABEL .switchedLabel, LABEL .uploadsLabel
    {
    width: 12em;
    float: left;
    }

P, ADDRESS
    {
    padding: 0.5em;
    }

ADDRESS
    {
    font-style: normal;
    }

.clearBoth
    {
    clear:  both;
    height: 0;
    margin: 0;
    font-size: 1px;
    line-height: 0;
    }

HR
    {
    height:     1px;
    margin-top: 0.5em;
    border:     none;
    border-bottom: 1px solid #9a9a9a;
    }
/* categories box parent and child categories */
A.category-top, A .category-top:visited
    {
    /* js    color: #008000; */
    color: #fff;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    }

A.category-links, A .category-links:visited
    {
    /*    color: #004080;  */
    color: #fff;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    }

A.category-subs, A .category-products, A .category-subs:visited, A .category-products:visited
    {
    /*    color: #FF0000;   */
    color: #fff;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    }

SPAN.category-subs-parent
    {
    font-weight: bold;
    }

SPAN.category-subs-selected
    {
    font-weight: bold;
    }
/* end categories box links */

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution
    {
    line-height: 1.8em;
    padding: 0.2em;
    border:  1px solid #000000;
    }

.messageStackWarning, .messageStackError
    {
    background-color: #933;
    color: #ffffff;
    }

.messageStackSuccess
    {
    background-color: #CBD7AD;
    color: #000000;
    }

.messageStackCaution
    {
    background-color: #FAFAA6;
    color: #000000;
    }

/*wrappers - page or section containers*/
div#mainWrapper
    {
    text-align: left;
    width: 800px; /* was 750 */
    vertical-align: top;
    background: #fff;
    border: 0px solid #333;
    }

#cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper,
{ }

#headerWrapper{height:178px;}

#popupImage
    {
    text-align: left;
    padding: 0.5em;
/*    padding: 0.5em;  don't know why it was like this (20080216 js )*/
    }

/*#logoWrapper {
    background: url(../images/shadow.gif) repeat-x bottom;
    height:105px;
    width:750px;
    }*/

#contentMainWrapper { }

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper
    {
    margin: auto;
    }

#logo
    {
    width: 404px;
    float: none;
    }

/* BOF Top Nav Links with Image (shopping cart/contact us/my account). If you'd like to use text links only, comment out this section, and un-comment out the following section*/

#tagline
    {display:none;
    float:  right;
    height: 70px;
    width:  336px;
    }

#tagline ul
    {
    height: 86px;
    width: 336px;
    background: #fff /* 10/10/11 m_o url(../images/topnav.gif) no-repeat top; */;
    background-position: right;
    float: none;
    clear: both;
    }

#tagline li
    {
    list-style-type: none;
    width: 0;
    height: 67px;
    position: absolute;
    }

#tagline a
    {
    float:  left;
    height: 0;
    position: absolute;
    color:  #000;
    text-decoration: none;
    padding-top: 66px;
    font:   1.5em;
    }

#tagline a#sc
    {
    position: absolute;
    left: 30px;
    top:  0px;
    width: 90px;
    }

#tagline a#cu
    {
    position: absolute;
    left: 140px;
    top:  0px;
    width: 85px;
    }

#tagline a#ma
    {
    position: absolute;
    left: 250px;
    top:  0px;
    width: 85px;
    }

#tagline i
    {
    visibility: hidden
    }

/*EOF Top Nav Links with Image */


/*beggining of top navigation with link only (shopping cart/contact us/my account) to use these text links, comment out the previous section, and un-comment this section.

#tagline {
  color:#000;
  font-size: 1.5em;
  text-align : center;
  height:80px;
  z-index:10;
}
#tagline ul{
list-style-type:none;
text-align:center;
}
#tagline ul li{
display:inline;
}
#tagline ul li a{
float:left;
margin-left:14px;
width:100px;
}
#tagline ul li a:link, #tagline ul li a:visited{text-decoration:none;color:#333}
#tagline ul li a:link:hover, #tagline ul li a:visited:hover{color:#000;}
#tagline ul li a i{font-style:normal}

/*end of top navigation with links only */

#sendSpendWrapper
    {
    border: 1px solid #cacaca;
    float: right;
    margin: 0em 0em 1em 1em;
    }

.floatingBox, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #csNotifications, #navEZPagesTOCWrapper
    {
    margin: 10px 0px;
    width: 46%;
    }

#accountLinksWrapper
    {
    margin: 10px 0px;
    width: 75%;
    }

.wrapperAttribsOptions
    {
    margin: 0.3em 0em;
    }

/*navigation*/

.navSplitPagesResult
    {
    margin:    0.5em;
    font-size: 0.9em;
    }

.navSplitPagesLinks
    {
    margin:    0.5em;
    font-size: 0.9em;
    }

.navNextPrevCounter
    {
    margin:    0em;
    font-size: 0.9em;
    }

.navNextPrevList
    {
    display:     inline;
    white-space: nowrap;
    margin:      0;
    padding:     1em 0em;
    list-style-type: none;
    }

#navMainWrapper
    { background-color:#3c7e8a;
    /*background:  url(../images/gradient.jpg) repeat-x;*/
    font-weight: bold;
    color:       #fff;
    width:       100%;
    font-size:   1em;
    border-bottom: 1px solid #333;
    height:      34px;
    }

#navSuppWrapper
    {
    margin:      0em;
    font-weight: bold;
    color:       #333;
    width:       100%;
    font-size:   1em;
    }

#navCatTabsWrapper
    {
    margin:      0em;
    font-weight: bold;
    width:       100%;
    font-size:   1em;
    }

#navSupp ul, #navCatTabs ul
    {
    list-style-type: none;
    text-align: center;
    line-height: 1.5em;
    }

#navMain ul
    {
    padding-top:     .7em;
    list-style-type: none;
    text-align:      center;
    line-height:     1em;
    }

#navMain ul li, #navSupp ul li, #navCatTabs ul li
    {
    display: inline;
    }

#navMain ul li a
    {
    text-decoration: none;
    padding: 0em 0.9em;
    margin:  0;
    color:   #fff;
    white-space: nowrap;
    }

#navCatTabs ul li a, #navSupp ul li a
    {
    text-decoration: none;
    padding: 0em 0.9em;
    margin:  0;
    color:   #666;
    white-space: nowrap;
    }

#navEZPagesTOCWrapper
    {
    font-weight: bold;
    float: right;
    height: 1%;
    border: 1px solid #000000;
    }

#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
    {
    margin:     0 auto;
    text-align: right;
    padding:    4px 2px 0 0;
    font-size:  .9em;
    }

#navMainSearch input
    {
    margin:  0 auto;
    padding: 0;
    }

#navMainSearch input[type = text]
    {
    margin: 0;
    }

#navBreadCrumb a
    {
    color: #333;
    }

#navBreadCrumb a:hover
    {
    color: #933;
    }

#navEZPagesTop
    {
    border-top:    1px solid #9a9a9a;
    border-bottom: 1px solid #9a9a9a;
    }

#navBreadCrumb, #navEZPagesTop
    {
    font-size:   0.95em;
    font-weight: bold;
    margin:      0em;
    padding:     0.5em;
    }

#navColumnOne
    {
    padding: 0.5em;
    }

#navColumnTwo
    {
    padding: 0.5em;
    }

#navColumnTwo a
    {
    color: #933;
    }

#navColumnTwo a:hover
    {
    color: #333;
    }

/*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:       #933;
    margin-left: 0.1em;
    font-size:   0.9em;
    }

.advisory { }

.important
    {
    font-size: 1.1em;
    }

.notice { }

.rating { }

.gvBal
    {
    float: right;
    }

.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix
    {
    padding: 0.8em;
    }

.centerColumn h1
    {
    color:     #982F43;
    font-size: 19pt;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;	/* m_o 10/19/11 was tahoma */
    text-align: left;
    }

 .miniadd, .miniadd td
    {
    color:     #982F43;
     background-color: transparent; /* NOT same as col2 subcat hover */
   font-size: 8pt;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;	/* m_o 10/19/11 was tahoma */
    text-align: left;
    }
div#productListing table.tabTable th, div#productListing table.tabTable a
    {
    color:            #3b7d89;
    background-color: #DED1C1; /* NOT same as col2 subcat hover */
    font-size:        16pt;
    font-weight:      normal;
    font-family:      verdana, arial, helvetica, sans-serif;	/* m_o 10/19/11 was tahoma */
    }

div#productListing table.tabTable td
    {
    text-align:       left;
    background-color: transparent;
    padding:          4px;
    }

div#productListing h3.itemTitle
    {
    color:     black;
    font-size: 14pt;
    font-weight: normal;
    text-align: left;
    background-color: transparent;
    font-family: verdana, arial, helvetica, sans-serif;	/* itemTitle *//* m_o 10/19/11 was tahoma */
    }

div#productListing h3.itemTitle a
    {
    color:     black;
    font-size: 14pt;
    font-weight: normal;
    text-align: left;
    background-color: transparent;
    font-family: verdana, arial, helvetica, sans-serif;	/* itemTitle *//* m_o 10/19/11 was tahoma */
    margin-left: -5px;
    }
/*
div#productListing table.tabTable
   {
       border-collapse:    collapse;
   }
  */
table.tabTable tr.productListing-even, tr .productListing-odd
    {
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 15px;
    height:     135px;
    vertical-align: top;
    }

div#productListing table.tabTable tr.sepRow
    {
    height:  6px;
    opacity: .50;
    /*  background-color: #c5b9ad; /* Same as col2 subcat hover */
    background-color: #DED1C1;
    }

table.tabCatHome
    {
    vertical-align: top;
    }

table.tabCatHome tr
    {
    height:     180px;
    vertical-align: bottom;
    }

.categoryHome
    {
    font-size: 11pt;
    font-weight: normal;
    text-align: center;
    }

.categoryHomeFeatureText
    {
    color:     #982F43;
    font-size: 17pt;     /* was 30 */
    font-weight: normal;
    text-align: left;
    }

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP
    {
    font-size: 0.9em;
    }

/*Shopping Cart Display*/
#cartAdd
    {
    float:      right;
    text-align: center;
    margin:     1em;
    border:     1px solid #000000;
    padding:    1em;
    }

.cartTableHeading TH
    {
    border-bottom: 1px solid #cccccc;
    }

.cartTableHeading, #cartSubTotal
    {
    background-color: #e9e9e9;
    height: 2.2em;
    }

#cartSubTotal
    {
    border-top:  1px solid #cccccc;
    font-weight: bold;
    text-align:  right;
    line-height: 2.2em;
    padding-right: 2.5em;
    }

.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, #cartAttribsList
    {
    margin-left: 1em;
    }

.normalprice, .productSpecialPriceSale
    {
    text-decoration: line-through;
    }

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount
    {
    color: #933;
    }

#cartBoxListWrapper ul, #ezPageBoxList ul
    {
    list-style-type: none;
    }

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal
    {
    margin:  0;
    padding: 0.2em 0em;
    }

#cartBoxEmpty, #cartBoxVoucherBalance
    {
    font-weight: bold;
    }

.orderHistList
    {
    margin:  1em;
    padding: 0.2em 0em;
    }

.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 { }

.centerBoxContents,         .specialsListBoxContents,    .categoryListBoxContents,   .additionalImages,
.centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew
    {
    margin: 1em 0em;
    }

h2.centerBoxHeading, .productListing-rowheading
    {
    margin:    0em;
    font-size: 1em;
    color:     #333;
    padding:   0.5em 0.2em;
    border-bottom: 1px solid #9a9a9a;
    }

.centerBoxWrapper, .tabTable
    {
    padding: 0px;
    height: 1%; /*do not remove- IEhack*/
    margin-bottom: 1em;
    }

.leftBoxContainer
    {
    background-image: url(../images/SDLeftBoxBk.jpg);
    color: #fff;
    }

.columnLeft
    {
    background-image: url(../images/SDLeftBoxBk.jpg);
    margin: 0em 0em 0em 0em;
    color:  #fff;
    /*    width: 100%; */
    }

h3.leftBoxHeading a:hover
    {
    color:           #933;
    text-decoration: none;
    }

h3.leftBoxHeading a
    {
    color:           #333;
    text-decoration: none;
    }

h3.rightBoxHeading a:hover
    {
    color:           #933;
    text-decoration: none;
    }

.rightBoxContent
    {
    background-color: #ffffff;
    margin-bottom: 1em;
    }

.centeredContent,                TH,                                 #cartEmptyText,         #cartBoxGVButton,
#cartBoxEmpty,                   #cartBoxVoucherBalance,             #navNextPrevWrapperTop, #navNextPrevWrapperBottom,
#navCatTabsWrapper,              #navEZPageNextPrev,                 #bannerOne,             #bannerTwo,
#bannerThree,                    #bannerFour,                        #bannerFive,            #bannerSix,
#siteinfoLegal,                  #siteinfoCredits,                   #siteinfoStatus,        #siteinfoIP,
.center,                         .cartRemoveItemDisplay,             .cartQuantityUpdate,    .cartQuantity,
.cartTotalsDisplay,              #cartBoxGVBalance,                  .centerBoxHeading,      .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 1em;
    }

#bestsellers ol
    {
    padding:     0;
    margin-left: 1.1em;
    }

#bestsellers li
    {
    padding: 0;
    margin: 0.3em 0em 0.3em 0em;
    }

#upProductsHeading
    {
    text-align: left;
    }

#upDateHeading
    {
    text-align: right;
    }

/*misc*/
.back
    {
    float: left;
    }.forward, #shoppingCartDefault #PPECbutton  { {
    float: right;
    }

.bold {
    font-weight: bold;
    }

.rowOdd {
    background-color: #E8E8E8;
    height: 1.5em;
    vertical-align: top;
    }

.rowEven {
    background-color: #F0F0F0;
    height: 1.5em;
    vertical-align: top;
    }

CAPTION {
    }

#myAccountGen li, #myAccountNotify li {
    margin: 0;
    }

.accountTotalDisplay, .accountTaxDisplay {
    width: 20%;
    text-align: right;
    }

.accountQuantityDisplay {
    width: 10%;
    vertical-align: top
    }

TR.tableHeading {
    background-color: #cacaca;
    height: 2em;
    }

#siteMapList {
    width: 90%;
    float: right;
    }

.ratingRow {
    margin: 1em 0em 1.5em 0em;
    }

LABEL#textAreaReviews {
    font-weight: normal;
    margin: 1em 0em;
    }

#popupShippingEstimator, #popupSearchHelp, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
    background-color: #ffffff;
    }

.productListing-data {
    padding: 1em 0.2em;
    }

.navNextPrevWrapper {
    padding:1em;
    }

#productlayout {
    width: 200px;
    float:left;
    }

.hiddenField {
    display: none;
    }
.visibleField {
    display: inline;
    }

.information {
    padding: 10px 3px;
    line-height: 150%;
    }

.menubar
    {
    position: absolute;
    top: 115;
    left: 190px;
    width:   610px;
    display: none;
    z-index: 2;
    border: 0;
    }

/*JSWeb additions
#indexCategoriesMainContent{width:50%;}*/

/*JSWeb additions*/
TABLE #featureProd{
margin:1em;
padding:5px;
border:8px solid #3c7e8a;}

TD #featureCell{
background-color:#3c7e8a;
text-align:center;}

#featureProd img{padding:15px;}