/* none of these should clash with the OSCommerce one */
/* menu definition; customise to your heart's content */
.menu_lvl1,.menu_lvl1_on{margin:12px 0px 0px 0px; padding:0px 12px;position:relative;}
/* jumps out of the listing; not inline-block; need to use padding to acheive this effect*/
.menu_lvl1_on  {font-size:12px;display:inline-block;vertical-align:bottom;text-align:center;font-weight:bold;}
/* specific to the header */
tr.headerSubmenu td{height:24px;}
div.headerSubmenu{height:26px;}
tr.headerSubmenu .menu_lvl1_on,tr.headerSubmenu .menu_lvl1{
  height:24px;padding:0px 0px 6px 0px;vertical-align:bottom;text-align:center;font-size:12px;
}
.menu_lvl1_on  {;}
.menu_lvl1_on a, .menu_lvl1 a{font-size:15px;color:white;font-weight:bold;margin:12px 6px 0px;display:inline-block;}
/* tabs */
.lvl1_tab_left, .lvl1_tab_right{margin-top:0px;height:30px;width:10px;background-repeat:no-repeat;top:0px;position:absolute;}
.lvl1_tab_left{left:0px;position:absolute;background-image:url('images/tab_lh.png');background-position:left top;}
.lvl1_tab_right{background-image:url('images/tab_rh.png');background-position:right top;right:0px;}
.lvl1_link{background-image:url('images/tab_gradient.png');background-repeat:repeat-x;margin:0px 10px;height:30px;}
/* changes for a selected menu */
.menu_lvl1_on .lvl1_link{background-image:url('images/tab_gradient_selected.png');}
.menu_lvl1_on .lvl1_tab_left{ background-image:url('images/tab_lh_selected.png');}
.menu_lvl1_on .lvl1_tab_right{background-image:url('images/tab_rh_selected.png');}

/* Expovida only modifications */
.expovida .lvl1_tab_left{left:0px;position:absolute;background-image:url('images/tab_lh_expovida.png');background-position:left top;}
.expovida .lvl1_tab_right{background-image:url('images/tab_rh_expovida.png');background-position:right top;right:0px;}
.expovida .lvl1_link{background-image:url('images/tab_gradient_expovida.png');background-repeat:repeat-x;margin:0px 10px;height:30px;}
/* .expovida .lvl1_link{background-image:url('images/tab_gradient_selected_expovida.png');}
.expovida .lvl1_tab_left{ background-image:url('images/tab_lh_selected_expovida.png');}
.expovida .lvl1_tab_right{background-image:url('images/tab_rh_selected_expovida.png');} */

/* other menus */
.menu_lvl2     {margin:0px 0px 5px 5px;}
.menu_lvl2 a   {font-size:11px;}
.menu_lvl2_on  {margin:0px 0px 5px 5px;}
.menu_lvl2_on a{font-size:11px;font-weight:bold;}
.menu_lvl3     {margin:0px 0px 5px 5px;}
.menu_lvl3 a   {font-size:11px;}
.menu_lvl3_on  {margin:0px 0px 5px 5px;}
.menu_lvl3_on a{font-size:11px;font-weight:bold;}
.menu_lvl4     {margin:0px 0px 5px 5px;}
.menu_lvl4 a   {font-size:11px;}
.menu_lvl4_on  {margin:0px 0px 5px 5px;}
.menu_lvl4_on a{font-size:11px;font-weight:bold;}
.menu_lvl5     {margin:0px 0px 5px 5px;}
.menu_lvl5 a   {font-size:11px;}
.menu_lvl5_on  {margin:0px 0px 5px 5px;}
.menu_lvl5_on a{font-size:11px;font-weight:bold;}

/* menus in the left-hand column */
#left_nav .menu_lvl1, #left_nav .menu_lvl1_on, #left_nav .page_lvl1, #left_nav .page_lvl1_on{
  padding:0px;display:block;text-align:left;
}
#left_nav .menu_lvl1, #left_nav .menu_lvl1_on{margin:0px 0px 5px;}
#left_nav a{color:#002D7B;font-weight:normal;font-size:12px;}
/* with the blue box */
#left_nav .rh_box a{color:white;}
#left_nav .rh_box .menu_lvl1_on a{color:white;}

#left_nav .page_lvl1_on a,#left_nav .page_lvl2_on a,#left_nav .menu_lvl1_on a,#left_nav .menu_lvl2_on a{color:black;font-weight:bold;}

/* sale */
#menu_10 a{color:#B00000;font-weight:bold;font-size:13px;}

/* page indendation definitions; based on the *level* of a menu */
.page_lvl1   {margin-left:10px;margin-bottom:5px;}
.page_lvl1_on{margin-left:10px;margin-bottom:5px;}
.page_lvl2   {margin-left:20px;margin-bottom:5px;}
.page_lvl2_on{margin-left:20px;margin-bottom:5px;}
.page_lvl3   {}
.page_lvl3_on{}
.page_lvl4   {}
.page_lvl4_on{}
.page_lvl5   {}
.page_lvl5_on{}

/* freshSPRING colours; should be left alone */
.fresh {color:#3366FF;}
.fresh_bgcolour{background-color:#3366FF;}
.fresh_logo{color:#FFCC66;}
.spring {color:#FF9900;}
.spring_bgcolour{background-color:#FF9900;}
.spring_logo{color:#99CCFF;}
.serving{color:#A0A0A0;}
.serving_light{color:#ADADAD;}
.hope{color:#009900;}

.wordonly{margin-top:10px;margin-bottom:3px;}
.form_field_name{float:left;margin-bottom:2px;}
.form_field{margin-left:2px;float:left;margin-bottom:2px;}

.align_r{text-align:right;line-height:1.5;}


/*  stop divs from flowing out of boxes
 can use class="clearfix NEEDED_NAME" to use multiple classes on one object */
/*  obtained from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */