/*
###===========================================================================
#
# 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                                                                  */
/*============================================================================*/

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 */
.CATALOGUE_List_Header {
    width: 530px;
}
DIV.CATALOGUE_ParentNav {
	padding: 8px 0px 0px 0px;
}
A.CATALOGUE_ParentNav:link,
A.CATALOGUE_ParentNav:visited,
A.CATALOGUE_ParentNav:active,
A.CATALOGUE_ParentNav:hover {
	color: #333333;
	text-decoration: underline;
	padding: 0px 2px 0px 2px;
}
A.CATALOGUE_ParentNav:hover {
	color: #732323;
}
DIV.CATALOGUE_CatImage1 {
    width: 530px;
	padding: 0px 0px 0px 0px;
}
.CATALOGUE_List_CatShortDesc {
	font-size: 1.0em;
	font-weight: bold;
	color: #333333;
	padding: 8px 0px 0px 0px;
}
.CATALOGUE_List_CatLongDesc {
	font-size: 0.8em;
	font-weight: bold;
	color: #333333;
	padding: 4px 0px 0px 0px;
}
.CATALOGUE_List_CatEdit {
	float: right;
	clear: both;
}

.CAT_Category_List {
	margin: 0px 0px 0px 5px;
}
.CAT_Category_List_Section {
    width: 530px;
	margin: 0px 0px 5px 0px;
    overflow: hidden;
}
.CAT_Category_Image1 {
	float: left;
	clear: none;
}
.CAT_Category_Image2 {
	float: left;
	clear: none;
}
.CAT_Category_Title {
	float: left;
	clear: none;
}
.CAT_Category_Edit {
	float: left;
	clear: none;
	padding: 4px 5px 0px 0px;
}

A.XCAT_Category_Title:link, A.XCAT_Category_Title:visited, A.XCAT_Category_Title:hover, A.XCAT_Category_Title:active {
    font-size: 1.2em;
    font-weight: bold;
    color: #006600;
	text-decoration: underline;
	padding: 0px 5px 0px 0px;
}
A.XCAT_Category_Title:hover {
	color: #008800;
}

/*
###===========================================================================
### Catalogue
###===========================================================================
*/
.CAT_Category,
.CAT_Items {
	padding: 0px 10px 10px 10px;
}
.CAT_Category_Header,
.CAT_Items_Header {
    width: 680px;
    height: 70px;
	text-align: right;
}
.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_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: 530px;
	font-size: 1.0em;
    text-align: right;
	padding: 0px 0px 8px 0px;
}
.XCAT_Item_Form {
    width: 680px;
}
.XCAT_Columns {
    height: 0px;
	color: #FFFFFF;
}
.CAT_Item_Section {
    width: 680px;
    background-image: url(/images/news_divider.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
	padding: 0px 0px 20px 0px;
	overflow: hidden;
}
.CAT_List_Area1 {
	float: left;
	clear: none;
}
.CAT_List_Area2 {
	float: left;
	clear: none;
    width: 350px;
}
.CAT_List_Area3 {
	float: left;
	clear: none;
    width: 210px;
}

.CAT_Item_Title {
	padding: 8px 8px 2px 8px;
}

DIV.XHCat_Item_List_Main_Image {
	padding: 8px 8px 8px 8px;
}
IMG.XHCat_Item_List_Main_Image {
	border: 1px solid #666666;
}
.CAT_Item_ShortDesc {
	font-size: 1.0em;
	font-weight: bold;
	padding: 2px 8px 2px 8px;
}
.CAT_Detail_ShortDesc {
    colour: #333333;
    font-style: italic;
	padding: 0px 0px 5px 0px;
}
.CAT_Item_LongDesc {
	font-size: 1.0em;
	padding: 2px 8px 2px 8px;
}
.CAT_Item_Edit {
	padding: 2px 2px 2px 2px;
	white-space: nowrap;
}
.CAT_Item_Pricing_Section {
	float: right;
	clear: both;
	padding: 8px 8px 8px 8px;
	white-space: nowrap;
}
.CAT_Item_Price {
	font-size: 1.6em;
	font-weight: bold;
	color: #3366FF;
/*	padding: 0px 4px 0px 0px;*/
}
.CAT_Item_Qty_Units {
	font-size: 0.8em;
	color: #666666;
/*	padding: 8px 0px 0px 0px;*/
}
.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 {
}
.CAT_Image_Info_Button {
}
.CAT_Buy_Button {
	float: left;
	clear: none;
	padding: 0px 0px 0px 8px;
}
.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;
	padding: 1px 24px 0px 0px;
}
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;
}







DIV.CAT_Table_Pricing {
	float: right;
	clear: none;
	padding: 5px 5px 5px 0px;
}
TABLE.CAT_Table_Pricing {
	border: 0px solid #000000;
}
TH.CAT_Table_Variant_Title,
TH.CAT_Table_Price_Title {
	font-size: 0.8em;
	font-weight: normal;
	color: #336600;
	background-color: #E7FFDB;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #CCFFCC;
    text-align: left;
    vertical-align: bottom;
	padding: 0px 5px 0px 0px;
}
TH.CAT_Table_Price_Title {
	background-color: #FFFFFF;
	border-width: 0px 0px 0px 0px;
}
TD.CAT_Table_Variant {
	background-color: #F8FFF8;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #CCFFCC;
    text-align: left;
    vertical-align: bottom;
	padding: 4px 5px 0px 0px;
}
TD.CAT_Table_Price_1 {
	text-align: right;
    vertical-align: bottom;
	padding: 0px 5px 16px 10px;
}
TD.CAT_Table_Price_2 {
    text-align: left;
    vertical-align: bottom;
	padding: 0px 5px 0px 0px;
}












/*============================================================================*/
/* Catalogue - Detailed Page                                                  */
/*============================================================================*/
.CATALOGUE_Detail_Image {
	padding: 4px 0px 4px 0px;
}
.CATALOGUE_Detail_Title_Area {
    float: left;
    clear: none;
}
.CATALOGUE_Detail_CatTitle {
    display: none;
}
.CATALOGUE_Detail_Title {
    display: none;
}
.CATALOGUE_Detail_Title_Image {
}
.CATALOGUE_Detail_BackButton {
}
.CATALOGUE_Detail_BackLink {
	font-size: 0.8em;
}
.CATALOGUE_Detail_Text_Area {
}
.CATALOGUE_Detail_ShortDesc {
    width: 578px;
	font-size: 0.8em;
}
.CATALOGUE_Detail_LongDesc {
    width: 578px;
	font-size: 0.8em;
}

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


/*============================================================================*/
/* Supplier Details                                                           */
/*============================================================================*/
.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 {}


/*============================================================================*/
/* Specifications                                                             */
/*============================================================================*/
.SPEC_Group_Title {}
.SPEC_Group_Area {
    width: 120px;
    float: left;
    clear: both;
}
.SPEC_Title {
    font-size: 0.6em;
    color: #FFFF00;
}
.SPEC_Text {
    color: #666666;
    font-size: 0.6em;
}
.SPEC_Units {
    color: #555555;
}
UL.SPEC_List {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 12px;
    list-style-image: url(../images/spec_bullet.gif);
}
LI.SPEC_List {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.Spec_Group_Data_Area {}
.Spec_Group_Data      {}

.SPEC_Group_Values_Area  {}
.Spec_Group_Values_Title {}
.Spec_Group_Values_Data  {}

