/*----------------------------------------------------------------------------*/ /* */ /* 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. */ /* */ /*----------------------------------------------------------------------------*/ /*============================================================================*/ /* 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. */ /* */ /*============================================================================*/ /*============================================================================*/ /* Default */ /*============================================================================*/ A,TD,TR,P,BR,LI,OL,UL,SUP,DD,DT,SPAN,DL { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #45515D; } BODY { margin-top: 10px; padding: 0px 0px 0px 0px; background-color: #79828B; } INPUT { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; color: #2F3D4A; } TEXTAREA{ font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; color: #2F3D4A; } SELECT { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; color: #2F3D4A; } FORM { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } TABLE.header { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #FFFFFF; } TABLE.footer { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #FFFFFF; } A:link, A:visited, A:active { color: #D2E8FF; text-decoration: none; } A:hover { color: #EFF7FF; text-decoration: overline underline; } /*============================================================================*/ /* Standard Stuff */ /*============================================================================*/ .fullheight {height: 100%;} /*============================================================================*/ /* Debug */ /*============================================================================*/ /* DIV {border: 1px; border-style: dashed;} */ 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} .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 {width: 710px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;} .CMC_Title {color: 183B52; 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: #FFFFFF; font-weight: normal;} .CM_Item_Image_Area_1 {float: left; padding: 8px 8px 8px 8px;} 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: #1A1A44; text-decoration:none;} A.CM_Email_Link:visited {font-size: 8pt; font-weight: normal; color: #1A1A44; text-decoration:none;} A.CM_Email_Link:active {font-size: 8pt; font-weight: normal; color: #1A1A44; text-decoration:none;} A.CM_Email_Link:hover {font-size: 8pt; font-weight: normal; color: #FFFFFF; background-color: #1A1A44; text-decoration:none;} 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;} A.BackLink:link {color: #3A4A5F; text-decoration: none;} A.BackLink:visited {color: #3A4A5F; text-decoration: none;} A.BackLink:active {color: #3A4A5F; text-decoration: none;} A.BackLink:hover {color: #FFFFFF; background-color: #3A4A5F; text-decoration: none;} DIV.BackLink { margin-top: 20px; margin-left: 5px; } /*============================================================================*/ /* 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;} SELECT.CATALOGUE_CatList {width: 200px;} /*============================================================================*/ /* Content Management - Content Item */ /*============================================================================*/ DIV.CMC_Content_Title { padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; color: #45515D; font-weight: bold; } DIV.CM_Content_Area { padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 0px; } DIV.CM_Cat_Title {font-size: 14pt; font-weight: bold; color: #006600; margin-left: 4px; margin-right: 4px; margin-top: 4px; margin-bottom: 4px;} DIV.CM_Title {font-size: 14pt; font-weight: bold; color: #000000; margin-left: 4px; margin-right: 4px; margin-top: 4px; margin-bottom: 4px;} DIV.CM_Item_File_Area {margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;} DIV.CM_Item_File_Icon {margin-left: 4px; margin-right: 4px; margin-top: 0px; margin-bottom: 0px;} DIV.CM_Item_Area {clear: both; margin-left: 4px; margin-right: 0px; margin-top: 10px; margin-bottom: 0px;} DIV.CM_Entry1 {font-size: 10pt; color: #000F23; font-weight: bold; padding: 5px 5px 5px 5px;} DIV.CM_Text1 {font-size: 8pt; color: #112848; font-weight: normal; text-align: left; padding: 5px 5px 5px 5px;} DIV.CM_Image1 { float: left; clear: both; padding-left: 8px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px; } /*============================================================================*/ /* Content Management - Menu */ /*============================================================================*/ DIV.TopNav_Menu_Area { float: none; clear: none; padding-top: 0px; padding-bottom: 0px; text-align: center; } DIV.TopNav_Item_Level_1 { float: left; clear: none; padding-right: 3px; text-align: center; } DIV.BotNav_Menu_Area { float: none; clear: none; padding-left: 10px; padding-right: 10px; text-align: center; } DIV.BotNav_Item_Level_1 { float: left; clear: none; padding-left: 0px; padding-right: 0px; padding-top: 4px; padding-bottom: 4px; text-align: center; } A.BotNav_Link_1:link, A.BotNav_Link_1:visited,A.BotNav_Link_1:active { color: #DEF1FF; text-decoration: none; font-size: 8pt; } A.BotNav_Link_1:hover { color: #FFFFFF; text-decoration: none; font-size: 8pt; background-color: #000000; } /*============================================================================*/ /* Submit Forms */ /*============================================================================*/ DIV.Submitform_Form { margin: 0px; padding: 5px; color: #183B52; } DIV.Submitform_Area { width: 500px; padding-left: 10px; padding-right: 10px; color: #183B52; } 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: 0px 0px 0px 0px; border-color: #FF0000; margin-left: 2px; padding-left: 2px; border-style: solid solid solid solid; color: #183B52; } DIV.Submitform_Title { clear: none; color: #000000; font-weight: bold; padding-left: 8px; padding-top: 8px; } DIV.Submitform_Text { padding-left: 8px; color: #183B52; } DIV.Submitform_Section { float: none; clear: both; color: #183B52; } DIV.Submitform_SubTitle { clear: none; color: #000000; font-weight: bold; } DIV.Submitform_Lab { float: left; clear: none; text-align: right; padding-left: 20px; padding-top: 10px; white-space: nowrap; color: #183B52; } DIV.Submitform_Data { float: left; clear: none; padding-left: 4px; padding-top: 4px; color: #183B52; } DIV.Submitform_Divider { float: none; clear: both; } DIV.Submitform_Button_Area { float:left; clear: none; padding-top: 20px; margin-left: 20px; } INPUT.Submitform_Buttons { color: #002237; margin-top: 20px; margin-left: 15px; font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; } #Contact_details { margin-top: 20px; margin-left: 20px; font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; } /* The following have no element type as they can be applied to any form control. */ .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; } /* 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; } /*============================================================================*/ .required {font-size: 8pt; border: 0px solid #6699CC; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; background-color: #E0EDFA;} .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: 0px solid #FF0000; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; background-color: #FFDDDD;} 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;}