/*
###===========================================================================
#
# Copyright (c) 2006 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 Limited.
#
# File CSS    : site.css
# Description : Main Cascading Style Sheet for site
#
###===========================================================================
*/
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
HTML {
    overflow: -moz-scrollbars-vertical;
}
BODY {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	background-color: #CCCCCC;
}
SELECT, INPUT, TEXTAREA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 0px 0px 2px 0px;
    padding: 1px 0px 0px 1px;
}
TABLE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
    border-collapse: collapse;
}
H1 {
	font-size: 1.6em;
	font-weight: bold;
	color: #3333CC;
	padding: 5px 0px 5px 0px;
}
H2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #3333CC;
}
H3 {
	font-size: 1.0em;
	color: #333333;
}
UL {
    list-style-type: disc;
/*    padding: 15px;*/
}
IMG {
/*    behavior: url(/js/pngbehavior.htc);*/
    border-width: 0px;
}
A:link, A:visited, A:hover, A:active {
	color: #340001;
	text-decoration: underline;
    outline: none;
}
A:hover {
	color: #9A0002;
}
:focus {
    -moz-outline-style: none;
}

/*
###===========================================================================
### Base Template Definitions
###===========================================================================
*/
.BASE_Page {
	width: 100%;
	text-align: center;
}
.BASE_Container {
    width: 960px;
    text-align: left;
    background-image: url(/images/main_background.gif);
    background-repeat: repeat-y;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.BASE_Banverts {
  float: right;
  width: 200px;
  height: 125px;
}

.BASE_Banverts {
  float: right;
  width: 200px;
  height: 125px;
}

.BASE_Banverts_Content {
    float: right;
    width: 200px;
	background-color: #888888;
}
.BASE_Header {
	float: left;
	clear: none;
	width: 960px;
	height: 50px;
    background-color: #FFFFFF;
	overflow: hidden;
}
.BASE_Cart_Info {
	float: right;
	clear: none;
	width: 200px;
    height: 100px;
}
.BASE_logo {
	float: left;
	clear: none;
	width: 214px;
}
.BASE_ContactStrip {
	float: left;
	clear: none;
	width: 960px;
	border-width: 1px;
	border-style: solid;
	border-color: #333333;
	background-color: #CCCCCC;
	overflow: hidden;
}
#Base_Header_Text {
	width: 960px;
	font-size: 1.6em;
	font-weight: bold;
	color: #3333CC;
}
#Base_Header_Search {
	float: left;
	clear: none;
	width: 380px;
	padding: 0px 0px 0px 8px;
}
.Base_Search {
	font-size: 0.8em;
	font-weight: normal;
}
#Base_Header_Contact {
	float: left;
	clear: none;
	width: 580px;
	text-align: right;
	padding: 0px 8px 0px 0px;
}
.BASE_Main {
    float: left;
    width: 760px;
}
.BASE_Catalogue {
	float: left;
	clear: none;
	width: 200px;
	text-align: left;
	background-color: #888888;
	overflow: hidden;
}
.BASE_Content {
	float: left;
	clear: none;
	width: 560px;
	text-align: left;
    background-color: #FFFFFF;
	overflow: hidden;
}
.BASE_Footer {
	width: 960px;
    background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #333333;
	overflow: hidden;
}
.XCOPYRIGHT {
	float: right;
	font-size: 0.8em;
	font-style: italic;
	text-align: right;
	color: #333333;
	padding: 0px 2px 0px 0px;
}
A.Computors_Link:link, A.Computors_Link:visited, A.Computors_Link:hover, A.Computors_Link:active {
	float: right;
	clear: both;
	font-size: 0.8em;
	font-style: italic;
	color: #333333;
	padding: 0px 2px 0px 0px;
	text-decoration: none;
	white-space: nowrap;
}
A.Computors_Link:hover {
	text-decoration: underline;
}

/*
###===========================================================================
### Popup Window
###===========================================================================
*/
#POPUP_Container {
    background-color: #FFFFFF;
}
#POPUP_Logo {
	float: right;
	clear: none;
	padding: 0px 0px 8px 8px;
}
#POPUP_Content {
    background-color: #FFFFFF;
}
/*
###===========================================================================
### Site Cart Display
###===========================================================================
*/
.XSite_Cart_Section {
    float: left;
    padding: 8px 0px 0px 0px;
	clear: none;
}
.XSite_Cart_Imagelink {
    float: left;
    clear: none;
}
.XSite_Cart_Title {
	font-size: 1.0em;
	font-weight: normal;
	color: #333333;
    padding: 10px 0px 0px 4px;
}
.XSite_Cart_Items,
.XSite_Cart_Total {
}
A.XSite_Cart_Items:link,
A.XSite_Cart_Items:visited,
A.XSite_Cart_Items:hover,
A.XSite_Cart_Items:active,
A.XSite_Cart_Total:link,
A.XSite_Cart_Total:visited,
A.XSite_Cart_Total:hover,
A.XSite_Cart_Total:active {
	font-size: 1.0em;
	font-weight: bold;
	color: #732323;
    padding: 8px 10px 0px 0px;
}
A.XSite_Cart_Items:hover,
A.XSite_Cart_Total:hover {
	text-decoration: underline;
}

/*
###===========================================================================
### Global CSS for Form Labels and Fields
###===========================================================================
*/
DIV.XSite_Field_Area {
    width: 540px;
}
DIV.XSite_Field_Label {
	float: left;
	clear: none;
	width: 140;
	text-align: right;
	padding: 4px 0px 0px 8px;
}
DIV.XSite_Field_Data {
	float: left;
	clear: none;
	padding: 2px 0px 0px 4px;
}
DIV.XSite_Buttons_Area {
	float: none;
	clear: both;
	padding: 0px 0px 0px 140px;
}
DIV.XSite_Buttons {
	float: left;
	clear: none;
	padding: 0px 4px 0px 0px;
}

/*
###===========================================================================
### User Forms
###===========================================================================
*/
.UF_Area,
.UF_Login_Area {
	width: 560px;
	padding: 10px 10px 10px 10px;
}
.UF_Header_Area,
.UF_Login_Header_Area {
	padding: 0px 0px 10px 0px;
}
.UF_Title,
.UF_Login_Title {
}
.UF_Login_Description,
.UF_Description {
}
.UF_Login_Header_Image,
.UF_Header_Image {
	float: right;
	clear: none;
}
.UF_Login_Sub_Title,
.UF_Sub_Title {
    font-size: 1.4em;
    font-weight: 700;
    color: #000000;
}
.UF_Login_Sub_Description,
.UF_Sub_Description {
}
.UF_Login_Text,
.UF_Text {
}
.UF_Content_Area {
}
.UF_Login_Content_Area,
.UF_Login_Content_Area1,
.UF_Login_Content_Area2 {
	float: left;
	clear: none;
	width: 250px;
    background-image: url(/images/login_bg.gif);
    background-repeat: no-repeat;
    background-position: top right;
	border-width: 1px 1px 0px 0px;
	border-color: #B4C3E0;
	border-style: solid;
	margin: 0px 10px 0px 0px;
}
.UF_Section,
.UF_Login_Section {
	float: none;
	clear: both;
}
.UF_FA {
	float: none;
	clear: both;
}
.UF_Lab {
	float: left;
	clear: none;
	width: 180;
    font-weight: 700;
	text-align: right;
	padding: 4px 0px 0px 8px;
}
.UF_Data {
	float: left;
	clear: none;
	padding: 1px 0px 0px 4px;
}
.UF_FC {
	float: left;
	clear: none;
    font-size: 0.9em;
    color: #666666;
	padding: 6px 0px 0px 4px;
}
.UF_Buttons_Area {
	float: none;
	clear: both;
	padding: 10px 0px 0px 0px;
}
.UF_Buttons {
	float: left;
	clear: none;
	padding: 0px 4px 0px 0px;
}

/*
###===========================================================================
### Global CSS for Form Messages
### Should not need to change these.
###===========================================================================
*/
.XFORMMSG {
	width: 450px;
	margin: 0px;
	padding: 6px;
	border-width: 1px;
	border-style: solid;
	overflow: hidden;
}
.XFORMMSG_Text {
    float: left;
	clear: none;    
	font-size: 1em;
    padding: 0px 0px 0px 4px;
	color: #333333;
}
.XFORMMSG_Icon {
    float: left;
	clear: none;    
}
.XFORMMSG_Ok {
	background-color: #DDFFDD;
	border-color: #00FF00;
}
.XFORMMSG_Info {
	background-color: #DDDDFF;
	border-color: #0000FF;
}
.XFORMMSG_Warning {
	background-color: #FFFFDD;
	border-color: #CCCC00;
}
.XFORMMSG_Error {
	background-color: #FFDDDD;
	border-color: #FF0000;
}




/*============================================================================*/
/* Default                                                                    */
/*============================================================================*/

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

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


/*============================================================================*/
/* Standard Stuff                                                             */
/*============================================================================*/
.fullheight {height: 100%;}

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


.CM_login_Area      {margin-left: 10px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;}

DIV.CMEntry         {font-size: 10pt; color: #000000; font-weight: bold;}
DIV.CMText          {font-size: 10pt; color: #3333CC; font-weight: normal; text-align: center;}

DIV.CMEntry1           {font-size: 10pt; color: #000000; font-weight: bold;}
DIV.CMText1            {font-size: 8pt; color: #666666; font-weight: normal; font-style: italic;}
.CM_Item_Image_Area_1  {float:right; margin-left: 4px; margin-right: 4px; margin-top: 8px; margin-bottom: 4px;}

DIV.CMEntry2           {font-size: 10pt; color: #000000; font-weight: bold;}
DIV.CMText2            {font-size: 8pt; color: #333333; font-weight: normal;}
.CM_Item_Image_Area_2  {float:right; margin-left: 4px; margin-right: 4px; margin-top: 8px; margin-bottom: 4px;}

DIV.CMEntry3           {font-size: 10pt; color: #000000; font-weight: bold;}
DIV.CMText3            {font-size: 8pt; color: #333333; font-weight: normal;}
.CM_Item_Image_Area_3  {float:right; margin-left: 4px; margin-right: 4px; margin-top: 8px; margin-bottom: 4px;}

DIV.CMEntry4           {font-size: 10pt; color: #000000; font-weight: bold;}
DIV.CMText4            {font-size: 8pt; color: #333333; font-weight: normal;}
.CM_Item_Image_Area_4  {float:right; margin-left: 4px; margin-right: 4px; margin-top: 8px; margin-bottom: 4px;}

DIV.CMEntry5           {font-size: 10pt; color: #000000; font-weight: bold;}
DIV.CMText5            {font-size: 8pt; color: #333333; font-weight: normal;}
.CM_Item_Image_Area_5  {float:right; margin-left: 4px; margin-right: 4px; margin-top: 8px; margin-bottom: 4px;}

DIV.CMEntry6           {font-size: 10pt; color: #000000; font-weight: bold;}
DIV.CMText6            {font-size: 8pt; color: #333333; font-weight: normal;}
.CM_Item_Image_Area_6  {float:right; margin-left: 4px; margin-right: 4px; margin-top: 8px; margin-bottom: 4px;}

DIV.CMEntry7           {font-size: 10pt; color: #000000; font-weight: bold;}
DIV.CMText7            {font-size: 8pt; color: #333333; font-weight: normal;}
.CM_Item_Image_Area_7  {float:right; margin-left: 4px; margin-right: 4px; margin-top: 8px; margin-bottom: 4px;}

DIV.CMEntry8           {font-size: 10pt; color: #000000; font-weight: bold;}
DIV.CMText8            {font-size: 8pt; color: #333333; font-weight: normal;}
.CM_Item_Image_Area_8  {float:right; margin-left: 4px; margin-right: 4px; margin-top: 8px; margin-bottom: 4px;}

DIV.CMEntry9           {font-size: 10pt; color: #000000; font-weight: bold;}
DIV.CMText9            {font-size: 8pt; color: #333333; font-weight: normal;}
.CM_Item_Image_Area_9  {float:right; margin-left: 4px; margin-right: 4px; margin-top: 8px; margin-bottom: 4px;}

DIV.CMEntry10          {font-size: 10pt; color: #000000; font-weight: bold;}
DIV.CMText10           {font-size: 8pt; color: #333333; font-weight: normal;}
.CM_Item_Image_Area_10 {float:right; margin-left: 4px; margin-right: 4px; margin-top: 8px; margin-bottom: 4px;}



A.CMTitle:link    {font-size: 12pt; font-weight: bold; color: #000000; text-decoration:none;}
A.CMTitle:visited {font-size: 12pt; font-weight: bold; color: #000000; text-decoration:none;}
A.CMTitle:active  {font-size: 12pt; font-weight: bold; color: #000000; text-decoration:none;}
A.CMTitle:hover   {font-size: 12pt; font-weight: bold; color: #7A5719; text-decoration:none;}

A.CMText:link     {padding: 0px 0px 0px 5px; font-size: 8pt; font-weight: normal; color: #333333; text-decoration:none;}
A.CMText:visited  {padding: 0px 0px 0px 5px; font-size: 8pt; font-weight: normal; color: #333333; text-decoration:none;}
A.CMText:active   {padding: 0px 0px 0px 5px; font-size: 8pt; font-weight: normal; color: #333333; text-decoration:none;}
A.CMText:hover    {padding: 0px 0px 0px 5px; font-size: 8pt; font-weight: normal; color: #333333; text-decoration:none;}

A.CMMore:link     {font-size: 8pt; font-weight: normal; color: #F47836; text-decoration:none;}
A.CMMore:visited  {font-size: 8pt; font-weight: normal; color: #F47836; text-decoration:none;}
A.CMMore:active   {font-size: 8pt; font-weight: normal; color: #F47836; text-decoration:none;}
A.CMMore:hover    {font-size: 8pt; font-weight: normal; color: #F47836; text-decoration:underline;}

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

.CM_Text_Bullet {margin-left: 10px;  margin-right: 0px; margin-top: 2px; margin-bottom: 0px;}

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



/*============================================================================*/
/* Catalogue Menu                                                             */
/*============================================================================*/
DIV.catalogue_menu_area {
	padding: 10px 0px 0px 0px;
}

/*== MENU LEVEL 1 ==*/
DIV.catalogue_menu_row_1  {
	padding: 0px 0px 0px 4px;
}
DIV.catalogue_menu_img_1  {
	float: left;
	clear: both;
}
DIV.catalogue_menu_cell_1 {
	min-height: 16px;
}
A.catalogue_menu_link_1:link, A.catalogue_menu_link_1:visited, A.catalogue_menu_link_1:active {
	font-size: 1.0em;
	font-weight: bold;
	color: #FFFFAB;
	text-decoration: none;
	text-align: left;
	padding: 0px 0px 0px 5px;
}
A.catalogue_menu_link_1:hover {
	font-size: 1.0em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	padding: 0px 0px 0px 5px;
}

/*== MENU LEVEL 2 ==*/
DIV.catalogue_menu_row_2  {
	padding: 0px 0px 0px 16px;
	background-color: #852929;
}
DIV.catalogue_menu_img_2  {
	float: left;
	clear: right;
	padding: 2px 2px 0px 0px;
}
DIV.catalogue_menu_cell_2 {
	min-height: 16px;
}
A.catalogue_menu_link_2:link, A.catalogue_menu_link_2:visited, A.catalogue_menu_link_2:active {
	font-size: 0.8em;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0px 0px 5px;
}
A.catalogue_menu_link_2:hover {
	font-size: 0.8em;
	color: #FEF361;
	text-decoration: none;
	padding: 0px 0px 0px 5px;
}

/*== MENU LEVEL 3 ==*/
DIV.catalogue_menu_row_3  {
	padding: 0px 0px 0px 32px;
}
DIV.catalogue_menu_img_3  {
	float: left;
	clear: right;
	padding: 2px 2px 0px 0px;
}
DIV.catalogue_menu_cell_3 {
	min-height: 16px;
}
A.catalogue_menu_link_3:link, A.catalogue_menu_link_3:visited, A.catalogue_menu_link_3:active {
	font-size: 0.7em;
	color: #FFFFAB;
	text-decoration: none;
	text-align: left;
	padding: 0px 0px 0px 5px;
}
A.catalogue_menu_link_3:hover {
	font-size: 0.7em;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	padding: 0px 0px 0px 5px;
}

/*== MENU LEVEL 4 ==*/
DIV.catalogue_menu_row_4  {
	padding: 0px 0px 0px 48px;
	background-color: #852929;
}
DIV.catalogue_menu_img_4  {
	float: left;
	clear: right;
	padding: 2px 2px 0px 0px;
}
DIV.catalogue_menu_cell_4 {
	min-height: 16px;
}
A.catalogue_menu_link_4:link, A.catalogue_menu_link_4:visited, A.catalogue_menu_link_4:active {
	font-size: 0.7em;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0px 0px 5px;
}
A.catalogue_menu_link_4:hover {
	font-size: 0.7em;
	color: #FEF361;
	text-decoration: none;
	padding: 0px 0px 0px 5px;
}

/*== MENU LEVEL 5 ==*/
DIV.catalogue_menu_row_5  {
	padding: 0px 0px 0px 64px;
}
DIV.catalogue_menu_img_5  {
	float: left;
	clear: right;
	padding: 2px 2px 0px 0px;
}
DIV.catalogue_menu_cell_5 {
	min-height: 16px;
}
A.catalogue_menu_link_5:link, A.catalogue_menu_link_5:visited, A.catalogue_menu_link_5:active {
	font-size: 0.6em;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0px 0px 5px;
}
A.catalogue_menu_link_5:hover {
	font-size: 0.6em;
	color: #FEF361;
	text-decoration: none;
	padding: 0px 0px 0px 5px;
}


/*============================================================================*/
/* 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;
	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.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                                            */
/*============================================================================*/
DIV.CMC_Content_Area {
	padding: 10px 10px 10px 10px;
}
H1.CMC_Title {
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
}
DIV.CMC_Description {
	font-size: 10pt;
}

/* Category Category List */
DIV.CMC_List_Area {
    padding: 0px;
    margin: 0px;
}
DIV.CMC_List_Image {
}
DIV.CMC_List_Title {
    padding: 0px;
    margin: 0px;
}
DIV.CMC_List_Text {
}
DIV.CMC_List_More {
}

/* 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.CMText:link, A.CMText:visited, A.CMText:active, A.CMText:hover {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
A.CMMore:link, A.CMMore:visited, A.CMMore:active {
	color: #990000;
	font-weight: normal;
	text-decoration: none;
}
A.CMMore:hover {
	color: #990000;
	font-weight: normal;
	text-decoration: underline;
}

/*============================================================================*/
/* Content Management - Content Item                                          */
/*============================================================================*/
DIV.CM_Content_Area {
	padding: 10px 10px 10px 10px;
}
DIV.CM_Cat_Title {
	font-size: 14pt;
	font-weight: bold;
	color: #006600;
	padding: 4px 0px 4px 0px;
}
DIV.CM_Title {
	font-size: 14pt;
	font-weight: bold;
	color: #732323;
	padding: 4px 0px 4px 0px;
	text-align: left;
}
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;
}
DIV.CM_Entry1 {
	font-size: normal;
	color: #111111;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
}
DIV.CM_Text1 {
	font-size: x-small;
	color: #111111;
	font-weight: normal;
	text-align: left;
}
DIV.CM_Image1 {
	float: left;
	clear: both;
	padding: 0px 8px 0px 8px;
}
DIV.CM_Image_Left {
	float: left;
	clear: both;
	padding: 0px 8px 8px 0px;
}
DIV.CM_Image_Right {
	float: right;
	clear: both;
	padding: 0px 0px 8px 8px;
}
A.CM_Content_Link:link, A.CM_Content_Link:visited, A.CM_Content_Link:active  {
	color: #000080;
	text-decoration:underline;
}
A.CM_Content_Link:hover {
	color: #0000F0;
	text-decoration:underline;
}
A.CM_Email_Link:link, A.CM_Email_Link:visited, A.CM_Email_Link:active {
	color: #000080;
	text-decoration:underline;
}
A.CM_Email_Link:hover {
	color: #0000F0;
	text-decoration:underline;
}
A.CM_URLLink:link, A.CM_URLLink:visited, A.CM_URLLink:active {
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}
A.CM_URLLink:hover {
	font-weight: bold;
	color: #000000;
	text-decoration:underline;
}

/*============================================================================*/
/* Content Management - Latest Content                                        */
/*============================================================================*/
DIV.CM_Latest_Area {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
}
DIV.CM_Latest_Title {
}
DIV.CM_Latest_Text {
}
DIV.CM_Latest_Image {
}
DIV.CM_Latest_ReleaseDate {
}
DIV.CM_Latest_More {
}
DIV.CM_Latest_Separator{
}
HR.CM_Latest_Separator{
}
IMG.CM_IMAGE_Latest {
}
A.CMTitle_Latest:link    {font-size: 8pt; font-weight: bold; color: #000000; text-decoration:none;}
A.CMTitle_Latest:visited {font-size: 8pt; font-weight: bold; color: #000000; text-decoration:none;}
A.CMTitle_Latest:active  {font-size: 8pt; font-weight: bold; color: #000000; text-decoration:none;}
A.CMTitle_Latest:hover   {font-size: 8pt; font-weight: bold; color: #000000; text-decoration:none;}

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

A.CMMore_Latest:link     {font-size: 8pt; font-weight: normal; color: #F47836; text-decoration:none;}
A.CMMore_Latest:visited  {font-size: 8pt; font-weight: normal; color: #F47836; text-decoration:none;}
A.CMMore_Latest:active   {font-size: 8pt; font-weight: normal; color: #F47836; text-decoration:none;}
A.CMMore_Latest:hover    {font-size: 8pt; font-weight: normal; color: #F47836; text-decoration:underline;}

/*============================================================================*/
/* Content Management - Search                                                */
/*============================================================================*/
DIV.CM_Search_Area {
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
DIV.CM_Search_Title {
	font-size: 10pt;
	font-weight: bold;
	color: #006600;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 12px;
	margin-bottom: 0px;
}
DIV.CM_Search_Item {
	margin-left: 12px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
DIV.CM_Search_Input {
	width: 100px;
}


/*============================================================================*/
/* User Forms                                                                 */
/*============================================================================*/
.Userform_Form {
}
.Userform_Area {
    width: 560px;
	padding: 10px 10px 10px 10px;
}
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;
}
.Userform_Header {
    width: 540px;
}
.Userform_Title {
}
.Userform_Description {
	color: #333333;
	padding: 4px 0px 10px 0px;
}
.Userform_Text {
	padding: 0px 0px 4px 0px;
}
.Userform_Section {
	float: left;
	clear: both;
    width: 540px;
}
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: 1px;
	color: #732323;
	width: 100%;
	text-align: center;
}
DIV.Userform_Button_Area {
	float:left;
	clear: none;
}

.USERHOME_Login_Label, .USERHOME_Login_Entry, .USERHOME_Login_Button {
  float: left;
  width: 50%;
  font-family: georgia;
  text-align: center;
  padding: 2px;
  color: #e5cfc1;
}

div.USERHOME_Login_Button {
  font-family: arial;
  color: #000000;
  width: 85%;
  text-align: center;
}

input.USERHOME_Login_Entry { 
font-family: georgia;
text-align: left;
border: 1px #5d2500 solid;
color: #000000;
width: 85%;
}

input.USERHOME_Login_Button {
  color: #D0CC9D;
	font-family: Georgia, Arial, Helvetica, sans-serif;
  background-color: #000000;
  border: 1px #ffffff solid; 
  margin: 7px 5px 5px 45px;
}

.USERHOME_Welcome, .USERHOME_Name {
  color: #ffffff;
  padding: 5px;
}

.USERHOME_Name {
  padding: 0px;
  padding-left: 5px;
}

a.USERHOME_Link:link,
a.USERHOME_Link:visited,
a.USERHOME_Link:active {
  color: #ecd0d0;
  padding: 5px;
}

a.USERHOME_Link:hover {
  color: #ffffff;
  padding: 5px;
}

.Login_Title {
  color: #ffffff;
  background-image: url(/images/login_background.gif);
  background-position: left center;
  background-repeat: no-repeat;
  margin: 0px 0px 5px 5px;
  width: 96px;
  height: 20px;
  text-align: center;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	
}