/**

 * Main CSS Stylesheet

 *

 * @package templateSystem

 * @copyright Copyright 2007 Purple Promo Ltd



 */



* {

        margin:0;

        padding:0;

        }



body {

        margin: 0 auto;

        font-family: verdana, arial, helvetica, sans-serif;

        font-size: 78.5%;

        color: #333;

        background:#3a639c;

        }



a img {

        border: none;

        }



a:link, #navEZPagesTOC ul li a {

        color: #3a619a;

        text-decoration: none;

        }



a {

        color:#933;

        }



a:visited {

        text-decoration: none;

        }



a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {

        color: #333;

        }



a:active {

        color: #3a619a;

        }



h1 {

        font-size: 1.4em;

        }



h2 {

        font-size: 1.3em;

        }



h3 {

        font-size: 1.1em;

        }



h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{

        font-size: 1.1em;

        }



.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;
        background-color: #f0f8ff;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-x-position: 0%;

background-y-position: 0%;

}

        }



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;

        }



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;

        }



/*warnings, errors, messages*/

.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {

        line-height: 1.8em;

        padding: 0.2em;

        border: 1px solid #000000;

        }



.messageStackWarning, .messageStackError {

        background-color: ##3a619a;

        color: #3a639c;

        }



.messageStackSuccess {

        background-color: #CBD7AD;

        color: #000000;

        }



.messageStackCaution {

        background-color: #FAFAA6;

        color: #000000;

        }



/*wrappers - page or section containers*/

div#mainWrapper {

        margin-top:25px;

        text-align: left;

        width: 95%;

        vertical-align: top;

        background:#fff;

        border:5px solid #3a619a;

        }



#headerWrapper,   #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {}



#logoWrapper {

        background: url(../images/shadow.jpg) repeat-x bottom;

        height:150px;

        width:100%;

        }



#contentMainWrapper {

        padding:0 .5em;

        }



#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {

        margin: auto;

        }



#logo {

        width:404px;

        float:left;

        }



/* 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 {

        float:right;

        height:70px;

        width:336px;

        }



#tagline ul {

          height:86px;

          margin:0;

          width: 336px;

        background:#fff url(../images/topnav.jpg) no-repeat right top;

          }



#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: url(../images/gradient.jpg) repeat-x;

        font-weight: bold;

        color: #fff;

        width: 100%;

        font-size:1em;

        border-bottom:1px solid #333;

        height:30px;

        }



#navSuppWrapper {

    margin: 0em;

    background: url(../images/gradient.gif) repeat-x;

        font-weight: bold;

        color: #fff;

        width: 100%;

        font-size:1em;

        border-top:1px solid #333

        border-bottom:1px solid #333;

        height:30px;

    }



#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;

        }

        #navColumnOne a {

        color:#000;

        }



#navColumnTwo a:hover {

        color:#333;

        }



#navColumnTwo {

        padding: 0.5em;

        }



#navColumnTwo a {

        color:#000;

        }



#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;

        }



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

        background: url(../images/shadow.gif)

        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;

        }



.sideBoxContent {

        margin-left:.3em;

        }



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_thumbnail {
width: 26px;
padding-right: 4px;
float: left;
margin: 0px;
  }

#bestsellers .wrapper {
        margin: 0em 0em 0em 0.9em;
        }

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

#bestsellers li {
  margin-left: 3px;
        padding-top: 5px;
        margin: 0em 0em 1.3em 0em;
        clear: both;
        }


#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, #popupAdditionalImage, #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%;

        }