/*----------------------------------------------------------------------------*/
/*                                                                            */
/* Copyright (c) 2001 by Computors Limited. All Rights Reserved.              */
/*                                                                            */
/* No part of this publication or software may be reproduced, transmitted,    */
/* transcribed, stored in a retrieval system, or translated into any          */
/* language without the prior written authorization of Computors Limited.     */
/*                                                                            */
/* This is a licensed product of Computors Limitied.                          */
/*                                                                            */
/* CSS        : site.css                                                      */
/*                                                                            */
/* Description: Main Cascading Style Sheet for site                           */
/*                                                                            */
/*----------------------------------------------------------------------------*/
/* History                                                                    */
/* Version   Date     Author      Comments                                    */
/* --------  -------  ----------  ------------------------------------------- */
/* 01.00.00  03Jun05  A.D.Smith   Initial Version.                            */
/* 02.14.00  17Oct05  A.D.Smith   Production Version.                         */
/* 02.14.00  17Oct05  A.D.Smith   Production Version.                         */
/* 02.15.00  26Jan06  A.D.Smith   Revisted Class's and Browser compatability  */
/*                                                                            */
/*----------------------------------------------------------------------------*/
/* NOTES                                                                      */
/*                                                                            */
/*                                                                            */
/*----------------------------------------------------------------------------*/

/*============================================================================*/
/* Debug                                                                      */
/*============================================================================*/
/* DIV {
	border: 1px;
	border-style: dashed;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
} */

/*============================================================================*/
/* Site Specific                                                              */
/*============================================================================*/
/* - CSS specific to the site that cannot be standardised.                    */
/* - Prefix any names with a site specific lable.                             */
/* Prefix any names with a site specific lable.                               */
/*                                                                            */
/*============================================================================*/

DIV#BASE_Container {
	width: 760px;
	padding: 10px;
	background-color: #FFFFFF;
	background-image: url(../images/container-top.gif);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

DIV#BASE_Header {
	clear: both;
	width: 740px;
	height: 53px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
DIV#BASE_Menu {
    float: left;
	text-align: center;
	clear: none;
	width: 740px;
	margin-top: 5px;

}

DIV#BASE_Content {
	width: 740px;
  text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

DIV#BASE_Content_Map {
	width: 740px;
  text-align: left;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

DIV#Constituency-Dropdown {
    text-align: center;
}

DIV#BASE_Footer {
    clear: both;
    padding: 5px;
    text-align: center;
    width: 740px;
}


#TOPNAV_Menu_Area_Id {
    text-align: center;
    width: 740px;
    margin: 0px;
    padding: 0px;
}

#TopNav_Section_0 {
    margin-left: 61px;
    margin-right: 61px;
    
}


DIV.TOPNAV_Item_Level_1 {
  float: left;
	clear: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}

#TOPNAV_CMC_HOME {
  width: 62px;
}

#TOPNAV_CMC_NEWSROOM {
  width: 89px;
}

#TOPNAV_CMC_LABOURTEAM {
  width: 147px;
}

#TOPNAV_CMC_LOCALISSUES {
  width: 95px;
}

#TOPNAV_CMC_ABOUTUS {
  width: 82px;
}

#TOPNAV_CMC_CONTACT {
  width: 73px;
}

#TOPNAV_CMC_LINKS {
  width: 58px;
}

.TOPNAV_Item_Level_2 {
/*    top: -8px;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;*/
}

#Tag {
    height: 34px;
    margin: 0px;
    padding: 5px;
    font-size: 0.8em;
    color: #B70000;
    text-align: left;
    float: left;
}

#flashpoint {
  float: right;
  width: 60%;
  clear: none;
}

#spotlight {
    float: left;
    width: 40%;
    clear: none;
}

IMG.logo {
    margin-left: 12px;
    margin-top: 5px;
    margin-bottom: 0px;
    float: left;
}

.CMC_List_Image {
    float: right;
}

IMG.tagline {
    margin-top: 26px;
    float: right;
    margin-right: 25px;
    margin-bottom: 0px;
}

ul#TOPNAV_Dropdown {
    list-style-type: none;
    margin: 0px;
    font-size: 8pt;
}

.TOPNAV_Dropdown_Level_1 a:link, .TOPNAV_Dropdown_Level_1 a:visited {
    display: block;
    width: 120px;
    height: 18px;
    background: url(../images/topnav_dropdown_bg.gif);
    font-size: 1.0em;
	font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    margin: 0px;
    padding: 2px 8px 2px 12px;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
    box-sizing: border-box;
	-moz-box-sizing: border-box;

}
.TOPNAV_Dropdown_Level_1 a:hover, .TOPNAV_Dropdown_Level_1 a:active {
    display: block;
    width: 120px;
    height: 18px;
    background: url(../images/topnav_dropdown_bg_mo.gif);
    font-size: 1.0em;
	font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    margin: 0px;
    padding: 2px 8px 2px 12px;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/*============================================================================*/
/* Default                                                                    */
/*============================================================================*/
A,TD,TR,BR,LI,OL,SUP,DD,DT,SPAN,DL {
}
	/* Use "text-align: center;" to center the page contents. This is reset to left in the containing div */
BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	height: 100%;
	padding: 0px;
	margin: 25px 0px 0px 0px;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;
}

H1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
H2 {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
	color: #B91ECF;
	margin: 0px;
	padding: 0px;
}
H3 {
	font-size: 1.0em;
	color: #B91ECF;
	margin: 0px;
	padding: 0px;
}

H3.CM_Homepage_Entry {
  color: #6D009A;
  font-size: 1.7em;
  font-family: Arial, sans-serif;
  letter-spacing: -1.5px;
  clear: none;

}

p.disclaimer {
  font-size: 0.8em;
  color: #676767;
}

IMG {
	behavior: url(../js/pngbehavior.htc);
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}

.star {
  color: #F45966;
  font-size: 1.6em;
}

hr.purple {
  width: 230px;
  color: #9C00DD;
  padding: 0px;
  margin-left: 5px;
  margin-right: 5px;
}

hr.purple-top {
  color: #9C00DD;
  padding: 0px;
  margin: 0px;
}

hr.purple-long {
  width: 360px;
  color: #9C00DD;
  padding: 0px;
  margin: 0px;  
}

.CM_Welcome_Text, .CM_Spotlight_Text, .CM_Flashpoint_Text {
  color: #616161;
  font-family: Arial;
  font-size: 0.9em;
  clear: none;
  margin: 0px;
  padding: 0px;
}


p.CM_Homepage_Text {
	color: #ffffff;
	font-size: 0.7em;
	padding: 0px 8px 8px 8px;
}

.PageSelect {
  float: right;
  clear: none;
  padding: 2px;
  margin: 4px;
  border: 1px #CCCCCC solid;
  text-align: center;
}

.ArticleFooter {
    padding: 5px 5px 5px 11px;
    font-size: 0.85em;
}

.ArticleFooter2 {
    padding: 3px 1px 2px 44px;
    color: #626262;
}

p.CM_Contact_Text {
	color: #ffffff;
	font-size: 0.8em;
	padding: 10px 0px 10px 6px;
}

a.XPageNav:link, a.XPageNav:visited, a.XPageNav:active {
    color: #BA0000;
    text-decoration: none;
}

a.XPageNav:hover {
    color: #FF7F7F;
}




FORM  {padding: 0px; margin: 0px;}
TABLE {border-collapse: collapse; padding: 0px; margin: 0px;}
TR    {padding: 0px; margin: 0px;}
TH    {padding: 0px; margin: 0px;}
TD    {padding: 0px; margin: 0px;}
SELECT, INPUT, TEXTAREA {
	font-family: Arial, Helevetica, sans-serif;
	font-size: 8pt;
}
DIV.FloatLeft {
	float: left;
	clear: both;
}

TABLE.header {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
TABLE.footer {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
A:link, A:visited, A:active {
	color: #000000;
	text-decoration: underline;
}
A:hover {
	color: #9700C3;
	text-decoration: none;
}
A.Login:link, A.Login:visited, A.Login:active {
	color: #333333;
	text-decoration: none;
}
A.Login:hover {
	color: #31803a;
	text-decoration: underline;
}
A.CartLink:link, A.CartLink:visited, A.CartLink:active {
	color: #333333;
	text-decoration: none;
}
A.CartLink:hover {
	color: #31803a;
	text-decoration: underline;
}
A.Computors_Link:link, A.Computors_Link:visited, A.Computors_Link:active {
	float: right;
	clear: both;
	font-size: 0.6em;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFD4D7;
	padding: 0px 2px 0px 0px;
	text-decoration: none;
}
A.Computors_Link:hover {
	float: right;
	clear: both;
	font-size: 0.6em;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0px 2px 0px 0px;
	text-decoration: underline;
}

A.Marquee:link, A.Marquee:visited, A.Marquee:active, {
    color: #FFCDCD;
    margin-top: 4px;
    line-height: 30px;
}

A.Marquee:hover {
    color: #ffffff;
    margin-top: 4px;
    line-height: 30px;
}


/* Look at using multiple classes to make this a little simpler */


DIV.MsgArea_Error {
	width: 450px;
	background-color: #FFDDDD;
	padding: 2px;
	margin: 2px;
	border: 1px solid #FF0000;
}
DIV.MsgArea_Warning {
	width: 450px;
	background-color: #FFDDDD;
	padding: 2px;
	margin: 2px;
	border: 1px solid #FF0000;
}
DIV.MsgArea_Success {
	width: 450px;
	background-color: #FFDDDD;
	padding: 2px;
	margin: 2px;
	border: 1px solid #FF0000;
}





/* Tidy Up CSS below - but the above ones are important */

#Newsbar {
    clear: both;
	overflow: hidden;
}

.NewsItem {
    width: 49%;
    clear: none;
    float: left;
    padding: 5px;
    margin-top: 5px;
}

.News_Title {
    font-weight: bold;
    color: #B710BD;
    font-size: 1.2em;
    clear: none;
}

.News_Entry {
    font-weight: bold;
}

.News_Text {

}

.AuthorFields {
}

DIV.ReleaseDate {
    float: none;
    width: 145px;
    clear: none;
    font-weight: bold;
    margin-bottom: 12px;
    margin-left: 0px;
    text-decoration: underline;
    padding: 5px 5px 5px 0px;
}

DIV.CMC_List_PageNav {
    text-align: right;
}

DIV.Cat_ReleaseDate {
    float: right;
    clear: none;
    font-weight: bold;
    margin: 5px 5px 10px 10px;
    color: #2F8F00;
    font-size: 0.8em;
}

DIV.CM_Item_Info_Area {
	float:right;
	clear: both;
	margin: 0px;
	padding: 0px;
}
DIV.CM_Item_Info_Title {
	margin: 0px;
	padding: 0px;
}
DIV.CM_Item_Info_Data {
	margin: 0px;
	padding: 0px;
}
DIV.CM_Item_Info_Comments {
	color: #333333;
	margin: 0px;
	padding: 0px;
}
DIV.CM_Item_Info_Source {
	color: #333333;
	margin: 0px;
	padding: 0px;
}
A.CM_Item_Info_Source:link, A.CM_Item_Info_Source:visited, A.CM_Item_Info_Source:active {
	text-decoration:underline;
}
A.CM_Item_Info_Source:hover {
	text-decoration:underline;
}


FORM  {margin: 0; padding: 0;}
TABLE {border-collapse: collapse}
TABLE.header {margin: 0; padding: 0; background-color: #3D3D3D;}
TABLE.footer {margin: 0; padding: 0; background-color: #3D3D3D;}

A.offers:link    {color: #000000; text-decoration:underline;}
A.offers:visited {color: #000000; text-decoration:underline;}
A.offers:active  {color: #000000; text-decoration:underline;}
A.offers:hover   {color: #00A8FF; text-decoration:none;}

A.Login:link    {color: #333333; text-decoration:none;}
A.Login:visited {color: #333333; text-decoration:none;}
A.Login:active  {color: #333333; text-decoration:none;}
A.Login:hover   {color: #31803a; text-decoration:underline;}
A.CartLink:link    {color: #333333; text-decoration:none;}
A.CartLink:visited {color: #333333; text-decoration:none;}
A.CartLink:active  {color: #333333; text-decoration:none;}
A.CartLink:hover   {color: #31803a; text-decoration:underline;}

A.WebCompleteClientLink:link     {color: #DA5700; text-decoration:none;}
A.WebCompleteClientLink:visited  {color: #DA5700; text-decoration:none;}
A.WebCompleteClientLink:active   {color: #DA5700; text-decoration:none;}
A.WebCompleteClientLink:hover    {color: #FFFAF6; text-decoration:none; background-color: #FF6600;}

.required {font-size: 8pt; border: 0px solid #6699CC; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; background-color: #FFF9D4;}
.optional {font-size: 8pt; border: 0px solid #6699CC; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; background-color: #FFFFFF;}
.error    {font-size: 8pt; border: 1px solid #FF0000; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; background-color: #FFDDDD;}

.TitleLabel   {font-size: 12pt; font-weight: bold; color: #000000;}
.TitleDesc    {font-size: 10pt; font-weight: normal; color: #000000;}
.SectionLabel {font-size: 10pt; font-weight: bold; color: #000080;}
.SectionDesc  {font-size: 10pt; font-weight: normal; color: #333333;}



.site_contact_name    {font-size: 12pt; font-weight: bold;   color: #000000; margin-left: 0px; margin-right: 0px; margin-top: 0px;}
.site_contact_address {font-size: 10pt; font-weight: normal; color: #000000; margin-left: 0px; margin-right: 0px; margin-top: 0px;}
.site_contact_phone   {font-size: 10pt; font-weight: bold;   color: #000000; margin-left: 0px; margin-right: 0px; margin-top: 0px;}
.site_contact_fax     {font-size: 10pt; font-weight: bold;   color: #000000; margin-left: 0px; margin-right: 0px; margin-top: 0px;}
.site_contact_email   {font-size: 10pt; font-weight: bold;   color: #000000; margin-left: 0px; margin-right: 0px; margin-top: 0px;}

/*
** FORUMS
*/
.FORUM_Content_Area  {width: 100%; margin-left: 8px; margin-right: 8px; margin-top: 8px; margin-bottom: 8px;}


/******************************************************************************/
/*                                                                            */
/* Catalogue System                                                           */
/*                                                                            */
/******************************************************************************/
/*============================================================================*/
/* Catalogue                                                                  */
/*============================================================================*/
DIV.CATALOGUE_Content_Area {
	padding: 10px 10px 10px 10px;
}

A.CATALOGUE_CatLink:link, A.CATALOGUE_CatLink:visited, A.CATALOGUE_CatLink:active {
	font-weight: normal;
	color: #000080;
	text-decoration:underline;
}
A.CATALOGUE_CatLink:hover {
	font-weight: normal;
	color: #F47836;
	text-decoration:underline;
}

/* Category List Heading */
TABLE.CATALOGUE_List_Header {
	width: 540px;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000000;
}
DIV.CATALOGUE_ParentNav {
	font-size: 0.6em;
	padding: 0px 0px 0px 0px;
}
A.CATALOGUE_ParentNav:link, A.CATALOGUE_ParentNav:visited, A.CATALOGUE_ParentNav:active {
	color: #333333;
	text-decoration: underline;
	padding: 0px 2px 0px 2px;
}
A.CATALOGUE_ParentNav:hover {
	color: #732323;
	text-decoration: underline;
	padding: 0px 2px 0px 2px;
}
DIV.CATALOGUE_CatImage1 {
	float: right;
	clear: none;
	padding: 4px; margin: 0px;
}
H1.CATALOGUE_List_CatTitle {}
P.CATALOGUE_List_CatShortDesc {
	font-size: 0.8em;
	font-weight: bold;
	color: #333333;
	padding: 8px 0px 0px 0px;
}
P.CATALOGUE_List_CatLongDesc {
	font-size: 0.7em;
	font-weight: bold;
	color: #333333;
	padding: 4px 0px 8px 0px;
}
DIV.CATALOGUE_List_CatEdit {
	padding: 0px; margin: 0px;
}
DIV.CATALOGUE_List_PageNav {
	width: 540px;
	text-align: right;
	font-size: 0.8em;
	padding: 0px 0px 0px 0px;
}

/* Catalogue List Table */
TABLE.CATALOGUE_List {
	width: 540px;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000000;
}
/* Table Headings */
TH.CATALOGUE_List {
	color: #FFFFFF;
	background-color: #585800;
	border: 1px solid #666666;
}

/* Catalogue List Item */
DIV.CATALOGUE_Separator {
	width: 540px;
	height: 4px;
	background: url(../images/catalogue_divider.gif);
	background-repeat: repeat-x;
	margin-top: 2px;
	padding: 0px;
	clear: both;
}
DIV.CATALOGUE_List_Image {
	float: left;
	clear: none;
	padding: 4px 0px 0px 4px;
}
DIV.CATALOGUE_Supplier {
}
H2.CATALOGUE_Title {
	padding: 4px 0px 0px 0px;
}
H2.CATALOGUE_Title_Simple {
	font-size: 0.9em;
	padding: 4px 0px 0px 0px;
}
P.CATALOGUE_ShortDesc {
	float: left;
	clear: right;
	font-size: 0.8em;
	padding: 4px 0px 0px 0px;
}
DIV.CATALOGUE_Edit {
	padding: 0px; margin: 0px;
}


DIV.CATALOGUE_Pricing {
	float: right;
	clear: none;
	padding: 8px 0px 0px 0px;
}
TABLE.CATALOGUE_Pricing {
	border: 0px solid #000000;
}
TH.CATALOGUE_Variant_Title {
	background-color: #E6D5AF;
	border-width: 0px 2px 2px 0px;
	border-style: solid;
	border-color: #D3C096;
	padding: 0px 4px 0px 4px;
}
TH.CATALOGUE_Price_Title {
	font-size: 0.6em;
	color: #666666;
	background-color: #E6D5AF;
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	border-color: #D3C096;
	padding: 0px 0px 0px 4px;
}
DIV.CATALOGUE_Variant_Title {
	font-size: 0.6em;
	color: #666666;
	padding: 0px 0px 0px 0px;
}

TD.CATALOGUE_Variant {
	background-color: #E6D5AF;
	border-width: 0px 2px 1px 0px;
	border-style: solid;
	border-color: #D3C096;
	padding: 0px 4px 0px 4px;
}
TD.CATALOGUE_Price_1 {
	text-align: right;
	background-color: #E6D5AF;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #D3C096;
	padding: 0px 0px 0px 4px;
}
TD.CATALOGUE_Price_2 {
	background-color: #E6D5AF;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #D3C096;
	padding: 0px 0px 0px 4px;
}
DIV.CATALOGUE_Variant {
	font-size: 0.8em;
	font-weight: bold;
	color: #732323;
	padding: 0px 0px 0px 0px;
	background-color: #E6D5AF;
}
DIV.CATALOGUE_Variant_Units {
	font-size: 0.6em;
	color: #666666;
	vertical-align: bottom;
	padding: 0px 0px 0px 0px;
}


P.CATALOGUE_Price {
	font-size: 1.4em;
	font-weight: bold;
	color: #732323;
	padding: 0px 0px 0px 4px;
	white-space: nowrap;
}
P.CATALOGUE_Qty_Units {
	font-size: 0.8em;
	color: #666666;
	padding: 2px 2px 2px 2px;
}
DIV.CATALOGUE_BuyButton {
	padding: 2px 2px 2px 2px;
}
DIV.CATALOGUE_InfoButton {
	float: right;
	clear: both;
}

TABLE.CATALOGUE_ColumnList {
	border: 0px solid #000000;
}
DIV.CATALOGUE_ColumnList {
	float: left;
	clear: none;
	height: 180px
}
TD.CATALOGUE_List_Image {
	text-align: center;
	padding: 4px 0px 0px 4px;
}


DIV.Product_List_CatShortDesc   {clear: left; line-height: 10pt; margin-left: 10px; margin-right: 8px; margin-top: 4px; margin-bottom: 0px;}
DIV.Product_list_CatEdit        {margin-left: 10px; margin-right: 4px; margin-top: 0px; margin-bottom: 0px;}
DIV.Product_List_Title          {clear: none; font-size: 12pt; font-weight: bold; color: #333333; margin-left: 10px; margin-right: 4px; margin-top: 8px; margin-bottom: 0px;}
DIV.Product_List_Image1 {
	float: right;
	clear: none;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}
DIV.Product_List_ShortDesc      {clear: left; line-height: 10pt; margin-left: 10px; margin-right: 8px; margin-top: 4px; margin-bottom: 0px;}
DIV.Product_List_PageNav        {float:right; clear: none; margin-left: 4px; margin-right: 4px; margin-top: 4px; margin-bottom: 0px;}
DIV.Product_List_Divider        {clear: both; margin-left: 10px; margin-right: 10px; margin-top: 4px; margin-bottom: 0px;}
DIV.Product_list_Edit           {margin-left: 10px; margin-right: 4px; margin-top: 0px; margin-bottom: 0px;}

DIV.catalogue_menu_area   {margin-left: 0px; margin-right: 0px; margin-top: 4px; margin-bottom: 0px;}

DIV.catalogue_menu_row_1  {height: 32px; margin-left: 8px; margin-right: 0px; margin-top: 6px; margin-bottom: 0px;}
DIV.catalogue_menu_img_1  {float: left; clear: both; margin-left: 0px; margin-right: 4px; margin-top: 0px; margin-bottom: 0px;}
DIV.catalogue_menu_cell_1 {height: 32px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;}
A.catalogue_menu_link_1:link, A.catalogue_menu_link_1:visited, A.catalogue_menu_link_1:active {font-size: 9pt; font-weight: bold; line-height: 10pt; color: #FFFFFF; text-decoration: none;}
A.catalogue_menu_link_1:hover {font-size: 9pt; font-weight: bold; line-height: 10pt; color: #FFFFFF; text-decoration: underline;}

DIV.catalogue_menu_row_2  {margin-left: 14px;}
DIV.catalogue_menu_img_2  {float: left; clear: right; margin-right: 2px; margin-top: 2px;}
DIV.catalogue_menu_cell_2 {}
A.catalogue_menu_link_2:link, A.catalogue_menu_link_2:visited, A.catalogue_menu_link_2:active {font-size: 8pt; color: #FFFFFF; text-decoration: none;}
A.catalogue_menu_link_2:hover {font-size: 8pt; color: #FFFFFF; text-decoration: underline;}

DIV.catalogue_menu_row_3  {margin-left: 20px;}
DIV.catalogue_menu_img_3  {float: left; clear: right; margin-right: 2px; margin-top: 2px;}
DIV.catalogue_menu_cell_3 {}
A.catalogue_menu_link_3:link, A.catalogue_menu_link_3:visited, A.catalogue_menu_link_3:active {vertical-align: middle; font-size: 8pt; color: #FFFFFF; text-decoration: none;}
A.catalogue_menu_link_3:hover {vertical-align: middle; font-size: 8pt; color: #FFFFFF; text-decoration: underline;}

DIV.catalogue_menu_row_4  {margin-left: 30px;}
DIV.catalogue_menu_img_4  {float: left; clear: right; margin-right: 2px; margin-top: 2px;}
DIV.catalogue_menu_cell_4 {}
A.catalogue_menu_link_4:link, A.catalogue_menu_link_4:visited, A.catalogue_menu_link_4:active {vertical-align: middle; font-size: 8pt; color: #FFFFFF; text-decoration: none;}
A.catalogue_menu_link_4:hover {vertical-align: middle; font-size: 8pt; color: #FFFFFF; text-decoration: underline;}


/*============================================================================*/
/* Products                                                                   */
/*============================================================================*/
DIV.Product_List_CatTitle       {clear: none; font-size: 16pt; color: #000000; margin-left: 10px; margin-right: 4px; margin-top: 4px; margin-bottom: 0px;}
DIV.Product_List_CatShortDesc   {clear: left; line-height: 10pt; margin-left: 10px; margin-right: 8px; margin-top: 4px; margin-bottom: 0px;}
DIV.Product_list_CatEdit        {margin-left: 10px; margin-right: 4px; margin-top: 0px; margin-bottom: 0px;}
DIV.Product_List_Title          {clear: none; font-size: 12pt; font-weight: bold; color: #333333; margin-left: 10px; margin-right: 4px; margin-top: 8px; margin-bottom: 0px;}
DIV.Product_List_Image1         {float:right; clear: none; margin-left: 4px; margin-right: 4px; margin-top: 4px; margin-bottom: 4px;}
DIV.Product_List_ShortDesc      {clear: left; line-height: 10pt; margin-left: 10px; margin-right: 8px; margin-top: 4px; margin-bottom: 0px;}
DIV.Product_List_PageNav        {float:right; clear: none; margin-left: 4px; margin-right: 4px; margin-top: 4px; margin-bottom: 0px;}
DIV.Product_List_Divider        {clear: both; margin-left: 10px; margin-right: 10px; margin-top: 4px; margin-bottom: 0px;}
DIV.Product_list_Edit           {margin-left: 10px; margin-right: 4px; margin-top: 0px; margin-bottom: 0px;}

DIV.Product_Detail_Area         {margin-left: 0px;}
DIV.Product_Detail_Image_Area   {float:right; clear: none; margin-left: 4px; margin-right: 4px; margin-top: 4px; margin-bottom: 4px;}
DIV.Product_Detail_Image2       {margin-left: 4px; margin-right: 4px; margin-top: 4px; margin-bottom: 4px;}
DIV.Product_Detail_Edit         {margin-left: 4px; margin-right: 4px; margin-top: 4px; margin-bottom: 4px;}

DIV.Product_Detail_Title_Area   {float:left; clear: none; margin-left: 0px;}
DIV.Product_Detail_CatTitle     {clear: left; font-size: 18pt; color: #000000; margin-left: 19px; margin-right: 4px; margin-top: 4px; margin-bottom: 0px;}
DIV.Product_Detail_Title        {clear: left; font-size: 12pt; color: #000000; margin-left: 19px; margin-right: 4px; margin-top: 4px; margin-bottom: 0px;}

DIV.Product_Detail_Text_Area    {float:left; clear: none; margin-left: 0px;}
DIV.Product_Detail_ShortDesc    {clear: left; line-height: 10pt; margin-left: 19px; margin-right: 8px; margin-top: 8px; margin-bottom: 0px;}
DIV.Product_Detail_LongDesc     {clear: left; line-height: 10pt; margin-left: 19px; margin-right: 8px; margin-top: 8px; margin-bottom: 0px;}

DIV.Product_Detail_BackButton   {float:left; clear: both; margin-left: 19px; margin-right: 4px; margin-top: 10px; margin-bottom: 0px;}
IMG.Product_Image1 {
	border: 0px;
}
IMG.Product_Image2 {
	border: 0px;
}


/*============================================================================*/
/* Supplier Details                                                           */
/*============================================================================*/
DIV.Product_List_SupplierName      {clear: left; font-size: 14pt; color: #F47836; margin-left: 10px; margin-right: 4px; margin-top: 4px; margin-bottom: 0px;}
DIV.Product_List_SupplierAddress   {clear: left; line-height: 10pt; margin-left: 10px; margin-right: 4px; margin-top: 4px; margin-bottom: 0px;}
DIV.Product_List_SupplierTelephone {clear: left; line-height: 10pt; margin-left: 10px; margin-right: 4px; margin-top: 0px; margin-bottom: 0px;}
DIV.Product_List_SupplierWebLink   {clear: none; font-size: 10pt; color: #333333; line-height: 10pt; margin-left: 10px; margin-right: 4px; margin-top: 0px; margin-bottom: 0px;}

A.Product_List_SupplierWebLink:link    {font-size: 8pt; color: #000080; text-decoration: underline;}
A.Product_List_SupplierWebLink:visited {font-size: 8pt; color: #000080; text-decoration: underline;}
A.Product_List_SupplierWebLink:active  {font-size: 8pt; color: #000080; text-decoration: underline;}
A.Product_List_SupplierWebLink:hover   {font-size: 8pt; color: #F47836; text-decoration: underline;}

A.Product_List_SupplierNameWebLink:link    {font-size: 14pt; color: #F47836; text-decoration: none;}
A.Product_List_SupplierNameWebLink:visited {font-size: 14pt; color: #F47836; text-decoration: none;}
A.Product_List_SupplierNameWebLink:active  {font-size: 14pt; color: #F47836; text-decoration: none;}
A.Product_List_SupplierNameWebLink:hover   {font-size: 14pt; color: #F47836; text-decoration: underline;}

DIV.Product_Detail_SupplierName      {clear: left; font-size: 14pt; color: #F47836; margin-left: 19px; margin-right: 4px; margin-top: 4px; margin-bottom: 0px;}
DIV.Product_Detail_SupplierAddress   {clear: left; line-height: 10pt; margin-left: 19px; margin-right: 8px; margin-top: 4px; margin-bottom: 0px;}
DIV.Product_Detail_SupplierTelephone {clear: left; line-height: 10pt; margin-left: 19px; margin-right: 8px; margin-top: 4px; margin-bottom: 0px;}


/*============================================================================*/
/* Specifications                                                             */
/*============================================================================*/
DIV.Spec_Group_Area      {float:left; clear: both;}
DIV.Spec_Group_Title     {float:left; clear: right; font-size: 10pt; color: #666666; margin-right: 4px; margin-top: 4px; margin-bottom: 0px;}
DIV.Spec_Group_Data_Area {float:left; clear: right;}
DIV.Spec_Group_Data      {float:left; clear: right; line-height: 10pt; margin-right: 4px; margin-top: 8px; margin-bottom: 0px;}

DIV.Spec_Group_Values_Area  {float:right; clear: both; padding-right: 4px;}
DIV.Spec_Group_Values_Title {font-size: 10pt; font-weight: bold; color: #666666; padding-left: 4px;}
DIV.Spec_Group_Values_Data  {line-height: 10pt; color: #F47836; padding-left: 4px;}


/*============================================================================*/
/* Search                                                                     */
/*============================================================================*/
DIV.Search_Criteria_Title {clear: none; line-height: 10pt; font-size: 11pt; font-weight: bold; color: #333333; margin-left: 0px; margin-right: 4px; margin-top: 16px; margin-bottom: 0px;}
DIV.Search_Criteria_Label {font-weight: bold;   color: #000000;}
DIV.Search_Criteria_Field {visibility: visible; margin-left: 4px; margin-right: 4px; margin-top: 0px; margin-bottom: 0px;}
INPUT.Search_String {width: 200px;}

SELECT.CATALOGUE_CatList {width: 200px;}


/******************************************************************************/
/*                                                                            */
/* Content Management                                                         */
/*                                                                            */
/******************************************************************************/
/*============================================================================*/
/* Content Management - Categories                                            */
/*============================================================================*/
#CMC_Members_Menu {
  float: left;
  width: 200px;
}

.CMC_Content_Area_Members {
  width: 420px;
	clear: none;
	padding: 5px 5px 5px 5px;
  text-align: left;

}

.SIDENAV_Section_Level_1 {
  list-style-type: none;
}

.SIDENAV_Item_Level_1 {
  text-align: left;
}

a.SIDENAV_Link_1:link, a.SIDENAV_Link_1:hover, a.SIDENAV_Link_1:visited, a.SIDENAV_Link_1:active {
  width: 160px;
  height: 30px;
  text-decoration: none;
  color: #3d3d3d;
  padding: 6px 0px 3px 3px;
  border-bottom: 1px #cccccc solid;
  border-right: 1px #cccccc solid;
}

a.SIDENAV_Link_1:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #cf0000; 
  padding: 6px 0px 3px 4px;
}



.CMC_Content_Area {
  width: 620px;
	clear: none;
	padding: 5px 5px 5px 5px;
  text-align: left;
  margin-left: 56px;
  margin-right: 56px;
}
.CMC_Header_Area {
	width: 500px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	float: left;
	margin: 0px;
	clear: left;
}
.CMC_Header_Title {
	padding: 5px 0px 12px 0px;
	color: #DB4044;
	float: left;
	clear: left;
}
.CMC_Header_Description {
  clear: left;
}
.CMC_Header_Image {
	float: right;
	clear: none;
}
.CMC_List_Area {
  width: 617px;
  background-image: url(../images/title_background.gif);
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  clear: left;
  height: 32px;
}

.CMC_Title {
    color: #DB4044;
}
.CMC_List_Title {
    color: #FFB200;
}

.CMC_List_Text_Area {
    width: 617px;
    border-left: 2px #90DBA3 solid;
    border-right: 2px #90DBA3 solid;
    padding: 8px;
    margin: 0px;
    clear: left;
    overflow: hidden;
}
.CMC_List_Text {
	  clear: none;
    color: #1A1A1A;
}

.CMC_List_Area_Members {
    width: 462px;
    border-top: 1px #cccccc solid;
    padding: 20px 0px 0px 0px;
    margin: 20px 0px 0px 0px;
}

.CMC_List_Text_Members {
	  clear: none;
    color: #1A1A1A;
    height: 33px;
    overflow: hidden;
}

.CMC_Footer {
    background-image: url(../images/footer_background.gif);
    background-repeat: no-repeat;
    width: 617px;
    height: 32px;
    margin-bottom: 16px;
    clear: both;
    float: left;
}

.CMC_IMAGE_NEWS {
	  float: right;
	  clear: none;
	  width: 100px;
}

IMG.CMC_Image {
}

.CMC_List_More {
    width: 500px;
    margin-top: 15px;
    clear: left;
}


/* Category Item List */
DIV.CMC_Item_Area {
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 2px;
}
DIV.CMC_Item_Image_Area {
}
DIV.CMC_Item_Separator{
}
HR.CMC_Item_Separator{
	height: 1px;
}

A.BackLink:link, A.BackLink:visited, A.BackLink:active {
    padding-left: 10px;
    color: #8B0000;
    text-decoration: underline;   
}

A.BackLink:hover {
    padding-left: 10px;
    color: #E20000;
    text-decoration: underline;
}

A.CMTitle:link, A.CMTitle:visited, A.CMTitle:active {
	color: #008A23;
	text-decoration: none;
	padding: 3px;
}

A.CMTitle:hover {
	color: #008A23;
	padding: 3px;
	text-decoration: none;
}

A.CMText:link, A.CMText:visited, A.CMText:active, A.CMText:hover {
	color: #333333;
	text-decoration: none;
}

A.CMMore:link, A.CMMore:visited, A.CMMore:active {
	color: #2F8F76;
	text-decoration: none;
	padding: 8px;
}
A.CMMore:hover {
	color: #016600;
	text-decoration: none;
	padding: 8px;
}


DIV.RIGHTNAV_Menu_Area {
	padding: 0px 0px 0px 0px;
}

/*== MENU LEVEL 1 ==*/
DIV.RIGHTNAV_Menu_Item_Level_1  {
    clear: both;
	padding: 0px 0px 0px 0px;
}
DIV.RIGHTNAV_Menu_Img_1  {
	float: left;
	clear: none;
	padding: 2px 4px 0px 0px;
}
DIV.RIGHTNAV_Menu_Cell_1 {
    float: left;
    clear: none;
    text-align: left;
/*	min-height: 16px;*/
}
a.RIGHTNAV_Menu_Link_1:link, a.RIGHTNAV_Menu_Link_1:visited, a.RIGHTNAV_Menu_Link_1:active {
    width: 150px;
    color: #FFFFFF;
    text-decoration: none; 
    font-weight: bold;
}
a.RIGHTNAV_Menu_Link_1:hover {
    width: 150px;
    color: #FFFFFF;
    background-color: #F7B926;
    font-weight: bold;
}

/*== MENU LEVEL 2 ==*/
DIV.RIGHTNAV_Menu_Item_Level_2  {
    clear: both;
	padding: 0px 0px 0px 8px;
}
DIV.RIGHTNAV_Menu_Img_2  {
	float: left;
	clear: none;
	padding: 2px 4px 0px 0px;
}
DIV.RIGHTNAV_Menu_Cell_2 {
    float: left;
    clear: none;
    text-align: left;
}
a.RIGHTNAV_Menu_Link_2:link, a.RIGHTNAV_Menu_Link_2:visited, a.RIGHTNAV_Menu_Link_2:active {
    width: 142px;
    color: #FFFFFF;
    text-decoration: none; 
}
a.RIGHTNAV_Menu_Link_2:hover {
    width: 142px;
    color: #FFFFFF;
    background-color: #F7B926;
}

/*== MENU LEVEL 3 ==*/
DIV.RIGHTNAV_Menu_Item_Level_3  {
    clear: both;
	padding: 0px 0px 0px 16px;
}
DIV.RIGHTNAV_Menu_Img_3  {
	float: left;
	clear: none;
	padding: 2px 4px 0px 0px;
}
DIV.RIGHTNAV_Menu_Cell_3 {
    float: left;
    clear: none;
    text-align: left;
}
a.RIGHTNAV_Menu_Link_3:link, a.RIGHTNAV_Menu_Link_3:visited, a.RIGHTNAV_Menu_Link_3:active {
    width: 134px;
    color: #FFFFFF;
    text-decoration: none; 
}
a.RIGHTNAV_Menu_Link_3:hover {
    width: 134px;
    color: #FFFFFF;
    background-color: #F7B926;
}


/*============================================================================*/
/* Content Management - Content Item                                          */
/*============================================================================*/
A.CM_Form_Link:link, A.CM_Form_Link:visited, A.CM_Form_Link:active {
	float: right;
	clear: both;
	font-size: 0.6em;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #F3F3F3;
	padding: 0px 2px 0px 0px;
	text-decoration: none;
}

A.CM_Form_Link:hover {
	font-size: 8pt;
	font-weight: normal;
	color: #F47836;
	text-decoration:underline;
}

.CM_Text_Bullet {
	font-size: 1em;
	padding: 2px 10px 0px 0px;
}


.CM_Content_Area {
	clear: none;
  width: 617px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
/*	height: auto; */
	padding: 10px 10px 10px 10px;
/*	overflow: hidden;  */
}
.CM_Header_Area {
	padding: 0px 0px 0px 0px;
/*	overflow: hidden; */
}
.CM_Cat_Title {
	padding: 12px 0px 0px 0px;
}
.CM_Title {
	margin: 12px 0px 12px 0px;
	color: #DB4044;
	width: 450px;
}

.CM_News_Title {
	color: #9D0000;
	padding: 3px;
}


DIV.CM_Item_File_Area {
	float: none;
	padding: 10px 10px 10px 10px;
	height: 40px;
}
DIV.CM_Item_File_Icon {
	float: left;
	clear: none;
	padding: 0px 4px 0px 4px;
}
DIV.CM_Item_File_Description {
	float: left;
	clear: none;
	padding: 0px 4px 0px 4px;
}

.CM_Link_Area {
    width: 600px;
    padding: 5px;
    margin: 5px;
    overflow: hidden;
}

.CM_Links_Entry {
    clear: right;
}

.CM_Links_Text {
    float: left;
    clear: none;
}

.CM_Entry {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #8900A2;
}
.CM_Text {
	padding: 0px;
/*    visibility: collapse;*/
}
.CM_Image {
	margin: 5px;
	padding: 5px;
}
.CM_Image_Left {
	float: left;
	clear: none;
	margin-right: 20px;
	padding: 5px 10px 10px 5px;
}

.CM_Image_Left {
	float: left;
	clear: none;
	margin-right: 20px;
	padding: 5px 10px 10px 5px;
}

.CM_ImageCon_Left {
	float: left;
	clear: left;
	margin-right: 20px;
	padding: 5px 10px 10px 5px;
}

.CM_LinkImage {
	float: left;
	clear: none;
	margin-right: 20px;
	padding: 5px 10px 10px 5px;
}
.CM_Image_Right {
	float: right;
	clear: none;
	margin: 0px;
	padding: 5px 5px 10px 10px;
}

DIV.CM_Image1 {
	float: left;
	clear: both;
	padding: 0px 8px 0px 8px;
}

A.CM_Content_Link:link, A.CM_Content_Link:visited, A.CM_Content_Link:active  {
	text-decoration:underline;
}
A.CM_Content_Link:hover {
	text-decoration:underline;
}
A.CM_Email_Link:link, A.CM_Email_Link:visited, A.CM_Email_Link:active {
	text-decoration:underline;
}
A.CM_Email_Link:hover {
	text-decoration:underline;
}
A.CM_URLLink:link, A.CM_URLLink:visited, A.CM_URLLink:active {
	font-weight: bold;
	text-decoration: underline;
	color: #AB0013;
}
A.CM_URLLink:hover {
	font-weight: bold;
	text-decoration: none;
	color: #FF4A5E;
}

/*============================================================================*/
/* Content Management - Menu                                                  */
/*============================================================================*/
DIV.BotNav_Menu_Area {
	clear: none;
	padding: 4px 0px 4px 0px;
	margin: 0px;
	width: 690px;
	overflow: auto;
	text-align: center;
	background-image: url(../images/botnav.gif);
	background-repeat: no-repeat;
	background-position: center center;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
}
DIV.BotNav_Item_Level_1 {
	font-size: 1.0em;
	display: inline;
    margin: 0px;
    padding: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: center;
}
A.BotNav_Link_1:link, A.BotNav_Link_1:visited, A.BotNav_Link_1:active {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.9em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}
A.BotNav_Link_1:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.9em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-bottom: 1px #ffffff dotted;
    margin: 0px;
	padding: 0px;
}


/*============================================================================*/
/* User Forms                                                                 */
/*============================================================================*/
DIV.Userform_Form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
DIV.Userform_Area {
	width: 580px;
	padding: 0px 0px 0px 0px;
}
DIV.Userform_MsgArea {
	width: 560px;
	background-color: #FFDDDD;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-width: 1px 1px 1px 1px;
	border-color: #FF0000;
	margin-left: 2px;
	padding-left: 2px;
	border-style: solid solid solid solid;
}
DIV.Userform_Title {
	height: 44px;
	padding: 12px 0px 0px 0px;
}
DIV.Userform_Text {
}
DIV.Userform_Section {
	float: none;
	clear: both;
}
DIV.Userform_SubTitle {
	clear: none;
	font-weight: bold;
}
DIV.Userform_Lab {
	float: left;
	clear: none;
	width: 150px;
	text-align: right;
	padding: 2px 4px 0px 0px;
	white-space: nowrap;
}
DIV.Userform_Data {
	float: left;
	clear: none;
	padding: 0px 0px 0px 0px;
}
DIV.Userform_Field_Comments {
	float: left;
	clear: none;
	font-size: 7pt;
	color: #666666;
	padding: 4px 0px 0px 8px;
}
.Userform_Divider {
	height: 2px;
	color: #3768AA;
	width: 80%;
	text-align: center;
}
DIV.Userform_Button_Area {
	float:left;
	clear: none;
}


/*============================================================================*/
/* Submit Forms
/*============================================================================*/
.Submitform_Area {
	width: 617px;
	padding: 10px 10px 10px 10px;
	text-align: left;
	margin-left: 55px;
	margin-right: 55px;
}
.Submitform_MsgArea {
	width: 450px;
	background-color: #FFDDDD;
	padding-right: 2px;
	padding-top: 12px;
	padding-bottom: 2px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-width: 1px 1px 1px 1px;
	border-color: #FF0000;
	margin-left: 2px;
	padding-left: 2px;
	border-style: solid solid solid solid;
}
.Submitform_Title {
  color: #DB4044;
	height: 44px;
	padding: 12px 0px 0px 0px;
}
.Submitform_Text {
}
.Submitform_Section {
	float: none;
	clear: both;
}
.Submitform_SubTitle {
	clear: none;
	color: #000000;
	font-weight: bold;
}
.Submitform_Lab {
	float: left;
	clear: none;
	text-align: left;
	padding-left: 8px;
	padding-top: 6px;
	font-size: 0.8em;
	width: 175px;
}
.Submitform_Data {
	float: left;
	clear: none;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	background-color: #FFF1F4;
	border: 1px #cccccc solid;
}
.Submitform_Divider {
	float: none;
	clear: both;
}
.Submitform_Button_Area {
	float:left;
	clear: none;
	border: 1px #ffffff solid;
}
DIV.Submitform_Buttons {
	margin: 10px;
	float: left;
	clear: none;
	width: 374px;
	text-align: center;

}
INPUT.Submitform_Buttons {
}
/* The following have no element type as they can be applied to any form control. */
.required {
	font-size: 8pt;
/*	border: 1px solid #6699CC; */
/*	padding: 1px 4px 1px 4px; */
	background-color: #FFFFDD;
}
.optional {
	font-size: 8pt;
/*	border: 1px solid #6699CC; */
/*	padding: 1px 4px 1px 4px; */
	background-color: #FFFFFF;
}
.error {
	font-size: 8pt;
/*	border: 1px solid #FF0000; */
/*	padding: 1px 4px 1px 4px; */
	background-color: #FFDDDD;
}
/* Don't add background colour or border styles to legends. */
/* These are controlled by the class. */
#Form_Legend_Required, #Form_Legend_Optional {
	width: 90px;
	color: #333333;
	text-align: center;
	white-space: nowrap;
}

.Contact_Box {
  width: 45%;
  height: 145px;
  padding: 5px;
  margin: 5px;
  clear: none;
  float: left;
  border: 1px #cccccc solid;
}


/******************************************************************************/
/*                                                                            */
/* ECommerce                                                                  */
/*                                                                            */
/******************************************************************************/
/*============================================================================*/
/* Shop                                                                       */
/*============================================================================*/
DIV.Shop_Title {
}
DIV.Shop_Tagline {
}

/*============================================================================*/
/* Payment Form                                                               */
/*============================================================================*/
DIV.Payment_Page_Image {
	float: left;
	clear: none;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}
DIV.Payment_Page_Form {
	float: left;
	clear: none;
}
DIV.Payment_Page_Title {
	font-size: 14pt;
	font-weight: bold;
	color: #000000;
	padding-bottom: 8px;
}
TD.StepTitle {
	font-size: 14pt;
	font-weight: bold;
	color: #000000;
	padding-bottom: 8px;
}
TD.StepDescription {
	font-size: 10pt;
	font-weight: normal;
	color: #333333;
}


/*============================================================================*/
TD.EditLabel        {font-size: 10pt; font-weight: normal; color: #000080; background-color: #FFFFFF;}
P.EditLabel         {margin-left: 8px; margin-right: 8px; margin-top: 4px}
TD.EditSectionLabel {font-size: 10pt; font-weight: bold; color: #000000; background-color: #FFFFFF; margin-top: 4px}
P.EditSectionLabel  {margin-top: 4px}

A.DescLink:link    {font-size: 8pt; color: #333333; text-decoration:none}
A.DescLink:visited {font-size: 8pt; color: #333333; text-decoration:none}
A.DescLink:active  {font-size: 8pt; color: #333333; text-decoration:none}
A.DescLink:hover   {font-size: 8pt; color: #666666; text-decoration:none}


P.MsgLabel  {}
P.MsgData   {font-size: 10pt; font-weight: normal; color: #000000;}
TD.MsgLabel {width: 1%;}
TD.MsgData  {width: 20%;}

P.Label     {font-size: 10pt; font-weight: normal; color: #008000; margin-left: 8px; margin-right: 8px; margin-top: 2px;}
P.Data      {font-size: 10pt; font-weight: normal; color: #000000; margin-left: 0px; margin-right: 0px; margin-top: 0px;}
P.Display   {font-size: 10pt; font-weight: bold;   color: #000000; margin-left: 0px; margin-right: 0px; margin-top: 2px;}
TD.Label    {width: 1%;}
TD.Data     {width: 20%;}
TD.Display  {width: 20%;}

TD.AdminColTitle {font-size: 10pt; font-weight: normal; color: #000000; background-color: #AADDAA;}
TABLE.Cart {border: 1px #000000;}
TABLE.LoginInfo {border: 0px;}
TR.CartEvenRow {font-size: 10pt; font-weight : normal; color: #000000; background-color: #EEFFEE;}
TR.CartOddRow {font-size: 10pt; font-weight : normal; color: #000000; background-color: #FFFFFF;}
TD.CartTotalTitles {font-size: 10pt; font-weight : normal; color: #EEEEEE; background-color: #336600;}
TD.CartTotalValues {font-size: 10pt; font-weight : normal; color: #000000; background-color: #FFFFFF;}
TD.CartTitle {font-size: 10pt; font-weight : bold; color: #EEEEEE; background-color: #336600;}
TD.CartHelpText {font-size: 8pt; font-weight : normal; color: #333333;}
P.CartHelpText {font-size: 8pt; font-weight : normal; color: #333333;}
TD.LoginTitle {font-size: 12pt; font-weight : normal; color: #000000; background-color: #99CCFF;}
TD.MessageNormal {font-size: 11pt; font-weight: normal; color: #000000;}
TD.MessageError {font-size: 11pt; font-weight: normal; color: #CC0000;}
P.PasswordEmailed {font-size: 11pt; font-weight: normal; color: #800000; background-color: #FFFFFF;}
TD.Terms {font-size: 10pt; font-weight : normal; color: #333333;}


/*============================================================================*/
TABLE.tab_ud_n       {margin: 0px; padding: 0px;}
TABLE.tab_ud_s       {margin: 0px; padding: 0px;}
P.tab_ud_n_u         {font-size: 8pt; font-weight: bold;}
A.tab_ud_n_d:link    {color: #333333; text-decoration:none;}
A.tab_ud_n_d:visited {color: #333333; text-decoration:none;}
A.tab_ud_n_d:active  {color: #333333; text-decoration:none;}
A.tab_ud_n_d:hover   {color: #006600; text-decoration:underline;}

TABLE.tab_ud_flat_hcat_n       {margin: 0px; padding: 0px;}
TABLE.tab_ud_flat_hcat_s       {margin: 0px; padding: 0px;}
P.tab_ud_flat_hcat_n_u         {font-size: 8pt; font-weight: bold;}
A.tab_ud_flat_hcat_n_d:link    {color: #333333; font-size: 8pt; text-decoration:none;}
A.tab_ud_flat_hcat_n_d:visited {color: #333333; font-size: 8pt; text-decoration:none;}
A.tab_ud_flat_hcat_n_d:active  {color: #333333; font-size: 8pt; text-decoration:none;}
A.tab_ud_flat_hcat_n_d:hover   {color: #006600; font-size: 8pt; text-decoration:underline;}

TABLE.tab_ud_flat2_hcat_n       {margin: 0px; padding: 0px; background-color: #FFFFFF;}
TABLE.tab_ud_flat2_hcat_s       {margin: 0px; padding: 0px; background-color: #FFFFFF;}
TABLE.ud_flat2_hcat             {margin: 0px; padding: 0px; background-color: #FFFFFF;}
P.tab_ud_flat2_hcat_n_u         {font-size: 10pt; font-weight: bold;}
A.tab_ud_flat2_hcat_n_d:link    {color: #333333; font-size: 10pt; text-decoration:none;}
A.tab_ud_flat2_hcat_n_d:visited {color: #333333; font-size: 10pt; text-decoration:none;}
A.tab_ud_flat2_hcat_n_d:active  {color: #333333; font-size: 10pt; text-decoration:none;}
A.tab_ud_flat2_hcat_n_d:hover   {color: #00CC00; font-size: 10pt; text-decoration:none;}

/* MSN Style */
TABLE.tab_msn_n       {margin: 0px; padding: 0px; background-color: #003366;}
TABLE.msn             {margin: 0px; padding: 0px; background-color: #003366;}
/* BODY                  {background-color: #003366;}
TABLE                 {background-color: #666699;}*/
P.tab_msn_n_u         {color: #FFFFFF; font-size: 10pt; font-weight: bold;}
A.tab_msn_n_d:link    {color: #FFFFFF; font-size: 10pt; font-weight: bold; text-decoration:none;}
A.tab_msn_n_d:visited {color: #FFFFFF; font-size: 10pt; font-weight: bold; text-decoration:none;}
A.tab_msn_n_d:active  {color: #FFFFFF; font-size: 10pt; font-weight: bold; text-decoration:none;}
A.tab_msn_n_d:hover   {color: #CCCCCC; font-size: 10pt; font-weight: bold; text-decoration:none;}

TD.HistoryTitle {font-size: 8pt; font-weight: normal; color: #666666;}
TD.History      {font-size: 8pt; font-weight: normal; color: #000066;}



/* Moved to bottom of file because -moz don't validate */
DIV, LI, P, H1, H2, H3, IMG, FIELDSET, FORM {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
/* Content Management - CMSTYLING */
/*============================================================================*/
/* Font and Character styling */
/*============================================================================*/
.bold {
  font-weight: bold;
}

.mediumbold {
  font-weight: 500;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.strike {
  text-decoration: line-through;
}

.overline {
  text-decoration: overline;
}


/*============================================================================*/
/* Colour
/*============================================================================*/

.white {
  color: #ffffff;
}

.black {
  color: #000000;
}

.red {
  color: #FF0000;
}

.blue {
  color: #0072FF;
}

.green {
  color: #57CD00;
}

.orange {
  color: #FFB400;
}

.purple {
  color: #A21EFF;
}

.yellow {
  color: #FFE71E;
}

.silver {
  color: #E1E1E1;
}

.grey {
  color: #959595;
}

.brown {
  color: #8A4B00;
}

.copper {
  color: #DD6300;
}

.pink {
  color: #FF67CF;
}

.manlypink {
  color: #EC00A1;
}

.turquoise {
  color: #00E4EC;
}

.lemon {
  color: #FFFC29;
}

.maroon {
  color: #B5001A;
}