/*
###===========================================================================
#
# 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 Limitied.
#
# File CSS    : catalogue.css
# Description : Main Cascading Style Sheet for the Catalogue System
#
###===========================================================================
*/
/*
###===========================================================================
### Catalogue
###---------------------------------------------------------------------------
### NOTES:
###===========================================================================
*/
.CAT_Category,
.CAT_Items,
.CAT_Detail {
    width: 560px;
	padding: 5px 5px 5px 5px;
}
.CAT_Category_Header,
.CAT_Items_Header {
    width: 550px;
	padding: 0px 0px 10px 0px;
}
.CAT_Category_Header_Edit,
.CAT_Items_Header_Edit {
	float: right;
	clear: none;
}
.CAT_Category_Header_Title,
.CAT_Items_Header_Title {
}
.CAT_Category_Header_ShortDesc,
.CAT_Items_Header_ShortDesc {
	font-size: 1.0em;
	font-weight: bold;
	color: #333333;
	padding: 0px 0px 0px 0px;
}
.CAT_Category_Header_LongDesc,
.CAT_Items_Header_LongDesc {
	font-size: 1.0em;
	font-weight: normal;
	color: #333333;
	padding: 4px 0px 0px 0px;
}

.CAT_Category_Header_Image1,
.CAT_Items_Header_Image1 {
	padding: 0px 0px 5px 5px;
	float: right;
	clear: none;
}
.CAT_Items_Vat_Details {
	font-size: 0.9em;
	color: #333333;
    text-align: right;
	padding: 2px 8px 2px 0px;
}
.CAT_Category_Parent_Nav,
.CAT_Items_Parent_Nav {
	color: #008800;
	padding: 0px 0px 0px 0px;
}
A.XCAT_Items_Parent_Nav:link, A.XCAT_Items_Parent_Nav:visited, A.XCAT_Items_Parent_Nav:hover, A.XCAT_Items_Parent_Nav:active {
	color: #333333;
	text-decoration: underline;
	padding: 0px 2px 0px 2px;
}
A.XCAT_Items_Parent_Nav:hover {
	color: #008800;
}
.CAT_Items_Page_Nav {
    width: 550px;
	font-size: 1.0em;
    text-align: right;
	padding: 0px 0px 8px 0px;
}

.CAT_Category_List {
	margin: 0px 0px 0px 5px;
}
.CAT_Category_List_Section {
    width: 175px;
    float: left;
    text-align: left;
    margin: 5px 5px 5px 0px;
}

FORM.XCAT_Item_Form,
FORM.XCAT_Hidden_Form {
}
FORM.XCAT_Hidden_Form {
    background-image: url(/standard_images/background_hidden.gif);
}

.CAT_Item_Section {
    width: 550px;
    overflow: hidden;
	border: 1px solid #666688;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 10px 0px;
}
.CAT_List_Area1 {
	float: left;
	clear: none;
	padding: 5px 0px 0px 5px;
}
.CAT_List_Area2 {
	float: left;
	clear: none;
	padding: 5px 5px 0px 5px;
}
.CAT_List_Area3 {
	padding: 5px 5px 5px 5px;
}

.CAT_Item_Title {
	padding: 4px 0px 2px 0px;
}
.CAT_Detail_Title {
    width: 560px;
	padding: 4px 0px 2px 0px;
}
.CAT_Item_PartNumber {
}
.CAT_Item_PartNumber_Label {
	font-size: 1.0em;
	font-weight: normal;
	color: #666666;
}
DIV.XHCat_Item_List_Header_Image {
	padding: 0px 0px 5px 5px;
	float: right;
	clear: none;
}
DIV.XHCat_Item_List_Main_Image {
	padding: 4px 4px 4px 4px;
}
DIV.XHCat_Item_List_2nd_Image {
	float: left;
	clear: left;
	padding: 4px 4px 0px 0px;
}
DIV.XHCat_Item_List_3rd_Image {
	float: left;
	clear: right;
	padding: 4px 4px 0px 0px;
}
.CAT_Category_Title {
    width: 175px;
    height: 42px;
}
A.XCAT_Category_Title:link, A.XCAT_Category_Title:visited, A.XCAT_Category_Title:hover, A.XCAT_Category_Title:active {
    font-size: 1.0em;
    font-weight: bold;
    color: #000088;
	text-decoration: underline;
	padding: 0px 5px 0px 0px;
}
A.XCAT_Category_Title:hover {
	color: #0000CC;
}

.CAT_Item_Image1 {
	padding: 8px 8px 8px 8px;
}
.CAT_Item_Image3 {
	padding: 4px 4px 0px 0px;
}
.CAT_Item_Image4 {
	padding: 4px 4px 0px 0px;
}
IMG.Product_Image1 {
}
.CAT_Item_ShortDesc {
	padding: 0px 0px 5px 0px;
}
.CAT_Detail_ShortDesc {
    color: #333333;
    font-style: italic;
	padding: 0px 0px 5px 0px;
}
.CAT_Detail_LongDesc {
	padding: 0px 0px 5px 0px;
}
.CAT_Category_Edit {
	float: left;
	clear: none;
	padding: 4px 5px 0px 0px;
}
.CAT_Item_Pricing_Section {
	float: right;
	clear: both;
	padding: 8px 8px 8px 8px;
	white-space: nowrap;
}
.CAT_Item_Price {
	font-size: 1.4em;
	font-weight: bold;
	color: #000080;
}
.CAT_Item_Qty_Units {
	font-size: 0.8em;
	color: #666666;
/*	padding: 8px 0px 0px 0px;*/
}
.CAT_Item_Vat_Desc {
	font-size: 0.8em;
	color: #666666;
	white-space: nowrap;
}
.CAT_Item_Price_Converted {
	float: left;
	clear: none;
	font-size: 1.0em;
	font-weight: bold;
	color: #336600;
	padding: 0px 4px 0px 0px;
}
.CAT_Item_Qty_Units_Converted {
	float: left;
	clear: none;
	font-size: 0.8em;
	color: #666666;
	padding: 2px 0px 0px 0px;
}
.CAT_Item_Vertical_Section {
    width: 250px;
	padding: 0px 8px 8px 8px;
}
.CAT_Info_Button {
	padding: 0px 4px 0px 4px;
}
.CAT_Image_Info_Button {
}
.CAT_Buy_Button {
}
.XCAT_Out_Of_Stock {
	font-size: 0.9em;
	font-weight: bold;
	color: #666666;
}
.CAT_Buy_Link {
	font-size: 1.0em;
	font-weight: bold;
	color: #336600;
}
.CAT_Item_Qty_Label {
	float: left;
	clear: none;
	font-size: 0.8em;
	color: #666666;
	padding: 4px 2px 0px 0px;
}
.CAT_Item_Qty {
	float: left;
	clear: none;
	font-size: 0.8em;
}
INPUT.XCAT_Qty {
    width: 40px;
    text-align: right;
}


.CAT_Variant1 {
	font-size: 0.8em;
	font-weight: bold;
	white-space: nowrap;
}
.CAT_Variant2 {
	font-size: 0.8em;
	font-weight: normal;
	white-space: nowrap;
}

.CAT_Item_Old_Price {
	font-size: 0.8em;
	color: #333333;
	padding: 0px 0px 0px 0px;
}
.CAT_Item_Save_Price {
	font-weight: bold;
	color: #880000;
}

DIV.XCAT_Pay_Methods {
	float: right;
	clear: none;
}
IMG.XCAT_Pay_Methods {
	margin: 0px 0px 0px 4px;
}
.XCAT_Columns {
    height: 0px;
	color: #FFFFFF;
}




DIV.CAT_Table_Pricing {
	float: right;
	clear: none;
}
TABLE.CAT_Table_Pricing {
    border-collapse: separate;
	border: 0px solid #000000;
}
TH.CAT_Table_Variant_Title,
TH.CAT_Table_Qty_Title,
TH.CAT_Table_Old_Price_Title,
TH.CAT_Table_Save_Price_Title,
TH.CAT_Table_Price_Title {
	font-size: 0.8em;
	font-weight: normal;
	color: #000000;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #CCCCCC;
    text-align: left;
    vertical-align: bottom;
	padding: 0px 5px 0px 0px;
}
TH.CAT_Table_Variant_Title,
TH.CAT_Table_Qty_Title {
	background-color: #E4EDFF;
	border-color: #CCCCFF;
}
TH.CAT_Table_Old_Price_Title {
	background-color: #F8F8F8;
	border-color: #CCCCCC;
}
TH.CAT_Table_Save_Price_Title {
	font-weight: bold;
	color: #880000;
	background-color: #FFF8F8;
	border-color: #FFCCCC;
}
TH.CAT_Table_Price_Title_1,
TH.CAT_Table_Price_Title_2 {
	background-color: #FFFFFF;
	border-width: 0px 0px 0px 0px;
}
TH.CAT_Table_Price_Title_3 {
    width: 70px;
	background-color: #FFFFFF;
	border-width: 0px 0px 0px 0px;
}
TD.CAT_Table_Variant,
TD.CAT_Table_Qty {
	background-color: #E4EDFF;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #CCCCFF;
    text-align: left;
	white-space: nowrap;
    vertical-align: bottom;
	padding: 0px 2px 0px 2px;
}
TD.CAT_Table_Old_Price {
	background-color: #F8F8F8;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #CCCCCC;
    text-align: right;
    vertical-align: bottom;
	padding: 4px 2px 2px 5px;
}
TD.CAT_Table_Save_Price {
	background-color: #FFF8F8;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #FFCCCC;
    text-align: right;
    vertical-align: bottom;
	padding: 4px 2px 0px 5px;
}
TD.CAT_Table_Price {
	text-align: right;
    vertical-align: bottom;
	padding: 0px 0px 0px 10px;
}
TD.CAT_Table_Price_Convert {
    text-align: left;
    vertical-align: bottom;
	padding: 4px 2px 0px 0px;
}
TD.CAT_Table_Units,
TD.CAT_Table_Units_Convert {
    vertical-align: bottom;
	padding: 0px 0px 2px 2px;
}
TD.CAT_Table_Buy {
    text-align: left;
    vertical-align: bottom;
    padding: 0px 5px 0px 5px;
}

/*============================================================================*/
/* Catalogue - New Variant and Price Table                                    */
/*============================================================================*/
DIV.XCAT_Price_Area {
	padding: 4px 4px 4px 4px;
	display: block;
} 
TABLE.XCAT_Price_Table {
    float: right;
    clear: none;
	font-size: 1.0em;
	margin: 4px 0px 0px 4px;
}
TH.XCAT_Row_Header_Title_1,
TH.XCAT_Row_Header_Title_2,
TH.XCAT_Row_Header_Title_3 {
	font-size: 1.1em;
	font-weight: 700;
	color: #FFFFFF;
	background-color: #333333;
	border-width: 0px 2px 2px 0px;
	border-style: solid;
	border-color: #FFFFFF;
	padding: 0px 4px 0px 4px;
}
TH.XCAT_Row_Header_Title_2 {
	background-color: #444444;
}
TH.XCAT_Row_Header_Title_3 {
	background-color: #555555;
}
TH.XCAT_Row_Title_1,
TH.XCAT_Row_Title_2,
TH.XCAT_Row_Title_3 {
	font-size: 0.9em;
	font-weight: 700;
	color: #000000;
	background-color: #DDDDFF;
	border-width: 1px 2px 0px 0px;
	border-style: solid;
	border-color: #FFFFFF;
	padding: 0px 4px 0px 4px;
}
TH.XCAT_Row_Title_2 {
	background-color: #C3D297;
}
TH.XCAT_Row_Title_3 {
	background-color: #B9C88B;
}
TH.XCAT_Column_Header_Title_1,
TH.XCAT_Column_Header_Title_2,
TH.XCAT_Column_Header_Title_3 {
	font-size: 1.1em;
	font-weight: 700;
	color: #FFFFFF;
	background-color: #333333;
	border-width: 0px 0px 2px 1px;
	border-style: solid;
	border-color: #FFFFFF;
	padding: 2px 4px 2px 4px;
}
TH.XCAT_Column_Header_Title_2 {
	background-color: #444444;
}
TH.XCAT_Column_Header_Title_3 {
	background-color: #555555;
}
TH.XCAT_Column_Title_1,
TH.XCAT_Column_Title_2,
TH.XCAT_Column_Title_3,
TH.XCAT_Buy_Header_Title {
	font-size: 1.0em;
	font-weight: 700;
	color: #000000;
	background-color: #D0DEA6;
	border-width: 0px 0px 2px 1px;
	border-style: solid;
	border-color: #FFFFFF;
	padding: 2px 4px 2px 4px;
}
TH.XCAT_Column_Title_2 {
	background-color: #C3D297;
}
TH.XCAT_Column_Title_3 {
	background-color: #B9C88B;
}
TH.XCAT_Buy_Header_Title {
	background-color: #DDDDDD;
}
DIV.XCAT_Row_Title_1_Addtext,
DIV.XCAT_Row_Title_2_Addtext,
DIV.XCAT_Row_Title_3_Addtext {
	font-size: 1.0em;
	font-weight: 500;
	color: #000000;
}
TD.XCAT_Price_Cell {
    text-align: right;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 2px 4px 2px 4px;
}
TD.XCAT_Buy_Cell {
    text-align: right;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 2px 4px 2px 4px;
	background-color: #F8F8F8;
}
DIV.XCAT_Price_Cell {
    float: right;
	padding: 2px 4px 2px 4px;
}
DIV.XCAT_Buy_Button {
	display: inline;
	vertical-align: middle;
}
INPUT.XCAT_Buy_Button {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 4px;
}
DIV.XCAT_Info_Button {
  float: left;
  clear: none;
  padding: 2px 4px 0px 0px;
}
DIV.XCAT_Item_Price {
	display: inline;
	white-space: nowrap;
}
SPAN.XCAT_Item_Price_Symbol {
	font-size: 1.4em;
	font-weight: 700;
	color: #666666;
}
SPAN.XCAT_Item_Price_Value {
	font-size: 1.6em;
	font-weight: 700;
	color: #0000CC;
	padding: 0px 0px 0px 2px;
}
SPAN.XCAT_VAT_Short_Desc {
	font-size: 0.8em;
	font-weight: 500;
	color: #888888;
	padding: 0px 0px 0px 2px;
	white-space: nowrap;
    display: block;
}
SPAN.XCAT_POA,
SPAN.XCAT_Hidden,
SPAN.XCAT_Not_Applicable {
	font-size: 1.4em;
	font-weight: 700;
	color: #666666;
	padding: 0px 2px 0px 2px;
}
SPAN.XCAT_Not_Applicable {
	font-weight: 500;
}
DIV.XCAT_Qty_Area {
    clear: left;
	display: inline;
	white-space: nowrap;
}
SPAN.XCAT_Qty_Label {
	color: #333333;
    vertical-align: middle;
	padding: 0px 1px 0px 2px;
}
INPUT.XCAT_Qty_Data {
    width: 40px;
    vertical-align: middle;
}
SPAN.XCAT_Qty_Units {
	font-size: 0.8em;
	font-weight: 500;
	color: #888888;
	padding: 0px 0px 0px 2px;
}

/*============================================================================*/
/* Catalogue - Detailed Page                                                  */
/*============================================================================*/
.CAT_Detail_Edit {
	float: right;
	clear: none;
}
.CAT_Detail_Image2 {
	float: right;
	clear: none;
	padding: 0px 0px 5px 5px;
}
.CAT_Detail_Back_Button {
    width: 530px;
    text-align: left;
}
.CAT_Detail_Vat_Details {
	float: right;
	clear: both;
	width: 500px;
	font-size: 0.9em;
	color: #333333;
    text-align: right;
	padding: 2px 8px 2px 0px;
}



/*============================================================================*/
/* Supplier Details                                                           */
/*============================================================================*/
.CAT_Item_Supplier {
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
}
.CAT_Detail_Supplier {
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
	padding: 0px 0px 10px 0px;
}
DIV.CAT_Item_Supplier_Image {
	float: right;
	clear: both;
	padding: 0px 0px 5px 5px;
}
IMG.CAT_Item_Supplier_Image {
}

.CATALOGUE_List_Supplier {}
.CATALOGUE_List_SupplierName {}
.CATALOGUE_List_SupplierAddress {}
.CATALOGUE_List_SupplierTelephone {}
.CATALOGUE_List_SupplierWebLink {}

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

.CATALOGUE_Detail_Supplier {}
.CATALOGUE_Detail_SupplierName {}
.CATALOGUE_Detail_SupplierAddress {}
.CATALOGUE_Detail_SupplierTelephone {}



.XCAT_Variant_List {
    margin: 0px;
}