body {
}
/* ------- PAGE LAYOUT -------------- */
.outsideBorder {background-color: #B3B3B3;}
.headerMenuSeparator {background-color: #336633;}
.bgColour {background-color: #FFFFFF;}

/* ------- HEADER -------------- */
.headerRow {background-color: #FFFFFF}
.headerMenuRow {background-color: #FFFFFF; color: #F3F2F2}
.headerText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; color: #333333}
.headerText2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-decoration: none; color: #333333}

/* ------- FOOTER -------------- */
.footerRow {background-color: #E92558; color: #FFFFFF; clip:  rect(   )}

a.footerLink:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF; text-decoration: none}
a.footerLink:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF; text-decoration: none}
a.footerLink:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF; text-decoration: none}
a.footerLink:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF; text-decoration: none}
a.footerLink:visited:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF; text-decoration: none}

/* ------- GENERAL FONT SETTINGS -------------- */
.heading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #CC0033}
.subHeading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #CC0033}
.bodyHeading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #CC0033}
.bodyText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333}
.bodyTextBold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #333333}
.bodyTextError {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FF0000}
.bodyTextSmall {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
.bodyTextSmallLeft {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; margin-left: 5px;}
.bodyTextMini {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #000000}
.bodyTextWhite {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF}
.homeShop {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF}
.homeShopBold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFFF}
.voucherHeading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #666666}

/* ------- CATEGORY LIST (Category page body area) -------------- */
.categoryHeader {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #000099}
.categoryDescription {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333}
.categoryRow {padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px}

/* ------- CATEGORY LIST (Left Menu) -------------- */
.categoryBackground {background-color: #FF6699}
.categoryBackgroundSub {background-color: #FF6699}
.categoryHeadingRow {background-color: #E7E794; text-align: left}
.categoryHeadingText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #CC0033}
.categoryRow1 {background-color: #FFFFFF; color: #333333; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; text-align: left}
.categoryRow2 {background-color: #E5E5E5; color: #333333; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; text-align: left}
.categoryDescription {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: italic; color: #333333}
.categoryLink {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333; text-decoration: none; text-align: left}

/*A.categoryLink:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333; text-decoration: none}
A.categoryLink:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333; text-decoration: none}
A.subCategoryLink:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333; text-decoration: none}
A.subCategoryLink:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333; text-decoration: none}
.subCategoryLinkIndent {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333; text-decoration: none }*/


/* ------- HOME PAGE SHOP BY LINKS ---- */
A.shopByLink:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; text-decoration: none}
A.shopByLink:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; text-decoration: none}
A.shopByLink:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; text-decoration: none}
A.shopByLink:visited:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; text-decoration: none}

/* ------- FEATURED PRODUCTS -------------- */
.featuredText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #666666}
.featuredTextBold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #666666}


/* ------- LINK SETTINGS -------------- */
a:active {color: #333333}
a:hover {color: #FF0000}
a:visited:hover {color: #FF0000}
a:link {color: #333333}
/*a:visited {color: #333333}*/
:link:hover, :visited:hover {color: #FF0000}


/* ------- PRODUCT LIST (Category & Search result pages) -------------- */
.productListHeader {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #000066}
.productListDescription {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333}
.productListPrice {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333}

A.productListMoreInfo:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; color: #990000}
A.productListMoreInfo:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; color: #990000}

/*.productListRRP {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FF0000}
.productListOutOfStock {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333}
.productListDateAvailable {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #CC0033}
.productListPreOrder {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #333333}
*/

/* ------- PRODUCT PAGE -------------- */
.productHeader {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #333333}
.productText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; text-decoration: none;}
.productTextBold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; font-weight: bold}
.productDescriptionHeading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #CC0033}
.productDescription {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333}
.productPrice {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #333333}
.productRRP {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FF0000}
.productOutOfStock {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333}
.productDateAvailable {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #CC0033}
.productPreOrder {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #333333}
.warranty {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #333333}
.productInfoTable {background-color: #CCCCCC}
.productInfoTableRow1 {background-color: #F3F2F2}
.productInfoTableRow2 {background-color: #FFFFFF}
.productRow1 {background-color: #F0F0F0}
.productRow2 {background-color: #FFFFFF}

/* ------- CHECKOUT PAGES -------------- */
.checkoutTable {background-color: #E6E2D8; width: 450px}
.checkoutHeadingRow {background-color: #FFFFFF}
.checkoutBodyTextBold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #CC0033}
.checkoutBodyText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
.checkoutRow1 {background-color: #FAE1EA; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
.checkoutRow2 {background-color: #F4F4F4; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
/*
.checkoutBodyTextError {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FF0000}
.checkoutBodyTextSmall {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
.checkoutTableAdmin {background-color: #CCCCCC; border: 1px #CCCCCC; width: 550px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px}
.checkoutSuccess {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #33CC00}
.checkoutFail {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FF0000}
.receiptTable {background-color: #999999;}
*/

/* ----Server Validation Text Error */
.serverValidationTextError {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FF0000}

/*-----Order print --------*/
.printTextSmall {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-align:justify}


/* ------- LEFT MENU -------------- */
.subMenuText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; text-decoration: none}
A.subMenuText:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; text-decoration: none}
A.subMenuText:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; text-decoration: none}
A.subMenuText:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; text-decoration: none}
A.subMenuText:visited:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; text-decoration: none}

/*---------- Expand Collpase -----------*/
/*Definition for state toggling image */
.showstate{cursor:hand;cursor:pointer;float: left;margin-top: 2px;margin-right: 3px;}
.switchcontent{width:100%; border: 1px solid #EBEBEB; border-top-width: 0;}
.headers{width:100%; border:1px solid #EBEBEB; background-color:#EBEBEB;}

.cursurhelp {cursor :help;}











/* This below css was used to just clarify the menu with differnt tab options */
/* Menu control that looks like a tab strip */
/*.tab, .tabItem
{
 font-family:Verdana,Arial,Helvetica;
 font-size: 8pt;
 font-weight:normal; 
 text-decoration: none;
}
.tab 
{
 padding: 15px  1px 0px 0px;
 text-align: center;
}
.tab a:link, .tab a:visited, .tab a:hover
{
 text-decoration: none;
 color:#333333;
}
.tabPage   /* If the area beneath the tab strip needs to have a box defined, use this style in the <td> */
/*{  
 border: solid 1px #c0cbb6;
 vertical-align:top;
}
.tabItem  
{
 padding: 3px 3px 3px 3px;
 border-top: solid 1px gainsboro;
 border-left: solid 1px gainsboro;
 border-right: solid 1px darkgray;
 border-bottom: solid 1px #F7F6F3;
 background-color: #F7F6F3;
}
.tabSelected  
{
 border-style: outset;
 border-bottom: solid 1px #ccd9c0;
 background-color: #eae9e1;
}
.tabHover 
{
 border-style: outset;
 border-bottom: solid 1px #ccd9c0;
 background-color: #d8e1ce;
}
*/