﻿/******************************************************************
  ExtCart, Open Source E-Commerce Solutions
  http://www.ext-cart.com
  Copyright (c) 2004 Pentasoft Corp.
******************************************************************/

/*****************************************************************

 FILE DESCRIPTION
 CSS description for gray look and feel

 


*****************************************************************/

.Button {
	FONT-WEIGHT: bold; FONT-SIZE: 12px;  COLOR: #ffffff; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.ButtonSmall {
	FONT-WEIGHT: bold; FONT-SIZE: 9px;  COLOR: #ffffff; FONT-FAMILY: Arial; TEXT-DECORATION: none
}



.SimpleBorderedCell { padding: 9px; background-color: #f4f4f4; border: solid silver; }

/* default below, .SimpleBorderedCell = product & its full description box */
/* .SimpleBorderedCell {padding: 9px; background-color: #F0F0F0; border: 2px solid #202020 } */

/** BEGIN *******************************************************
 * Style for content blocks at center page - the blocks between 
 * left and rigth columns and between header and footer of page,
 * it's the center area of page
 ****************************************************************/

    /* Styles for header-table and content-table */
    table.CaptionStyle {background-color: #ebebeb; border: 1px solid #808080; width: 100%;}
    table.ContentStyle  { background-color: #FCFCFC; width: 100%; border: 2px solid #000000 }

    /* Styles for links at content boxes */
    /* A.ContentBoxLink */
    /* sub category name under images & product name next to thumbs */
    /* tell a friend text etc bottom of full product description */
    A.ContentBoxLink       {
	color: #C0C0C0;
	text-decoration: none;
}
    A.ContentBoxLink:hover {color: #AABBDD; text-decoration: underline}

    /* Styles for product description. product listing area*/
    A.ProductDescrLink       {font-family: Arial, Verdana, sans-serif; font-weight: normal; font-size: 8pt; color: #707070; text-decoration: none}
    A.ProductDescrLink:hover {font-family: Arial, Verdana, sans-serif; font-weight: normal; font-size: 8pt; color: #707070; text-decoration: none}

    /* Styles for links at the caption of content boxes */
    A.CaptionBoxLink {color: #707070; text-decoration: none}
    A.CaptionBoxLink:hover {color: #707070; text-decoration: underline}


    /* Styles for text box */
    /* BoxHeaderText - centre box heading eg. featured product */
    /* ItemBoldText - [catalogue number] in full description of product */
    /* ItemNormalText - default body text */
    .BoxHeaderText  { font-family: Arial, Verdana, sans-serif; font-size: 9pt; font-weight: bold;   color: #707070; text-align: Center}
    .ItemHeaderText { font-family: Arial, Verdana, sans-serif; font-size: 8pt; font-weight: bold;   color: #404040}
    .ItemNormalText { font-family: Arial, Verdana, sans-serif; font-size: 10pt; font-weight: normal; color: #505050}
    .ItemBoldText   { font-family: Arial, Verdana, sans-serif; font-size: 8pt; font-weight: normal;   color: #707070}
    .NoteText       { font-family: Arial, Verdana, sans-serif; font-size: 8pt; font-weight: normal; color: #000000}
    .CommentText    { font-family: Arial, Verdana, sans-serif; font-size: 8pt; font-weight: normal; font-style: italic; color: #666666}
    .RequiredText   { font-family: Arial, Verdana, sans-serif; font-size: 8pt; font-weight: normal; font-style: italic; color: #EE0000}

    /* Style For Product Attributes */
    .ProductAttributesStyle {font-family: Arial, Verdana, sans-serif; font-size: 8pt; font-weight: normal; font-style: italic; color: #666667;}

    SPAN.markProductOutOfStock {font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12px; color: #c76170; font-weight: bold;}

    /* Style For Special (low) price. */
    .SpecialPrice {font-family: Arial, Verdana, sans-serif; color: #CC00FF; font-weight: bold;}
    
    /* Style For 'Old' Product Price, Only If Special Price Is Available. */
    /* crossed out price */
    .NotSpecialPrice {font-family: Arial, Verdana, sans-serif; color: #707070; text-decoration: line-through;}
    
    /* Style For Price, Only If Special Price Is NOT Available, or If Price Of Product Set. */
    /* Price characteristics eg AU$20.00 */
    .Price {font-family: Arial, Verdana, sans-serif; color: #909090; font-weight: bold;}

    /* Color-rotate lis */
    .oddBackground  {background-color: #DDDDDD;}
    .evenBackground {background-color: #EEEEEE;}

    /* Styles for column headers inside content-table */  
      .TableHeaderText { font-family: Arial, Verdana, sans-serif; font-size: 8pt; font-weight: bold;   color: #800080}
    tr.TableHeaderStyle{ border: 1px solid #B5B6CE;  background-color: #EEEEEE}

/** END *********************************************************/



/** BEGIN *******************************************************
 * Table styles For Column Boxes - left and right column
 ****************************************************************/
    
    table.ColumnBox_CaptionStyle  { background-color: #5d0086; width: 100%; border: thin solid #4f4f4f;
 }
    table.ColumnBox_ContentStyle  { background-color: #E0E0E0; width: 100%; border: 2px solid #4f4f4f;
 }

    .ColumnBox_BoxHeaderText  {font-family: Arial, Verdana, sans-serif; font-size: 9pt; font-weight: bold;   color: #ececec; text-align: Center}
    .ColumnBox_ItemNormalText {font-family: Arial, Verdana, sans-serif;  font-size: 12px; padding: 6px 6px 6px }

    /* Styles for links at column boxes */
    A.ColumnBoxLink       {color: #000000; text-decoration: none}
    A.ColumnBoxLink:hover  { color: #000000; text-decoration: underline; font-weight: bold }


/** END *********************************************************/



/** BEGIN *******************************************************
 * Table For Error Boxes
 ****************************************************************/

    table.ErrorBox_CaptionStyle {background-color: #FF9955; border-top: 1px solid #FF0000; border-right: 1px solid #FF0000; border-left: 1px solid #FF0000;  width: 100%;}
    table.ErrorBox_ContentStyle {background-color: #EEEEEE; border: 1px solid #FF0000;  width: 100%;}

    .ErrorBox_BoxHeaderText{ font-family: Arial, Verdana, sans-serif; font-size: 9pt; font-weight: bold;   color: #707070; text-align: Center}
    .ErrorBox_ItemNormalText{ font-family: Arial, Verdana, sans-serif; font-size: 9pt; font-weight: bold;   color: #FF0000; text-align: Center}

/** END *********************************************************/



/** BEGIN *******************************************************
 * MessageStack styles (Error, Info, Success messages)
 ****************************************************************/

    .messageStackBox {font-family: Arial, Verdana, sans-serif; font-size: 10px;}
    .messageStackError, .messageStackWarning {font-family: Arial, Verdana, sans-serif; font-size: 10px; background-color: #ffb3b5;}
    .messageStackSuccess { font-family: Arial, Verdana, sans-serif; font-size: 10px; background-color: #99ff00;}

/** END *********************************************************/



/** BEGIN *******************************************************
 * Style For JavaScript-PHP Interface - Mark Selected Rows (Radio Buttons)
 ****************************************************************/

    .moduleRow { }
    .moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
    .moduleRowSelected { background-color: #E9F4FC; }

/** END *********************************************************/



/** BEGIN *******************************************************
 * Style for Common page
 ****************************************************************/

    /* Big Page Heading Text (1-2 columns) */
    /* this is the category heading & the product name heading */
    /* default font-size: 20px; Changed to 14pt */
    /* .pageHeading {font-family: Arial, Verdana, sans-serif; font-size: 14pt; font-weight: bold; color: #A0A0A0;} */
    TD.pageHeading {valign: top;}
      .pageHeading {font-family: Arial, Verdana, sans-serif; font-size: 14pt; font-weight: bold; color: #A0A0A0;}

    /* Footer (bottom line) Of Common Page. */
    /* bottom bar with date */
    TR.FooterRowStyle {background: #572D75;}
    TD.FooterRowStyle {font-family: Arial, Verdana, sans-serif; font-size: 10px; background: #707070; color: #A0A0A0; font-weight: normal;}
    TR.HeaderRowStyle {background: #ffffff;}

    /* Header Line With Main Navigation Links Of Common Page. */
    /* bread crumb bar & >> | symbols */
    /* change default font-size from 10px to 13px and the default font-weight : bold to normal */
    /* lightened the background to one shade below white */
    TR.NavigationHeaderRow {background: #572D75;}
    TD.NavigationHeaderRow {font-family: Arial, Verdana, sans-serif; font-size: 13px; background: #FEFEFE; color: #CC00FF; font-weight : normal;}

    /* Style For Copyright and Other Legal Text (Common Page Bottom). */
    /* copyright vmw */
    .LegalNotesStyle {font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #C0C0C0 }

    /* Styles for links at Header Navigation line */
    /* bread crumb navigation */
    A.NavigationHeaderRow {color: #464646; text-decoration: underline}
    A.NavigationHeaderRow:hover {color: #572D75;text-decoration: none }

/** END *********************************************************/



/** BEGIN *******************************************************
 * Styles for Splited Page Navigation Interface (links, text)
 ****************************************************************/

     .SplitPageNavigationBar {font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold;}
    A.SplitPageNavigationBar {color: #FFFFFF;}
    A.SplitPageNavigationBar:hover {color: #0000FF; background: #FFFF33;}

/** END *********************************************************/



TEXTAREA {width: 100%; font-family: Arial, Verdana, sans-serif; font-size: 11px;}
CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}


/* FORM {display: inline;} */
