/*
    katong_cust_StyleSheets_ver1a_2_March_2008.css
    By Jack Penman 
    
    Customer Style Sheets 
	This file holds the customer specific style sheets for esp.
*/

/*
    Default User Menu Tag Main Style CSS.
       This css controls the style of the main menu Span element.
     The menu_css css id is the default used by the user menu tag if no
     css is is provided.
*/
#menu_css
{
  width:100px;
  height:1em;
  font-size:medium;
  color:black;
  background-color:lime;
  padding-left:5px;

}

/*
    User Menu Tag Individual Menu option styles.
       This css controls the styles of the individual menu options.
     The menu_css_options css id is the default used by the user menu tag if no
     css is is provided.
*/
#menu_css_options
{
  width:200px;
  font-size:small;
  color:blue;
  background-color:lime;
  padding-left:5px;
  padding-bottom:5px;
  margin:5px;
}


/*
    Set the Global Page Body Style
      This applies to ALL public website pages in Esp.
*/
body {
    width:900px;
    height:auto;

    /* Set both to auto to center pages */
    margin-left:auto;
    margin-right:auto;
    margin-top:0%;

    /* border:solid 2px red; */
    background-color:#ffffff;

    /* Set the Default font familay and size. */
    font-family:Courier New, Helvetica, sans-serif;
    font-size: small;    
    
    /* Set the Default font color. */
    color:#000000;
}


/*
      Set the Home Page Style
      This only applies to the index_Final.cgi home page.
*/
body.homepage_body {
    width:900px;
    height:auto;

    /* Set both to auto to center pages */
    margin-left:auto;
    margin-right:auto;
    margin-top:0%;

    /* border:solid 2px red; */
   /* background-color:#f0f0f0; */

    /* Set the Default font familay and size. */
    font-family:Courier New, Helvetica, sans-serif;
    font-size: small;    
    
    /* Set the Default font color. */
    color:#000000;
}

/*
    5 June 2009 Clear the paragraph margins etc as the new Tiny Mce uses them alot.
*/
p {
     margin:0px;
     border:0px;
}


/*
    Home Page Style
      This applies only to the home page displayed by index _Final.cgi.
*/
#homepage_content
{
    height:auto;
    /* border:solid 8px green; */
    background-color:#ffffff;

  
    /* Set the Default font familay and size. */
    font-family:Courier New, Helvetica, sans-serif;
    font-size: medium;    
    
    /* Set the Default font color. */
    color:#000000;
}

/*
    header style for all pages, except home.
*/
#page_header
{
    z-index:999;
    height:175px;
}


/*
    Left Sidebar style for all pages, except home.
     Note if a page does not have a side bar the main content width will automatically be set to 
           100% and float left.
*/
#page_left_sidebar
{
    z-index:999;
    width:15%;
    height:auto;
    float: left;
    background-repeat:repeat;
}

/* 
   Main Page Content Style
     This sets the style of the main content of the page that appears to the right of the 
     left sidebar if there is one.
*/
#page_content
{
    width:84%;
    float:right;
    height:auto;
    overflow:auto;

    background-color:#ffffff;
    /* border:solid 3px green; */

    /* Use 1% from the width. */
    padding-left:0%;

    /* Set the Default font familay and size. */
    font-family:Courier New, Helvetica, sans-serif;
    font-size:small;
    
    /* Set the Default font color. */
    color:#000000;
}

/*
    Set the page footer style for all pages.
*/
#page_footer
{
    width:900px;
    clear:both;
    padding-top:0em;
    text-align:left;
    overflow:auto;

    background-color:white;
/*    background-image:url(../images1/sky.jpg); */

    /* Set the Default font familay and size. */
    font-family:Courier New, Helvetica, sans-serif;
    font-size:small;    
    
    /* Set the Default font color. */
    color:#000000;
}

/*
   This is a div that wraps around the other parts of a pages content.
*/
#page_wraper
{
   margin-left:0px;
   width:auto;
}


/*
    Email Us Page header style.
    This is for the email us pahe header only.
*/
#email_us_page_header
{
    z-index:999;
    height:150px;
}


/*
   Forum Category table style.
   This is the table that displays the list of posts and the replies to a post.
*/
#forum_cat_table_css {
    /* border:solid 2px red; */
    background-color:#cccccc;

   padding-bottom:5px;

    /* Set the Default font familay and size. */
    font-family:Courier New, Helvetica, sans-serif;
    font-size: small;    
    
    /* Set the Default font color. */
    color:#000000;
}


/*
   Forum Post Heading style.
     This is the style of the individual posts heading.
*/
#forum_post_heading_row_css {

    background-color:#FFFF99;

    /* Set the Default font familay and size. */
    font-family:Courier New, Helvetica, sans-serif;
    font-size:small;    
 
    /* Set the Default font color. */
    color:#000000;
}


/*
   Forum Post Replies To Heading style.
    This style is for the Replies to heading when viewing a post and its replies.
*/
#forum_post_replies_to_header_css {
    background-color:#66ffcc;

    /* Set the Default font familay and size. */
    font-family:Courier New, Helvetica, sans-serif;
    font-size:medium;
 
    /* Set the Default font color. */
    color:#000000;
}



/*
   Forum Post Reply Heading style.
     This is the style for a reply to a post.
*/
#forum_post_reply_heading_row_css {

    background-color:#99cccc;

    /* Set the Default font familay and size. */
    font-family:Courier New, Helvetica, sans-serif;
    font-size:small;    
 
    /* Set the reply heading font color. */
    color:black;
}


/*
       Single stockitem display Style
         this goes with the display item = tag
*/
#display_stock_item
{
    width:250px;
    height:auto;
    padding:5px;

    text-align:left;
    line-height:0.95em;
    background-color:#808080;

    /* background-image:url(../images1/login_bk_150high_1a_idx28366065.png); */

    /* Set the Default font familay and size. */
    font-family:Courier New, Helvetica, sans-serif;
    font-size:x-small;    
    
    /* Set the Default Footer font color. */
    color:#000000;
}


/* 
    display item_Final prog style
      This is for the iitem info table style.
*/
#display_item_final_table
{
    width:100%;
    float:left;
    height:auto;

    /* Use 1% from the width. */
    padding-left:1%;

    /* Set the Default font familay and size. */
    font-family:Courier New, Helvetica, sans-serif;
    font-size:small;
    
    /* Set the Default font color. */
    color:#000000;
}


/* 
     Search Results Table
*/
#search_results_table
{
    width:100%;
    float:right;
    height:auto;

    /* Use 1% from the width. */
    padding-left:1%;

    /* Set the Default font familay and size. */
    font-family:Courier New, Helvetica, sans-serif;
    font-size:x-small;
    
    /* Set the Default font color. */
    color:#000000;
}

#jack88
{
    font-size:24px;
    
    /* Set the Default font color. */
    color:#ff0000;
}


/*
     Quick Cust login prompt style
*/
#quick_login
{
    width:192px;
    height:150px;
    margin:20px;
    text-align:center;

   /* background-image:url(../images1/login_bk_150high_1a_idx28366065.png); */

    /* Set the Default font familay and size. */
    font-family:Courier New, Helvetica, sans-serif;
    
    /* Set the font color. */
    color:#000000;
    font-size:small;
}


/*
     Quick Cust login Button style
*/
#quick_login_button
{
    width:auto;
    height:auto;
    text-align:center;

   /* background-image:url(../images1/login_bk_150high_1a_idx28366065.png); */

    /* Set the Default font familay and size. */
    font-family:Courier New, Helvetica, sans-serif;
    
    /* Set the font color. */
    color:#000000;
    font-size:small;
}


/*
     My Home Cust login prompt style
*/
#myhome_login
{
    width:192px;
    height:150px;
    margin:20px;
    text-align:center;

    background-image:url(../images1/login_bk_150high_1a_idx28366065.png);

    /* Set the Default font familay and size. */
    font-family:Courier New, Helvetica, sans-serif;
    font-size:small;    
    
    /* Set the Default Footer font color. */
    color:#000000;
}


/*
  Generate Cat Category and Section Listing Style
    ie the list of cats & sections that are included in a cat.
*/
.gen_cat_cat_sec_list_style
{
    font-size:small;
}

/*
    Set the global link properties ie color etc.
*/
a
{
    /* Set the global hyperlink color */
    color:black;
    
    /* No lines under links */
    / *text-decoration:none; */
}

/* Change the link Text color when mouse is over it */
a:hover 
{
    color:#07cbfc;
}
    


/*
    Book free assessment link class.
    Use white for the book free ass links.
*/
a.bookfreeaslink
{
    color: #808080;
}


/*
     Esodic doc icon css style
      Controls the docs icon image display style.
*/
#docicon_css
{
    align:left;
    padding-right:10px;
    padding-bottom:5px;
    border:0em;
   /* background-image:url(../images1/login_bk_150high_1a_idx28366065.png); */
}

/*
   doc icon Link CSS  
    controls the link style for the doc icon tag.
*/
#docicon_link_style {
    font-family:Courier New;
    font-size: small;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
}



/*
    Doc But = Espdoc button style.
     This sets the style of the button displayed for the doc but=xxxx tag
*/
#doc_but_span_style {
    display:inline;
    float:left;
    width:100%;

    background-repeat:no-repeat;
    height:20px;

    padding-top:3px;
    padding-bottom:0px;
    padding-left:5px;
}


/*
   Doc But = Espdoc button http link style.
     This sets the style of the button displayed for the doc but=xxxx tag
*/
#doc_but_link_style {
    font-family:Courier New;
    font-size: small;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
}



/*
    START catmenu = xxxx Options ****************************************
	The settings for the catmenu = menus are contained in the following.
*/

/* 
    catmenu = xxx command Drop down Menu Styles 
    NOTE these are for the cat drop down menus that are displayed at the top
	of each cat menu ie the title.
*/
span.catmenu 
{
    margin-bottom: 10px;
    /* width: 180px; */
    
    /* background-color:red; */
    
    /* Border around the entire drop down menu */
    /* border:solid 1px #F28411; */

    float: left;
    z-index:999;
}


/*
    Hide the menu options by default and show them when the mouse is over the 
    main menu option.
*/	    
ul.menu {
    display: none;
    list-style-type: none;
    margin:0;
    padding:0;
}
	
/*
    Set the style of the catmenu = menu items.
	ie this is used with the catmenu = command
	    and sets the style of the individual menu items.
*/
ul.menu li {
    font: Courier New, arial, helvetica, sans-serif;
    font-size: 1em;
    padding-left:0em;

    /* Set the width of the displayed items 
	can be wider than that top menu option */
    width:200px;
	    
    margin:0em;
    
    /* Border around each menu option */
    border:solid 1px #F28411;


    /* Menu itme background color */
    background-color:#ffffff;


}
	
/* 
    Menu item http link style 
	This only applies to the link text of the menu items.

*/
a.catmenuLink, li a {
    text-decoration: none;
    font-size: 0.9em;
    
    /* Menu option text color */
    color: black;
    padding-left: 5px;
    margin-left:5px;
}


/*
    catmenu = Menu title http Link style.
	This is the style of the title link for the cat menu ie the top option.
*/
a.catmenuLink {
    font-size: medium;
    font-weight: normal;


    /* background-color:blue; */
}
		
/* 
    catmenu = Style of individual menu items when mouse is hovering over them 
	ie as the mouse hovers over a catmenu = item this is what it looks like.
*/
li a:hover {
    /* Bacground color of option the mouse is over */
    background-color: white;

    
    /* Option text color while mouse is over it */
    color: black;
    
    /* Option font size */
    /* font-size: medium; */
    
    /* Put some padding around the option the mouse is over */

    padding:0.1em;
    margin-left:0.3em;

}

/*
     Albert Specific CSS Styles 
    These set the way in which the Celestron stock item web pages etc are displayed.
*/

/* The style for the major headings on the items web page */
#celestron_item_section_heading
{
  height:1em;
  font-size:large;
  color:black;
  background-color:white;
  padding-left:5px;
}

/* The style for the stock items overview on its web page */
#celestron_item_overview
{
  height:1em;
  font-size:small;
  color:black;
  background-color:white;
}


/* The style for the stock items details on its web page */
#celestron_item_details
{
  height:1em;
  font-size:small;
  color:red;
  background-color:white;
}

/* The style for the stock items specifications on its web page */
#celestron_item_specs
{
  height:1em;
  font-size:small;
  color:black;
  background-color:white;
}

/* END Alberts CSS Settings */


/*
     Esp Search Results CSS Settings
       These are the settings for the search results on the esp_search_Final prog.
*/

/* Set the style of the stock item title ie the item name at the top the one they click on etc search results. */
#search_results_stock_item_title
{
  height:1em;
  font-size:small;
  color:green;
  background-color:white;
}

/* Set the style of the stock item rrp price display search results. */
#search_results_stock_item_rrp
{
  height:1em;
  font-size:large;
  color:lime;
  background-color:white;
}


/* Set the style of the stock item conent ie bcode, description etc search results. */
#search_results_stock_item_content
{
  height:1em;
  font-size:x-small;
  color:red;
  background-color:white;
}


/* Set the style of the web cat search results. */
#search_results_category
{
  height:1em;
  font-size:x-small;
  background-color:white;
}

/* Set the style of the web section search results. */
#search_results_section
{
  height:1em;
  font-size:x-small;
  background-color:white;
}