/* 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 the Change Colours link again */


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

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



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

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



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

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


/* colours of the links */

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

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



/* background colour of the top header of the website */

.headertop {
    background: #FFFFFF;
 }



/* colour of the border around  the top header of the website */

.headerborder {border: #BA55D3 1px solid;}



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

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



/* text size of smaller text around the store and text links of side boxes */

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000;}



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

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


/* fonts and font size of any medium text around the store, such as product pages */

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


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

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

A.headerNavigation { 
  color: #ffffff; 
 text-decoration: underline;
}

A.headerNavigation:hover {
  color: #ffffff;
 text-decoration: none;
}



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


.infoBox {
  background: #BA55D3;
}


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


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


/* background colours and font colours inside the side boxes, featured products box, etc */


.infoBoxContents {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
 color: #000000;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
 color: #000000;
}



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


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




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


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

A.pageResults {
  color: #0000FF;
}

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




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


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

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


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



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

TABLE.linkListing {
  border: 1px;
  border-style: solid;
  border-color: #BA55D3;
  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;
}


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

textarea {
 font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
font-weight : normal;
border: #BA55D3 1px solid;

}

input {
 font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
font-weight : normal;

}

select {
 font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
font-weight : normal;
border: #000000 1px solid;

}


/* 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; }
.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: #003399; text-decoration: underline; }
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;
}

TR.header {
  background: #ffffff;
}
TR.headerNavigation {
  background: #bbc3d3;
}

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