/* 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 save/reupload the file. */
/* The colour and font of the main title */
.title {
font-family: Verdana, Arial, sans-serif;
font-size: 25px;
color: #FF4500;
font-weight : bold;
}
/* The colour and font of the main store slogan */
.slogan {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #0000CD;
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: #32CD32;
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:#32CD32 1px solid;}
/* colour of the border around the product pictures */
.border {border:#32CD32 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: 10px; color: #000000;}
.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: 10px;
}
/* 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: 11px;
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: 10px;
background:#32CD32;
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: #32CD32;
}
/* colour of the border around the category pages, search results page, etc */
TABLE.productListing {
border: 1px;
border-style: solid;
border-color: #32CD32;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
background: #ffffff;
color: #000000;
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: 10px;
font-weight: bold;
background: #32CD32;
color: #ffffff;
}
/* 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: #32CD32;
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: ##32CD32;
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 #32CD32;
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: #32CD32 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: #32CD32 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: #32CD32; }
/* 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: #32CD32;
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: #32CD32;
}
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: #32CD32;
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: #32CD32;
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;
}
/* input requirement */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.border {border: #000000 1px solid;}
ul, ol, dl {
position: relative;
}
.hide {
display:none;
}
#categories {
margin: 0;
padding: 0;
}
#categories dt {
margin: 2px;
font-size: 10px;
font-weight: bold;
padding: 3px 0 5px 3px;
border: 1px solid #003399;
background: #D7FFC4;
color: #003399;
}
#categories dd {
margin: 2px;
font-size: 10px;
font-weight: bold;
padding: 3px 0 5px 3px;
border: 1px solid #003399;
background: #D7FFC4;
color: #003399;
}
#categories
a.selected {
font-weight: bold; color: #ff0033;
}
.border {border: #000000 0px solid;}
.border2 {border: #000000 1px solid;}