﻿
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Elements */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */

 body 
{
    font-family:Arial, Sans-Serif, Tahoma, Verdana;
    margin:0px 0px 0px 0px;
    background-color: #F3EFE5;
    font-size:12px;
}

.LogoDropDown {display:none;}

p 
{
  padding:0px 0px 10px 0px;
    margin:0px;   
}

h1 
{
    padding: 5px;
    color: #cfcfcf;
    text-transform: capitalize;
    font-weight:bold;
}

h2 
{
    font-size:16px;
    font-weight:bold;
    margin:0px;
    padding:15px 0px 5px 0px;
    color:#6D5B4D;
}

h3 
{
    font-weight:bold;
}

h4 
{
    font-size:14px;
    font-weight:bold;
    margin:0px;
}

li 
{
    margin:10px 0px 10px 0px;
}

ol 
{
    margin:0px 0px 0px 40px;
}

input 
{
    font-size:11px;
}

select 
{
    font-size:11px;
}

/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Page and containers */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */

/* ----------------------------------------- */
/* serves primarily only to align page */
/* ----------------------------------------- */

#page_align 
{
    text-align:left;
}

/* ----------------------------------------- */
/* exists on master page only, contains everything between body */
/* ----------------------------------------- */

#page_box 
{
    width:100%;
    background-color:#FFFFFF;
    text-align:left;
    position:relative;
    padding:0px;
    margin:0px;
    background-image:url(images/ceda_page_bk01.jpg);
    background-repeat:repeat-y;
    border:1px solid #BCB7B3;
}

/* ----------------------------------------- */
/* exists on master page only, contains everything between body */
/* ----------------------------------------- */

#page_box_admin 
{
    width:auto;
    background-color:#FFFFFF;
    text-align:left;
    position:relative;
    padding:0px;
    margin:0px;
    border:1px solid #BCB7B3;
}

/* ----------------------------------------- */
/* container for page title and info, header area, used occasionaly */
/* ----------------------------------------- */
 
.page_info 
{
    border:0px solid green;
    padding:0px 20px 0px 20px;
}

 /* ----------------------------------------- */
 /* container for basic page content, or page header, used often */
 /* ----------------------------------------- */
  
.page_base 
{
    border:0px solid green;
    padding:10px 40px 0px 40px;
    width:525px;
}


.page_base2 
{
    border:0px solid green;
    padding:10px 10px 0px 10px;
    width:588px;
}

.page_base3 
{
    border:0px solid green;
    padding:10px 10px 0px 10px;
    width:auto;
}

/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Header */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */

/* ----------------------------------------- */
/* container for graphic header at top of page */
/* ----------------------------------------- */

#header 
{
    background-image:url(images/ceda_header_bk02.jpg);
    background-color:white;
    height:0px;
    border:0px solid black;
    padding:0px;
    display:none;
    
}

/* ----------------------------------------- */
/* Affects header h1's only */
/* ----------------------------------------- */

#header h1 
{
    display:inline;
    margin-bottom:10px;
    text-align:right;
}

/* ----------------------------------------- */
/* container for graphic header at top of admin pages, used? */
/* ----------------------------------------- */
#footer
{
    display:none;
}
 #header_admin 
{
    background-image:url(images/ceda_header_bk02.jpg);
    background-repeat:no-repeat;
    background-color:#6D5B4D;
    height:0px;
    border:0px solid black;
    padding:0px;   
}

.functional
{
    padding:5px 0px 0px 0px;
    font-size:12px;
    color:#000000;
    font-weight:normal;
}

/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Form and Grid Colors  */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */

/* ----------------------------------------- */ 
/* Colors - Companys */
/* ----------------------------------------- */

.form_com_header {  
    padding:0px;
    height:24px;
    background-color:#6B696B;
    color:#F7F6F3;
    font-weight:bold;
    font-size:14px;
    text-align:center;
}

/* ----------------------------------------- */   

.grid_com_list 
{
    border:1px solid #DEDFDE;
    color:#000000;
    Width:100%;
    Font-Size:11px;
    }

/* ----------------------------------------- */
 
.grid_com_header 
{
    text-align:left;
    background-color:#6B696B;
    font-weight:bold;
    color:White;
}

.grid_com_header a:link
{
    color:White;
}

.grid_com_header a:visited
{
    color:White;
}

.grid_com_header a:hover
{
    color:White;
}

 /* ----------------------------------------- */
 
.grid_com_row 
{
    background-color:#E0DCD0;
}

.grid_com_altrow
{
    background-color:White;
}

.grid_com_editrow
{
    background-color:#DDC17F;
        
    }
    
 .grid_com_selectedrow
 {
    background-color:#DDC17F;
 }
 
/* ----------------------------------------- */   

.grid_com_pager
{
    font-size:14px;
    font-weight:bold;
    background-color:#F7F6F3;
    color:#000000; 
    text-align:right;    
    }

.grid_com_pager a:link
{
    font-size:14px;
    font-weight:bold;
    color:#AD905E;    
        }
    
.grid_com_pager a:visited
{
    font-size:14px;
    font-weight:bold;
    color:#AD905E;    
        }
        
.grid_com_pager a:hover
{
    font-size:14px;
    font-weight:bold;
    color:#000000;    
    }
    
 /* ----------------------------------------- */
 /* Colors - Divisions */
 /* ----------------------------------------- */    

.form_div_header {  
    padding:0px;
    height:24px;
    background-color:#339D46;
    color:#F0FAED;
    font-weight:bold;
    font-size:14px;
    text-align:center;
}

/* ----------------------------------------- */
    
.grid_div_list 
{
    border:1px solid #DEDFDE;
    color:#000000;
    Width:100%;
    Font-Size:11px;
    }

/* ----------------------------------------- */
 
.grid_div_header 
{
    text-align:left;
    background-color:#339D46;
    font-weight:bold;
    color:White;
}

.grid_div_header a:link
{
    color:White;
}

.grid_div_header a:visited
{
    color:White;
}

.grid_div_header a:hover
{
    color:White;
}

 /* ----------------------------------------- */
 
.grid_div_row 
{
    background-color:#F0FAED;
}

.grid_div_altrow
{
    background-color:White;
}

.grid_div_editrow
{
    background-color:#A6D898;
        
    }
    
 .grid_div_selectedrow
 {
    background-color:#A6D898;
 }
 
/* ----------------------------------------- */   

.grid_div_pager
{
    font-size:14px;
    font-weight:bold;
    background-color:#F0FAED;
    color:#000000; 
    text-align:right;    
    }
    
.grid_div_pager a:link
{
    font-size:14px;
    font-weight:bold;
    color:#77B365;    
        }
    
.grid_div_pager a:visited
{
    font-size:14px;
    font-weight:bold;
    color:#77B365;    
        }
        
.grid_div_pager a:hover
{
    font-size:14px;
    font-weight:bold;
    color:#000000;    
    }

/* ----------------------------------------- */ 
/* Grid Colors - Employees */
/* ----------------------------------------- */

.form_emp_header {  
    padding:0px;
    height:24px;
    background-color:#2D4FA5;
    color:#EFF3F9;
    font-weight:bold;
    font-size:14px;
    text-align:center;
}

/* ----------------------------------------- */
  
.grid_emp_list 
{
    border:1px solid #DEDFDE;
    color:#000000;
    Width:100%;
    Font-Size:11px;
    }

/* ----------------------------------------- */
 
.grid_emp_header 
{
    text-align:left;
    background-color:#2D4FA5;
    font-weight:bold;
    color:White;
}

.grid_emp_header a:link
{
    color:White;
}

.grid_emp_header a:visited
{
    color:White;
}

.grid_emp_header a:hover
{
    color:White;
}

 /* ----------------------------------------- */
 
.grid_emp_row 
{
    background-color:#EFF3F9;
}

.grid_emp_altrow
{
    background-color:White;
}

.grid_emp_editrow
{
    background-color:#B1C9ED;
        
    }
    
 .grid_emp_selectedrow
 {
    background-color:#B1C9ED;
 }
 
/* ----------------------------------------- */   

.grid_emp_pager
{
    font-size:14px;
    font-weight:bold;
    background-color:#EFF3F9;
    color:#000000; 
    text-align:right;    
    }

.grid_emp_pager a:link
{
    font-size:14px;
    font-weight:bold;
    color:#758DC9;    
        }
    
.grid_emp_pager a:visited
{
    font-size:14px;
    font-weight:bold;
    color:#758DC9;    
        }
        
.grid_emp_pager a:hover
{
    font-size:14px;
    font-weight:bold;
    color:#000000;    
    }

/* ----------------------------------------- */ 
/* Grid Helper classes */
/* ----------------------------------------- */

.helper_group_header 
{
    background-color:#FADBCD;
    font-size:14px;
    font-weight:bold;
    color:#70381E;
}

.helper_group_summary
{
    background-color:#FFFFFF;
    text-align:right;
    font-weight:bold;
}

.notes_fieldset
{
    display:none;
}

/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Side Column - Contains Menu and extras  */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */

#column1 
{
    /*background-color:green;*/
    padding:2px 0px 0px 11px;
    margin:0px 0px 0px 0px;
    width:149px;
    float:left;
    border:0px solid blue;
    display:none;
    }

/* ----------------------------------------- */
/* Side Menu - Styles controlled in conjunction with .net controls. */
/* some stuff is controlled here while some may be edittable only at */
/* the source, on the masterpage */
/* ----------------------------------------- */

.menu_root 
{
    font-family:Verdana;
    font-size:11px;
    padding:4px 0px 4px 5px;
    margin-left:5px;
    border-bottom:1px solid #BCB7B3;
    width:140px;
    background-color:#F7F6F3;
}

.menu_root_dyn 
{
    font-family:Verdana;
    font-size:11px;
    padding:4px 0px 4px 5px;
    border-bottom:1px solid #9C9189;
    width:120px;
    background-color:#DBD7D1;
}

.menu_hover
{
   background-color:#BCB7B3;
   font-weight:bold;
}

.menu_hover a, .menu_hover a:visited, .menu_hover a:hover 
{
   color:#FFFFFF;
}

.menu_hover a:hover 
{
   color:#FFFFFF;
}

/* ----------------------------------------- */

.menu_selected 
{
    background-color:#9C9189;
}

.menu_selected a:visited
{
    color:#FFFFFF;
}

/* ----------------------------------------- */
/* column 2 .. used? */
/* ----------------------------------------- */

#column2 
{
    background-color:#7D7150;    
    border:0px solid 90752E;
    padding:1%;
    width:18%;
    float:right;
    color:#FCFAF5;
    text-align:center; 
    margin:5px 3px 5px 5px; 
}  

/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Country Select */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */

/* ----------------------------------------- */
/* container for country selection flags */
/* ----------------------------------------- */

#country_select
{
    position:absolute;
    top:82px;
    right:10px;
    color:#FFFFFF;
    font-weight:bold;
}
/* ----------------------------------------- */
/* affects flag buttons only */
/* ----------------------------------------- */

#country_select input
{
    margin: 0px 2px 0px 2px;
    vertical-align:text-top;
}

/* ----------------------------------------- */
/* displays Country and flag */
/* ----------------------------------------- */

#country_current
{
    margin: 20px 2px 0px 10px;
    color:#6D5B4D;
    font-weight:bold;
}

/* ----------------------------------------- */
/* affects non-button flag display */
/* ----------------------------------------- */

#country_current img
{
    vertical-align:text-top;
}

/* ----------------------------------------- */
/* Main Headline Text (within header) */
/* ----------------------------------------- */

.top_menu_headline
{
    color:#FFFFFF;
    padding:4px 5px 3px 25px;
    position:absolute;
    top:78px;
    left:11px;
    font-weight:bold;
    font-size:14px;
    
}

/* ----------------------------------------- */
/* Top Menu when using Master Page wide version, exists but not used */
/* ----------------------------------------- */

.top_menu 
{
    font-size:11px;
    font-weight:bold;
    color:White;
    padding:4px 5px 3px 25px;
    position:absolute;
    top:79px;
    left:11px;
    background-color:#9C9189;
}

.top_menu a,
.top_menu a:visited,
.top_menu a:active
{
    color:White;
    text-decoration:none;
}

.top_menu a:hover 
{
    color:Yellow;
}

/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* vertical category list on catalogue default.aspx page */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */

/* ----------------------------------------- */
/* applies to td containing catalogue category menu, on catalogue default.aspx page */
/* ----------------------------------------- */

.right_inset 
{
    background-color:#DBD7D1;
    vertical-align:top;
    padding:0px 10px 0px 10px;
    position:relative;
    top:20px;
    left:10px;
}

/* ----------------------------------------- */
/* a div containing category menu output, on catalogue default.aspx page */
/* ----------------------------------------- */

.categories_horz
{
    text-align:left;
    font-size:14px;
    font-weight:bold;
    padding-left:10px;
}

/* ----------------------------------------- */
/* affects the ul with category menu output, on catalogue default.aspx page
/* ----------------------------------------- */

.categories_horz ul
{
    padding-left:10px;
    margin:0px;
}

/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Category links at top of catalogue pages */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */ 

.cat_menu
{
    border:0px solid gray;
    font-weight:normal;
    font-size:11px;
    margin-bottom:5px;
    
}

.cat_menu td
{
    vertical-align:top;
    
}

/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* main content container, appears on master page  */   
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */

 .main_content
{
    float:left;
    width:auto;
    border:0px solid purple;
    border-left:1px solid #BCB7B3;
    padding:0px 0px 0px 0px;
    background-image:url(images/ceda_content_bk01.jpg);
    background-position:-177px -5px;
    background-repeat:no-repeat;
 }  

 .main_content_wide
{
    width:auto;
    border:0px solid purple;
    border-left:1px solid #BCB7B3;
    padding:0px 0px 0px 0px;
    background-image:url(images/ceda_content_bk01.jpg);
    background-position:-177px -5px;
    background-repeat:no-repeat;
 } 
 
 


.logo_style img
{
    width:100px;
}





/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* my totals box on catalogues pages */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */

/* container box for totals */
#my_total_box
{
    border:1px solid #BCB7B3;
    font-size:11px;
    font-family:Verdana, Arial, Sans-Serif; 
    /*font-weight:bold;*/
    width:160px;
    position:absolute;
    top:8px;
    right:8px;
    padding:5px;
    background-color:#F7F6F3;
    color:#9C9189;
}

/* row conatiner for total, note color changing styles come from vb code */
.my_total_row
{
    text-align:right;
    padding:2px 0px 2px 0px;
}

/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Footer section */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */

#footer 
{
    border:0px solid black;
    background-color:#FFFFFF;
    border-top:1px solid #BCB7B3;
    padding:5px 5px 0px 10px;
    clear:both;
    height:60px;
    font-size:11px;
    text-align:center;
}

#footer p {
    padding-top:8px;
    line-height:1.5;
}

#footer img
{
     float:left;
}

/* ----------------------------------------- */
/* Admin Main Conrol Panel (links) */
/* ----------------------------------------- */

.admin_panel_table
{
    font-size:11px;
    }
    
    .admin_panel_table td a
{
    font-size:11px;
    }

/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Admin Buttons table */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */


/* single row, 2 column table */
.admin_buttons_table 
{
    width:100%;
    margin:0px 0px 0px 0px;
    vertical-align:top;
    display:none;
}

/* single row, 2 column table */
.catalogue_buttons_table 
{
    width:100%;
    margin:0px 0px 0px 0px;
    vertical-align:top;
}

/* left cell */
.admin_buttons_left
{
    text-align:left;
    vertical-align:top;
    font-size:16px;
    font-weight:bold;
    color:#6D5B4D;
    display:none;
} 

/* left cell */
.admin_buttons_left p
{
    text-align:left;
    vertical-align:top;
    font-size:11px;
    font-weight:normal;
    color:#6D5B4D;
} 

/* right cell */
.admin_buttons_right
{
    text-align:right;
    vertical-align:top;
    display:none;
}   

/* header row on admin panel */
.admin_panel_header 
{
    background-color: #6B696B;
    color: white;
    font-weight: bold;
}

/* ----------------------------------------- */
/* Admin Menu */
.admin_menu 
{
    border:0px solid black;
    color:black;
    font-family:Verdana;
    font-size:11px;
}

.admin_menu a,
.admin_menu a:visited, 
.admin_menu a:hover, 
.admin_menu a:active  
{
    color:Teal;
}

.admin_menu_items 
{
    float:left;
}

.admin_menu_clock 
{
    float:right;
}

/* ----------------------------------------- */
/* Admin Notes, helpful notes that appear at end of page */
/* ----------------------------------------- */

.admin_footer_notes 
{
    font-size:11px;
    padding:5px 30px 5px 30px;
}

/* ----------------------------------------- */
/* company links on public page */
/* ----------------------------------------- */

.company_links, .company_links a:link, .company_links:visited, .company_links a:hover
{
    font-size:14px;
    font-weight:bold;
    margin-bottom:15px;
}

/* ----------------------------------------- */
/* Company Selected Table */
/* ----------------------------------------- */

.company_selected
{  
  border-collapse:collapse;
  width:100%;
  font-size:12px;    
}
.company_selected td
{
    padding:3px;
  
}

.company_selected input
{
    
  /* width:110px;----------------------------------------- */
}


.company_selected img
{
    width:100px;
    height:100px;    
}

.company_checkbox 
{
    margin:0px;
    padding:0px;
    width:20px;
    text-align:left;
    display:inline;
}  


.company_detail 
{
    width:100%;
}
.company_detail table
{
    width:100%;
}

/* ----------------------------------------- */
/* Div List Title, filter coding */
/* ----------------------------------------- */

.filter_off 
{
 
}
.filter_on 
{
    color:#2C31C9;
    background-image:url(images/filter.gif);
    background-repeat:no-repeat;
    padding-left:20px;
    background-position:0px 3px;
}

.emp_form_table
{
    font-size:11px;
    font-weight:normal;
    text-align:left; 
    border:1px solid black;
    width:96%;
    margin:2%;   
    }


/* ----------------------------------------- */
/* Company Form View */
/* ----------------------------------------- */

/* header over all form views */
.admin_form_header 
{
    padding:3px;
    background-color:#6B696B;
    color:#F7F6F3;
    font-weight:bold;
    font-size:14px;
    text-align:center;
}

.company_edit 
{
    width:100%;
    border:0px solid blue;
}

/* logo cell in company detail view */
.company_logo_cell
{
    vertical-align:top;
    }
    
/* on form, allows for rel-absolute positioning of checkboxes */
.company_notes_cell
{
      height:150px;
      vertical-align:top;
}

/* checkboxes on company form view */
.company_form_checkboxes_relative
{
    border:0px solid red;
    position:relative;
    }

.company_form_checkboxes
{
    border:0px solid red;
    position:absolute;
    top:-100px;
    left:320px;
}
    
/* textboxes on company form view */
.company_textbox
{
    width:200px;
}

/* notes textboxe on company form view (edit and insert) */
.company_text_note
{
    width:300px;
    height:100px;
}

/* notes textboxe on company form view, (read only) */
.company_note_area
{
    height:100px;
    width:300px;
    padding:3px;
    background-color:White;
    border:1px solid gray;
}


.emp_hrs_box
{
    
    height:100px;
    border:1px solid black;
}



/* notes textboxe on detail form view (edit and insert) */
.detail_text_note
{
    width:400px;
    height:80px;
}

/* notes textboxe on detail form view, (read only) */
.detail_note_area
{
    height:80px;
    width:400px;
    padding:3px;
    background-color:White;
    border:1px solid gray;
}

/* on detail form */
.detail_notes_container
{
    margin-top:5px;
    margin-bottom:10px;
    padding-left:60px;
     
}

/* ----------------------------------------- */
/* Admin form "Detail" table cells */
/* ----------------------------------------- */

.detail_field 
{
    padding:2px;
    font-weight:bold;
    text-align:right;
    vertical-align:top;
}

.detail_data 
{
    padding:2px;
    text-align:left;
    vertical-align:top;
}

/* ----------------------------------------- */


/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Public Catalogue */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */

/* ----------------------------------------- */
/* outer most catalogue content container */
/* ----------------------------------------- */

.cat_base
{
    padding:0px 10px 20px 10px;
    border:0px solid blue;
}

/* ----------------------------------------- */
/* applies to gridview on cat_main.aspx */
/* ----------------------------------------- */

.cat_grid
{
    width:588px;
    border:0px solid green;
    margin:0px;
}

/* ----------------------------------------- */
/* contains a row in catalogue gridview */
/* ----------------------------------------- */

.cat_item_container 
{
    border-top:8px solid #BCB7B3;
    border-bottom:1px solid #BCB7B3;
    border-left:1px solid #BCB7B3;
    border-right:1px solid #BCB7B3;
    padding:2px 0px 2px 0px;
    margin:0px;
    width:100%;
}

/* ----------------------------------------- */
/* affects gridview header on cat_main.aspx */
/* ----------------------------------------- */

.cat_header 
{
    /*background-color:Fuchsia;
    'border:solid 10px black;*/
    display:none;
}

/* ----------------------------------------- */
/* affects gridview row on cat_main.aspx */
/* ----------------------------------------- */

.cat_row 
{
    border:0px solid black;
    margin:10px;
}

/* ----------------------------------------- */
/* affects gridview alt row on cat_main.aspx */
/* ----------------------------------------- */

.cat_row_alt 
{
    background-color:#FFFFFF;
    padding:10px;
    border:solid 0px black;
    
}

/* ----------------------------------------- */
/* affects gridview paging on cat_main.aspx */
/* ----------------------------------------- */

.cat_paging 
{
    text-align:right;
    font-weight:bold;
    
}

/* ----------------------------------------- */
/* affects gridview photo cell on cat_main.aspx */
/* ----------------------------------------- */

.cat_photo_cell 
{
    width:110px;
    vertical-align:top;    
}

/* ----------------------------------------- */
/* affects img on cat_main.aspx and in admin */
/* ----------------------------------------- */

.cat_photo 
{
    width:100px;
    height:100px;
}

/* ----------------------------------------- */
/* description cell on cat_main.aspx */
/* ----------------------------------------- */

.cat_desc_cell 
{
    border-right:1px solid #F7F6F3;
    padding:0px 10px 0px 0px;
    }

/* ----------------------------------------- */
/* price cell on cat_main.aspx */
/* ----------------------------------------- */

.cat_price_cell 
{
    width:135px;
    vertical-align:top;
    text-align:right;
    padding:5px;
    background-color:#F7F6F3;
}

/* ----------------------------------------- */
/* spans price text on cat_main.aspx */
/* ----------------------------------------- */

.cat_price 
{
    font-weight:bold;
    margin:0px;
}

/* ----------------------------------------- */
/* applies to separator between sizes, colors, on cat_main.aspx  */
/* ----------------------------------------- */

.item_separator 
{
    color:#BCB7B3;
}


.div_list_grid 
{
    width:100%;
    border:0px;
    margin:0px;
}

/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Item Detail Page - public catalogue */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */

/* Item Detail styles (cat_detail.aspx) */

.item_detail_table
{
    border-top:8px solid #BCB7B3;
    border-bottom:8px solid #BCB7B3;
    border-left:1px solid #BCB7B3;
    border-right:1px solid #BCB7B3;
    margin:0px;
    width:588px;
}

.item_detail_table td
{
    vertical-align:top;
}

.item_detail_name
{
    font-size:16px;
    font-weight:bold;
    color:#6D5B4D;
}


.item_desc_cell 
{
    border-right:1px solid #F7F6F3;
}
    
.item_price_cell
{
 width:125px;
 padding:5px;
 text-align:right;
 background-color:#F7F6F3;
}
 
.item_detail_hours
{
    font-size:14px;
    font-weight:bold;
    color:#6D5B4D;
}

.item_detail_months
{
    font-size:11px;
    color:#6D5B4D;
    margin-bottom:10px;
    font-weight:normal;
}

/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* cart footer table */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */

.cart_footer_table
{
    margin:10px 0px 10px 0px;
}

.cart_footer_table td
{
    vertical-align:top;
}

.cart_footer_left
{
}

.cart_footer_right
{
    text-align:right;   
}

 /* ----------------------------------------- */


/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Misc */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */

/* ----------------------------------------- */
/* Context images */
/* ----------------------------------------- */

.context_image01 
{
    margin:3px 10px 5px 0px;
    width:85px;
    float:left;
    vertical-align:top;
}

/* ----------------------------------------- */
/* Validator ... asterick size */
/* ----------------------------------------- */

.validator 
{
    font-size:16px;
    font-weight:bold;
    }

/* ----------------------------------------- */
/* Hide Things, cart textboxes */
/* ----------------------------------------- */

.hide 
{
    display:none;
    }


/* ----------------------------------------- */
/* Go to Catalogue and/or Admin panel button */
/* ----------------------------------------- */

.btnPanel 
{
    
    position:relative;
    left:30px;
    
    }
    
/* ----------------------------------------- */
/* Count Table */
/* ----------------------------------------- */

.count_header 
{
    background-color:#6B696B;
    color:White;
    font-weight:bold;
}
.count_field 
{
    width:40%;
    text-align:left;
    background-color:#F9F5EC;
}
.count_data 
{
    width:30%;
    text-align:center;
    background-color:#F9F5EC;
}

/* ----------------------------------------- */



/* horizontal menu for Program Info sub pages */
.mymenu, a:link, a:visited 
{
    font-size:11px;
    color:#6D5B4D;
}

.mymenu, a:hover 
{
    color:#B37E16;
}

/* ----------------------------------------- */
/* closes off floats, section end */
.end_clear 
{
    clear:both;
}

/* ----------------------------------------- */

/* ----------------------------------------- */
/* Webmonton Style */

.accentW 
{
    color:Purple;
}
