/* none of these should clash with the OSCommerce one */
/* menu definition; customise to your heart's content */
.menu_lvl1     {margin:6px 0px 3px 0px; padding:0px 12px;}
.menu_lvl1 a   {font-size:12px;color:white;font-weight:bold;}
/* 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;background-color:#2e1924;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{height:24px;padding:0px 0px 6px 0px;margin-top:-7px;background-color:#2E1924;}
.menu_lvl1_on a{font-size:12px;font-weight:bold;background-color:inherit;}
#lvl1_on_tab_left,#lvl1_on_tab_right{margin-top:0px;height:10px;width:10px;background-repeat:no-repeat;top:0px;position:absolute;}
#lvl1_on_tab_left{left:0px;position:absolute;background-image:url('images/tab_left.jpg');background-position:left top;}
#lvl1_on_tab_right{background-image:url('images/tab_right.jpg');background-position:right top;right:0px;}
#lvl_1_on_link{margin:12px 12px 0px;background-color:#2E1924;}

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

ul.sitemap h1,ul.sitemap h2,ul.sitemap h3,ul.sitemap h4,ul.sitemap h5,ul.sitemap h6{margin:0px 0px 2px 0px;display:inline;}

/* menus in the left-hand column */
#left_nav .menu_lvl1, #left_nav .menu_lvl1_on, #left_nav .page_lvl1, #left_nav .page_lvl1_on{
  background-color:#FFFFFF;padding:0px;display:block;text-align:left;
}
#left_nav .menu_lvl1, #left_nav .menu_lvl1_on{margin:0px 0px 5px;}
#left_nav a{color:#737476;font-weight:normal;font-size:10px;text-transform:uppercase;letter-spacing:-0.2px;}
#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{}

/* modules */
/* 'blog' compact lisiting */
div.updated_item{margin-bottom:0.4em}
span.updated_item_title{}
span.updated_item_date{display:inline-block;width:50px;margin-right:10px;}
/* more specific to override */
div.updated_items div.updated_item span.updated_item_date a{color:#AF96AA;}
.blog{width:500px;}
.blog_updated_dates{margin-top:10px;}
.blog_updated,.blog_posted{color:#737476;font-size:10px;}
.blog_tags{color:#737476;}
ul.blog_archive_expanded{list-style-image:url('images/arrow_down.jpg');}
ul.blog_archive_closed{list-style-image:url('images/arrow_right.gif');}
.blog_archive_closed a{}
.blog_archive_post{list-style-image:none;list-style:none;margin-bottom:5px;}
.blog_archive{float:right;width:200px;}
.blog_archive h3{color:#737476;}
.blog_archive ul{margin:0px 10px;padding:0px 10px;}
.blog_archive ul ul{margin:0px 5px;padding:0px 5px;}
.blog_archive ul ul ul{margin:0px 2px;padding:0px 2px;}
.blog_next_prev{margin-top:5px;}
.blog_prev{display:block;float:left;}
.blog_next{display:block;float:right;}
.blog_archive_post_current{font-weight:bold;}


/* style of skip navigation link at top of page */
#skipnav {position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}

/* 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;}

/*  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 */