/* This requires a little html experience.  */
/* The colors are below are in HEX Color Code format. ( e.g. #ffffff = white ) If you are unfamiliar with HEX codes, simply click on the HEX Color Chart link in your Store Admin, which will bring up a color chart for reference. */
/* All sections that can be changed are explained below. Simply edit your chosen section to your preferential color scheme, then click on SAVE. You can then view your changes to your website using the View Your Store Link which opens in a new window. If you want to make more changes, click on EDIT */


/* The color and font of the main title */

.title {
  font-family: Verdana, Arial, sans-serif;
  font-size: 40px;
  color: #5F9EA0;
  font-weight : bold;
}



/* The color and font of the main store slogan */

.slogan {
  font-family: Verdana, Arial, sans-serif;
  font-size: 22px;
  color: #000000;
  font-weight : bold;
}




/* colors of the main background and overall text. Background is the body background and color is the main text color */


BODY {
  background: #008080;
  color: #000000;
  margin: 0px;
}


/* colors of the links */

A {

  color: #708090;
  text-decoration: none;
}


A:hover {
  color: #ff0033;
  text-decoration: underline;
}


/* colour of the border around the product pictures */

.border {border: #000000 1px solid;}


/* text size of smaller text */

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

/* colours of the top navigation area and the bottom navigation area and the links inside them */

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #000000;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation {
  color: #ffffff;
}

A.headerNavigation:hover {
  color: #ffffff;
}



/* color of the border around the side boxes, featured products box, etc */


.infoBox {
  background: #000000;
}



/* colors and fonts inside the side boxes, featured products box, etc */


.infoBoxContents {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}



/* colors and fonts of the page headings and box headings */


TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #000000;
  color: #ffffff;
}



/* color of the border around the category pages, search results page, etc */


TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #000000;
 font-family: Verdana, Arial, sans-serif;
font-size: 10px;
  background: #ffffff;
  border-spacing: 0px;
}



/* fonts and links of the category pages, search results page, etc */


TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #000000;
}

A.pageResults:hover {
  color: #000000;
  background: #FFFFFF;
}



/* fonts and font size of main text around the store */

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}


/* fonts and font size of any smaller text around the store */

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}



/* the look and feel of any online forms in the store */


CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}


TABLE.formArea {
  background: #ffffff;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}



/* font color of special offer prices in category pages and on the special offers page*/


SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;

}

/* font color of special offer prices on the product pages */


SPAN.productSpecialPrice2 {
  font-family: Verdana, Arial, sans-serif;
  color: #ffff00;
}




/* the settings for the display of the Categories boxes in the left column */


ul, ol, dl {
    position: relative;
}

.hide {
    display:none;
    }

#categories {
    margin: 0;
    padding: 0;
    }

#categories dt {

    margin: 2px;
    padding: 2px 0 2px 10px;
    font-size: 10px;
 font-family: Verdana, Arial, sans-serif;
 font-weight: bold;
    border: 1px solid #000000;
    background: #ffffff url(images/pointer_blue.gif) no-repeat 3px 50%;
    }

#categories dd {
    margin: 2px;
    padding: 2px 0 2px 10px;
    font-size: 10px;
 font-family: Verdana, Arial, sans-serif;
 font-weight: bold;
    border: 1px solid #000000;
    background: #ffffff url(images/pointer_blue.gif) no-repeat 3px 50%;
    }

#categories a.selected {
    font-weight: bold; color: #ff0033;
    }


/* the font and color settings for the display of the Links Page */

TABLE.linkListing {
  border: 1px;
  border-style: solid;
  border-color: #000000;
  border-spacing: 0px;
}

.linkListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #ffffff;
  color: #FFFFFF;
  text-align: center;
}

TD.linkListing-data {
  border-right: 0px solid #ffffff;
  border-bottom: 1px solid #000000;
  padding: 5px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.linkListing-odd {
  background: #ffffff;
}

TR.linkListing-even {
  background: #ffffff;
}


/* colors and behavior when a customer selects options during the checkout process */

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }


/* THERE IS NO NEED TO CHANGE ANY SETTINGS BELOW */


.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #FFFFFF; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

TR.header {
  background: #ffffff;

}
TR.headerNavigation {
  background: #bbc3d3;
}

FORM {
        display: inline;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #0000FF;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #ffffff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #ffffff;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #0000FF;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.infoBoxNotice {
  background: #FFFFFF;
}

.infoBoxNoticeContents {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #0000FF;
  color: #FFFFFF;
  font-weight: bold;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #0000FF;
}











TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #0000FF;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}
SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}


SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}