/* This is the CSS file for the entire website */
/* Please DO NOT use underscores in CSS class names */

/* Creates the coloured cells in the earnings reports of the affiliate scheme pages  - not part of the skin CSS */
.affiliateTableCellPink {border-top: #e800c0 1 solid; border-right: #999999 1 solid; border-bottom: #999999 1 solid; border-left: #999999 1 solid; background-color: #FCE2ED; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #9C316B; font-weight: bold; line-height: 13pt} 
.affiliateTableCell {border-top: #D1D1D1 1 solid; border-right: #D1D1D1 1 solid; border-bottom: #D1D1D1 1 solid; border-left: #D1D1D1 1 solid;}
.affiliateTableCellGrey {border-top: #30971F 1 solid; border-right: #30971F 1 solid; border-bottom: #30971F 1 solid; border-left: #30971F 1 solid; background-color: #E9E9E9}

/* Creates a black border around the Cameo Products Include table  - not part of the skin CSS */
.cameoTableCellLeft {border-bottom: 0 solid #30971F; border-left: 0 solid #30971F;}
.cameoTableCellRight {border-bottom: 0 solid #30971F; border-right: 0 solid #30971F;}

/* This line ensures that all pages on the site have a white background */
body {background:#000000;}

/* Creates a pink border around the Customer Services Include file */
.CustomerServInc {border: 1 solid #30971F;}

/* body used throughout the site */
.body {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #808080; font-weight: normal; line-height: 14px; text-indent: 0pt; scrollbar-base-color:#EED9E7;	scrollbar-arrow-color:#333333; scrollbar-track-color:#E8E8E8; scrollbar-3dlight-color:#B7B7B7; scrollbar-highlight-color:#FFFFFF; scrollbar-darkshadow-color:#B7B7B7; scrollbar-shadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF;}
.body:link    {color: #808080; font-weight: bold}
.body:visited {color: #808080; font-weight: bold}
.body:active  {color: #808080; font-weight: bold}
.body:hover   {color: #808080; font-weight: bold}

.body2 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #808080; font-weight: bold; line-height: 14px; text-indent: 0pt; scrollbar-base-color:#EED9E7;	scrollbar-arrow-color:#333333; scrollbar-track-color:#E8E8E8; scrollbar-3dlight-color:#B7B7B7; scrollbar-highlight-color:#FFFFFF; scrollbar-darkshadow-color:#B7B7B7; scrollbar-shadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF;}
.body2:link    {color: #808080}
.body2:visited {color: #808080}
.body2:active  {color: #808080}
.body2:hover   {color: #808080}

/* bold used in "My Shopping Basket" */
.bold {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #808080; font-weight: bold; line-height: 11pt;}
.bold:link    {color: #808080; font-weight: bold}
.bold:visited {color: #808080; font-weight: bold}
.bold:active  {color: #808080; font-weight: bold}
.bold:hover   {color: #808080; font-weight: bold}

.bold2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #808080; font-weight: bold; text-decoration: none; line-height: 12pt;}
.bold2:link    {color: #808080; font-weight: bold; text-decoration: none;}
.bold2:visited {color: #808080; font-weight: bold; text-decoration: none;}
.bold2:active  {color: #808080; font-weight: bold; text-decoration: none;}
.bold2:hover   {color: #808080; font-weight: bold; text-decoration: none;}

.bold1 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #808080; font-weight: bold; line-height: 12pt;}
.bold3 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #808080; font-weight: normal; line-height: 12pt;}
.bold01 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #808080; font-weight: normal; line-height: 11pt;}

.topMenu {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FDE7C1; font-weight: normal; text-decoration: none; line-height: 12pt;}

/* boldWhite used in side bar headings including "My Account" and "My Shopping Basket" and in Search Bar */
.boldWhite {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: none; line-height: 13pt}
.boldWhite:link    {color: #ffffff; font-weight: bold}
.boldWhite:visited {color: #ffffff; font-weight: bold}
.boldWhite:active  {color: #ffffff; font-weight: bold}
.boldWhite:hover   {color: #000000; font-weight: bold}

/* breadcrumb used in breadcrumb trail to left of search box */
.breadcrumb {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; line-height: 11pt;}
.breadcrumb:link {color: #FFFFFF; font-weight: bold;}
.breadcrumb:hover {color: #FFCCCC; font-weight: bold;}

/* cartB used in the checkout, shopping cart and login page */
.cartB {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #8F005F; font-weight: bold; text-decoration: none; line-height: 16px}
.cartB:hover   {text-decoration: underline;}

/* cartEmp used in the checkout, shopping cart, change of address page, my details page, delivery popups and sign up page */
.cartEmp {font-family: Arial, Verdanda, Helvetica, sans-serif; font-size: 11px; color: #E10CC4; font-weight: normal; text-decoration: none; line-height: 11pt}
.cartEmp:link    {text-decoration: none;}
.cartEmp:visited {color: #CC0099;}
.cartEmp:active  {text-decoration: none;}
.cartEmp:hover   {text-decoration: none;}

/* cartSubTotal used in the checkout and shopping cart */
.cartSubTotal {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #E10CC4; font-weight: bold; text-decoration: none; line-height: 16px}

/* cartTotal used in the checkout and shopping cart */
.cartTotal {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #E10CC4; font-weight: bold; text-decoration: none; line-height: 16px}

/* categoryTitle used in the Category pages */
.categoryTitle {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #E10CC4; font-weight: normal; line-height: 14px; text-indent: 0pt; text-decoration: none;}
.categoryTitle:link    {color: #808080; font-weight: bold; text-decoration: none;}
.categoryTitle:visited {color: #808080; font-weight: bold; text-decoration: none;}
.categoryTitle:active  {color: #CC0099; font-weight: bold; text-decoration: none;}
.categoryTitle:hover   {color: #CC0099; font-weight: bold; text-decoration: underline;}

/* head is used only in the affiliate programme and is used for big purple headings - not part of the skin CSS */
.head {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #9C316B; font-weight: bold; text-decoration: none; line-height: 24px} 

/* homepagehead is used only in home page and is used for big purple headings - not part of the skin CSS */
.homepagehead {font-family: Arial, Helvetica, sans-serif; font-size: 28px; color: #808080; font-weight: normal; text-decoration: none; line-height: 28px} 

/* homepagesub2 is used only in home page - not part of the skin CSS */
.homepagesub1 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #808080; font-weight: normal; text-decoration: none; line-height: 14px}

/* homepagesub2 is used only in home page  - not part of the skin CSS */
.homepagesub2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #808080; font-weight: bold; text-decoration: none; line-height: 14px}

/* headerTable is used to control the appearance of tables with solid backgrounds - often for the purposes of providing a coloured border */
.headerTable {background-color: #30971F;}

/* indexW used in the main homepage only - not part of the skin CSS */
.indexW {font-family: Arial, Verdanda, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; line-height: 12pt}
.indexW:link    {color: #FFFFFF; font-weight: bold;}
.indexW:visited {color: #EED9E8; font-weight: bold;}
.indexW:active  {color: #EED9E8; font-weight: bold; text-decoration: underline;}
.indexW:hover   {color: #EED9E8; font-weight: bold; text-decoration: underline;}

/* indexDesc used in the main Apollo homepage and footer AND in the Section pages */
.indexDesc {font-family: Arial, Verdanda, Helvetica, sans-serif; font-size: 12px; color: #808080; font-weight: normal; text-decoration: none; line-height: 16pt}
.indexDesc:link    {color: #808080; text-decoration: none;}
.indexDesc:visited {color: #808080;}
.indexDesc:active  {color: #808080; text-decoration: underline;}
.indexDesc:hover   {color: #808080; text-decoration: underline;}

/* indexDescS used in the main Apollo homepage and footer only - not part of the skin CSS */
.indexDescS {font-family: Arial, Verdanda, Helvetica, sans-serif; font-size: 10px; color: #808080; font-weight: normal; text-decoration: none; line-height: 10pt}
.indexDescS:link    {color: #808080; font-weight: bold}
.indexDescS:visited {color: #808080; font-weight: bold}
.indexDescS:active  {color: #808080; text-decoration: underline; font-weight: bold}
.indexDescS:hover   {color: #808080; text-decoration: underline; font-weight: bold}

/* lightWash is a pale colour used on the home page and search page to produce a pale coloured table background */
.lightWash {background-color: #FDE7C1;}

/* priceStrikeOut used on category, product and wishlist pages to display a usual price when products are on offer */
p.priceStrikeOut {display: inline; text-decoration: line-through; color: #000000;} 
p.priceStrikeOut span {color: #000000; font-weight: normal; font-size: 10px;}

/* purple used throughout the site where plain purple text is required e.g. Checkout */
.purple {font-family: Arial, Verdanda, Helvetica, sans-serif; font-size: 11px; color: #808080; font-weight: normal; text-decoration: none; line-height: 11pt}
.purple:link    {color: #999999; text-decoration: none;}
.purple:visited {color: #999999; text-decoration: none;}
.purple:active  {color: #999999; text-decoration: none;}
.purple:hover   {color: #999999; text-decoration: none;}

/* purpleB used throughout the site where bold purple text is required e.g. Customer Help page */
.purpleB {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #30971F; font-weight: bold; line-height: 13pt}
.purpleB:link    {color: #808080; font-weight: bold}
.purpleB:visited {color: #808080; font-weight: bold}
.purpleB:active  {color: #808080; font-weight: bold}
.purpleB:hover   {color: #808080; font-weight: bold}

/* purpleS used in the best sellers */
.purpleS {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #30971F; font-weight: normal; text-decoration: none; line-height: normal}
.purpleS:link    {color: #30971F; text-decoration: none;}
.purpleS:visited {color: #30971F; text-decoration: none;}
.purpleS:active  {color: #30971F; text-decoration: underline;}
.purpleS:hover   {color: #30971F; text-decoration: underline;}

/* purpleLink used in the wholesale / Trade area */
.purpleLink {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #30971F; font-weight: normal; line-height: 14px; text-indent: 0pt; scrollbar-base-color:#30971F;	scrollbar-arrow-color:#333333; scrollbar-track-color:#E8E8E8; scrollbar-3dlight-color:#B7B7B7; scrollbar-highlight-color:#FFFFFF; scrollbar-darkshadow-color:#B7B7B7; scrollbar-shadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF;}
.purpleLink:link    {color: #30971F; font-weight: normal; text-decoration: underline;}
.purpleLink:visited {color: #30971F; font-weight: normal; text-decoration: underline;}
.purpleLink:active  {color: #30971F; font-weight: normal; text-decoration: underline;}
.purpleLink:hover   {color: #30971F; font-weight: normal; text-decoration: underline;}

/* redB used throughout the site where bold red text is required - chiefly to show input errors e.g. Contact page */
.redb { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #30971F; font-weight: bold; line-height: 12pt;}

/* selectelement used only in prototype page  - not part of the skin CSS */
.selectelement {font-family: Arial, Helvetica; font-size: 10px; color: #333333; background-color: #FFFFFF; border-color: #FBDDE9; border : 1px solid #BC3F7D;}

/* sideBarTitle is used in the sidebars to control the colour of the title */
.sideBarTitle {background-color: #9A9A9A;}

/* silverLink used in the wholesale / Trade area */
.silverLink {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #30971F; font-weight: normal; line-height: 14px; text-indent: 0pt; scrollbar-base-color:#EED9E7;	scrollbar-arrow-color:#333333; scrollbar-track-color:#E8E8E8; scrollbar-3dlight-color:#B7B7B7; scrollbar-highlight-color:#FFFFFF; scrollbar-darkshadow-color:#B7B7B7; scrollbar-shadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF;}
.silverLink:link    {color: #CC0099; font-weight: normal; text-decoration: none;}
.silverLink:visited {color: #CC0099; font-weight: normal; text-decoration: none;}
.silverLink:active  {color: #CC0099; font-weight: normal; text-decoration: underline;}
.silverLink:hover   {color: #CC0099; font-weight: normal; text-decoration: underline;}

/* small used where small text is required - on "My Shopping Basket", product, category, wishlist, shipping charges, shipping popup, cancellations and returns, security guarantee and main cameo home page  */
.small {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #e10cc4; font-weight: bold; text-decoration: none; line-height: normal}
.small:link    {color: #30971F; font-weight: bold; text-decoration: underline;}
.small:visited {color: #30971F; font-weight: bold; text-decoration: underline;}
.small:active  {color: #30971F; font-weight: bold; text-decoration: underline;}
.small:hover   {color: #30971F; font-weight: bold; text-decoration: underline;}

/* sub used throughout the site where large bold red text is required e.g. Category pages, other colour variations crop up elsewhere */
.sub{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; font-weight: bold; text-decoration: none; line-height: 15px}
.subWhite{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration: none; line-height: 16px}
.subPurple {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #9C316B; font-weight: bold; line-height: 16pt}
.subTitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; text-decoration: none; line-height: 16px}

.sub2{font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #900060; font-weight: normal; text-decoration: none; line-height: 18px}

/* templateBorder used throughout the site to control the appearance of table borders */
.templateBorder {border-top: #E10CC4 1 solid; border-right: #E10CC4 1 solid; border-bottom: #E10CC4 1 solid; border-left: #E10CC4 1 solid;}

/* textFieldGrey used throughout the site to control the appearance of text fields and some other form controls - mainly the small quantity boxes on product pages */
.textFieldGrey {BACKGROUND-COLOR: #FFFFFF ;	BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10px; color: black;	FONT-WEIGHT: normal;}

/* textFieldPink used throughout the site to control the appearance of text fields and some other form controls */
.textFieldPink {font-family: Arial, Helvetica; font-size: 10px; color: #E10CC4; background-color: #FFD8FO; border color: #FFFFFF; border : 1px solid #E10CC4;}

/* textFieldPurpleEdge used in trade area of the site to control the appearance of text fields and some other form controls */
.textFieldPurpleEdge {font-family: Arial, Helvetica; font-size: 10px; color: #E10CC4; background-color: #FFD8F0; border color: #E10CC4; border : 1px solid #E10CC4;}

/* textFieldPinkWB only used to control the appearance of the Search box text field */
.textFieldPinkWB {font-family: Arial, Helvetica; font-size: 10px; color: #E10CC4; background-color: #FFD8FO; border color: #FFFFFF; border : 1px solid #FFFFFF;}

/* tinyRedLink used in the shopping basket */
.tinyRedLink {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #E10CC4; font-weight: normal; line-height: 14px; text-indent: 0pt; scrollbar-base-color:#EED9E7;	scrollbar-arrow-color:#333333; scrollbar-track-color:#E8E8E8; scrollbar-3dlight-color:#B7B7B7; scrollbar-highlight-color:#FFFFFF; scrollbar-darkshadow-color:#B7B7B7; scrollbar-shadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF;}
.tinyRedLink:link    {color: #CC0099; font-weight: normal; text-decoration: underline;}
.tinyRedLink:visited {color: #CC0099; font-weight: normal; text-decoration: underline;}
.tinyRedLink:active  {color: #CC0099; font-weight: normal; text-decoration: underline;}
.tinyRedLink:hover   {color: #CC0099; font-weight: normal; text-decoration: underline;}

/* white used in the main Apollo footer only - not part of the skin CSS */
.white {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #ffffff; text-decoration: none; line-height: normal}
.white:link    {color: #ffffff}
.white:visited {color: #ffffff}
.white:active  {color: #ffffff}
.white:hover   {color: #ffffff}