/* **----------------------------------------------------------------------------- ** ** 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. ** **----------------------------------------------------------------------------- ** NOTES / TO DO: ** ** - Tidy Up. ** ** **----------------------------------------------------------------------------- */ /* Default */ BODY,A,TABLE,TD,TR,P,BR,LI,OL,UL,SUP,SELECT,INPUT,TEXTAREA,DD,DT,SPAN,DL { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; } BODY { background-color: #CCCCCC; margin: 0px 0px 0px 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; } FORM { margin: 0px 0px 0px 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; } TABLE {border-collapse: collapse} TABLE.header {margin: 0; padding: 0; background-color: #FFFFFF;} TABLE.footer {margin: 0; padding: 0; background-color: #FFFFFF;} /* General */ .fullheight {height: 100%;} /* Site Specific */ A:link {color: #000080; text-decoration:underline;} A:visited {color: #000080; text-decoration:underline;} A:active {color: #000080; text-decoration:underline;} A:hover {color: #F47836; text-decoration:underline;} 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} .required {font-size: 8pt; border: 1px solid #6699CC; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; background-color: #FFFFDD;} .optional {font-size: 8pt; border: 1px 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;} .CMC_Content_Area {margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;} .CMC_Title {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;} .CMC_Description {font-size: 10pt; font-weight: normal; margin-left: 4px; margin-right: 4px; margin-top: 0px; margin-bottom: 4px;} .CMC_List_Area {clear: both; margin-left: 4px; margin-right: 4px; margin-top: 4px; margin-bottom: 4px;} .CMC_Item_Area {clear: both; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;} .CMC_Item_Image_Area {margin-left: 4px; margin-right: 4px; margin-top: 4px; margin-bottom: 4px;} .CM_Content_Area {margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;} .CM_Cat_Title {font-size: 14pt; font-weight: bold; color: #006600; margin-left: 4px; margin-right: 4px; margin-top: 4px; margin-bottom: 4px;} .CM_Title {font-size: 14pt; font-weight: bold; color: #000000; margin-left: 4px; margin-right: 4px; margin-top: 4px; margin-bottom: 4px;} .CM_Item_File_Area {margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;} .CM_Item_File_Icon {margin-left: 4px; margin-right: 4px; margin-top: 0px; margin-bottom: 0px;} .CM_Item_Area {clear: both; margin-left: 4px; margin-right: 0px; margin-top: 10px; margin-bottom: 0px;} .CM_Search_Area {margin-left: 10px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;} .CM_Search_Title {font-size: 10pt; font-weight: bold; color: #006600; margin-left: 0px; margin-right: 0px; margin-top: 12px; margin-bottom: 0px;} .CM_Search_Item {margin-left: 12px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;} .CM_Search_Input {width: 100px;} .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.CM_Content_Link:link {font-size: 8pt; font-weight: normal; color: #000080; text-decoration:underline;} A.CM_Content_Link:visited {font-size: 8pt; font-weight: normal; color: #000080; text-decoration:underline;} A.CM_Content_Link:active {font-size: 8pt; font-weight: normal; color: #000080; text-decoration:underline;} A.CM_Content_Link:hover {font-size: 8pt; font-weight: normal; color: #0000F0; text-decoration:underline;} A.CM_Email_Link:link {font-size: 8pt; font-weight: normal; color: #000080; text-decoration:underline;} A.CM_Email_Link:visited {font-size: 8pt; font-weight: normal; color: #000080; text-decoration:underline;} A.CM_Email_Link:active {font-size: 8pt; font-weight: normal; color: #000080; text-decoration:underline;} A.CM_Email_Link:hover {font-size: 8pt; font-weight: normal; color: #0000F0; text-decoration:underline;} 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: #000000; text-decoration:none;} 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.CM_URLLink:link {font-size: 10pt; font-weight: bold; color: #000000; text-decoration:none;} A.CM_URLLink:visited {font-size: 10pt; font-weight: bold; color: #000000; text-decoration:none;} A.CM_URLLink:active {font-size: 10pt; font-weight: bold; color: #000000; text-decoration:none;} A.CM_URLLink:hover {font-size: 10pt; font-weight: bold; color: #000000; text-decoration:underline;} A.CMText:link {font-size: 8pt; font-weight: normal; color: #333333; text-decoration:none;} A.CMText:visited {font-size: 8pt; font-weight: normal; color: #333333; text-decoration:none;} A.CMText:active {font-size: 8pt; font-weight: normal; color: #333333; text-decoration:none;} A.CMText:hover {font-size: 8pt; font-weight: normal; color: #333333; 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: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.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;} A.CATALOGUE_CatLink:link {font-size: 8pt; font-weight: normal; color: #000080; text-decoration:underline;} A.CATALOGUE_CatLink:visited {font-size: 8pt; font-weight: normal; color: #000080; text-decoration:underline;} A.CATALOGUE_CatLink:active {font-size: 8pt; font-weight: normal; color: #000080; text-decoration:underline;} A.CATALOGUE_CatLink: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;} .hcatmenu_row_1 {vertical-align: top;} .hcatmenu_row_2 {vertical-align: top; background-color: #EEEEEE;} .hcatmenu_row_3 {vertical-align: top; background-color: #DDDDDD;} .hcatmenu_row_4 {vertical-align: top; background-color: #EEEEEE;} .hcatmenu_row_5 {vertical-align: top; background-color: #DDDDDD;} .hcatmenu_row_6 {vertical-align: top; background-color: #EEEEEE;} .hcatmenu_row_7 {vertical-align: top; background-color: #DDDDDD;} .hcatmenu_row_8 {vertical-align: top; background-color: #EEEEEE;} .hcatmenu_cell_1 {margin: 0px; padding: 2px;} .hcatmenu_cell_2 {margin: 0px; padding: 0px;} .hcatmenu_cell_3 {margin: 0px; padding: 0px;} .hcatmenu_cell_4 {margin: 0px; padding: 0px;} .hcatmenu_cell_5 {margin: 0px; padding: 0px;} .hcatmenu_cell_6 {margin: 0px; padding: 0px;} .hcatmenu_cell_7 {margin: 0px; padding: 0px;} .hcatmenu_cell_8 {margin: 0px; padding: 0px;} .hcatmenu_img_1 {margin-left: 0px; margin-right: 0px; margin-top: 2px; margin-bottom: 0px;} .hcatmenu_img_2 {margin-left: 12px; margin-right: 0px; margin-top: 2px; margin-bottom: 0px;} .hcatmenu_img_3 {margin-left: 24px; margin-right: 0px; margin-top: 2px; margin-bottom: 0px;} .hcatmenu_img_4 {margin-left: 36px; margin-right: 0px; margin-top: 2px; margin-bottom: 0px;} .hcatmenu_img_5 {margin-left: 48px; margin-right: 0px; margin-top: 2px; margin-bottom: 0px;} .hcatmenu_img_6 {margin-left: 60px; margin-right: 0px; margin-top: 2px; margin-bottom: 0px;} .hcatmenu_img_7 {margin-left: 72px; margin-right: 0px; margin-top: 2px; margin-bottom: 0px;} .hcatmenu_img_8 {margin-left: 84px; margin-right: 0px; margin-top: 2px; margin-bottom: 0px;} .hcatmenu_title_1 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; margin-left: 2px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;} .hcatmenu_title_2 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; margin-left: 2px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;} .hcatmenu_title_3 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; margin-left: 2px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;} .hcatmenu_title_4 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; margin-left: 2px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;} .hcatmenu_title_5 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; margin-left: 2px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;} .hcatmenu_title_6 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; margin-left: 2px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;} .hcatmenu_title_7 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; margin-left: 2px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;} .hcatmenu_title_8 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; margin-left: 2px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;} .hcatmenu_link_1:link, .hcatmenu_link_1:visited, .hcatmenu_link_1:active {color: #111111; text-decoration: none;} .hcatmenu_link_2:link, .hcatmenu_link_2:visited, .hcatmenu_link_2:active {color: #111111; text-decoration: none;} .hcatmenu_link_3:link, .hcatmenu_link_3:visited, .hcatmenu_link_3:active {color: #222222; text-decoration: none;} .hcatmenu_link_4:link, .hcatmenu_link_4:visited, .hcatmenu_link_4:active {color: #333333; text-decoration: none;} .hcatmenu_link_5:link, .hcatmenu_link_5:visited, .hcatmenu_link_5:active {color: #333333; text-decoration: none;} .hcatmenu_link_6:link, .hcatmenu_link_6:visited, .hcatmenu_link_6:active {color: #444444; text-decoration: none;} .hcatmenu_link_7:link, .hcatmenu_link_7:visited, .hcatmenu_link_7:active {color: #444444; text-decoration: none;} .hcatmenu_link_8:link, .hcatmenu_link_8:visited, .hcatmenu_link_8:active {color: #444444; text-decoration: none;} .hcatmenu_link_1:hover {color: #111180; text-decoration: underline;} .hcatmenu_link_2:hover {color: #111180; text-decoration: underline;} .hcatmenu_link_3:hover {color: #222280; text-decoration: underline;} .hcatmenu_link_4:hover {color: #333380; text-decoration: underline;} .hcatmenu_link_5:hover {color: #333380; text-decoration: underline;} .hcatmenu_link_6:hover {color: #444480; text-decoration: underline;} .hcatmenu_link_7:hover {color: #444480; text-decoration: underline;} .hcatmenu_link_8:hover {color: #444480; text-decoration: underline;} .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 */ 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;} /* ** 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; margin-left: 19px;} 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;} /* ** 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;} /*============================================================================*/ /* Submit Forms /*============================================================================*/ DIV.Submitform_Form { margin: 0px; padding: 0px; } DIV.Submitform_Area { width: 500px; padding-left: 10px; padding-right: 10px; } DIV.Submitform_MsgArea { width: 450px; 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.Submitform_Title { clear: none; color: #000000; font-weight: bold; padding-left: 8px; padding-top: 8px; } DIV.Submitform_Text { padding-left: 8px; } DIV.Submitform_Section { float: none; clear: both; } DIV.Submitform_SubTitle { clear: none; color: #000000; font-weight: bold; } DIV.Submitform_Lab { float: left; clear: none; text-align: left; padding-left: 8px; padding-top: 6px; white-space: nowrap; } DIV.Submitform_Data { float: left; clear: none; padding-left: 4px; padding-top: 4px; } DIV.Submitform_Divider { float: none; clear: both; } DIV.Submitform_Buttons { float:left; clear: none; } /*============================================================================*/ SELECT.CATALOGUE_CatList {width: 200px;} TABLE.ProjectDesc {border: 0px; bordercolor: #000000; background-color: #FFFFFF;} TABLE.Project {border: 1px; bordercolor: #000000; background-color: #CDB5D7;} TD.ProjectDesc {font-size: 10pt; font-weight: bold; color: #000000; background-color: #FFFFFF;} TD.ProjectTitle {font-size: 10pt; font-weight: normal; color: #333333; background-color: #FEE300;} TD.ProjectRow {font-size: 10pt; font-weight: bold; color: #000000; background-color: #FFFFFF;} TD.ProjectRowHide {font-size: 10pt; font-weight: normal; color: #000000; background-color: #FFEEEE;} TD.EditLabel {font-size: 10pt; font-weight: normal; color: #000080; background-color: #FFFFFF;} P.EditLabel {margin-left: 8; margin-right: 8; margin-top: 4} TD.EditSectionLabel {font-size: 10pt; font-weight: bold; color: #000000; background-color: #FFFFFF; margin-top: 4} P.EditSectionLabel {margin-top: 4} 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.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;}