/* This requires a little html experience.  */
/* The colours are below are in HEX Colour Code format. ( e.g. #ffffff = white ) If you are unfamiliar with HEX codes, simply click on the HEX Colour Chart link in your Store Admin, which will bring up a colour chart for reference. */
/* All sections that can be changed are explained below. Simply edit your chosen section to your preferential colour 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 */



/* colours of the main background and overall text */

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


/* colours of the links */

A {
  color: #003399;
  text-decoration: none;
}

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


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

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



/* 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: #696969;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #ffffff; 
}

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



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


.infoBox {
  background: #000000;
}



/* colours 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;
}



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


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



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


TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #000000;
font-size: 10px;
  background: #ffffff;
  border-spacing: 1px;
}



/* 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: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  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 colour of special offer prices */


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



/* 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-weight: bold; 
    border: 1px solid #000000;
    background: #f5f5f5 url(images/pointer_blue.gif) no-repeat 3px 50%;
    }

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

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


/* the font and colour 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;
}


/* colours 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; }
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.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: #000000;
}

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: #000000;
  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: #000000;
  color: #FFFFFF;
  font-weight: bold;
}

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

TR.subBar {
  background: #f4f7fd;
}

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

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